/** * duepuntozero Frindika style * Fabio Comuni <fabrix.xm@gmail.com> */ /* generals */ body { font-family: helvetica,arial,freesans,clean,sans-serif; font-size: 12px; background-color: #ffffff; background-image: url(head.jpg); background-repeat: repeat-x; color: #000000; margin: 0px; } a, a:visited, a:link { color: #3465a4; text-decoration: none; } a:hover {text-decoration: underline; } input { border: 1px solid #666666; -moz-border-radius: 3px; border-radius: 3px; padding: 3px; } img { border :0px; } #id_openid_url, .openid input { background: url(login-bg.gif) no-repeat; background-position: 0 50%; padding-left: 18px; } .openid:hover { } #id_openid_url { width: 384px; } pre 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 { background-color: #f4f8f9; border-left: 4px solid #dae4ee; padding: 0.4em; } .icollapse-wrapper, .ccollapse-wrapper { border: 1px solid #CCC; padding: 5px; } .hide-comments { margin-left: 5px; } #panel { background-color: ivory; position: absolute; z-index: 2; width: 30%; padding: 25px; border: 1px solid #444; } .heart { color: #FF0000; font-size: 100%; margin-right: 5px; } ul.menu-popup { position: absolute; display: none; width: auto; margin: 2px 0 0; padding: 0px; list-style: none; z-index: 100000; border: 2px solid #444444; background: #FFFFFF; } .menu-popup li a { padding: 2px; white-space: nowrap; } a.btn, a.btn:hover { text-decoration: none; color: inherit; } /* nav */ nav { height: 94px; display: block; margin: 0px 10%; border-bottom: 1px solid #babdb6; position: relative; } nav #site-location { color: #888a85; font-size: 0.8em; position: absolute; } .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; } .warning-message { background-color: #F4FA58; border: 1px solid #F3F781; color: #000000; font-size: 1.1em; padding: 10px; } nav #banner { display: block; margin-top: 14px; position: absolute; } nav #banner #logo-text a { font-size: 40px; font-weight: bold; margin-left: 3px; color: #000000; } nav #banner #logo-text a:hover { text-decoration: none; } .nav-commlink, .nav-login-link { display: block; height: 15px; margin-top: 67px; margin-right: 2px; /*padding: 6px 10px;*/ padding: 6px 3px; float: left; bottom: 140px; border: 1px solid #babdb6; border-bottom: 0px; background-color: #aec0d3; color: #565854; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } nav .nav-link { float: right; margin: 0.2em 0em; padding: 0em 0.5em; background-color: transparent !important; } .nav-commlink.selected { background-color: #ffffff; border-bottom: 1px solid #ffffff; color: #000000 !important; margin-top: 64px; padding-top: 6px; padding-bottom: 8px; } .nav-ajax-left { font-size: 0.8em; float: left; margin-top: 62px; } nav #nav-link-wrapper .nav-link { border-right: 1px solid #babdb6; } /* aside */ aside { display: block; min-height: 112px; width: 200px; margin-left: 10%; padding: 1em; float: left; background-image: url(border.jpg); background-position: top left; background-repeat: no-repeat; position: absolute; } #dfrn-request-link { display: block; color: #FFFFFF; -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; font-weight: bold; background: #3465a4 url('friendica-16.png') no-repeat 95% center; } #subscribe-feed-link, #wallmessage-link { display: block; color: #FFFFFF; -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; font-weight: bold; background-color: #3465a4; } /* section */ section { margin: 0px 10%; padding-top: 1em; padding-left: 250px; padding-right: 1em; display: block; background-color: #ffffff; background-image: url(border.jpg); background-position: top right; background-repeat: no-repeat; min-height: 112px; } .tabs { height: 27px; background-image: url(head.jpg); background-repeat: repeat-x; background-position: 0px -20px; border-bottom: 1px solid #babdb6; padding:0px; } .tabs li { margin: 0px; list-style: none; } .tab { display:block; float:left; padding: 0.4em; /*margin-right: 1em;*/ margin-right: 3px ; } .tab.active { font-weight: bold; } /* footer */ footer { text-align: right; padding-bottom: 1em; padding-right: 3em; } .birthday-today, .event-today { font-weight: bold; } div.wall-item-content-wrapper.shiny { background-image: url('shiny.png'); background-position: -5px 30px; background-repeat:no-repeat; } .preview { background: #FFFFC8; } #theme-preview { margin: 15px 0 15px 150px; } /* Contact-Header for the Network Stream */ #viewcontact_wrapper-network { width: 100%; min-height: 100px; background-color: #DBE6F1; border-bottom: 1px solid #babdb6; } #contact-entry-wrapper-network { float: none; width: auto; height: auto; padding: 10px; margin: 0px } #contact-entry-accounttype-network { font-size: 20px; } #contact-entry-name-network { font-size: 24.5px; } /*#contact-entry-name-network>.contact-entry-details, #contact-entry-url-network, #contact-entry-details-network, contact-entry-network-network { color: #000; }*/ /* from default */ #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, #jot-category { border: 0px; margin: 0px; height: 20px; width: 530px; margin-bottom: 5px; font-weight: bold; border: 1px solid #ffffff; } #jot-title::-webkit-input-placeholder{font-weight: normal;} #jot-category::-webkit-input-placeholder{font-weight: normal;} #jot-title:-moz-placeholder{font-weight: normal;} #jot-category:-moz-placeholder{font-weight: normal;} #jot-title:hover, #jot-title:focus, #jot-category:hover, #jot-category:focus { border: 1px solid #cccccc; } .jothidden { display:none; } .fakelink, .fakelink:visited, .fakelink:link { color: #3465a4; text-decoration: none; cursor: pointer; margin-top: 15px; margin-bottom: 15px; } .lockview { cursor: pointer; } #group-sidebar { margin-bottom: 10px; } .group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected { padding: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #CCCCCC; background: #F8F8F8; font-weight: bold; } .settings-widget .selected { padding: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #CCCCCC; background: #F8F8F8; font-weight: bold; } .fakelink:hover { color: #3465a4; text-decoration: underline; cursor: pointer; } .smalltext { font-size: 0.7em; } #sysmsg { /*width: 600px;*/ margin-bottom: 10px; } #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: 210px; float: left; } #login_openid { width: 210px; margin-left: 250px; } #login_standard input, #login_openid input { width: 180px; } #login-extra-links { clear: both; } #register-link, #lost-password-link { float: left; font-size: 80%; margin-right: 15px; } #login-name-end, #login-password-end, #login-extra-end, #login-submit-end { height: 50px; } #login-submit-wrapper { clear: both; } #login-submit-button { /* margin-top: 10px; */ margin-left: 200px; } input#dfrn-url { float: left; background: url(friendica-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; } .aprofile dt { font-weight: bold; } #page-profile .title { font-weight: bold; } #profile-vcard-break { clear: both; } #profile-extra-links { clear: both; margin-top: 10px; } #profile-extra-links ul { list-style-type: none; padding: 0px; } #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; } .profile-edit-side-link { opacity: 0.3; filter:alpha(opacity=30); } .profile-edit-side-link:hover { opacity: 1.0; filter:alpha(opacity=100); } .view-contact-wrapper { margin-top: 20px; float: left; margin-left: 20px; width: 180px; } .contact-wrapper { float: left; width: 150px; height: 150px; overflow: auto; } #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-links-end { clear: both; margin-bottom: 15px; } .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-submit-wrapper { margin-top: 10px; } #profile-photo-wrapper img { width:175px; height:175px; padding: 12px; } #profile-photo-wrapper.crop-preview img { padding: 0; } #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, #profile-edit-hometown-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 { float: left; margin-bottom: 20px; } #settings-normal, #settings-soapbox, #settings-freelove, #settings-community { float: left; } #settings-notifications label { margin-left: 20px; } #settings-notify-desc, #settings-activity-desc { font-weight: bold; margin-bottom: 15px; } #settings-pagetype-desc { color: #666666; margin-bottom: 15px; } #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-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-pdesc-desc, #profile-edit-pubkeywords-desc, #profile-edit-prvkeywords-desc { float: left; margin-left: 20px; } #profile-edit-homepage, #profile-edit-hometown { 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;*/ clear: left; color: #666666; display: block; margin-bottom: 20px } #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-edit-hometown-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; } .settings-widget ul { list-style-type: none; padding: 0px; } .settings-widget li { margin-left: 24px; margin-bottom: 8px; } #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; min-width: 363px; height: 90px; padding-right: 10px; margin: 0 10px 10px 0px; } .contact-entry-wrapper .contact-entry-photo-wrapper { float: left; margin-right: 10px; } #contacts-search-end { margin-bottom: 10px; } .contact-entry-direction-icon { margin-top: 24px; margin-right: 2px; } .contact-entry-photo img { border: none; } .contact-entry-photo a img { width: 80px; height: 80px; } .contact-entry-photo-end { clear: both; } .contact-entry-name { font-weight: bold; } .contact-entry-details { font-size: 13px; color: #999999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .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; } #fsuggest-desc, #fsuggest-submit-wrapper { margin-top: 15px; margin-bottom: 15px; } #network-star-link{ margin-top: 10px; } .network-star { float: left; margin-right: 5px; } #network-bmark-link { margin-top: 10px; } .wall-item-content-wrapper { margin-top: 10px; border: 1px solid #CCC; position: relative; -moz-border-radius: 3px; border-radius: 3px; } .tread-wrapper .tread-wrapper { margin-left: 50px; } .tread-wrapper .wall-item-comment-wrapper { margin-left: 50px; } .tread-end-wrapper { margin-left: 50px; } .wall-item-content-wrapper.comment { /*margin-left: 50px;*/ background: #EEEEEE; } .wall-item-like.comment, .wall-item-dislike.comment { margin-left: 50px; } .wall-item-info { display: block; float: left; width:110px; margin-right:10px; } .comment .wall-item-info { width: 70px; } .wall-item-photo-wrapper { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; width: 100px; } .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; } .comment .wall-item-photo-menu-button { top: 44px;} .comment .wall-item-photo-menu { top: 60px; } .wallwall .wwto { left: 50px; margin: 0; position: absolute; top: 70px; width: 30px } .wallwall .wwto img { width: 30px !important; height: 30px !important; } .wallwall .wall-item-photo-end { clear: both; } .wall-item-arrowphoto-wrapper { position: absolute; left: 75px; top: 70px; z-index: 100; } .wall-item-wrapper { /*float: left; margin-right: 5px; width: 250px;*/ margin-left:10px; } .wall-item-lock { /*height: 20px;*/ /*margin-top: 10px;*/ left: 105px; position: absolute; top: 1px; } .comment .wall-item-lock { left: 65px; } .wall-item-ago, .shared-time { color: #888888; font-size: 0.8em; } .wall-item-location { overflow: hidden; /* add ellipsis on text overflow */ /* this work on safari, opera, ie, chrome. */ /* firefox users have to wait support or we */ /* can use a jquery addon http://bit.ly/zJskg */ text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100%; } .wall-item-like-buttons { float: left; margin-right: 10px; /* padding-right: 10px; */ /* border-right: 2px solid #fff; */ } .like-rotator { margin-left: 5px; } .wall-item-like-buttons > a, .wall-item-like-buttons > img { float: left; } .wall-item-like-buttons img { cursor: pointer; } .wall-item-share-buttons { margin-left: 10px; margin-right: 10px; } .wall-item-like-buttons > a.active, .wall-item-attend-wrapper > a.active { background-color: rgba(52, 101, 164, .5); } .editpost { margin-left: 10px; float: left; } .star-item { margin-left: 10px; float: left; } .tag-item { margin-left: 10px; float: left; } .filer-item { margin-left: 10px; float: left; } .wall-item-links-wrapper { float: left; } .wall-item-delete-wrapper { float: right; } .wall-item-delete-end { clear: both; } .wall-item-delete-icon { border: none; } .wall-item-attend-wrapper { float:left; padding-left: 10px; } .wall-item-attend-wrapper > a { display: inline-block; margin-right: 10px; } .wall-item-wrapper-end { clear: both; } .wall-item-name-link, .shared-author { font-weight: bold; text-decoration: none; color: #3172BD; } .wall-item-photo { border: none; } .comment .wall-item-photo { width: 50px !important; height: 50px !important; } .wall-item-content { /*float: left;*/ /*width: 450px;*/ margin-left: 10px; /*margin-bottom: 20px;*/ /*padding: 20px;*/ max-height: 700px; overflow: auto; } .wall-item-content img { max-width: 700px; } .wall-item-container .wall-item-content .type-link img, .type-link img { max-width: 160px; max-height: 160px; float: left; margin-right: 10px; } .type-link blockquote { margin-left: 160px; max-height: 160px; overflow: hidden; } .type-link .oembed { } .oembed.video .embed_video > div { position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5) url(shiny.png) no-repeat scroll center center; } .shared_header { height: 32px; color: #999; border-top: 1px solid #D2D2D2; padding-top: 5px; margin-top: 5px; } .shared_header a { color: black; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .shared_header a:hover { color: #36c; } .shared_header img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; } .shared_header span { margin-left: 9px; } blockquote.shared_content { margin-left: 32px; color: #000; border: none; } .wall-item-title { float: left; font-weight: bold; /*width: 450px;*/ } .wall-item-title-end { clear: both; } .wall-item-body { float: left; /*width: 450px;*/ margin-top: 10px; } .wall-item-tools { clear: both; background-image: url("head.jpg"); background-position: 0 -20px; background-repeat: repeat-x; padding: 5px 10px 0px; } .wall-item-author { margin-top: 10px; } .comment .wall-item-tools { background:none; } .comment-edit-wrapper { margin-top: 15px; background: #f3f3f3; margin-left: 50px; } .comment-wwedit-wrapper { background: #f3f3f3; } .comment-edit-photo { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; width: 100px; float: left; } .comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo { width: 40px; } .comment-edit-photo img { width: 25px; } .comment-edit-text-empty, .comment-edit-text-full { float: left; margin-top: 10px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #cccccc; padding: 3px 1px 1px 3px; } .comment-edit-text-end { clear: both; } .comment-edit-submit { margin: 10px 0px 10px 110px; } .comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit { margin-left: 50px; } #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; } #jot-preview-link { float: left; margin-left: 45px; margin-top: 0px !important; } #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: left;*/ height: 30px; } #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; clear:left; } .pager .disabled { display: none; } .pager_first, .pager_last, .pager_prev, .pager_next, .pager_n, .scroll_loader_text { 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 { height: 10px; } #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: 10px; } #contact-edit-banner-name { font-size: 1.4em; font-weight: bold; } #contact-edit-poll-wrapper { margin-top: 15px; } #contact-edit-poll-text { margin-top: 15px; margin-bottom: 5px; } #contact-edit-update-now { margin-top: 15px; } #contact-edit-links{ clear: both; } #contact-edit-links ul { list-style: none; list-style-type: none; margin-left: 0px; padding-left: 0px; } #contact-edit-links li { margin-top: 5px; } #contact-edit-drop-link { float: right; margin-right: 20px; } #contact-edit-nav-end { clear: both; } #contact-edit-wrapper { width: 100%; } #contact-edit-end { clear: both; margin-top: 15px; } #contact-profile-selector { width: 175px; /*margin-left: 175px;*/ } .contact-select { position: absolute; top: 64px; left:64px; display:none; } .contact-select:checked, .contact-entry-photo:hover .contact-select { display:block; } .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: auto; 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; } #block-message, #ignore-message, #archive-message, #lost-contact-message { color: #FF0000; } #profile-edit-insecure { margin-top: 20px; color: #FF0000; font-size: 1.1em; border: 1px solid #FF8888; background-color: #FFEEEE; padding-left: 5px; /*: 3px 3px 3px 5px; */ width: 587px; } #profile-jot-text { height: 20px; width: 100%; color:#cccccc; border: 1px solid #cccccc; padding: 3px 0px 0px 5px; -moz-border-radius: 3px; border-radius: 3px; } /** acl **/ #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper{ display:block!important; } #photos-usage-message { margin-bottom: 15px; } #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: 18px; background-color: #cccccc; background-image: url("../../../images/show_all_off.png"); background-position: 7px 7px; background-repeat: no-repeat; padding: 7px 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; background-position: 3px 3px; background-repeat: no-repeat; 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 **/ .comment-edit-text-empty { color: gray; height: 2em; width: 175px; overflow: auto; margin-bottom: 10px; } .comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty { height: 1.5em; } .comment-edit-text-full { color: black; height: 150px; width: 350px; overflow: auto; } #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; font-size: 1.3em; padding: 4px 0; } /* *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.4em; margin: 10px 0; } .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-break { clear: both; } .mail-conv-delete-icon { border: none; } .message-links ul { list-style-type: none; padding: 0px; } .message-links li { margin-top: 10px; float: left; } .message-links a { padding: 3px 5px; } .message-links-end { clear: both; } #sidebar-group-list ul { list-style-type: none; } .sidebar-group-li .notify, .forum-widget-entry .notify { display: none; font-size: 9px; border: 1px solid rgb(221, 221, 221); padding: 2px; float: right; background-color: #BABDB6; } .sidebar-group-li .notify.show, .forum-widget-entry .notify.show { display: block; } #sidebar-group-list .icon, #sidebar-group-list .iconspacer { display: inline-block; height: 12px; width: 12px; } #sidebar-group-list li { margin-top: 10px; } #forumlist-sidebar ul { list-style: none; } .nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul { list-style-type: none; } .nets-ul li, .fileas-ul li, .categories-ul li, .datebrowse-ul li { margin-top: 10px; } .nets-link { margin-left: 24px; } .nets-all { margin-left: 42px; } .fileas-link, .categories-link { margin-left: 24px; } .fileas-all, .categories-all { margin-left: 0px; } #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, #side-peoplefind-url { margin-top: 5px; } #side-follow-submit, #side-peoplefind-submit { margin-top: 15px; } #side-match-link { margin-top: 10px; } aside input[type='text'] { width: 174px; } .widget { border: 1px solid #DDDDDD; padding: 8px; margin-top: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /*.photos { height: auto; overflow: auto; }*/ .photos-end { clear: both; margin-bottom: 25px; } .photo-album-image-wrapper { float: left; margin-top: 15px; margin-right: 15px; margin-left: 15px; /* width: 200px; height: 200px; overflow: hidden; position: relative; */ } .photo-album-image-wrapper .caption { display: none; width: 100%; /* position: absolute; */ bottom: 0px; padding: 0.5em 0.5em 0px 0.5em; background-color: rgba(245, 245, 255, 0.8); border-bottom: 2px solid #CCC; margin: 0px; } .photo-album-image-wrapper a:hover .caption { display:block; } #photo-album-end { clear: both; margin-bottom: 25px; } .photo-top-image-wrapper { /* position: relative; */ float: left; margin-top: 15px; margin-right: 15px; margin-left: 15px; margin-bottom: 15px; /* width: 200px; height: 200px; overflow: hidden; */ } .photo-top-album-name { width: 100%; min-height: 2em; /* position: absolute; */ bottom: 0px; padding: 0px 3px; padding-top: 0.5em; background-color: rgb(255, 255, 255); } #photo-top-end { clear: both; } #photo-top-links { margin-bottom: 30px; margin-left: 30px; } #photos-upload-newalbum-div { float: left; width: 175px; } #photos-upload-noshare { margin-bottom: 10px; } #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; } .video-top-wrapper { display: inline-block; vertical-align: top; margin-top: 15px; margin-right: 15px; margin-left: 15px; margin-bottom: 15px; } #profile-jot-desc { /*float: left;*/ width: 480px; color: #FF0000; margin-top: 10px; margin-bottom: 10px; } #character-counter { float: right; 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, #photos-upload-perms-menu:link { 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, #photo-edit-rotate-label { float: left; width: 150px; } #photo-edit-perms-end { margin-bottom: 15px; } #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate { 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, #photo-edit-rotate-end { clear: both; } #photo-edit-rotate-end { margin-bottom: 15px; } #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-tz-desc { float: left; width: 250px; margin-top: 10px; margin-bottom: 10px; } #install-dbhost, #install-dbuser, #install-dbpass, #install-dbdata { float: left; width: 200px; margin-left: 20px; } #install-dbhost-end, #install-dbuser-end, #install-dbpass-end, #install-dbdata-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, .network-label { float: left; text-align: right; display: block; width: 65px; } .adr, .x-gender, .marital-text, .homepage-url, .x-network { float: left; display: block; margin-left: 8px; } .profile-clear { clear: both; } .clear { clear: both; } .cc-license { margin-top: 50px; font-size: 70%; } #addon-settings-link, #account-settings-link { margin-bottom: 10px; } #uexport-link { margin-bottom: 20px; } /* end from default */ .fn { padding: 0px 0px 5px 12px; font-size: 120%; font-weight: bold; } .vcard .title, .vcard .p-addr { margin-bottom: 5px; margin-left: 12px; } .vcard .account-type { font-size: 120%; margin-bottom: 13px; } .vcard dl { clear: both; } #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; } .eventcal { float: left; font-size: 20px; } #event-summary-text { margin-top: 15px; } #event-share-checkbox { float: left; margin-top: 10px; } #event-share-text { float: left; margin-top: 10px; margin-left: 5px; } #event-share-break { clear: both; margin-bottom: 10px; } #event-summary { width: 400px; } .vevent { border: 1px solid #CCCCCC; } .vevent .event-summary { margin-left: 10px; margin-right: 10px; font-weight: bold; } .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-start, .event-end { margin-left: 10px; width: 330px; clear: both; } .event-start .dtstart, .event-end .dtend { float: right; } .event-list-date { margin-bottom: 10px; } .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; } .settings-block { border-bottom: 1px solid #AAA; } .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-connect { text-align: center; font-weight: bold; } .profile-match-wrapper { float: left; padding: 10px; width: 120px; height: 120px; scroll: auto; } #profile-match-wrapper-end { clear: both; } .side-link { margin-bottom: 15px; } #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-name-label, #crepair-nick-label, #crepair-attag-label, #crepair-url-label, #crepair-request-label, #crepair-confirm-label, #crepair-notify-label, #crepair-photo-label, #crepair-poll-label { float: left; width: 200px; margin-bottom: 15px; } #crepair-name, #crepair-nick, #crepair-attag, #crepair-url, #crepair-request, #crepair-confirm, #crepair-notify, #crepair-photo, #crepair-poll { float: left; width: 300px; } #netsearch-box { margin-top: 20px; } #netsearch-box #search-submit { margin: 5px 0px 0px 0px; } .required { 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; } .body-tag, .filesavetags, .categorytags { opacity: 0.5; filter:alpha(opacity=50); } .body-tag:hover, .filesavetags:hover, .categorytags:hover { opacity: 1.0 !important; filter:alpha(opacity=100) !important; } .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; } .notif-image { height: 80px; width: 80px; margin-right: 15px; } .notification-listing-end { clear: both; margin-bottom: 15px; } /** * Plugins settings */ .settings-block > h3, .settings-heading { border-bottom: 1px solid #babdb6; } /** * 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: #D7E3F1; color: #204A87; 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 .field label { font-weight: bold; } #adminpage .submit { clear:left; text-align: right; } #adminpage #addonslist { margin: 0px; padding: 0px; } #adminpage .addon { list-style: none; display: block; border: 1px solid #888888; padding: 1em; margin-bottom: 5px; clear: left; } #adminpage .addon .desc { margin-left: 2.5em;} #adminpage .toggleaddon { float:left; margin-right: 1em; } #adminpage table {width:100%; border-bottom: 1px 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; } /* * UPDATE */ .popup { width: 100%; height: 100%; top:0px; left:0px; position: absolute; display: none; } .popup .background { background-color: rgba(0,0,0,128); opacity: 0.5; width: 100%; height: 100%; position: absolute; top:0px; left:0px; } .popup .panel { top:25%;left:25%;width:50%;height:50%; padding: 1em; position: absolute; border: 4px solid #000000; background-color: #FFFFFF; } .popup .panel .panel_text { display: block; overflow: auto; height: 80%; } .popup .panel .panel_in { width: 100%; height: 100%; position: relative; } .popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; } .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px} .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;} /** * OAuth */ .oauthapp { height: auto; overflow: auto; border-bottom: 2px solid #cccccc; padding-bottom: 1em; margin-bottom: 1em; } .oauthapp img { float: left; width: 48px; height: 48px; margin: 10px; } .oauthapp img.noicon { background-image: url("../../../images/icons/48/plugin.png"); background-position: center center; background-repeat: no-repeat; } .oauthapp a { float: left; } /** * ICONS */ .iconspacer { display: block; width: 16px; height: 16px; } .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; } .yellow { background-position: -64px -48px; } .attendyes { background-position: -80px -48px; } .attendno { background-position: -96px -48px; } .attendmaybe { background-position: -112px -48px; } .filer-icon { display: block; width: 16px; height: 16px; background-image: url('file.gif'); } .icon.dim { opacity: 0.3;filter:alpha(opacity=30); } [class^="comment-edit-bb"] { list-style: none; display: none; margin: 0px 0 -5px 0px; padding: 0px; width: 75%; } [class^="comment-edit-bb"] > li { display: inline-block; margin: 10px 10px 0 0; visibility: none; } [class^="comment-edit-bb-end"] { clear: both; } .editicon { display: inline-block; width: 16px; height: 16px; background-image: url(bbedit.png); background-color: #fff; text-decoration: none; } .editicon:hover { background-color: #ccc; } .boldbb { background-position: 0px 0px; } .boldbb:hover { background-position: 0px -16px; } .italicbb { background-position: -16px 0px; } .italicbb:hover { background-position: -16px -16px; } .underlinebb { background-position: -32px 0px; } .underlinebb:hover { background-position: -32px -16px; } .quotebb { background-position: -48px 0px; } .quotebb:hover { background-position: -48px -16px; } .codebb { background-position: -64px 0px; } .codebb:hover { background-position: -64px -16px; } .imagebb { background-position: -80px 0px; } .imagebb:hover { background-position: -80px -16px; } .urlbb { background-position: -96px 0px; } .urlbb:hover { background-position: -96px -16px; } .videobb { background-position: -112px 0px; } .videobb:hover { background-position: -112px -16px; } .attachtype { display: block; width: 20px; height: 23px; float: left; background-image: url('../../../images/content-types.png'); background-position: -80px 0px; } .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 { background-color:#ffffff; overflow:auto; z-index:100000; border:1px solid #cccccc; } .acpopup-mce { 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; } .textcomplete-item.active { color: #FFFFFF; background: #3465A4; } .active a .acpopup-sub-text { color: #fff; } /* popup notifications */ div.jGrowl div.notice { background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; color: #ffffff; padding-left: 58px; } div.jGrowl div.info { background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; color: #ffffff; padding-left: 58px; } #jGrowl.top-right { top: 15px; right: 15px; } .qcomment { border: 1px solid #EEE; padding: 3px; margin-top: 15px; margin-left: 25px; width: 125px; overflow-y: auto; } .qcomment option { width: 125px; overflow-x: hidden; } .qcomment { opacity: 0.3; filter:alpha(opacity=30); } .qcomment:hover { opacity: 1.0; filter:alpha(opacity=100); } /* notifications popup menu */ .manage-notify { font-size: 10px; padding: 1px 3px; top: 0px; min-width: 15px; text-align: center; float: right; margin-top: -14px; margin-right: -20px; } .nav-notify { display: none; position: absolute; font-size: 10px; padding: 1px 3px; top: 0px; right: -10px; min-width: 15px; text-align: right; } .nav-notify.show { display: block; } #nav-notifications-menu { width: 320px; max-height: 400px; overflow-y: scroll;overflow-style:scrollbar; background-color:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; border: 1px solid #888; top: 90px; left: 200px; } #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; } #nav-notifications-menu img { float: left; margin-right: 5px; } #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; } #nav-notifications-menu li { padding: 7px 0px 7px 10px; word-wrap:normal; border-bottom: 1px solid #000; } #nav-notifications-menu li:hover { } #nav-notifications-menu a:hover { text-decoration: underline; } .notif-item a { color: #000000; } .notif-item a:hover { text-decoration: underline; } .notif-image { width: 32px; height: 32px; padding: 7px 7px 0px 0px; } .notify-seen { background: #DDDDDD; } #id_term_label { width:75px; } #id_term { width:100px; } #recip { } .autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; } .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; } #datebrowse-sidebar select { margin-left: 25px; } #div_id_remember label { width: 170px; } #div_id_remember input { width: 20px; } .shared_header span { margin-left: 10px; } /* small screens */ @media all and (max-width: 1089px) { .field label { width: 90%; } .field input, .field textarea, .field select { width: 90%; } .field input[type="checkbox"],.field input[type="radio"] { width: 2em; } #id_openid_url { width: 85%; } .field_help { margin-left: 0px; } textarea { width: 100%; } } @media all and (max-width: 760px) { body { background-image: none; } nav, aside, section, footer { margin: 0px; float: none; position: relative; width: 100%; padding: 0.5em; height: auto; } aside:before { content: ">>"; display: block; background-color: #eee; } aside { overflow: hidden; min-height: 0; height: 1em;} aside:hover, aside:focus { height: auto; } nav .nav-link { float: left; width: 23%; min-width: 100px; height: 15px; display: block; margin: 0.4em 2px 0 0; padding: 6px 3px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(186, 189, 182); background-color: rgb(174, 192,211)!important; } .nav-commlink.selected, .nav-commlink { border-bottom: 0px; padding: 6px 3px; min-width: 100px; float: left; margin-top: 0.4em; width: 23%; bottom: auto; } .nav-ajax-left {margin-left: -1em; margin-top: 0px; } nav #site-location, nav #banner { position: relative; clear:both; } ul.menu-popup { left: 0px; top: 20px; } } /* videos page */ .videos .video-top-wrapper { width: 300px; float: left; margin: 0px 10px 10px 0px; position: relative; } .videos .video-top-wrapper .video-delete { position: absolute; opacity: 0; right: 0px; top: 0px; transition: opacity 0.5s; } .videos .video-top-wrapper:hover .video-delete { opacity: 1; } #message-preview .mail-list-sender-url, #message-preview .mail-list-delete { display: none; } #message-preview .mail-list-outside-wrapper { margin-top: 20px; }