X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;ds=sidebyside;f=view%2Ftheme%2Fsmoothly%2Fstyle.css;h=ae670cf3ad8b23c8c03cd43be12e944225121411;hb=442d59abc4c7c54abfee6b0d1d6583634b04ccf1;hp=bf7e639e0a3ee2ef840028b87c5f903a2aa7e0c2;hpb=f41c5dd1e5999e7ce0bfc1515d6998d5fa0986cd;p=friendica.git diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css index bf7e639e0a..ae670cf3ad 100644 --- a/view/theme/smoothly/style.css +++ b/view/theme/smoothly/style.css @@ -1,8 +1,8 @@ /* style.css Theme: Smoothly - Maintainer: alex@friendica.pixelbits.de - last change: 2013-04-24 + Maintainer: Nomen Nominandum + last change: 2013-05-08 ** Colors ** Blue links - #1873a2 @@ -115,6 +115,10 @@ input[type=submit]:active { #search-save { } +#directory-search-end { + clear: both; +} + .dirsearch-desc { } @@ -291,7 +295,7 @@ section { margin: 10px 0 0 230px; } -.login-form, +.login-form { margin-top: 10px; } @@ -574,14 +578,14 @@ ul#user-menu-popup li a.nav-sep { #lang-select-icon { bottom: 5px; cursor: pointer; - left: 915px; + left: 25px; position: fixed; z-index: 10; } #language-selector { position: fixed; bottom: 2px; - left: 945px; + left: 55px; z-index: 10; } @@ -639,6 +643,12 @@ aside h4 { font-size: 1.3em; } +.vcard { + width: 205px; + padding-bottom: 10px; + /*border-bottom-style: dotted;*/ +} + .vcard .title { font-size: 1em; } @@ -939,13 +949,14 @@ ul .sidebar-group-li .icon { width: 12px; } -.nets-ul, .fileas-ul, .categories-ul { +.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul { list-style-type: none; } .nets-ul li, .fileas-ul li, -.categories-ul li { +.categories-ul li, +.datebrowse-link { } .nets-link { @@ -1032,8 +1043,8 @@ ul .sidebar-group-li .icon { /* ================== */ .contact-block-img { - width: 47px; - height: 47px; + width: 47px !important; + height: 47px !important; margin-right: 2px; border: 1px solid #7C7D7B; border-radius: 3px; @@ -1061,11 +1072,13 @@ ul .sidebar-group-li .icon { .contact-block-h4, .contact-block-content { margin: 0; + font-size: 1.2em; } #contact-block, #contact-block-end { clear: both; + padding-top: 10px; } /* ======= */ @@ -1718,6 +1731,59 @@ ul .sidebar-group-li .icon { background-color: #1873a2; } +.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; +} + .icon.drop, .icon.drophide { float: left; @@ -2691,11 +2757,10 @@ margin-left: 0px; .view-contact-wrapper, .contact-entry-wrapper { float: left; - margin-right: 30px; - margin-bottom: 20px; - width: 88px; + padding-right: 10px; + width: 345px; height: 120px; - position: relative; + margin: 0 10px 10px 0px; } #view-contact-end { @@ -2706,6 +2771,10 @@ margin-left: 0px; margin-top: 15px; } +.contact-entry-wrapper .contact-entry-photo-wrapper { + float: left; + margin-right: 10px; +} .contact-entry-direction-wrapper { position: absolute; top: 20px; @@ -2722,17 +2791,27 @@ margin-left: 0px; font-weight: bold; } -.contact-entry-name { - width: 100px; +.contact-entry-desc { + overflow: hidden; +} + +.contact-entry-name, .contact-entry-connect { overflow: hidden; font: #999; font-size: 12px; - text-align: center; font-weight: bold; margin-top: 5px; } -.contact-entry-photo { +.contact-entry-details { + font-size: 13px; + color: #999999; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.contact-entry-photo-wrapper { position: relative; /*border: 1px solid #7C7D7B; border-radius: 3px; @@ -2743,6 +2822,15 @@ margin-left: 0px; -webkit-box-shadow: 0 0 8px #BDBDBD;*/ } +.contact-entry-photo { + width: 80px; +} + +.contact-entry-photo a img { + width: 80px; + height: 80px; +} + .contact-entry-edit-links .icon { border: 1px solid #babdb6; border-radius: 3px; @@ -3739,7 +3827,7 @@ margin-left: 0px; .field label { float: left; - width: 225px; + width: 230px; } .field checkbox { @@ -3925,7 +4013,13 @@ margin-left: 0px; font-size: 0.7em; } -footer { +footer { display: block; margin: 50px 20%; clear: both; } + +/* ========== */ +/* = Tools = */ +/* ========== */ + +tools { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) ); background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2'); @@ -3942,7 +4036,7 @@ footer { display: block; float: right; font-size: 15px; - height: 2em; + height: 38px; list-style: none outside none; margin: 0 0 0 755px; padding: 0; @@ -3953,7 +4047,6 @@ footer { clear:both; } - /* ======= */ /* = ACL = */ /* ======= */ @@ -4322,9 +4415,10 @@ ul.menu-popup { ----------------------------------------------------------- */ #scrollup { position: absolute; - right: 70px; - bottom: -4px; + right: 0px; + bottom: -1px; z-index: 100; +padding-right: 10px; } #scrollup a:hover { @@ -4332,6 +4426,10 @@ ul.menu-popup { border: 0; } +.item-scrollup { + margin-left: 5px; +} + /* New posts and comments => background color ----------------------------------------------------------- */ .shiny { @@ -4426,6 +4524,7 @@ hr.line-dots { float: left; text-align: left; display: block; + line-height: 0.6em; } .adr, @@ -4435,6 +4534,8 @@ hr.line-dots { float: left; display: block; margin-left: 8px; + line-height: 1em; + text-align: left; } #birthday-notice {} @@ -4531,10 +4632,6 @@ div #datebrowse-sidebar.widget { #id_npassword {} -#posted-date-selector { - margin-left: 33px; -} - #hide-comments-page-widget { margin-left: 40px; }