X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;ds=sidebyside;f=view%2Fstyle.css;h=5c5a58cd533792439e1c18fb1e2bc6c973c80173;hb=8f7e81a8b31aa8d734d9fe014ecdb7d2a13301d2;hp=d0e7dd262f767bb6e3dcf3ad764ce88fb7d06526;hpb=7a6665b5cfb35daf3cb6ad13db00a19e89f8c8b8;p=friendica.git diff --git a/view/style.css b/view/style.css index d0e7dd262f..5c5a58cd53 100644 --- a/view/style.css +++ b/view/style.css @@ -1,8 +1,24 @@ +a, a:visited { + color: #8888FF; + text-decoration: none; +} + +a:hover { + color: #0000FF; + text-decoration: underline; +} +img { + border: none; +} + body { - background: #EEEEEE; - font-family: verdana, sans-serif; - font-size: 1.0em; + background: #FEFEFE; + color: #444444; + font-family: "Lucida Grande", Tahoma, sans-serif; +/* letter-spacing: 1px; */ +/* font-family: verdana, sans-serif; */ + font-size: 90%; margin-left: 10px; } @@ -12,6 +28,13 @@ img.photo { background: #FFFFFF; } +#logo { + font-size: 300%; + color: #A8A8A8; + font-weight: bold; + margin-left: 280px; +} + aside { position: absolute; left: 0px; @@ -28,6 +51,7 @@ section { top: 60px; margin-left: 20px; margin-right: 20px; + right: 0px; } h1 { font-size: 1.6em; @@ -64,19 +88,31 @@ footer { border: 1px solid #FF8888; background-color: #FFEEEE; padding: 10px; + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); + + } .nav-link { float: right; margin-left: 0px; margin-right: 10px; - padding: 5px; - border: 1px solid black; - background: #DDDDFF; - font-size: 0.7em; + padding: 3px; + border: 1px solid #AAAAAA; + background: #F4F4F4; + font-size: 90%; font-weight: bold; - + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); } + .nav-ajax-left { margin-left: 1px; float: left; @@ -97,11 +133,18 @@ footer { float: left; margin-left: 10px; margin-right: 0px; - padding: 5px; - border: 1px solid black; - background: #DDDDFF; - font-size: 0.7em; + padding: 3px; + border: 1px solid #AAAAAA; + background: #F4F4F4; + font-size: 90%; font-weight: bold; + text-decoration: none; + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); + } #nav-end { clear: both; @@ -294,6 +337,35 @@ input#dfrn-url { clear: both; margin-bottom: 30px; } + +#profile-extra-links ul { + list-style-type: none; +} + + +#profile-extra-links li { + margin-top: 5px; +} + +#profile-edit-links ul { + list-style-type: none; +} + +#profile-edit-links li { + margin-top: 10px; +} + +.view-contact-wrapper { + margin-top: 20px; + float: left; + margin-left: 20px; + width: 180px; +} +#view-contact-end { + clear: both; +} + + #profile-edit-default-desc { color: #FF0000; border: 1px solid #FF8888; @@ -416,37 +488,37 @@ input#dfrn-url { #contacts-main { margin-bottom: 20px; } -.contact-entry-photo-wrapper { + +.contact-entry-wrapper { float: left; + width: 180px; } + .contact-entry-direction-icon { margin-top: 24px; - float: left; margin-right: 2px; } + .contact-entry-photo img { border: none; } .contact-entry-photo-end { clear: both; } -.contact-entry-edit-links { - float: left; - margin-top: 10px; -} .contact-entry-name { float: left; + margin-left: 30px; +} +.contact-entry-edit-links { + margin-top: 6px; + margin-left: 10px; + width: 16px; } .contact-entry-nav-wrapper { float: left; margin-left: 10px; } -.contact-entry-nav-end { - clear: both; -} -.contact-entry-break { - clear: both; -} + .contact-entry-edit-links img { border: none; margin-right: 15px; @@ -457,13 +529,28 @@ input#dfrn-url { .contact-entry-end { clear: both; } +/* +.contact-entry-nav-end { + clear: both; +} +*/ +#contact-edit-end { + clear: both; +} + +.wall-item-outside-wrapper { + margin-top: 10px; +} .wall-item-outside-wrapper.comment { margin-left: 50px; + background: #F7F7F7; } .wall-item-photo-wrapper { - margin-top: 20px; + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; width: 100px; float: left; } @@ -508,11 +595,22 @@ input#dfrn-url { .wall-item-photo { border: none; } +.wall-item-content { + float: left; + width: 450px; + margin-left: 10px; +} + +.wall-item-title { + float: left; + font-weight: bold; + width: 450px; +} + .wall-item-body { float: left; width: 450px; margin-top: 30px; - margin-left: 10px; } .comment-edit-wrapper { @@ -610,7 +708,7 @@ input#dfrn-url { } .fortune { margin-top: 50px; - color: #3172BD; + color: #4444FF; font-weight: bold; margin-bottom: 20px; } @@ -796,14 +894,38 @@ input#dfrn-url { margin-left: 30px; } +#contact-edit-poll-wrapper { + margin-left: 50px; + margin-top: 30px; +} +#contact-edit-poll-text { + margin-bottom: 10px; +} + #contact-edit-photo-wrapper { margin-bottom: 20px; } +#contact-edit-links { + 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 { + clear: both; +} + #contact-edit-direction-icon { float: left; margin-top: 70px; @@ -848,7 +970,7 @@ input#dfrn-url { margin-left: 50px; } -#block-message { +#block-message, #ignore-message { margin-top: 20px; width: 180px; color: #FF0000; @@ -860,16 +982,19 @@ input#dfrn-url { .profile-tabs { float: left; - padding:3px; + padding: 3px; margin-top: 10px; margin-bottom: 10px; margin-right: 5px; - border: 1px solid #888888; + border: 1px solid #AAAAAA; + background: #F4F4F4; font-size: 0.8em; font-weight: bold; -} -.profile-tabs a { - text-decoration: none; + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); } #profile-tabs-end { @@ -881,6 +1006,7 @@ input#dfrn-url { height: 30px; width: 175px; overflow: auto; + margin-bottom: 10px; } .comment-edit-text-full { @@ -982,4 +1108,109 @@ input#dfrn-url { } #group-edit-name-end { clear: both; -} \ No newline at end of file +} + +#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { + margin-bottom: 10px; + margin-top: 20px; +} + +#prvmail-submit { + float: left; + margin-top: 10px; + margin-right: 30px; +} +#prvmail-upload-wrapper, +#prvmail-link-wrapper, +#prvmail-rotator-wrapper { + float: left; + margin-top: 10px; + margin-right: 10px; + width: 24px; +} + +#prvmail-end { + clear: both; +} + +.mail-list-sender, +.mail-list-detail { + float: left; +} +.mail-list-detail { + margin-left: 20px; +} + +.mail-list-subject { + font-size: 1.1em; + margin-top: 10px; +} + +.mail-list-outside-wrapper-end { + clear: both; +} + +.mail-list-outside-wrapper { + margin-top: 30px; +} + +.mail-list-delete-wrapper { + float: right; + margin-right: 30px; + margin-top: 15px; +} + +.mail-list-delete-icon { + border: none; +} + + + + + +.mail-conv-sender, +.mail-conv-detail { + float: left; +} +.mail-conv-detail { + margin-left: 20px; + width: 500px; +} + +.mail-conv-subject { + font-size: 1.1em; + margin-top: 10px; +} + +.mail-conv-outside-wrapper-end { + clear: both; +} + +.mail-conv-outside-wrapper { + margin-top: 30px; +} + +.mail-conv-delete-wrapper { + float: right; + margin-right: 30px; + margin-top: 15px; +} + +.mail-conv-delete-icon { + border: none; +} + +.message-links ul { + list-style-type: none; +} + +.message-links li { + margin-top: 10px; +} + +#sidebar-group-list ul { + list-style-type: none; +} + +#sidebar-group-list li { + margin-top: 10px; \ No newline at end of file