/* Loozah CSS - Emmanuel Revah manurevah.com Copy, Paste, Send - Free this is still considered as messy :] */ /** {*/ /*margin: 0;*/ /*padding: 0;*/ /*}*/ /* GENERIC STUFF */ body { background: #F5F6FB; color: #444444; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 90%; margin-left: 10px; } a, a:visited { /* color: #34366A; */ color: #15607B; text-decoration: none; } a:hover { color: #0CBEFE; text-decoration: none; } input, select { background-color: #ECECEC; border: 1px solid #858585; } input:hover { background-color: #0CBEFE; /* background-color: #49dbFa; */ color: black; /* color: #F5F6FB; */ /* border: 1px solid #F5F6FB; */ cursor: pointer; } .openid input{ background-color: #ECECEC !important; background: url(login-bg.gif) no-repeat; background-position: 0 50%; padding-left: 18px; width: 385px !important; } .openid input:hover { background-color: #0CBEFE !important; } option { background-color: #ECD6D2; } img { border: none; } code { font-family: Courier, monospace; white-space: pre; display: block; overflow: auto; border: 1px solid #444; background: #EEE; color: #444; padding: 10px; margin-top: 20px; } blockquote:before { content: '>> '; } #site-location { position: absolute; right: 5px; top: 3px; color: white; font-size: 60%; } .shiny { border-color: orange !important; } .nav-login-link { float: right; margin-left: 0px; margin-right: 3px; padding: 3px; font-size: 70%; } /* NOTIFICATION */ #notification-show-hide-link { background-color: red; padding: 2px 4px; background-color: #ECECEC; border: 1px solid #858585; } #notification-show-hide-link:hover { background-color: #0CBEFE; color: #F5F6FB; border: 1px solid #F5F6FB; } #jot-perms-icon, #profile-location, #profile-nolocation, #profile-youtube, #profile-video, #profile-audio, #profile-link, #profile-title, #wall-image-upload, #wall-file-upload, #profile-upload-wrapper, #wall-image-upload-div, #wall-file-upload-div, .hover, .focus { cursor: pointer; } #jot-perms-icon { float: left; } #jot-title-desc { color: #cccccc; } #jot-title-wrapper { margin-bottom: 5px; } #jot-title { border: 1px solid #cccccc; width: 530px; } .fakelink, .fakelink:visited { color: #15607B; text-decoration: none; cursor: pointer; margin-top: 15px; margin-bottom: 15px; } .lockview { cursor: pointer; } #group-sidebar { margin-bottom: 10px; } .group-selected { padding: 3px; border: 1px solid #CCCCCC; background: #F8F8F8; font-weight: bold; } .fakelink:hover { color: #0CBEFE; text-decoration: none; cursor: pointer; } .smalltext { font-size: 0.7em; } #sysmsg { width: 600px; margin-bottom: 10px; } #top-margin { height: 20px; } #logo-img { margin-top: 3px; } #logo-text { font-family: "gill sans MT bold", "lucida grande",tahoma,verdana,arial,sans-serif; margin-left: 3px; vertical-align: top; } #logo-text a, #logo-text a:hover, #logo-text a:visited { color: #F5F6FB; font-family: "gill sans MT bold", "lucida grande",tahoma,verdana,arial,sans-serif; margin-left: 3px; vertical-align: top; } #banner { color: #F5F6FB; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 2.0em; position: absolute; top: 5px; left: 39%; } #panel { background-color: ivory; position: absolute; z-index: 2; width: 30%; padding: 25px; border: 1px solid #444; } img.photo { /*border: 1px solid #AAAAAA;*/ /*padding: 5px;*/ /*background: #FFFFFF;*/ } #logo { font-size: 300%; color: #A8A8A8; font-weight: bold; margin-left: 280px; } /* * #page-footer { * height: 20px; * * } */ .heart { color: #FF0000; font-size: 100%; } aside { /*position: absolute;*/ /*left: 0px;*/ /*top: 60px;*/ /*right: 250px;*/ width: 230px; /*margin-left: 20px;*/ /*margin-right: 0px;*/ font-size: 0.9em; float: left; margin-top: 64px; margin-left: 20px; } section { position: absolute; left: 250px; top: 60px; margin-top: 25px; margin-left: 20px; margin-right: 20px; right: 0px; } h1 { font-size: 1.6em; } nav { position: absolute; top: 0px; height: 48px; left: 0px; right: 0px; background: #15607B; } /* * footer { * left: 0px; * bottom: 0px; * position: fixed; * background-color: #0CBEFE; * width: 100%; * padding: 2px 3%; * } */ .fn { font-size: 1.4em; margin-bottom: 5px; line-height: 1.5; } .vcard .title { margin-bottom: 5px; } .vcard dl { clear: both; } .powered { font-size: 0.6em; color: black; } .powered a { color: #EBF3F3; font-weight: bold; } .powered a:hover { color: #FFC019; } .error-message { color: #FF0000; font-size: 1.1em; border: 1px solid #FF8888; background-color: #FFEEEE; padding: 10px; } .info-message { color: #204a87; font-size: 1.1em; border: 1px solid #3465a4; background-color: #d7e3f1; padding: 10px; } .nav-link { float: right; margin-left: 0px; margin-right: 3px; margin-top: 20px; padding: 6px; /*border: 2px solid #000000;*/ background: #D5D5D5; font-size: 80%; font-weight: bold; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topleft: 3px; -webkit-border-radius-topright: 3px; border-radius-topleft: 3px; border-radius-topright: 3px; } .nav-link:hover { background-color: #0CBEFE; color: #F5F6FB; } .nav-ajax-left { margin-left: 1px; margin-right: 2px; margin-top: 15px; float: left; font-size: 0.6em; font-weight: bold; color: #F8FF15; /*background: #FFFFFF;*/ } .nav-selected { border-bottom: none !important; background: #F5F6FB !important; padding: 8px 6px 6px 6px !important; color: #000 !important; } .nav-ajax-left:hover { font-size: 1.5em; } .nav-ajax-right { margin-left: 1px; float: right; font-size: 0.6em; font-weight: bold; color: #FF0000; } .nav-commlink { float: left; margin-left: 3px; margin-right: 0px; margin-top: 20px; padding: 6px; /*border: 2px solid #000000;*/ background: #D5D5D5; font-size: 80%; font-weight: bold; text-decoration: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topleft: 3px; -webkit-border-radius-topright: 3px; border-radius-topleft: 3px; border-radius-topright: 3px; } .nav-commlink:hover { background-color: #0CBEFE; color: #F5F6FB; } #nav-end { clear: both; } .login-extra-links { font-size: 0.7em; } #profile-extra-links { clear: both; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; } #register-fill-ext { margin-bottom: 25px; } #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid { float: left; width: 350px; margin-top: 10px; } #register-name, #register-email, #register-nickname { float: left; margin-top: 10px; width: 150px; } #register-openid { float: left; margin-top: 10px; width: 130px; } #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end { clear: both; } #register-nickname-desc { margin-top: 30px; width: 650px; } #register-sitename { float: left; margin-top: 10px; } #register-submit-button { margin-top: 10px; } #login_standard { width: 480px; float: left; } #login_openid { width: 480px; margin-left: 490px; } #login_standard input, #login_openid input { width: 180px!important; } #login-extra-links { clear: both; } #register-link, #lost-password-link { float: left; font-size: 80%; margin-right: 15px; } #login-submit-button { /* margin-top: 10px; */ margin-left: 200px; } input#dfrn-url { float: left; background: url(friendika-16.png) no-repeat; background-position: 2px center; font-size: 17px; padding-left: 21px; height: 21px; background-color: #FFFFFF; color: #000000; margin-bottom: 20px; } #dfrn-url-label { float: left; width: 250px; } #dfrn-request-url-end { clear: both; } #knowyouyes, #knowyouno { float: left; } #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper { float: none; } #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label { float: left; width: 75px; margin-left: 50px; margin-bottom: 7px; } #dfrn-request-knowyou-break, #dfrn-request-knowyou-end { clear: both; } #dfrn-request-message-wrapper { margin-bottom: 50px; } #dfrn-request-submit-wrapper { clear: both; margin-left: 50px; } #dfrn-request-info-wrapper { margin-left: 50px; } #cropimage-wrapper, #cropimage-preview-wrapper { float: left; padding: 30px; } #crop-image-form { margin-top: 30px; clear: both; } .intro-wrapper { margin-top: 20px; } .intro-fullname { font-size: 1.1em; font-weight: bold; } .intro-desc { margin-bottom: 20px; font-weight: bold; } .intro-note { padding: 10px; } .intro-end { padding: 30px; } .intro-form { float: left; } .intro-approve-form { clear: both; } .intro-approve-as-friend-end { clear: both; } .intro-submit-approve, .intro-submit-ignore { margin-right: 20px; } .intro-submit-approve { margin-top: 15px; } .intro-approve-as-friend-label, .intro-approve-as-fan-label { float: left; width: 100px; margin-left: 20px; } .intro-approve-as-friend, .intro-approve-as-fan { float: left; } .intro-form-end { clear: both; } .intro-approve-as-friend-desc { margin-top: 15px; } .intro-approve-as-end { clear: both; margin-bottom: 10px; } .intro-end { 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; } .profile-edit-side-div { float: right; } .view-contact-wrapper { margin-top: 20px; float: left; margin-left: 20px; width: 180px; } #view-contact-end { clear: both; } #viewcontacts { margin-top: 15px; } #profile-edit-default-desc { color: #FF0000; border: 1px solid #FF8888; background-color: #FFEEEE; padding: 7px; } #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-photo-link-select-wrapper { margin-top: 2em; } #profile-photo-wrapper img { width:175px; height:175px; } #profile-edit-profile-name-label, #profile-edit-name-label, #profile-edit-pdesc-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-pubkeywords-label, #profile-edit-prvkeywords-label, #profile-edit-homepage-label { float: left; width: 175px; } #profile-edit-profile-name, #profile-edit-name, #profile-edit-pdesc, #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-edit-pubkeywords, #profile-edit-prvkeywords, #profile-in-dir-yes, #profile-in-dir-no, #profile-in-netdir-yes, #profile-in-netdir-no, #hide-wall-yes, #hide-wall-no, #hide-friends-yes, #hide-friends-no, #settings-normal, #settings-soapbox, #settings-community, #settings-freelove { float: left; margin-bottom: 20px; } #profile-in-dir-yes-label, #profile-in-dir-no-label, #profile-in-netdir-yes-label, #profile-in-netdir-no-label, #hide-wall-yes-label, #hide-wall-no-label, #hide-friends-yes-label, #hide-friends-no-label { margin-left: 125px; float: left; width: 50px; } #profile-edit-with-label { width: 175px; margin-left: 20px; } #profile-edit-pubkeywords-desc, #profile-edit-prvkeywords-desc { float: left; margin-left: 20px; } #profile-publish-yes-reg, #profile-publish-no-reg { float: left; margin-bottom: 10px; } #profile-publish-yes-label-reg, #profile-publish-no-label-reg { margin-left: 350px; float: left; width: 50px; } #profile-publish-break-reg, #profile-publish-end-reg { clear: both; } #profile-edit-homepage { float: left; margin-bottom: 35px; } #settings-normal-label, #settings-soapbox-label, #settings-community-label, #settings-freelove-label { float: left; width: 200px; } #settings-normal-desc, #settings-soapbox-desc, #settings-community-desc, #settings-freelove-desc { float: left; margin-left: 75px; } #profile-edit-profile-name-end, #profile-edit-name-end, #profile-edit-pdesc-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-pubkeywords-end, #profile-edit-prvkeywords-end, #profile-edit-homepage-end, #profile-in-dir-break, #profile-in-dir-end, #profile-in-netdir-break, #profile-in-netdir-end, #hide-wall-break, #hide-wall-end, #hide-friends-break, #hide-friends-end, #settings-normal-break, #settings-soapbox-break, #settings-community-break, #settings-freelove-break { clear: both; } #gender-select, #marital-select, #sexual-select { width: 220px; } #profile-edit-profile-name-wrapper .required { color: #FF0000; float: left; } #contacts-main { margin-top: 20px; margin-bottom: 20px; } .contact-entry-wrapper { float: left; width: 120px; height: 120px; } .contact-entry-direction-icon { margin-top: 24px; margin-right: 2px; } .contact-entry-photo img { border: none; } .contact-entry-photo-end { clear: both; } .contact-entry-name { float: left; margin-left: 0px; width: 120px; oveflow: hidden; } .contact-entry-edit-links { margin-top: 6px; margin-left: 10px; width: 16px; } .contact-entry-nav-wrapper { float: left; margin-left: 10px; } .contact-entry-edit-links img { border: none; margin-right: 15px; } .contact-entry-photo { float: left; position: relative; } .contact-entry-end { clear: both; } #contact-edit-end { clear: both; margin-bottom: 65px; } .contact-photo-menu-button { position: absolute; background-image: url("photo-menu.jpg"); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; width: 16px; height: 16px; top: 64px; left:0px; overflow: hidden; text-indent: 40px; display: none; } .contact-photo-menu { width: 100px; border: 2px solid #444444; background: #FFFFFF; position: absolute; left: 0px; top: 90px; display: none; z-index: 10000; } .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } .contact-photo-menu li a { display: block; padding: 2px; } .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } #fsuggest-desc, #fsuggest-submit-wrapper { margin-top: 15px; margin-bottom: 15px; } .wall-item-content-wrapper { margin-top: 10px; border: 1px solid #CCC; position: relative; } .wall-item-content-wrapper.comment { margin-left: 50px; background: #CCCCCC; } .wall-item-photo-wrapper { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; width: 100px; float: left; } .wall-item-photo-menu-button { display: block; position: absolute; background-image: url("photo-menu.jpg"); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; width: 16px; height: 16px; top: 74px; left:10px; overflow: hidden; text-indent: 40px; display: none; } .wall-item-photo-menu { width: auto; border: 2px solid #444444; background: #FFFFFF; position: absolute; left: 10px; top: 90px; display: none; z-index: 10000; } .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } .wall-item-photo-menu li a { display: block; padding: 2px; } .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } .wall-item-arrowphoto-wrapper { margin-top: 40px; } .wall-item-wrapper { margin-left: 10px;; } .wall-item-lock { position: absolute; left: 105px; top: 1px; } .wall-item-ago { color: #888888; font-size: 0.8em; } .wall-item-like-buttons { float: left; margin-right: 10px; padding-right: 10px; border-right: 2px solid #fff; } .wall-item-like-buttons > a, .wall-item-like-buttons > img { float: left; } .wall-item-share-buttons { margin-left: 5px; } .editpost { margin-left: 10px; float: left; } .star-item { margin-left: 10px; float: left; } #network-star-link{ margin-top: 10px; } .network-star { float: left; margin-right: 5px; } #network-bmark-link { margin-top: 10px; } .wall-item-info.wallwall { width: 285px; } .wwto, .wall-item-arrowphoto-wrapper, .wwfrom { float: left; margin-right: 10px; } .wall-item-links-wrapper { float: left; } .wall-item-delete-wrapper { float: right; } .wall-item-delete-end { clear: both; } .wall-item-like-buttons img { cursor: pointer; } .wall-item-delete-icon { border: none; } .wall-item-wrapper-end { clear: both; } .wall-item-name-link { font-weight: bold; text-decoration: none; color: #3172BD; } .wall-item-photo { border: none; } .wall-item-content { float: left; width: 450px; margin-left: 10px; margin-bottom: 20px; padding: 20px; max-height: 400px; overflow: auto; } .wall-item-tools { clear: both; padding: 5px 10px 0px; } .wall-item-photo-end { clear: both; } .wall-item-author { margin-top: 10px; } .wall-item-info { display: block; float: left; width:110px; margin-right:10px; } .wall-item-title { float: left; font-weight: bold; width: 450px; } .wall-item-body { float: left; width: 450px; margin-top: 10px; } .comment-edit-wrapper { margin-top: 15px; background: #CCCCCC; margin-left: 50px; } .comment-wwedit-wrapper { margin-top: 15px; background: #CCCCCC; margin-left: 250px; } .comment-edit-photo { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; width: 100px; float: left; } .comment-edit-text-empty, .comment-edit-text-full { float: left; margin-top: 40px; } .comment-edit-text-end { clear: both; } .comment-edit-submit { margin-left: 110px; margin-top: 10px; } #profile-jot-plugin-wrapper, #profile-jot-submit-wrapper { margin-top: 15px; } #profile-jot-submit { float: left; } #profile-upload-wrapper { float: left; margin-left: 30px; } #profile-attach-wrapper { float: left; margin-left: 30px; } #profile-rotator { float: left; margin-left: 30px; } #profile-link-wrapper { float: left; margin-left: 15px; } #profile-youtube-wrapper { float: left; margin-left: 15px; } #profile-video-wrapper { float: left; margin-left: 15px; } #profile-audio-wrapper { float: left; margin-left: 15px; } #profile-location-wrapper { float: left; margin-left: 15px; } #profile-nolocation-wrapper { float: left; margin-left: 15px; } #profile-title-wrapper { float: left; margin-left: 15px; } #profile-jot-perms { float: left; margin-left: 100px; font-weight: bold; font-size: 1.2em; } #profile-jot-perms-end { clear: both; } #profile-jot-plugin-end { clear:both; } .profile-jot-net { float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; } #profile-jot-networks-end { clear: both; } #profile-jot-end { clear: both; margin-bottom: 30px; } #about-jot-submit-wrapper { margin-top: 15px; } #about-jot-end { margin-bottom: 30px; } #contacts-main { margin-bottom: 30px; } #profile-listing-desc { margin-left: 30px; } #profile-listing-new-link-wrapper { margin-left: 30px; margin-bottom: 30px; } .profile-listing-photo-wrapper { float: left; } .profile-listing-edit-buttons-wrapper { clear: both; } .profile-listing-photo-edit-link { float: left; width: 125px; } .profile-listing-end { clear: both; } .profile-listing-edit-buttons-wrapper img{ border: none; margin-right: 20px; } .profile-listing { margin-top: 25px; } .profile-listing-name { float: left; margin-left: 32px; margin-top: 10px; color: #3172BD; font-weight: bold; width: 200px; } .fortune { margin-top: 50px; color: #4444FF; font-weight: bold; margin-bottom: 20px; } .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-top: 20px; 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; } #advanced-profile-with { float: left; margin-left: 15px; } #contact-edit-wrapper { margin-top: 50px; } #contact-edit-banner-name { font-size: 1.4em; font-weight: bold; margin-left: 30px; } #contact-edit-nettype { margin-top: 5px; margin-left: 30px; } #contact-edit-poll-wrapper { margin-left: 50px; margin-top: 30px; } #contact-edit-poll-text { margin-top: 15px; margin-bottom: 5px; } #contact-edit-update-now { margin-top: 15px; } #contact-edit-photo-wrapper { margin-bottom: 20px; } #contact-edit-links { float: left; } #contact-edit-links a { 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, #profile-edit-insecure { margin-top: 20px; color: #FF0000; font-size: 1.1em; border: 1px solid #FF8888; background-color: #FFEEEE; padding: 10px; } #block-message, #ignore-message { width: 180px; } #profile-edit-insecure { width: 600px; } .tab { float: left; padding: 4px; margin-top: 10px; margin-bottom: 10px; margin-right: 5px; /*border: 1px solid #CCC;*/ /*background: #F8F8F8;*/ font-size: 0.8em; font-weight: bold; background-color: #ECECEC; border: 1px solid #858585; } .tab.active, .tab:hover { background-color: #0CBEFE; color: #F5F6FB; border: 1px solid #F5F6FB; /*cursor: pointer;*/ } .tabs { padding:0px; margin: 0px; overflow: auto; height: auto;} .tabs li { margin: 0px; list-style: none; } .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; } #profile-jot-text { height: 20px; color:#cccccc; border: 1px solid #cccccc; } /** acl **/ #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper{ display:block!important; } #acl-wrapper { width: 690px; float:left; } #acl-search { float:right; background: #ffffff url("../../../images/search_18.png") no-repeat right center; padding-right:20px; } #acl-showall { float: left; display: block; width: auto; height: 20px; background-color: #cccccc; background-image: url("../../../images/show_all_off.png"); background-position: 7px 7px; background-repeat: no-repeat; padding: 5px 5px 0px 30px; -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; color: #999999; } #acl-showall.selected { color: #000000; background-color: #ff9900; background-image: url("../../../images/show_all_on.png"); } #acl-list { height: 210px; border: 1px solid #cccccc; clear: both; margin-top: 30px; overflow: auto; } #acl-list-content { } .acl-list-item { display: block; width: 150px; height: 30px; border: 1px solid #cccccc; margin: 5px; float: left; } .acl-list-item img{ width:22px; height: 22px; float: left; margin: 4px; } .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;} .acl-list-item a { font-size: 8px; display: block; width: 40px; height: 10px; float: left; color: #999999; background-color: #cccccc; margin-right: 5px; -webkit-border-radius: 2px ; -moz-border-radius: 2px; border-radius: 2px; padding-left: 15px; } #acl-wrapper a:hover { text-decoration: none; color:#000000; } .acl-button-show { background-image: url("../../../images/show_off.png"); } .acl-button-hide { background-image: url("../../../images/hide_off.png"); } .acl-button-show.selected { color: #000000; background-color: #9ade00; background-image: url("../../../images/show_on.png"); } .acl-button-hide.selected { color: #000000; background-color: #ff4141; background-image: url("../../../images/hide_on.png"); } .acl-list-item.groupshow { border-color: #9ade00; } .acl-list-item.grouphide { border-color: #ff4141; } /** /acl **/ #group-new-submit-wrapper { margin-top: 30px; } #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; } a.mail-list-link { display: block; padding: 4px 5px; } /* *a.mail-list-link:hover { * background-color: #15607B; * color: #F5F6FB; *} */ .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; } .message-links a { /*background-color: #ECECEC;*/ /*border: 1px solid #858585;*/ padding: 3px 5px; /*display: block;*/ } .message-links a:hover { background-color: #0CBEFE; color: #F5F6FB; /*border: 1px solid #F5F6FB;*/ } #sidebar-group-list ul { list-style-type: none; } #sidebar-group-list li { margin-top: 10px; } #sidebar-group-list .icon { display: inline-block; height: 12px; width: 12px; } #search-save { margin-left: 5px; } .groupsideedit { margin-right: 10px; } #saved-search-ul { list-style-type: none; } .savedsearchdrop, .savedsearchterm { float: left; margin-top: 10px; } .savedsearchterm { margin-left: 10px; } #side-follow-wrapper { margin-top: 20px; } #side-follow-url { margin-top: 5px; } #side-follow-submit { margin-top: 15px; } .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-spacer { margin-top: 25px; } #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 { margin-top: 15px; margin-bottom: 15px; } #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label { float: left; width: 150px; } #photo-edit-perms-end { margin-bottom: 15px; } #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname { float: left; margin-bottom: 25px; } #photo-edit-link-wrap { margin-bottom: 15px; } #photo-like-div { margin-bottom: 25px; } #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end { clear: both; } #photo-edit-delete-button { margin-left: 200px; } #photo-edit-end { margin-bottom: 35px; } #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; } .group-delete-wrapper { float: right; margin-right: 50px; } #install-dbhost-label, #install-dbuser-label, #install-dbpass-label, #install-dbdata-label, #install-admin-label, #install-tz-desc { float: left; width: 250px; margin-top: 10px; margin-bottom: 10px; } #install-dbhost, #install-dbuser, #install-dbpass, #install-dbdata, #install-admin { float: left; width: 200px; margin-left: 20px; } #install-dbhost-end, #install-dbuser-end, #install-dbpass-end, #install-dbdata-end, #install-admin-end, #install-tz-end { clear: both; } #install-form select#timezone_select { float: left; margin-top: 18px; margin-left: 20px; } #dfrn-request-networks { margin-bottom: 30px; } #pause { position: fixed; bottom: 5px; right: 5px; } .sparkle { cursor: url('lock.cur'), pointer; /* cursor: pointer !important; */ } .contact-block-div { float: left; width: 52px; height: 52px; } .contact-block-textdiv { float: left; width: 150px; height: 34px; } #contact-block-end { clear: both; } .contact-block-link { float: left; } .contact-block-img { width:48px; height:48px; } #tag-remove { margin-bottom: 15px; } #tagrm li { margin-bottom: 10px; } #tagrm-submit, #tagrm-cancel { margin-top: 25px; } #tagrm-cancel { margin-left: 15px; } .wall-item-conv { margin-top: 5px; margin-bottom: 25px; } #search-submit { margin-left: 15px; } #search-box { margin-bottom: 25px; } .location-label, .gender-label, .marital-label, .homepage-label { float: left; text-align: right; display: block; width: 65px; } .adr, .x-gender, .marital-text, .homepage-url { float: left; display: block; margin-left: 8px; } .profile-clear { clear: both; } .clear { clear: both; } .cc-license { margin-top: 50px; font-size: 70%; } #plugin-settings-link, #account-settings-link, #uexport-link { margin-bottom: 10px; } #birthday-title { float: left; font-weight: bold; } #birthday-adjust { float: left; font-size: 75%; margin-left: 10px; } #birthday-title-end { clear: both; } .birthday-list { margin-left: 15px; } #birthday-wrapper { margin-bottom: 20px; } #network-new-link { margin-top: 15px; margin-bottom: 15px; } .tool-wrapper { float: left; margin-left: 15px; } .tool-link { cursor: pointer; } .calendar { font-family: Courier, monospace; } .today { color: #FF0000; } .settings-block { border: 1px solid #AAA; margin: 10px; padding: 10px; } .app-title { margin: 10px; } #identity-manage-desc { margin-top:15px; margin-bottom: 15px; } #identity-manage-choose { margin-bottom: 15px; } #identity-submit { margin-top: 20px; } #photo-prev-link, #photo-next-link { padding: 10px; float: left; } #photo-photo { float: left; } #photo-photo-end { clear: both; } .profile-match-photo { float: left; text-align: center; width: 120px; } .profile-match-name { float: left; text-align: center; width: 120px; overflow: hidden; } .profile-match-break, .profile-match-end { clear: both; } .profile-match-wrapper { float: left; padding: 10px; width: 120px; height: 120px; scroll: auto; } #profile-match-wrapper-end { clear: both; } .side-link { margin-bottom: 15px; } #language-selector { position: absolute; top: 0; left: 16px; } #group-members { margin-top: 20px; padding: 10px; height: 250px; overflow: auto; border: 1px solid #ddd; } #group-members-end { clear: both; } #group-separator { margin-top: 10px; margin-bottom: 10px; } #group-all-contacts { padding: 10px; height: 450px; overflow: auto; border: 1px solid #ddd; } #group-all-contacts-end { clear: both; margin-bottom: 10px; } #group-edit-desc { margin-top: 15px; } #prof-members { margin-top: 20px; padding: 10px; height: 250px; overflow: auto; border: 1px solid #ddd; } #prof-members-end { clear: both; } #prof-separator { margin-top: 10px; margin-bottom: 10px; } #prof-all-contacts { padding: 10px; height: 450px; overflow: auto; border: 1px solid #ddd; } #prof-all-contacts-end { clear: both; margin-bottom: 10px; } #prof-edit-desc { margin-top: 15px; } #crepair-nick-label, #crepair-attag-label, #crepair-url-label, #crepair-request-label, #crepair-confirm-label, #crepair-notify-label, #crepair-poll-label { float: left; width: 200px; margin-bottom: 15px; } #crepair-nick, #crepair-attag, #crepair-url, #crepair-request, #crepair-confirm, #crepair-notify, #crepair-poll { float: left; width: 300px; } #netsearch-box { margin-top: 20px; width: 150px; } #netsearch-box #search-submit { margin: 5px 0px 0px 0px; } .required { color: #FF0000; } .eventcal { float: left; font-size: 20px; } .vevent { border: 1px solid #CCCCCC; } .vevent .event-description, .vevent .event-location { margin-left: 10px; margin-right: 10px; } .vevent .event-start { margin-left: 10px; margin-right: 10px; } #new-event-link { margin-bottom: 10px; } .edit-event-link, .plink-event-link { float: left; margin-top: 4px; margin-right: 4px; margin-bottom: 15px; } .event-description:before { content: url('../../../images/calendar.png'); margin-right: 15px; } .event-list-date { margin-bottom: 10px; } .event-start, .event-end { margin-left: 10px; width: 330px; clear: both; } .event-start .dtstart, .event-end .dtend { float: right; } .prevcal, .nextcal { float: left; margin-left: 32px; margin-right: 32px; margin-top: 64px; } .event-calendar-end { clear: both; } .calendar { font-family: Courier, monospace; } .today { font-weight: bold; color: #FF0000; } #event-start-text, #event-finish-text { margin-top: 10px; margin-bottom: 5px; } #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text { float: left; } #event-datetime-break { margin-bottom: 10px; } #event-nofinish-break, #event-adjust-break { clear: both; } #event-desc-text, #event-location-text { margin-top: 10px; margin-bottom: 5px; } #event-submit { margin-top: 10px; } .item-select { opacity: 0.1; filter:alpha(opacity=10); float: right; margin-right: 10px; } .item-select:hover, .checkeditem { opacity: 1; filter:alpha(opacity=100); } #item-delete-selected { margin-top: 30px; } #item-delete-selected-end { clear: both; } #item-delete-selected-icon, #item-delete-selected-desc { float: left; margin-right: 5px; } #item-delete-selected-desc:hover { text-decoration: underline; } #lang-select-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; } /** * Form fields */ .field { margin-bottom: 10px; padding-bottom: 10px; overflow: auto; width: 100% } .field label { float: left; width: 200px; } .field input, .field textarea { width: 400px; } .field textarea { height: 100px; } .field_help { display: block; margin-left: 200px; color: #666666; } .field .onoff { float: left; width: 80px; } .field .onoff a { display: block; border:1px solid #666666; background-image:url("../../../images/onoff.jpg"); background-repeat: no-repeat; padding: 4px 2px 2px 2px; height: 16px; text-decoration: none; } .field .onoff .off { border-color:#666666; padding-left: 40px; background-position: left center; background-color: #cccccc; color: #666666; text-align: right; } .field .onoff .on { border-color:#204A87; padding-right: 40px; background-position: right center; background-color: #3465A4; color: #FFFFFF; text-align: left; } .hidden { display: none!important; } .field.radio .field_help { margin-left: 0px; } /** * ADMIN */ #pending-update { float:right; color: #ffffff; font-weight: bold; background-color: #FF0000; padding: 0em 0.3em; } #adminpage dl { clear: left; margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px solid black; } #adminpage dt { width: 200px; float: left; font-weight: bold; } #adminpage dd { margin-left: 200px; } #adminpage h3 { border-bottom: 1px solid #cccccc; } #adminpage .submit { clear:left; } #adminpage #pluginslist { margin: 0px; padding: 0px; } #adminpage .plugin { list-style: none; display: block; border: 1px solid #888888; padding: 1em; margin-bottom: 5px; clear: left; } #adminpage .toggleplugin { float:left; margin-right: 1em; } #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} #adminpage table th { text-align: left;} #adminpage td .icon { float: left;} #adminpage table#users img { width: 16px; height: 16px; } #adminpage table tr:hover { background-color: #bbc7d7; } #adminpage .selectall { text-align: right; } /** * ICONS */ .icon { display: block; width: 16px; height: 16px; background-image: url('../../../images/icons.png'); } .article { background-position: 0px 0px;} .audio { background-position: -16px 0px;} .block { background-position: -32px 0px;} .drop { background-position: -48px 0px;} .drophide { background-position: -64px 0px;} .edit { background-position: -80px 0px;} .camera { background-position: -96px 0px;} .dislike { background-position: -112px 0px;} .like { background-position: -128px 0px;} .link { background-position: -144px 0px;} .globe { background-position: 0px -16px;} .noglobe { background-position: -16px -16px;} .no { background-position: -32px -16px;} .pause { background-position: -48px -16px;} .play { background-position: -64px -16px;} .pencil { background-position: -80px -16px;} .small-pencil { background-position: -96px -16px;} .recycle { background-position: -112px -16px;} .remote-link { background-position: -128px -16px;} .share { background-position: -144px -16px;} .tools { background-position: 0px -32px;} .lock { background-position: -16px -32px;} .unlock { background-position: -32px -32px;} .video { background-position: -48px -32px;} .youtube { background-position: -64px -32px;} .attach { background-position: -80px -32px; } .language { background-position: -96px -32px; } .prev { background-position: -112px -32px; } .next { background-position: -128px -32px; } .on { background-position: -144px -32px; } .off { background-position: 0px -48px; } .starred { background-position: -16px -48px; } .unstarred { background-position: -32px -48px; } .tagged { background-position: -48px -48px; } .icon.dim { opacity: 0.3;filter:alpha(opacity=30); } .attachtype { display: block; width: 20px; height: 23px; float: left; background-image: url('../../../images/content-types.png'); } .body-attach { margin-top: 10px; } .type-video { background-position: 0px 0px; } .type-image { background-position: -20px 0px; } .type-audio { background-position: -40px 0px; } .type-text { background-position: -60px 0px; } .type-unkn { background-position: -80px 0px; } /* autocomplete popup */ .acpopup { max-height:150px; background-color:#ffffff; overflow:auto; z-index:100000; border:1px solid #cccccc; } .acpopupitem { background-color:#ffffff; padding: 4px; clear:left; } .acpopupitem img { float: left; margin-right: 4px; } .acpopupitem.selected { color: #FFFFFF; background: #3465A4; }