X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fduepuntozero%2Fstyle.css;h=314fb5e754a602deeb890284757b828e2bd9104f;hb=9fa0956966288392c3e4eb85c6d1c2c0be9464d9;hp=f202e9ff5c30846e161d64fbce8d4defebcc589e;hpb=73b4faca5c7af506558eba6b7317d23551f1aefa;p=friendica.git diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index f202e9ff5c..314fb5e754 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -27,6 +27,7 @@ input { img { border :0px; } +#id_openid_url, .openid { background: url(login-bg.gif) no-repeat; background-position: 0 50%; @@ -47,8 +48,13 @@ code { padding: 10px; margin-top: 20px; } -blockquote:before { +/*blockquote:before { content: '>> '; +}*/ +blockquote { + background-color: #f4f8f9; + border-left: 4px solid #dae4ee; + padding: 0.4em; } .icollapse-wrapper, .ccollapse-wrapper { @@ -104,7 +110,7 @@ nav #site-location { nav #banner { display: block; - padding-top: 14px; + margin-top: 14px; position: absolute; } nav #banner #logo-text a { @@ -173,6 +179,16 @@ aside { position: absolute; } +#dfrn-request-link { + display: block; + color: #FFFFFF; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 5px; + font-weight: bold; + background: #3465a4 url('friendika-16.png') no-repeat 95% center; +} /* section */ section { @@ -203,6 +219,7 @@ section { margin-right: 1em; } + /* footer */ footer { display: none; @@ -249,6 +266,17 @@ div.wall-item-content-wrapper.shiny { cursor: pointer; } +#group-sidebar { + margin-bottom: 10px; +} + +.group-selected { + padding: 3px; + border: 1px solid #CCCCCC; + background: #F8F8F8; + font-weight: bold; +} + .fakelink:hover { color: #3465a4; text-decoration: underline; @@ -391,130 +419,7 @@ input#dfrn-url { margin-left: 50px; } -#settings-nick-wrapper { - margin-top: 20px; - -} - -#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; -} #cropimage-wrapper, #cropimage-preview-wrapper { float: left; @@ -590,6 +495,7 @@ input#dfrn-url { #profile-extra-links ul { list-style-type: none; + padding: 0px; } @@ -881,6 +787,19 @@ input#dfrn-url { clear: both; } +#fsuggest-desc, #fsuggest-submit-wrapper { + margin-top: 15px; + margin-bottom: 15px; +} + +#network-star-link{ + margin-top: 10px; +} +.network-star { + float: left; + margin-right: 5px; +} + .wall-item-content-wrapper { margin-top: 10px; border: 1px solid #CCC; @@ -998,8 +917,12 @@ input#dfrn-url { .wall-item-like-buttons { float: left; margin-right: 10px; - padding-right: 10px; - border-right: 2px solid #fff; +/* padding-right: 10px; */ +/* border-right: 2px solid #fff; */ +} + +.like-rotator { + margin-left: 5px; } .wall-item-like-buttons > a, @@ -1013,10 +936,16 @@ input#dfrn-url { .wall-item-share-buttons { margin-left: 10px; + margin-right: 10px; } .editpost { - margin-left: 15px; + margin-left: 10px; + float: left; +} +.star-item { + margin-left: 10px; + float: left; } .wall-item-links-wrapper { @@ -1554,30 +1483,94 @@ input#dfrn-url { width: 180px; } +/** acl **/ +#profile-jot-acl-wrapper{ + overflow:hidden; + height: 100%; +} -/* -.profile-tabs { +#acl-wrapper { + width: 805px; + float:left; +} +#acl-search { + float:right; + background: #ffffff url("../../../images/search_18.png") no-repeat right center; + padding-right:20px; +} +#acl-showall { float: left; - padding: 4px; - margin-top: 10px; - margin-bottom: 10px; + display: block; + width: auto; + height: 18px; + background-color: #cccccc; + padding: 7px 5px 0px 30px; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + color: #999999; +} +#acl-showall.selected { + color: #000000; + background-color: #ff9900; +} + +#acl-list { + width: 805px; + height: 210px; + border: 1px solid #cccccc; + clear: both; + margin-top: 30px; +} +#acl-list-content { + overflow: auto; +} +.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; margin-right: 5px; - font-size: 0.8em; - font-weight: bold; - background-color: #ECECEC; - border: 1px solid #858585; + -webkit-border-radius: 2px ; + -moz-border-radius: 2px; + border-radius: 2px; + padding-left: 15px; } -.profile-tabs:hover { - background-color: #0CBEFE; - color: #F5F6FB; - border: 1px solid #F5F6FB; +#acl-wrapper a:hover { + text-decoration: none; + color:#000000; } +.acl-button-show.selected { + color: #000000; + background-color: #9ade00; +} +.acl-button-hide.selected { + color: #000000; + background-color: #ff4141; +} +.acl-list-item.groupshow { border-color: #9ade00; } +.acl-list-item.grouphide { border-color: #ff4141; } +/** /acl **/ -#profile-tabs-end { - clear: both; -}*/ - .comment-edit-text-empty { color: gray; height: 30px; @@ -1597,72 +1590,6 @@ input#dfrn-url { margin-top: 30px; } -#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-deny-text { - margin-top: 10px; -} - -#jot-public { - float: left; - margin-top: 10px; - margin-left: 15px; - color: #FF0000; -} - -#acl-permit-text-end { - clear: both; -} - -#acl-allow-group-label, -#acl-allow-contact-label, -#acl-deny-group-label, -#acl-deny-contact-label { - margin-top: 5px; - margin-bottom: 5px; -} - - -#group_allow_wrapper, -#group_deny_wrapper { - float: left; - width: 100px; - margin-right: 10px; -} - -#contact_allow_wrapper, -#contact_deny_wrapper { - float: left; - width: 150px; - margin-right: 10px; -} - -#acl-allow-end, -#acl-deny-end { - clear: both; -} -#acl-permit-outer-wrapper, -#acl-deny-outer-wrapper { - padding: 10px; - margin-top: 10px; - border: 2px solid #BBBBBB; - float: left; -} - -#acl-wrapper-end { - clear: both; -} - #group-edit-name-label { float: left; width: 175px; @@ -2223,11 +2150,69 @@ a.mail-list-link { cursor: pointer; } +.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; + clear: both; +} + +.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; } @@ -2288,6 +2273,9 @@ a.mail-list-link { .profile-match-wrapper { float: left; padding: 10px; + width: 120px; + height: 120px; + scroll: auto; } #profile-match-wrapper-end { clear: both; @@ -2298,8 +2286,8 @@ a.mail-list-link { #language-selector { position: absolute; - top: 0; - left: 0; + top: 0px; + left: 16px; } #group-members { @@ -2394,6 +2382,248 @@ a.mail-list-link { margin: 0px 3px 0px 3px; } + +#netsearch-box { + margin-top: 20px; +} + +#netsearch-box #search-submit { + margin: 5px 0px 0px 0px; +} + +.required { + 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; + opacity: 0.2; + filter:alpha(opacity=20); +} + +#lang-select-icon:hover { + opacity: 1; + filter:alpha(opacity=100); +} + +/** + * Plugins settings + */ + +.settings-block > h3, +.settings-heading { + border-bottom: 1px solid #babdb6; +} + + +/** + * 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 .field label { + font-weight: bold; +} +#adminpage .submit { + clear:left; + text-align: right; +} + +#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 .plugin .desc { margin-left: 2.5em;} +#adminpage .toggleplugin { + float:left; + margin-right: 1em; +} + +#adminpage table {width:100%; border-bottom: 1px 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; } + +/* + * UPDATE + */ +.popup { + width: 100%; height: 100%; + top:0px; left:0px; + position: absolute; + display: none; +} + +.popup .background { + background-color: rgba(0,0,0,128); + opacity: 0.5; + width: 100%; height: 100%; + position: absolute; + top:0px; left:0px; +} +.popup .panel { + top:25%;left:25%;width:50%;height:50%; + padding: 1em; + position: absolute; + border: 4px solid #000000; + background-color: #FFFFFF; +} +.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } +.popup .panel .panel_in { width: 100%; height: 100%; position: relative; } +.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; } +.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px} +.panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;} + + /** * ICONS */ @@ -2428,20 +2658,32 @@ 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.gif'); + 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; } +.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; }