X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdiabook%2Fstyle-profile.css;h=9a69cf4243b84775ec3e701a943167085ea91bfc;hb=e0cf2c5167f29efcd8923f40bade346fe44c4ef3;hp=bd63e59b342a4ddecafdf27808ef4bb6b8b2d6a1;hpb=cced235c04c9c22844df4aef1c516339b39293c6;p=friendica.git diff --git a/view/theme/diabook/style-profile.css b/view/theme/diabook/style-profile.css index bd63e59b34..9a69cf4243 100644 --- a/view/theme/diabook/style-profile.css +++ b/view/theme/diabook/style-profile.css @@ -185,6 +185,7 @@ .attachtype { display: block; width: 20px; height: 23px; background-image: url('../../../images/content-types.png'); + background-position: -80px 0px; } .type-video { background-position: 0px 0px; } @@ -398,7 +399,7 @@ body { font-size: 12.5px; background-color: #ffffff; color: #2d2d2d; - margin: 45px 2%; + margin: 50px auto auto; display: table; } @@ -511,6 +512,21 @@ div.jGrowl div.info { padding-left: 58px; } /* header */ +header { + position: fixed; + left: 0%; + right: 80%; + top: 0px; + margin: 0px; + padding: 0px; + width: 22%; + height: 32px; + background: #000; + z-index: 100; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); +} header #site-location { display: none; } @@ -542,6 +558,20 @@ header #banner #logo-text { top: 10%; } /* nav */ +nav { + width: 80%; + height: 32px; + position: fixed; + left: 22%; + top: 0px; + padding: 0px; + background: #000; + color: #ffffff; + z-index: 99; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); +} nav a, nav a:active, nav a:visited, @@ -907,8 +937,8 @@ ul.menu-popup .empty { aside { display: table-cell; vertical-align: top; - width: 150px; - padding: 0px 8px 0px 8px; + width: 160px; + padding: 0px 10px 0px 10px; border-right: 1px solid #D2D2D2; float: left; /* background: #F1F1F1; */ @@ -1107,8 +1137,8 @@ span.sbox input { section { display: table-cell; vertical-align: top; - width: 90%; - padding: 5px; + width: 610px; + padding: 0px 0px 0px 12px; } body .pageheader{ @@ -1157,11 +1187,7 @@ body .pageheader{ } #birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - background-color: lightblue; - border: think solid black; - margin: 2px; - padding: 5px; - width: 95%; + margin-bottom: 10px; } right_aside { @@ -1204,8 +1230,6 @@ right_aside .icon {width: 10px; height: 10px;} transition: all 0.2s ease-in-out; } /* wall item */ - -/* .tread-wrapper { border-bottom: 1px solid #D2D2D2; position: relative; @@ -1213,8 +1237,7 @@ transition: all 0.2s ease-in-out; margin-bottom: 0px; width: 575px; padding-top: 10px; -}*/ - +} .wall-item-decor { position: absolute; left: 790px;