X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdispy%2Fstyle.css;h=e9d11d601f81c4f326cdb0280c718d3bdb09089d;hb=ac6945eed1644e7a9e58c5f74dae696ff0f09d72;hp=34c880ac07e794355cf2a5dce182283f186d22f5;hpb=33bafa62aa769345954c8315397a640754cb08ab;p=friendica.git diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css index 34c880ac07..e9d11d601f 100644 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -321,9 +321,10 @@ aside #viewcontacts { text-align: right;} padding: 5px; } #profile-jot-acl-wrapper { - margin: 0px 10%; + margin: 0px 10px; border: 1px solid #555753; border-top: 0px; + display:block!important; } #group_allow_wrapper, #group_deny_wrapper, @@ -342,25 +343,6 @@ aside #viewcontacts { text-align: right;} - -#acl-permit-wrapper, -#acl-deny-wrapper { padding: 5px; } - -#acl-allow-group-label, -#acl-allow-contact-label, -#acl-deny-group-label, -#acl-deny-contact-label { display: block } - -#group_allow, #contact_allow, -#group_deny, #contact_deny, -#profile-jot-acl-wrapper select { width: 100%; } - -#acl-wrapper-end, -#profile-jot-end { clear: both; height: 5px; } - - - - /** * section */ @@ -371,6 +353,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .tabs-wrapper li { display: inline;} .tabs { padding: 0px 5px; margin-right: 10px; } .tabs:hover { background-color: #729fcf; color: #eeeeec; border: 0px; } +.tabs.active { background-color: #729fcf; color: #eeeeec; border: 0px; } /** @@ -559,7 +542,14 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} padding-left: 10px; } - +/** + * profile + **/ + +div[id$="text"] { font-weight: bold; border-bottom: 1px solid #cccccc; } +div[id$="wrapper"] { height: 100%; margin-bottom: 1em; } +div[id$="wrapper"] br { clear: left; } +#advanced-profile-with { margin-left: 200px; } /** * photos @@ -584,6 +574,9 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} } +#photo-photo { max-width: 100% } +#photo-photo img { max-width: 100% } + .photo-top-image-wrapper a:hover, #photo-photo a:hover, .photo-album-image-wrapper a:hover { @@ -642,6 +635,9 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} transition: all 0.2s ease-in-out; } +#photo-next-link .icon, +#photo-prev-link .icon { display: none } + #photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper { margin-bottom: 1em; } @@ -678,6 +674,15 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .mail-list-delete-wrapper { float: right; } .mail-list-outside-wrapper-end { clear: both;} +.mail-conv-sender {float: left; margin: 0px 5px 5px 0px } +.mail-conv-sender-photo { width: 32px; height: 32px } +.mail-conv-sender-name { float: left } +.mail-conv-date { float: right } +.mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em } +.mail-conv-body { clear: both; } +.mail-conv-delete-wrapper { margin-top: 5px; } + + /** * contacts */ @@ -718,6 +723,13 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} /** * register, settings & profile forms */ +#id_openid_url, +.openid { + background: url(login-bg.gif) no-repeat; + background-position: 0 50%; + padding-left: 18px; +} + #settings-nickname-desc { background-color: #DDEFFF; -webkit-border-radius: 5px; @@ -727,20 +739,17 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} } #register-form div, -#profile-edit-form div, -#settings-form div { +#profile-edit-form div { clear: both; } #register-form label, -#profile-edit-form label, -#settings-form label { +#profile-edit-form label { width: 300px; float: left; } #register-form span, -#profile-edit-form span, -#settings-form span { +#profile-edit-form span { color: #555753; display:block; margin-bottom: 20px; @@ -794,6 +803,108 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} #cropimage-wrapper { float:left; } #crop-image-form { clear:both; } +/** + * events + **/ + +.clear { clear: both; } +.eventcal { + float: left; + font-size: 20px; +} + +.vevent { + border: 1px solid #CCCCCC; +} +.vevent .event-description, .vevent .event-location { + margin-left: 10px; + margin-right: 10px; +} +.vevent .event-start { + margin-left: 10px; + margin-right: 10px; +} + +#new-event-link { + margin-bottom: 10px; +} + +.edit-event-link, .plink-event-link { + float: left; + margin-top: 4px; + margin-right: 4px; + margin-bottom: 15px; +} + +.event-description:before { + content: url('../../../images/calendar.png'); + margin-right: 15px; +} + +.event-start, .event-end { + margin-left: 10px; + width: 330px; +} + +.event-start .dtstart, .event-end .dtend { + float: right; +} + +.event-list-date { + margin-bottom: 10px; +} + +.prevcal, .nextcal { + float: left; + margin-left: 32px; + margin-right: 32px; + margin-top: 64px; +} +.event-calendar-end { + clear: both; +} + + +.calendar { + font-family: Courier, monospace; +} +.today { + font-weight: bold; + color: #FF0000; +} + +#event-start-text, +#event-finish-text { + margin-top: 10px; + margin-bottom: 5px; +} + +#event-nofinish-checkbox, +#event-nofinish-text, +#event-adjust-checkbox, +#event-adjust-text, +#event-share-checkbox +{ + float: left; +} +#event-datetime-break { + margin-bottom: 10px; +} + +#event-nofinish-break, +#event-adjust-break, +#event-share-break { + clear: both; +} + +#event-desc-text, +#event-location-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-submit { + margin-top: 10px; +} /** * directory @@ -831,31 +942,6 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} #adminpage dd { margin-left: 200px; } - -#adminpage .field { - clear: left; - margin-bottom: 5px; - padding-bottom: 5px; -} - -#adminpage .field label { - float: left; - width: 200px; - font-weight: bold; -} - -#adminpage .field input, -#adminpage .field textarea { - width: 400px; -} -#adminpage .field textarea { height: 100px; } -#adminpage .field_help { - display: block; - margin-left: 200px; - color: #666666; - -} - #adminpage h3 { border-bottom: 1px solid #cccccc; } @@ -887,6 +973,67 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} #adminpage table tr:hover { background-color: #bbc7d7; } #adminpage .selectall { text-align: right; } +/** + * Form fields + */ +.field { + margin-bottom: 10px; + padding-bottom: 10px; + overflow: auto; + width: 100% +} + +.field label { + float: left; + width: 200px; +} + +.field input, +.field textarea { + width: 400px; +} +.field textarea { height: 100px; } +.field_help { + display: block; + margin-left: 200px; + color: #666666; + +} + + +.field .onoff { + float: left; + width: 80px; +} +.field .onoff a { + display: block; + border:1px solid #666666; + background-image:url("../../../images/onoff.jpg"); + background-repeat: no-repeat; + padding: 4px 2px 2px 2px; + height: 16px; + text-decoration: none; +} +.field .onoff .off { + border-color:#666666; + padding-left: 40px; + background-position: left center; + background-color: #cccccc; + color: #666666; + text-align: right; +} +.field .onoff .on { + border-color:#204A87; + padding-right: 40px; + background-position: right center; + background-color: #3465A4; + color: #FFFFFF; + text-align: left; +} +.hidden { display: none!important; } + +.field.radio .field_help { margin-left: 0px; } + /** * ICONS */ @@ -940,7 +1087,8 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .on { background-position: -50px -60px;} .off { background-position: -70px -60px;} - +.prev { background-position: -90px -60px;} +.next { background-position: -110px -60px;} .icon.dim { opacity: 0.3;filter:alpha(opacity=30); } @@ -964,3 +1112,107 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .cc-license { margin-top: 100px; font-size: 0.7em; } footer { display: block; margin: 50px 20%; clear: both; } +#profile-jot-text { + height: 20px; + color:#cccccc; + border: 1px solid #cccccc; +} +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper{ + display:block!important; +} + +#acl-wrapper { + width: 690px; + float:left; +} +#acl-search { + float:right; + background: #ffffff url("../../../images/search_18.png") no-repeat right center; + padding-right:20px; +} +#acl-showall { + float: left; + display: block; + width: auto; + height: 18px; + background-color: #cccccc; + background-image: url("../../../images/show_all_off.png"); + background-position: 7px 7px; + background-repeat: no-repeat; + padding: 7px 10px 7px 30px; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + color: #999999; +} +#acl-showall.selected { + color: #000000; + background-color: #ff9900; + background-image: url("../../../images/show_all_on.png"); +} + +#acl-list { + height: 210px; + border: 1px solid #cccccc; + clear: both; + margin-top: 30px; + overflow: auto; +} +#acl-list-content { +} +.acl-list-item { + display: block; + width: 150px; + height: 30px; + border: 1px solid #cccccc; + margin: 5px; + float: left; +} +.acl-list-item img{ + width:22px; + height: 22px; + float: left; + margin: 4px; +} +.acl-list-item p { font-size: 10px; margin: 0px; padding: 2px 0px 1px; } +.acl-list-item a { + font-size: 8px; + display: block; + width: 40px; + height: 10px; + float: left; + color: #999999; + background-color: #cccccc; + background-position: 3px 3px; + background-repeat: no-repeat; + margin-right: 5px; + -webkit-border-radius: 2px ; + -moz-border-radius: 2px; + border-radius: 2px; + padding-left: 15px; +} +#acl-wrapper a:hover { + text-decoration: none; + color:#000000; +} +.acl-button-show { background-image: url("../../../images/show_off.png"); } +.acl-button-hide { background-image: url("../../../images/hide_off.png"); } + +.acl-button-show.selected { + color: #000000; + background-color: #9ade00; + background-image: url("../../../images/show_on.png"); +} +.acl-button-hide.selected { + color: #000000; + background-color: #ff4141; + background-image: url("../../../images/hide_on.png"); +} +.acl-list-item.groupshow { border-color: #9ade00; } +.acl-list-item.grouphide { border-color: #ff4141; } +/** /acl **/ + +