X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdiabook%2Fdiabook-pink%2Fstyle.css;h=078478c136378983303739c2b73a032ed4bbefbf;hb=6369399b9fd753efd1c3e99e0cdcb17774208ca3;hp=84311fbe4feffa30cfc767a581f1467f1837825c;hpb=83683b516ec058d0e5fdd0d4a1defbd22a60c322;p=friendica.git diff --git a/view/theme/diabook/diabook-pink/style.css b/view/theme/diabook/diabook-pink/style.css index 84311fbe4f..078478c136 100644 --- a/view/theme/diabook/diabook-pink/style.css +++ b/view/theme/diabook/diabook-pink/style.css @@ -21,6 +21,7 @@ .admin.linklist { border: 0px; padding: 0px; + list-style: none; } .admin.link { @@ -150,7 +151,7 @@ display: block; width: 28px; height: 28px; background-repeat: no-repeat; } .video { background-image: url("../../../view/theme/diabook/diabook-pink/icons/video.png"); - display: block; width: 100%; height: 28px; background-repeat: no-repeat; + display: block; width: 100%; height: 140px; background-repeat: no-repeat; } .audio2 { background-image: url("../../../view/theme/diabook/diabook-pink/icons/audio.png"); display: block; width: 28px; height: 28px; background-repeat: no-repeat; @@ -227,7 +228,7 @@ .type-unkn { background-position: -80px 0px; } .icon.drop, .icon.drophide { - float: left; + float: right; } .icon { @@ -477,7 +478,7 @@ a:hover { } /*color*/ .fakelink { - color: #996d73; + color: #D02B55; /* color: #3e3e8c; */ text-decoration: none; cursor: pointer; @@ -550,12 +551,13 @@ code { } /*color*/ .tool a { - color: #996d73; + color: #D02B55; } .tool a:hover { text-decoration: none; } /* popup notifications */ +div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } div.jGrowl div.notice { background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; color: #ffffff; @@ -610,13 +612,12 @@ header #banner #logo-img { margin-top: 3px; } header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; + font-size: 20px!important;position: relative!important;top: -4px!important; } /* messages */ +/*color*/ #message-new { - background: #3465A4; + background: #D02B55; border: 1px solid #333; width: 150px; } @@ -857,6 +858,7 @@ nav #nav-directory-link, nav #nav-apps-link, nav #nav-site-linkmenu, nav #nav-home-link, +nav #nav-login-link, nav #nav-user-linkmenu { float: right; @@ -864,18 +866,23 @@ nav #nav-user-linkmenu nav #nav-user-linkmenu{ margin-right: 0px; } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ +nav #nav-home-link, #nav-directory-link, #nav-login-link, #nav-apps-link{ margin-left: 0px; margin-right: 0px; font-weight: bold; margin: 3px 5px; - font-size: 14px; } nav #nav-directory-link{ - margin-right: 0px; + margin-right: 10px; } + +li#nav-site-linkmenu.nav-menu-icon{ + display: none; +} + nav #nav-home-link{ - margin-left: 0px; + margin-left: 0px; + display: none; } nav #nav-help-link .menu-popup, nav #nav-search-link .menu-popup, @@ -886,6 +893,7 @@ nav #nav-site-linkmenu .menu-popup { left: auto; } + nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ background-image: url("../../../view/theme/diabook/diabook-pink/icons/messages.png"); } @@ -945,7 +953,7 @@ ul.menu-popup a { } /*color*/ ul.menu-popup a:hover { - background-color: #996d73; /*bdcdd4;*/ + background-color: #D02B55; /*bdcdd4;*/ color: #fff; } ul.menu-popup .menu-sep { @@ -993,7 +1001,7 @@ ul.menu-popup .empty { background-color: #bdcdd4; } #nav-notifications-menu { - width: 400px; + width: 425px !important; max-height: 550px; overflow: auto; } @@ -1188,7 +1196,7 @@ aside #side-peoplefind-url { } /*color*/ aside #likes a, a:visited, a:link { - color: #996d73; + color: #D02B55; text-decoration: none; cursor: pointer; @@ -1223,7 +1231,14 @@ aside #likes a:hover{ margin-right: 20px; } #login-submit-wrapper{ -margin-bottom: 15px; + + margin-bottom: 12px; + } +aside #login-submit-button{ + margin-left: 0px!important; + } +aside #login-extra-links{ + padding-top: 0px!important; } .group_selected { background: url("../diabook/icons/selected.png") no-repeat left center; @@ -1237,6 +1252,9 @@ margin-bottom: 15px; height: 22px; width: 22px; } +#group-all-contacts{ + overflow: auto; +} .icon.text_add { background-image: url("../../../images/icons/16/add.png"); float: right; @@ -1374,6 +1392,9 @@ body .pageheader{ } #contact-edit-end { } +.contact-edit-submit{ + display: block; + } .pager { padding: 10px; text-align: center; @@ -1417,7 +1438,7 @@ body .pageheader{ } /*color*/ .tread-wrapper a{ - color: #996d73; + color: #D02B55; } .wall-item-decor { position: absolute; @@ -1520,6 +1541,59 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .my-comment-photo { width: 48px; margin-left: 40px; @@ -1599,7 +1673,7 @@ body .pageheader{ max-width: 720px; word-wrap: break-word; - margin-bottom: 14px; + } .wall-item-container .wall-item-content img { @@ -1676,7 +1750,7 @@ body .pageheader{ padding-left: 12px; } .wall-item-comment-wrapper { - margin: 1px 5px 17px 80px; + margin: 1px 5px 5px 80px; } .wall-item-comment-wrapper .comment-edit-photo { display: none; @@ -1737,6 +1811,17 @@ body .pageheader{ background-color: #fff797; } +span#jot-preview-link.tab.button{ + float: right; + margin-left: 10px; + margin-right: 14px; + margin-top: 2px; + font-size: 11px; + font-weight: bolder; + cursor: pointer; + border: 0px; +} + .wall-item-tags { padding-top: 1px; padding-bottom: 2px; @@ -2063,7 +2148,7 @@ body .pageheader{ } /*color*/ .button.creation2 { - background-color: #996d73; + background-color: #D02B55; border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; @@ -2196,7 +2281,7 @@ ul.tabs li { } /*color*/ ul.tabs li .active { - background-color: #996d73; + background-color: #D02B55; border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; @@ -2215,7 +2300,7 @@ ul.rs_tabs li { } /*color*/ ul.rs_tabs li .selected { - background-color: #996d73; + background-color: #D02B55; border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; @@ -2787,6 +2872,30 @@ float: left; /* ============= */ /* = Directory = */ /* ============= */ +section .directory-item dl { + height: auto; + overflow: auto; +} +section .directory-item dt { + float: left; + margin-left: 0px; + text-align: right; + color: #999; +} +section .directory-item dd { + float: left; + margin-left: 5px; +} +.directory-profile-wrapper { + float: left; + max-height: 178px; + overflow: hidden; + width: 635px; +} +.directory-copy-wrapper { + float: left; + overflow: hidden; +} /* contacts menu */ .contact-photo-wrapper { position: relative; @@ -2828,7 +2937,7 @@ float: left; } .directory-item { float: left; - width: 200px; + width: 800px; height: 200px; } .directory-item .contact-photo { @@ -2839,17 +2948,42 @@ float: left; width: 175px; height: 175px; } + +section .directory-photo-wrapper { + float: left; + height: 200px; + width: 165px; +} .contact-name { - text-align: left; font-weight: bold; - font-size: 12px; + font-size: 18px; + margin-bottom: -3px; + text-align: left; } .contact-details { color: #999999; } +.page-type { + font-size: 10px; + font-style: italic; +} +.directory-detailscolumn-wrapper { + float: left; + width: 305px; + margin-right: 10px; +} +.directory-profile-wrapper dl { + margin-top: 3px; + margin-bottom: 3px; +} +.directory-profile-title { + font-weight: bold; + margin-bottom: 3px; + font-size: 14px; +} #side-bar-photos-albums{ margin-top: 15px; - } +} .photo-top-photo, .photo-album-photo { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;