X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Floozah%2Fstyle.css;h=c58bda5bb37b0b3a09895b894d9349df1a02f6a5;hb=d5567eb2976f903f7219f6b18a07ab79bca74dbd;hp=92c2c20a771693bd4765e5ad9f6f685c1e729b82;hpb=78b2db3a9840f551c951bf0a58a54cce08133bcf;p=friendica.git diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css index 92c2c20a77..c58bda5bb3 100644 --- a/view/theme/loozah/style.css +++ b/view/theme/loozah/style.css @@ -41,12 +41,14 @@ input:hover { cursor: pointer; } +#id_openid_url, .openid { background-color: #ECECEC !important; background: url(login-bg.gif) no-repeat; background-position: 0 50%; padding-left: 18px; } +#id_openid_url:hover, .openid:hover { background-color: #0CBEFE !important; } @@ -114,8 +116,10 @@ blockquote:before { #profile-link, #profile-title, #wall-image-upload, +#wall-file-upload, #profile-upload-wrapper, #wall-image-upload-div, +#wall-file-upload-div, .hover, .focus { cursor: pointer; } @@ -135,6 +139,18 @@ blockquote:before { cursor: pointer; } + +#group-sidebar { + margin-bottom: 10px; +} + +.group-selected { + padding: 3px; + border: 1px solid #CCCCCC; + background: #F8F8F8; + font-weight: bold; +} + .fakelink:hover { color: #0CBEFE; text-decoration: none; @@ -517,133 +533,6 @@ input#dfrn-url { margin-left: 50px; } -#settings-nick-wrapper { - margin-bottom: 15px; -} - -#settings-expire-end { - margin-bottom: 30px; -} - -#settings-username-end, -#settings-email-end, -#settings-nick-end, -#settings-defloc-end, -#settings-allowloc-end, -#settings-blockw-end, -#settings-timezone-end, -#settings-theme-end, -#settings-password-end, -#settings-confirm-end, -#settings-openid-end, -#settings-maxreq-end, -#notify1-end, -#notify2-end, -#notify3-end, -#notify4-end, -#notify5-end, -#imap-server-end, -#imap-port-end, -#imap-ssl-end, -#imap-user-end, -#imap-pass-end, -#imap-replyto-end, -#imap-pubmail-end { - margin-bottom: 5px; - clear: both; -} - -#settings-username-label, -#settings-email-label, -#settings-nick-label, -#settings-defloc-label, -#settings-allowloc-label, -#settings-blockw-label, -#settings-timezone-label, -#settings-theme-label, -#settings-password-label, -#settings-confirm-label, -#settings-openid-label, -#settings-maxreq-label, -#settings-label-notify1, -#settings-label-notify2, -#settings-label-notify3, -#settings-label-notify4, -#settings-label-notify5, -#settings-label-imap1, -#settings-label-imap2, -#settings-label-imap3, -#settings-label-imap4, -#settings-label-imap5, -#settings-label-imap6, -#settings-label-imap7 { - float: left; - width: 200px; -} - -#settings-username, -#settings-email, -#settings-nick, -#settings-defloc, -#settings-allowloc, -#settings-blockw, -#timezone-select, -#theme-select, -#settings-password, -#settings-confirm, -#settings-maxreq, -#notify1, -#notify2, -#notify3, -#notify4, -#notify5, -#imap-server, -#imap-port, -#imap-ssl, -#imap-user, -#imap-pass, -#imap-replyto, -#imap-pubmail { - float: left; - margin-bottom: 20px; -} - -#settings-openid { - float: left; - margin-bottom: 20px; - width: 127px; -} - -#settings-maxreq-desc { - float: left; - margin-left: 20px; -} - -#settings-theme-label, -#settings-defloc-label { - margin-top: 20px; -} - -#settings-defloc { - margin-top: 20px; -} - - -#theme-select { - margin-top: 20px; - width: 207px; -} -#settings-notify-desc { - margin-top: 20px; - margin-bottom: 20px; -} -#settings-nick-desc { - width: 500px; -} - -#settings-nick { - margin-bottom: 30px; -} #cropimage-wrapper, #cropimage-preview-wrapper { float: left; @@ -825,6 +714,8 @@ input#dfrn-url { #profile-in-dir-no, #profile-in-netdir-yes, #profile-in-netdir-no, +#hide-wall-yes, +#hide-wall-no, #hide-friends-yes, #hide-friends-no, #settings-normal, @@ -839,6 +730,8 @@ input#dfrn-url { #profile-in-dir-no-label, #profile-in-netdir-yes-label, #profile-in-netdir-no-label, +#hide-wall-yes-label, +#hide-wall-no-label, #hide-friends-yes-label, #hide-friends-no-label { margin-left: 125px; @@ -917,6 +810,8 @@ input#dfrn-url { #profile-in-dir-end, #profile-in-netdir-break, #profile-in-netdir-end, +#hide-wall-break, +#hide-wall-end, #hide-friends-break, #hide-friends-end, #settings-normal-break, @@ -989,6 +884,13 @@ input#dfrn-url { clear: both; } + +#fsuggest-desc, #fsuggest-submit-wrapper { + margin-top: 15px; + margin-bottom: 15px; +} + + .wall-item-content-wrapper { margin-top: 10px; border: 1px solid #CCC; @@ -1069,8 +971,23 @@ input#dfrn-url { } .editpost { - margin-left: 15px; + margin-left: 10px; + float: left; } +.star-item { + margin-left: 10px; + float: left; +} + + +#network-star-link{ + margin-top: 10px; +} +.network-star { + float: left; + margin-right: 5px; +} + .wall-item-info.wallwall { width: 285px; @@ -1197,7 +1114,10 @@ padding: 5px 10px 0px; float: left; margin-left: 30px; } - +#profile-attach-wrapper { + float: left; + margin-left: 30px; +} #profile-rotator { float: left; margin-left: 30px; @@ -1641,74 +1561,114 @@ padding: 5px 10px 0px; overflow: auto; } -#group-new-submit-wrapper { - margin-top: 30px; +#profile-jot-text { + height: 20px; + color:#cccccc; + border: 1px solid #cccccc; } -#acl-allow-group-label, -#acl-allow-contact-label, -#acl-deny-group-label, -#acl-deny-contact-label { - display: block; -} -#acl-permit-text { - margin-top: 10px; - float: left; +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper{ + display:block!important; } -#acl-deny-text { - margin-top: 10px; -} -#jot-public { - float: left; - margin-top: 10px; - margin-left: 15px; - color: #FF0000; +#acl-wrapper { + width: 690px; + float:left; } - -#acl-permit-text-end { - clear: both; +#acl-search { + float:right; + background: #ffffff url("../../../images/search_18.png") no-repeat right center; + padding-right:20px; } - -#acl-allow-group-label, -#acl-allow-contact-label, -#acl-deny-group-label, -#acl-deny-contact-label { - margin-top: 5px; - margin-bottom: 5px; +#acl-showall { + float: left; + display: block; + width: auto; + height: 20px; + background-color: #cccccc; + background-image: url("../../../images/show_all_off.png"); + background-position: 7px 7px; + background-repeat: no-repeat; + padding: 5px 5px 0px 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"); } -#group_allow_wrapper, -#group_deny_wrapper { - float: left; - width: 100px; - margin-right: 10px; +#acl-list { + height: 210px; + border: 1px solid #cccccc; + clear: both; + margin-top: 30px; + overflow: auto; } +#acl-list-content { -#contact_allow_wrapper, -#contact_deny_wrapper { - float: left; +} +.acl-list-item { + display: block; width: 150px; - margin-right: 10px; + height: 30px; + border: 1px solid #cccccc; + margin: 5px; + float: left; } - -#acl-allow-end, -#acl-deny-end { - clear: both; +.acl-list-item img{ + width:22px; + height: 22px; + float: left; + margin: 4px; } -#acl-permit-outer-wrapper, -#acl-deny-outer-wrapper { - padding: 10px; - margin-top: 10px; - border: 2px solid #BBBBBB; +.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; + 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-wrapper-end { - clear: both; +.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 **/ + +#group-new-submit-wrapper { + margin-top: 30px; } #group-edit-name-label { @@ -2059,6 +2019,7 @@ a.mail-list-link { #install-dbuser-label, #install-dbpass-label, #install-dbdata-label, +#install-admin-label, #install-tz-desc { float: left; width: 250px; @@ -2070,7 +2031,8 @@ a.mail-list-link { #install-dbhost, #install-dbuser, #install-dbpass, -#install-dbdata { +#install-dbdata, +#install-admin { float: left; width: 200px; margin-left: 20px; @@ -2080,6 +2042,7 @@ a.mail-list-link { #install-dbuser-end, #install-dbpass-end, #install-dbdata-end, +#install-admin-end, #install-tz-end { clear: both; } @@ -2296,6 +2259,10 @@ a.mail-list-link { .profile-match-wrapper { float: left; padding: 10px; + width: 120px; + height: 120px; + scroll: auto; + } #profile-match-wrapper-end { clear: both; @@ -2308,7 +2275,7 @@ a.mail-list-link { #language-selector { position: absolute; top: 0; - left: 0; + left: 16px; } @@ -2400,6 +2367,265 @@ a.mail-list-link { width: 300px; } +#netsearch-box { + margin-top: 20px; +} + +#netsearch-box #search-submit { + margin: 5px 0px 0px 0px; +} + +.required { + color: #FF0000; +} + +.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-list-date { + margin-bottom: 10px; +} + +.event-start, .event-end { + margin-left: 10px; + width: 330px; + clear: both; +} + +.event-start .dtstart, .event-end .dtend { + float: right; +} + +.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 { + float: left; +} +#event-datetime-break { + margin-bottom: 10px; +} + +#event-nofinish-break, #event-adjust-break { + clear: both; +} + +#event-desc-text, #event-location-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-submit { + margin-top: 10px; +} + + +.item-select { + opacity: 0.1; + filter:alpha(opacity=10); + float: right; + margin-right: 10px; + +} +.item-select:hover, .checkeditem { + opacity: 1; + filter:alpha(opacity=100); +} + + +#item-delete-selected { + margin-top: 30px; +} + +#item-delete-selected-end { + clear: both; +} +#item-delete-selected-icon, #item-delete-selected-desc { + float: left; + margin-right: 5px; +} +#item-delete-selected-desc:hover { + text-decoration: underline; +} + +#lang-select-icon { + cursor: pointer; + position: absolute; + left: 0px; + top: 0px; +} +/** + * 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; } + + +/** + * ADMIN + */ +#pending-update { + float:right; + color: #ffffff; + font-weight: bold; + background-color: #FF0000; + padding: 0em 0.3em; +} + +#adminpage dl { + clear: left; + margin-bottom: 2px; + padding-bottom: 2px; + border-bottom: 1px solid black; +} +#adminpage dt { + width: 200px; + float: left; + font-weight: bold; +} +#adminpage dd { + margin-left: 200px; +} + +#adminpage h3 { + border-bottom: 1px solid #cccccc; +} + +#adminpage .submit { + clear:left; +} + +#adminpage #pluginslist { + margin: 0px; padding: 0px; +} +#adminpage .plugin { + list-style: none; + display: block; + border: 1px solid #888888; + padding: 1em; + margin-bottom: 5px; + clear: left; +} +#adminpage .toggleplugin { + float:left; + margin-right: 1em; +} + +#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} +#adminpage table th { text-align: left;} +#adminpage td .icon { float: left;} +#adminpage table#users img { width: 16px; height: 16px; } +#adminpage table tr:hover { background-color: #bbc7d7; } +#adminpage .selectall { text-align: right; } /** * ICONS */ @@ -2434,3 +2660,31 @@ a.mail-list-link { .unlock { background-position: -32px -32px;} .video { background-position: -48px -32px;} .youtube { background-position: -64px -32px;} +.attach { background-position: -80px -32px; } +.language { background-position: -96px -32px; } +.prev { background-position: -112px -32px; } +.next { background-position: -128px -32px; } +.on { background-position: -144px -32px; } + +.off { background-position: 0px -48px; } +.starred { background-position: -16px -48px; } +.unstarred { background-position: -32px -48px; } + +.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } + +.attachtype { + display: block; width: 20px; height: 23px; + float: left; + background-image: url('../../../images/content-types.png'); +} + +.body-attach { + margin-top: 10px; +} + +.type-video { background-position: 0px; 0px; } +.type-image { background-position: -20px; 0px; } +.type-audio { background-position: -40px; 0px; } +.type-text { background-position: -60px; 0px; } +.type-unkn { background-position: -80px; 0px; } +