X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fstyle.css;h=c3dee16c30a8353a6e640043f67cb76094a87061;hb=04e65823d70d448400d3be7f0b3244ea8658834d;hp=7114f439448268b251d09fff35dddd0ad6777aa8;hpb=1ea69ae275245f65ee0bb8f959744f0896913a0c;p=friendica.git diff --git a/view/style.css b/view/style.css index 7114f43944..c3dee16c30 100644 --- a/view/style.css +++ b/view/style.css @@ -1,8 +1,28 @@ +a, a:visited { + color: #8888FF; + text-decoration: none; +} + +a:hover { + color: #0000FF; + text-decoration: underline; +} +img { + border: none; +} + +#sysmsg { + width: 600px; +} + 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 +32,18 @@ img.photo { background: #FFFFFF; } +#logo { + font-size: 300%; + color: #A8A8A8; + font-weight: bold; + margin-left: 280px; +} + +.heart { + color: #FF0000; + font-size: 120%; +} + aside { position: absolute; left: 0px; @@ -28,6 +60,7 @@ section { top: 60px; margin-left: 20px; margin-right: 20px; + right: 0px; } h1 { font-size: 1.6em; @@ -64,28 +97,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 +170,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 +278,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 +346,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; @@ -274,17 +383,43 @@ 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 { + margin-top: 20px; + margin-bottom: 20px; +} #profile-edit-profile-name-label, #profile-edit-name-label, #profile-edit-gender-label, +#profile-edit-dob-label, #profile-edit-address-label, #profile-edit-locality-label, #profile-edit-region-label, #profile-edit-postal-code-label, #profile-edit-country-name-label, #profile-edit-marital-label, +#profile-edit-sexual-label, +#profile-edit-politic-label, +#profile-edit-religion-label, #profile-edit-homepage-label { float: left; width: 175px; @@ -293,19 +428,28 @@ input#dfrn-url { #profile-edit-profile-name, #profile-edit-name, #gender-select, +#profile-edit-dob, #profile-edit-address, #profile-edit-locality, #profile-edit-region, #profile-edit-postal-code, #profile-edit-country-name, #marital-select, +#sexual-select, +#profile-edit-politic, +#profile-edit-religion, #profile-in-dir-yes, -#profile-in-dir-no { +#profile-in-dir-no, +#hide-friends-yes, +#hide-friends-no { float: left; margin-bottom: 20px; } -#profile-in-dir-yes-label, #profile-in-dir-no-label { +#profile-in-dir-yes-label, +#profile-in-dir-no-label, +#hide-friends-yes-label, +#hide-friends-no-label { margin-left: 125px; float: left; width: 50px; @@ -319,20 +463,30 @@ input#dfrn-url { #profile-edit-profile-name-end, #profile-edit-name-end, #profile-edit-gender-end, +#profile-edit-dob-end, #profile-edit-address-end, #profile-edit-locality-end, #profile-edit-region-end, #profile-edit-postal-code-end, #profile-edit-country-name-end, #profile-edit-marital-end, +#profile-edit-sexual-end, +#profile-edit-politic-end, +#profile-edit-religion-end, #profile-edit-homepage-end, #profile-in-dir-break, -#profile-in-dir-end { +#profile-in-dir-end, +#hide-friends-break, +#hide-friends-end { clear: both; } -#gender-select, #marital-select { - width: 145px; + + + + +#gender-select, #marital-select, #sexual-select { + width: 220px; } #profile-edit-profile-name-wrapper .required { @@ -343,36 +497,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; @@ -383,17 +538,61 @@ 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; } +.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; } @@ -405,19 +604,67 @@ input#dfrn-url { .wall-item-photo { border: none; } +.wall-item-content { + float: left; + width: 450px; + margin-left: 10px; +} -.comment-edit { - font-size: 0.8em; - cursor: pointer; - color: #3172BD; +.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; } + +#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: 250px; +} + +#profile-jot-perms-end { + clear: both; +} + #profile-jot-end { + clear: both; margin-bottom: 30px; } #about-jot-submit-wrapper { @@ -430,7 +677,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 { @@ -456,11 +708,678 @@ 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; -} \ No newline at end of file +} + + +.directory-end { + clear: both; +} +.directory-name { + text-align: center; +} +.directory-photo { + margin-left: 25px; +} +.directory-details { + font-size: 0.7em; + text-align: center; + margin-left: 5px; + margin-right: 5px; +} +.directory-item { + float: left; + width: 225px; + height: 260px; + overflow: auto; +} + +#directory-search-wrapper { + margin-left: 350px; + margin-right: 20px; + margin-bottom: 50px; +} + +#directory-search-end { +} + +.directory-photo-img { + border: none; +} + + +.pager { + padding: 10px; + text-align: center; + font-size: 1.0em; +} + + +.pager_first, +.pager_last, +.pager_prev, +.pager_next, +.pager_n { + border: 1px solid black; + background: #EEE; + padding: 4px; +} + +.pager_first a, +.pager_last a, +.pager_prev a, +.pager_next a, +.pager_n a { + text-decoration: none; +} + +.pager_current { + border: 1px solid black; + background: #FFCCCC; + padding: 4px; +} + + +#advanced-profile-name-wrapper, +#advanced-profile-gender-wrapper, +#advanced-profile-dob-wrapper, +#advanced-profile-age-wrapper, +#advanced-profile-marital-wrapper, +#advanced-profile-sexual-wrapper, +#advanced-profile-homepage-wrapper, +#advanced-profile-politic-wrapper, +#advanced-profile-religion-wrapper, +#advanced-profile-about-wrapper, +#advanced-profile-interest-wrapper, +#advanced-profile-contact-wrapper, +#advanced-profile-music-wrapper, +#advanced-profile-book-wrapper, +#advanced-profile-tv-wrapper, +#advanced-profile-film-wrapper, +#advanced-profile-romance-wrapper, +#advanced-profile-work-wrapper, +#advanced-profile-education-wrapper { + margin-top: 20px; +} + +#advanced-profile-name-text, +#advanced-profile-gender-text, +#advanced-profile-dob-text, +#advanced-profile-age-text, +#advanced-profile-marital-text, +#advanced-profile-sexual-text, +#advanced-profile-homepage-text, +#advanced-profile-politic-text, +#advanced-profile-religion-text, +#advanced-profile-about-text, +#advanced-profile-interest-text, +#advanced-profile-contact-text, +#advanced-profile-music-text, +#advanced-profile-book-text, +#advanced-profile-tv-text, +#advanced-profile-film-text, +#advanced-profile-romance-text, +#advanced-profile-work-text, +#advanced-profile-education-text { + width: 300px; + float: left; +} + +#advanced-profile-name-end, +#advanced-profile-gender-end, +#advanced-profile-dob-end, +#advanced-profile-age-end, +#advanced-profile-marital-end, +#advanced-profile-sexual-end, +#advanced-profile-homepage-end, +#advanced-profile-politic-end, +#advanced-profile-religion-end { + clear: both; +} + +#advanced-profile-about-end, +#advanced-profile-interest-end, +#advanced-profile-contact-end, +#advanced-profile-music-end, +#advanced-profile-book-end, +#advanced-profile-tv-end, +#advanced-profile-film-end, +#advanced-profile-romance-end, +#advanced-profile-work-end, +#advanced-profile-education-end { + + +} + +#advanced-profile-name, +#advanced-profile-gender, +#advanced-profile-dob, +#advanced-profile-age, +#advanced-profile-marital, +#advanced-profile-sexual, +#advanced-profile-homepage, +#advanced-profile-politic, +#advanced-profile-religion { + float: left; + +} + + +#advanced-profile-about, +#advanced-profile-interest, +#advanced-profile-contact, +#advanced-profile-music, +#advanced-profile-book, +#advanced-profile-tv, +#advanced-profile-film, +#advanced-profile-romance, +#advanced-profile-work, +#advanced-profile-education { + margin-top: 10px; + margin-left: 50px; + margin-right: 20px; + padding: 10px; + border: 1px solid #CCCCCC; +} + +#contact-edit-wrapper { + margin-top: 50px; +} + +#contact-edit-banner-name { + font-size: 1.4em; + font-weight: bold; + 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; + margin-right: 2px; +} + +#contact-edit-photo { + float: left; +} + +#contact-edit-photo-end { + clear: both; +} + +#contact-edit-photo-wrapper { + float: left; +} + +#contact-edit-nav-wrapper { + float: left; +} + +#contact-edit-end { + clear: both; +} + +#contact-profile-selector { + width: 175px; + margin-left: 175px; +} + +#contact-reputation-selector { + margin-left: 175px; +} + +#contact-edit-rating-text { + margin-left: 175px; +} + +.contact-edit-submit { + margin-top: 20px; + margin-left: 50px; +} + +#block-message, #ignore-message { + margin-top: 20px; + width: 180px; + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 10px; +} + +.profile-tabs { + float: left; + padding: 3px; + margin-top: 10px; + margin-bottom: 10px; + margin-right: 5px; + border: 1px solid #AAAAAA; + background: #F4F4F4; + font-size: 0.8em; + 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'); +} + +#profile-tabs-end { + clear: both; +} + +.comment-edit-text-empty { + 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, +#acl-deny-group-label, +#acl-deny-contact-label { + display: block; +} + +#acl-permit-text, +#acl-deny-text { + margin-top: 10px; +} + +#acl-allow-group-label, +#acl-allow-contact-label, +#acl-deny-group-label, +#acl-deny-contact-label { + margin-top: 5px; + margin-bottom: 5px; +} + + +#group_allow_wrapper, +#group_deny_wrapper { + float: left; + width: 100px; + margin-right: 10px; +} + +#contact_allow_wrapper, +#contact_deny_wrapper { + float: left; + width: 150px; + margin-right: 10px; +} + +#acl-allow-end, +#acl-deny-end { + clear: both; +} +#acl-permit-outer-wrapper, +#acl-deny-outer-wrapper { + padding: 10px; + margin-top: 10px; + border: 2px solid #BBBBBB; + float: left; +} + +#acl-wrapper-end { + clear: both; +} + +#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; +} + +.photo-album-image-wrapper { + float: left; + margin-top: 15px; + height: 350px; + width: 350px; +} + +#photo-album-end { + clear: both; +} + +.photo-top-image-wrapper { + float: left; + margin-top: 15px; + height: 350px; + width: 350px; +} + +#photo-top-end { + clear: both; +} + +#photo-top-links { + margin-bottom: 30px; + margin-left: 30px; +} + +#photos-upload-newalbum-div { + float: left; + width: 175px; +} +#photos-upload-existing-album-text { + float: left; + width: 175px; +} +#photos-upload-newalbum { + float: left; +} +#photos-upload-album-select { + float: left; +} +#photos-upload-new-end, #photos-upload-exist-end { + clear: both; +} +#photos-upload-exist-end { + margin-bottom: 15px; +} +#photos-upload-submit { + margin-top: 15px; +} + +#photos_upload_applet_wrapper { + margin-bottom: 15px; +} + +#photos-upload-no-java-message { + margin-bottom: 15px; +} + +#profile-jot-desc { + float: left; + width: 480px; + margin-top: 10px; + margin-bottom: 10px; +} +#character-counter { + float: left; + font-size: 120%; +} + +#character-counter.grey { + color: #888888; +} + +#character-counter.orange { + color: orange; +} +#character-counter.red { + color: red; +} + +#profile-jot-banner-end { + clear: both; +} + +#photos-upload-select-files-text { + margin-top: 15px; + margin-bottom: 15px; +} + +#photos-upload-perms-menu, #photos-upload-perms-menu:visited { + color: #8888FF; + text-decoration: none; + cursor: pointer; +} + +#photos-upload-perms-menu:hover { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} +#settings-default-perms-menu, #settings-default-perms-menu:visited { + color: #8888FF; + text-decoration: none; + cursor: pointer; + margin-top: 15px; + margin-bottom: 15px; +} + +#settings-default-perms-menu:hover { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} + +#photo-edit-caption-label, #photo-edit-tags-label { + float: left; + width: 150px; +} +#photo-edit-caption, #photo-edit-tags-textarea { + float: left; + margin-bottom: 15px; +} + +#photo-edit-caption-end, #photo-edit-tags-end { + clear: both; +} + +#photo-edit-delete-button { + margin-left: 200px; +} +#photo-caption { + font-size: 110%; + font-weight: bold; + margin-top: 15px; + margin-bottom: 15px; +} + +#in-this-photo-text { + color: #0000FF; + margin-left: 30px; +} + +#in-this-photo { + margin-left: 60px; + margin-top: 10px; + margin-bottom: 20px; +} + +#photo-album-edit-submit, #photo-album-edit-drop { + margin-top: 15px; + margin-bottom: 15px; +} + +#photo-album-edit-drop { + margin-left: 200px; +} +