X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fstyle.css;h=5c5a58cd533792439e1c18fb1e2bc6c973c80173;hb=8f7e81a8b31aa8d734d9fe014ecdb7d2a13301d2;hp=3093dd745889977061e1a28a53b18dfb68212ce4;hpb=9a20216e51555cfe53130329a421ed374df16301;p=friendica.git diff --git a/view/style.css b/view/style.css index 3093dd7458..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,28 +88,63 @@ 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; + font-size: 0.6em; + font-weight: bold; + color: #FF0000; +} + +.nav-ajax-right { + margin-left: 1px; + float: right; + font-size: 0.6em; + font-weight: bold; + color: #FF0000; } .nav-commlink { 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; @@ -102,24 +161,32 @@ footer { margin-right: 20px; } -#label-register-name, #label-register-email { +#label-register-name, #label-register-email, #label-register-nickname { float: left; width: 350px; margin-top: 10px; } -#register-name, #register-email { +#register-name, #register-email, #register-nickname { float: left; margin-top: 10px; width: 150px; } -#register-name-end, #register-email-end, #register-submit-end { +#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end { clear: both; } +#register-nickname-desc { + margin-top: 30px; + width: 650px; +} +#register-sitename { + float: left; + margin-top: 10px; +} #register-submit-button { - margin-top: 10px; + margin-top: 50px; margin-left: 350px; } @@ -202,6 +269,10 @@ input#dfrn-url { margin-left: 50px; } +#settings-nick-wrapper { + margin-bottom: 30px; +} + #settings-username-end, #settings-email-end, #settings-nick-end, #settings-timezone-end, #settings-password-end, #settings-confirm-end { margin-bottom: 5px; clear: both; @@ -266,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; @@ -275,8 +375,22 @@ input#dfrn-url { } #profile-edit-clone-link-wrapper { + float: left; margin-left: 50px; margin-bottom: 20px; + width: 300px; +} + +#profile-edit-drop-link-wrapper { + float: left; + +} + +#profile-edit-links-end { + clear: both; +} +.profile-listing-photo { + border: none; } .profile-edit-submit-wrapper { @@ -374,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; @@ -415,21 +529,61 @@ input#dfrn-url { .contact-entry-end { clear: both; } +/* +.contact-entry-nav-end { + clear: both; +} +*/ +#contact-edit-end { + clear: both; +} -.wall-item-comment-outside-wrapper { +.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; } +.wall-item-arrowphoto-wrapper { + margin-top: 40px; + margin-right: 20px; + float: left; +} .wall-item-wrapper { margin-top: 30px; float: left; } +.wall-item-ago { + color: #888888; + font-size: 0.8em; +} + +.wall-item-delete-wrapper { + float: right; + margin-top: 20px; + margin-right: 50px; +} + +.wall-item-delete-end { + clear: both; +} + +.wall-item-delete-icon { + border: none; +} + + .wall-item-wrapper-end { clear: both; } @@ -441,12 +595,34 @@ 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; +} .comment-edit-wrapper { margin-top: 15px; margin-left: 100px; } +.comment-wwedit-wrapper { + margin-top: 15px; + margin-left: 250px; +} + #profile-jot-submit-wrapper { margin-top: 15px; @@ -455,10 +631,23 @@ input#dfrn-url { #profile-jot-submit { float: left; } +#profile-upload-wrapper { + float: left; + margin-left: 50px; +} + +#profile-rotator { + float: left; + margin-left: 50px; +} +#profile-link-wrapper { + float: left; + margin-left: 20px; +} #profile-jot-perms { float: left; - margin-left: 350px; + margin-left: 250px; } #profile-jot-perms-end { @@ -479,7 +668,12 @@ input#dfrn-url { margin-bottom: 30px; } +#profile-listing-desc { + margin-left: 30px; +} + #profile-listing-new-link-wrapper { + margin-left: 30px; margin-bottom: 30px; } .profile-listing-photo-wrapper { @@ -505,11 +699,16 @@ input#dfrn-url { } .profile-listing-name { float: left; + margin-left: 32px; margin-top: 10px; + color: #3172BD; + font-weight: bold; + width: 200px; + } .fortune { margin-top: 50px; - color: #3172BD; + color: #4444FF; font-weight: bold; margin-bottom: 20px; } @@ -538,15 +737,19 @@ input#dfrn-url { } #directory-search-wrapper { - float: right; + margin-left: 350px; margin-right: 20px; margin-bottom: 50px; } #directory-search-end { - clear: both; } +.directory-photo-img { + border: none; +} + + .pager { padding: 10px; text-align: center; @@ -691,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; @@ -743,7 +970,7 @@ input#dfrn-url { margin-left: 50px; } -#block-message { +#block-message, #ignore-message { margin-top: 20px; width: 180px; color: #FF0000; @@ -755,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 { @@ -775,14 +1005,20 @@ input#dfrn-url { color: gray; height: 30px; width: 175px; + overflow: auto; + margin-bottom: 10px; } .comment-edit-text-full { color: black; height: 150px; width: 350px; + overflow: auto; } +#group-new-submit-wrapper { + margin-top: 30px; +} #acl-allow-group-label, #acl-allow-contact-label, @@ -825,9 +1061,156 @@ input#dfrn-url { } #acl-permit-outer-wrapper, #acl-deny-outer-wrapper { + padding: 10px; + margin-top: 10px; + border: 2px solid #BBBBBB; float: left; } #acl-wrapper-end { clear: both; -} \ No newline at end of file +} + +#group-edit-name-label { + float: left; + width: 175px; + margin-top: 20px; + margin-bottom: 20px; +} + +#group-edit-name { + float: left; + width: 225px; + margin-top: 20px; + margin-bottom: 20px; +} + +#group-edit-name-wrapper { + + +} + + +#group_members_select_label { + display: block; + float: left; + width: 175px; +} + +.group_members_select { + float: left; + width: 230px; + overflow: auto; +} + +#group_members_select_end { + clear: both; +} +#group-edit-name-end { + clear: both; +} + +#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