X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fduepuntozero%2Fstyle.css;h=0f9999c3e58e9552e33913ecccdb4c91fad45148;hb=f1af2c224f4f090c670c1e71ce89d651ff1441c7;hp=6a909bc7dbacb3cf8a3d362006d814b34c19ef76;hpb=19c93adf846647a61e407e8172ea7153cb7f2c41;p=friendica.git diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 6a909bc7db..0f9999c3e5 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -27,8 +27,7 @@ input { img { border :0px; } -#id_openid_url, -.openid { +.openid input { background: url(login-bg.gif) no-repeat; background-position: 0 50%; padding-left: 18px; @@ -45,7 +44,7 @@ code { border: 1px solid #444; background: #EEE; color: #444; - padding: 0px 10px 10px 10px; + padding: 10px; margin-top: 20px; } /*blockquote:before { @@ -62,6 +61,10 @@ blockquote { padding: 5px; } +.hide-comments { + margin-left: 5px; +} + #panel { background-color: ivory; position: absolute; @@ -145,8 +148,7 @@ nav .nav-link { background-color: transparent !important; } - -.nav-selected { +.nav-commlink.selected { background-color: #ffffff; border-bottom: 1px solid #ffffff; color: #000000 !important; @@ -204,20 +206,24 @@ section { min-height: 112px; } - -#profile-tabs-wrapper { +.tabs { height: 27px; background-image: url(head.jpg); background-repeat: repeat-x; background-position: 0px -20px; border-bottom: 1px solid #babdb6; + padding:0px; } -.profile-tabs { +.tabs li { margin: 0px; list-style: none; } +.tab { display:block; float:left; padding: 0.4em; margin-right: 1em; } +.tab.active { + font-weight: bold; +} /* footer */ @@ -226,6 +232,9 @@ footer { } +.birthday-today, .event-today { + font-weight: bold; +} div.wall-item-content-wrapper.shiny { background-image: url('shiny.png'); @@ -329,26 +338,23 @@ div.wall-item-content-wrapper.shiny { margin-top: 10px; } -#label-login-name, #label-login-password, #login-extra-filler { - float: left; - width: 200px; - margin-bottom: 20px; -} - -#login-password { +#login_standard { + width: 210px; float: left; - width: 170px; +} +#login_openid { + width: 210px; + margin-left: 250px; } -#login-name { - float: left; - width: 153px; +#login_standard input, +#login_openid input { + width: 180px; } -#login-name.no-openid { - float: left; - width: 170px; +#login-extra-links { + clear: both; } #register-link, #lost-password-link { @@ -493,6 +499,11 @@ input#dfrn-url { margin-bottom: 30px; } +#profile-extra-links { + clear: both; + margin-top: 10px; +} + #profile-extra-links ul { list-style-type: none; padding: 0px; @@ -510,6 +521,17 @@ input#dfrn-url { #profile-edit-links li { margin-top: 10px; } +.profile-edit-side-div { + float: right; +} +.profile-edit-side-link { + opacity: 0.3; + filter:alpha(opacity=30); +} +.profile-edit-side-link:hover { + opacity: 1.0; + filter:alpha(opacity=100); +} .view-contact-wrapper { margin-top: 20px; @@ -539,13 +561,12 @@ input#dfrn-url { width: 300px; } -#profile-edit-drop-link-wrapper { - float: left; -} #profile-edit-links-end { clear: both; + margin-bottom: 15px; } + .profile-listing-photo { border: none; } @@ -566,6 +587,7 @@ input#dfrn-url { #profile-photo-wrapper img { width:175px; height:175px; + padding: 12px; } #profile-edit-profile-name-label, @@ -744,7 +766,8 @@ input#dfrn-url { .contact-entry-wrapper { float: left; - width: 180px; + width: 120px; + height: 120px; } .contact-entry-direction-icon { @@ -760,7 +783,9 @@ input#dfrn-url { } .contact-entry-name { float: left; - margin-left: 30px; + margin-left: 0px; + width: 120px; + overflow: hidden; } .contact-entry-edit-links { margin-top: 6px; @@ -778,15 +803,12 @@ input#dfrn-url { } .contact-entry-photo { float: left; + position: relative; } .contact-entry-end { clear: both; } -#contact-edit-end { - clear: both; -} - #fsuggest-desc, #fsuggest-submit-wrapper { margin-top: 15px; margin-bottom: 15px; @@ -799,6 +821,9 @@ input#dfrn-url { float: left; margin-right: 5px; } +#network-bmark-link { + margin-top: 10px; +} .wall-item-content-wrapper { margin-top: 10px; @@ -947,6 +972,11 @@ input#dfrn-url { margin-left: 10px; float: left; } +.tag-item { + margin-left: 10px; + float: left; +} + .wall-item-links-wrapper { float: left; @@ -1366,19 +1396,18 @@ input#dfrn-url { } #contact-edit-wrapper { - margin-top: 50px; + margin-top: 10px; } #contact-edit-banner-name { font-size: 1.4em; font-weight: bold; - margin-left: 30px; } #contact-edit-poll-wrapper { - margin-left: 50px; - margin-top: 30px; + margin-top: 15px; } + #contact-edit-poll-text { margin-top: 15px; margin-bottom: 5px; @@ -1388,53 +1417,32 @@ input#dfrn-url { margin-top: 15px; } -#contact-edit-photo-wrapper { - margin-bottom: 20px; -} -#contact-edit-links { - float: left; -} -#contact-edit-links a { - float: left; -} -#contact-edit-links img { - margin-left: 20px; - border: none; -} - -#contact-drop-links { - float: left; -} - -#contact-drop-links img { - margin-left: 20px; - border: none; -} - -#contact-edit-nav-end { +#contact-edit-links{ clear: both; } -#contact-edit-direction-icon { - float: left; - margin-top: 70px; - margin-right: 2px; +#contact-edit-links ul { + list-style: none; + list-style-type: none; + margin-left: 0px; + padding-left: 0px; } -#contact-edit-photo { - float: left; +#contact-edit-links li { + margin-top: 5px; } -#contact-edit-photo-end { - clear: both; +#contact-edit-drop-link { + float: right; + margin-right: 20px; } -#contact-edit-photo-wrapper { - float: left; +#contact-edit-nav-end { + clear: both; } -#contact-edit-nav-wrapper { - float: left; +#contact-edit-wrapper { + width: 100%; } #contact-edit-end { @@ -1446,26 +1454,41 @@ input#dfrn-url { margin-left: 175px; } -#contact-reputation-selector { - margin-left: 175px; +.contact-edit-submit { + margin-top: 20px; } -#contact-edit-rating-text { - margin-left: 175px; -} -.contact-edit-submit { - margin-top: 20px; - /*margin-left: 50px;*/ +.contact-photo-menu-button { + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 64px; left:0px; + overflow: hidden; + text-indent: 40px; + display: none; + } +.contact-photo-menu { + width: auto; + border: 2px solid #444444; + background: #FFFFFF; + position: absolute; + left: 0px; top: 90px; + display: none; + z-index: 10000; +} +.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.contact-photo-menu li a { display: block; padding: 2px; } +.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } + #block-message, #ignore-message { - margin-top: 20px; color: #FF0000; - font-size: 1.1em; - border: 1px solid #FF8888; - background-color: #FFEEEE; - padding: 10px; } #profile-edit-insecure { @@ -1479,23 +1502,23 @@ input#dfrn-url { width: 587px; } -#block-message, #ignore-message { - width: 180px; -} - #profile-jot-text { height: 20px; color:#cccccc; border: 1px solid #cccccc; + padding: 3px 0px 0px 5px; } /** acl **/ +#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper{ display:block!important; } + + #acl-wrapper { width: 690px; float:left; @@ -1550,7 +1573,7 @@ input#dfrn-url { float: left; margin: 4px; } -.acl-list-item p { font-size: 10px; margin: 0px; padding: 2px 0px 1px; } +.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;} .acl-list-item a { font-size: 8px; display: block; @@ -1740,6 +1763,9 @@ a.mail-list-link { margin-right: 30px; margin-top: 15px; } +.mail-conv-break { + clear: both; +} .mail-conv-delete-icon { border: none; @@ -1758,7 +1784,7 @@ a.mail-list-link { padding: 3px 5px; } -.message-links ul ul { +.message-links-end { clear: both; } @@ -1766,20 +1792,63 @@ a.mail-list-link { list-style-type: none; } +#sidebar-group-list .icon { + display: inline-block; + height: 12px; + width: 12px; +} + #sidebar-group-list li { margin-top: 10px; } +#search-save { + margin-left: 5px; +} +.groupsideedit { + margin-right: 10px; +} +#saved-search-ul { + list-style-type: none; +} +.savedsearchdrop, .savedsearchterm { + float: left; + margin-top: 10px; +} +.savedsearchterm { + margin-left: 10px; +} + + #side-follow-wrapper { margin-top: 20px; } -#side-follow-url { +#side-follow-url, #side-peoplefind-url { margin-top: 5px; } -#side-follow-submit { +#side-follow-submit, #side-peoplefind-submit { margin-top: 15px; } +#side-match-link { + margin-top: 10px; +} + +aside input[type='text'] { + width: 180px; +} + +.widget { + border: 1px solid #DDDDDD; + padding: 8px; + margin-top: 5px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + +} + + .photo-album-image-wrapper { float: left; margin-top: 15px; @@ -1836,6 +1905,10 @@ a.mail-list-link { float: left; width: 175px; } + +#photos-upload-noshare { + margin-bottom: 10px; +} #photos-upload-existing-album-text { float: left; width: 175px; @@ -2120,15 +2193,19 @@ a.mail-list-link { .fn { - padding: 0px 0px 5px 0px; + padding: 0px 0px 5px 12px; font-size: 120%; font-weight: bold; } .vcard .title { margin-bottom: 5px; + margin-left: 12px; } +.vcard dl { + clear: both; +} #birthday-title { float: left; @@ -2376,10 +2453,12 @@ a.mail-list-link { } #crepair-nick-label, +#crepair-attag-label, #crepair-url-label, #crepair-request-label, #crepair-confirm-label, #crepair-notify-label, +#crepair-photo-label, #crepair-poll-label { float: left; width: 200px; @@ -2387,19 +2466,17 @@ a.mail-list-link { } #crepair-nick, +#crepair-attag, #crepair-url, #crepair-request, #crepair-confirm, #crepair-notify, +#crepair-photo, #crepair-poll { float: left; width: 300px; } -#contact-edit-links .icon, #contact-drop-links .icon { - margin: 0px 3px 0px 3px; -} - #netsearch-box { margin-top: 20px; @@ -2437,6 +2514,16 @@ a.mail-list-link { margin-top: 10px; } +.body-tag { + opacity: 0.5; + filter:alpha(opacity=50); +} + +.body-tag:hover { + opacity: 1.0 !important; + filter:alpha(opacity=100) !important; +} + .item-select { opacity: 0.1; filter:alpha(opacity=10); @@ -2479,6 +2566,18 @@ a.mail-list-link { filter:alpha(opacity=100); } +.notif-image { + height: 80px; + width: 80px; + margin-right: 15px; +} +.notification-listing-end { + clear: both; + margin-bottom: 15px; +} + + + /** * Plugins settings */ @@ -2542,8 +2641,8 @@ a.mail-list-link { border-color:#204A87; padding-right: 40px; background-position: right center; - background-color: #3465A4; - color: #FFFFFF; + background-color: #D7E3F1; + color: #204A87; text-align: left; } .hidden { display: none!important; } @@ -2641,6 +2740,28 @@ a.mail-list-link { .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;} +/** + * OAuth + */ +.oauthapp { + height: auto; overflow: auto; + border-bottom: 2px solid #cccccc; + padding-bottom: 1em; + margin-bottom: 1em; +} +.oauthapp img { + float: left; + width: 48px; height: 48px; + margin: 10px; +} +.oauthapp img.noicon { + background-image: url("../../../images/icons/48/plugin.png"); + background-position: center center; + background-repeat: no-repeat; +} +.oauthapp a { + float: left; +} /** * ICONS @@ -2685,6 +2806,7 @@ a.mail-list-link { .off { background-position: 0px -48px; } .starred { background-position: -16px -48px; } .unstarred { background-position: -32px -48px; } +.tagged { background-position: -48px -48px; } .icon.dim { opacity: 0.3;filter:alpha(opacity=30); } @@ -2705,3 +2827,36 @@ a.mail-list-link { .type-text { background-position: -60px 0px; } .type-unkn { background-position: -80px 0px; } + +/* autocomplete popup */ +.acpopup { + max-height:150px; + background-color:#ffffff; + overflow:auto; + z-index:100000; + border:1px solid #cccccc; +} +.acpopupitem { + background-color:#ffffff; padding: 4px; + clear:left; +} +.acpopupitem img { + float: left; + margin-right: 4px; +} + +.acpopupitem.selected { + color: #FFFFFF; background: #3465A4; +} + +/* popup notifications */ +div.jGrowl div.notice { + background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; + color: #ffffff; + padding-left: 58px; +} +div.jGrowl div.info { + background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; + color: #ffffff; + padding-left: 58px; +}