X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdiabook%2Fdiabook-dark%2Fstyle.css;h=81b5e567fca98ac3b716931fe58a32b05c656c38;hb=6369399b9fd753efd1c3e99e0cdcb17774208ca3;hp=638aeb455822add66a17f53325fc1bc7f52f32f4;hpb=17aba3033ff050a031ae578f0351db3da29ecbb7;p=friendica.git diff --git a/view/theme/diabook/diabook-dark/style.css b/view/theme/diabook/diabook-dark/style.css index 638aeb4558..81b5e567fc 100644 --- a/view/theme/diabook/diabook-dark/style.css +++ b/view/theme/diabook/diabook-dark/style.css @@ -3,6 +3,20 @@ * Additional Changes: Michael Vogel **/ +/** Fancy Box **/ +#fancybox-content { + width: 0; + height: 0; + padding: 0; + outline: none; + position: relative; + overflow: hidden; + z-index: 1102; + border: 0px solid #fff; + background: #2e2e2f !important; +} + + /* ========= */ /* = Admin = */ /* ========= */ @@ -226,7 +240,7 @@ .type-unkn { background-position: -80px 0px; } .icon.drop, .icon.drophide { - float: left; + float: right; } .icon { @@ -547,12 +561,13 @@ code { float: right; } .tool a { - color: #3465a4; + color: #88a9d2; } .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: #2e2f2e; @@ -576,9 +591,6 @@ header { background: #0c0e0c; background-color: #1d1f1d; z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; } header #site-location { display: none; @@ -594,7 +606,7 @@ header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover { - color: #2e2f2e; + color: #eec; text-decoration: none; outline: none; vertical-align: middle; @@ -606,9 +618,7 @@ 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 */ #message-new { @@ -625,7 +635,7 @@ header #banner #logo-text { text-decoration: none; } .mail-list-wrapper { - background-color: #eec; + background-color: #333; margin-bottom: 5px; width: 100%; height: auto; @@ -636,6 +646,7 @@ header #banner #logo-text { float: left; width: 20%; overflow: hidden; + background: #2e2e2f; } .mail-list-wrapper .mail-subject { width: 30%; @@ -701,10 +712,7 @@ nav { background: #1d1f1d; color: #2e2f2e; z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} + } nav a, nav a:active, nav a:visited, @@ -806,7 +814,7 @@ nav .nav-menu-icon:hover { } nav .nav-menu-icon.selected { - background-color: #fff; + background-color: #308dbf; } nav .nav-menu-icon img { width: 22px; @@ -851,6 +859,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; @@ -858,17 +867,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; } 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, @@ -879,6 +894,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-dark/icons/messages2.png"); } @@ -910,7 +926,7 @@ nav #nav-apps-link.selected { } .notify-seen { - background: none repeat scroll 0 0 #DDDDDD; + background: none repeat scroll 0 0 #666; } ul.menu-popup { @@ -929,7 +945,7 @@ ul.menu-popup { } ul.menu-popup a { display: block; - color: #2e302e; + color: #eec; padding: 5px 10px; text-decoration: none; } @@ -1226,6 +1242,9 @@ aside #login-extra-links{ height: 22px; width: 22px; } +#group-all-contacts{ + overflow: auto; +} .icon.text_add { background-image: url("../../../images/icons/16/add.png"); float: right; @@ -1363,6 +1382,9 @@ body .pageheader{ } #contact-edit-end { } +.contact-edit-submit{ + display: block; + } .pager { padding: 10px; text-align: center; @@ -1401,7 +1423,7 @@ body .pageheader{ padding-top: 10px; } .tread-wrapper a{ - color: #1872A2; + /* color: #1872A2; */ } .wall-item-decor { @@ -1505,6 +1527,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; @@ -1671,6 +1746,7 @@ body .pageheader{ height: 2.0em; width: 100%; font-size: 10px; + background: #444; color: #999999; border: 1px solid #DDD; padding: 0.3em; @@ -1679,7 +1755,7 @@ body .pageheader{ .wall-item-comment-wrapper .comment-edit-text-full { font-size: 14px; height: 4em; - color: #2e302e; + color: #eec; border: 1px solid #2e302e; } .comment-edit-preview { @@ -1723,6 +1799,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; @@ -1922,6 +2009,7 @@ body .pageheader{ margin: 0 0 5px; width: 60%; border: 1px solid #d2d2d2; + background: #444; } #profile-jot-form #jot-title:-webkit-input-placeholder { font-weight: normal; @@ -2770,6 +2858,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; @@ -2811,7 +2923,7 @@ float: left; } .directory-item { float: left; - width: 200px; + width: 800px; height: 200px; } .directory-item .contact-photo { @@ -2822,17 +2934,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;