/** * duepuntozero Frindika style * Fabio Comuni * * Heavily modified for Frost * Zach P */ /* generals */ body { font-family: helvetica,arial,freesans,clean,sans-serif; font-size: 12px; /* line-height: 24px;*/ background-color: #ffffff; background-image: url(head.jpg); background-repeat: repeat-x; color: #505050; margin: 0px; } div.container { display: block; width: 785 px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; } a, a:visited, a:link { color: #3465a4; text-decoration: none; } a:hover {text-decoration: underline; } input { border: 1px solid #666666; -moz-border-radius: 3px; -webkit-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; } 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-outer { margin-left: 75px; font-weight: 700; opacity: 0.4; border-bottom: 1px solid #AAA; } .hide-comments-outer:hover { opacity: 1.0; border-bottom: 1px solid #DDD; /* manually prevent the border from changing color */ } .hide-comments { margin-left: 5px; } #panel { position: absolute; z-index: 2; width: 30%; padding: 25px; /* background-color: ivory; border: 1px solid #444;*/ border-radius: 7px; background-color: #222; color: #eee; } .heart { color: #FF0000; font-size: 100%; margin-right: 5px; } /* nav */ nav { height: 94px; width: 1100px; display: block; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; } 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; } 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; } /* ZP REMOVE? nav-commlink */ .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; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .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.show { position: absolute; font-size: 0.8em; top: 25px; right: 5px; padding: 1px 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: gold !important; } nav #nav-link-wrapper .nav-link { /*border-right: 1px solid #babdb6;*/ } nav .nav-link img { margin-top: 24px; margin-bottom: 0.2em; margin-right: 1em; margin-left: 1em; background-color: transparent !important; } .nav-button-container { float: right; position: relative; } .nav-button-container .nav-ajax-left { } .nav-menu-list { text-align: center; line-height: 18px; border-left: 1px solid #AAAAAA;/*#444444;*/ border-right: 1px solid #AAAAAA; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; -moz-box-shadow: 3px 3px 5px #555; -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; background: #FFFFFF; display: none; list-style: none; width: 10em; position: absolute; margin: 0px; right: -33px; padding: 1em 0px; z-index: 10000; } div.main-container { width: 1180px; margin: 0px auto; display: block; position: relative; } /*div.main-content-loading { position: absolute; top: 200px; left: 50%; display: none; }*/ /* aside */ aside { display: block; min-height: 112px; width: 250px; padding: 1em; margin: 1em 0px 0px 0px; position: absolute; /* float:left;*/ } #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; } #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 { width: 565px; display: block; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding-left: 1em; padding-right: 1em; padding-top: 0.5em; background-color: #ffffff; /* background-image: url(border.jpg); background-position: top left; background-repeat: no-repeat;*/ min-height: 112px; /* border-top: 1px solid #babdb6;*/ border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top-left-radius: 10px; border-top-right-radius: 10px; } .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; } .tabs a { /* background-image: url(head.jpg); background-repeat: repeat-x; background-position: 0px 0px; background-size: auto 45px;*/ padding: 0.4em 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; border: 1px solid #aaa; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: -2px -2px 3px #aaa inset; -moz-box-shadow: -2px -2px 3px #aaa inset; -webkit-box-shadow: -2px -2px 3px #aaa inset; } .tab { display:block; float:left; padding: 0.4em; /*margin-right: 1em;*/ margin-right: 3px ; } .tab.active { font-weight: bold; /* background-image: url(head-flipped.jpg); background-position: 0px -20px;*/ box-shadow: 2px 2px 3px #aaa inset; -moz-box-shadow: 2px 2px 3px #aaa inset; -webkit-box-shadow: 2px 2px 3px #aaa inset; } #display-top-padding { padding-top: 3em; } /* footer */ footer { text-align: center; padding-bottom: 1em; } #maintenance-message { font-size: 20px; text-align: center; margin-top: 10em; } .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; } #theme-version { display: block; font-weight: bold; } #theme-credits { margin-top: 15px; margin-bottom: 15px; } /* 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 { margin: 0px; margin-bottom: 5px; height: 20px; width: 465px; font-weight: bold; border: 1px solid #ffffff; display: block; clear: left; } #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 { padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #CCCCCC; background: #F8F8F8; font-weight: bold; } .settings-widget .selected { padding: 3px; -moz-border-radius: 3px; -webkit-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-form { margin-top: -150px; } /*#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-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; } #croppa { max-width: 510px; } .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-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 { font-weight: 700; 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; } #profile-edit-pubkeywords, #profile-edit-prvkeywords { margin-bottom: 5px; } #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-howlong-label, #profile-edit-with-label { display: block; font-style: italic; width: 175px; margin-left: 50px; } #profile-edit-howlong, #profile-edit-with { margin-bottom: 20px; margin-left: 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; margin-bottom: 20px; } #profile-edit-prvkeywords-desc { margin-bottom: 0px; } /*#profile-edit-homepage, #profile-edit-hometown { float: left; margin-bottom: 35px; }*/ #profile-edit-homepage, #profile-edit-hometown { float: left; margin-bottom: 25px; } #profile-edit-hometown { margin-bottom: 5px; } #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; } #profile-edit-marital-wrapper, #profile-edit-address-wrapper { margin-top: 50px; } #profile-edit-marital-end { margin-bottom: 20px; } .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-display-wrapper { padding-left: 0px; } #contacts-search-wrapper { padding-top: 1em; padding-bottom: 2em; clear: left; } #contacts-main { margin-top: 20px; margin-bottom: 20px; } .contact-entry-wrapper { float: left; /* width: 120px; height: 120px;*/ padding-left: 8px; padding-right: 8px; width: 95px; height: 170px; } #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-end { clear: both; } .contact-entry-name { float: left; margin-left: 0px; margin-right: 10px; padding-bottom: 5px; width: 120px; font-weight: 600; overflow: hidden; } .contact-entry-details { font-style: italic; font-size: 10px; font-weight: 500; } .contact-entry-network { font-size: 10px; font-weight: 500; } .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; } .toplevel_item { margin-bottom: 40px; } .wall-item-content-wrapper { padding-top: 1em; /* wall-item-lock margin-top needs to match this */ border-top: 2px solid #AAA; position: relative; } .wall-item-content-wrapper.comment { margin-top: 10px; padding-top: 0px; margin-left: 75px; border: none; } .wall-item-like, .wall-item-dislike { font-style: italic; margin-left: 0px; opacity: 0.4; } .wall-item-dislike { margin-bottom: 15px; } .wall-item-like:hover, .wall-item-dislike:hover { opacity: 1.0; } .wall-item-like.comment, .wall-item-dislike.comment { margin-left: 75px; } .wall-item-dislike.comment { margin-bottom: 0px; } .wall-item-info { display: block; float: left; width:110px; margin-right:10px; margin-bottom:10px; } .comment .wall-item-info { width: 70px; } /*.wall-item-photo-wrapper { 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: 76px; left:0px; 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;*/ left: 0px; top:92px; display: none; z-index: 10000; } .wall-item-photo-menu { 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;*/ top: 34px;} .comment .wall-item-photo-menu { /*top: 60px;*/ top: 50px; } .wallwall .wwto { left: 50px; margin: 0; position: absolute; top: 63px; 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: 63px; z-index: 100; } .wall-item-lock { margin-top: 1em; /* needs to match .wall-item-content-wrapper padding-top */ left: 105px; position: absolute; top: 1px; } .comment .wall-item-lock { left: 65px; margin-top: 0px; } .wall-item-ago, .wall-item-ago a { 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 plugin 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; } .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-wrapper-end { clear: both; }*/ .wall-item-name-link { font-weight: bold; text-decoration: none; color: #3172BD; } .wall-item-photo { border: none; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .comment .wall-item-photo { width: 50px !important; height: 50px !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .wall-item-content { margin-left: 10px; padding-right: 1em; /* max-height: 500px;*/ overflow: auto; } .wall-item-content img { display: block; margin-top: 12px; margin-bottom: 12px; margin-right: auto; margin-left: auto; /* max-width: 100%;*/ max-width: 400px; /* to make room for the shadow */ padding: 5px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } .shared_content img { max-width: 100%; } .comment .wall-item-content img { max-width: 370px; } .wall-item-content img.smiley { display: inline; margin: auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .divgrow-showmore { display: block; clear: both; text-align: center; outline: 0; border-top: 1px dotted #888; } .wall-item-title { float: left; font-weight: bold; font-size: 1.6em; /*width: 450px;*/ } /*.wall-item-title-end { clear: both; }*/ .wall-item-body { text-align: justify; float: left; clear: left; /*width: 450px;*/ width: 100%; margin-top: 10px; line-height: 18px; } .wall-item-body iframe { display: block; clear: both; margin-top: 1.5em; margin-bottom: 1.5em; } .wall-item-tools { clear: both; margin-top: 10px; margin-left: 0px; padding: 10px 10px 0px 2px; height: 22px; border-bottom: 1px solid #ddd; } .wall-item-author { margin-top: 0px; } .comment .wall-item-tools { margin-left: 0px; margin-top: 5px; padding-top: 0px; } .comment-edit-wrapper { margin-top: 15px; background: #f3f3f3; margin-left: 50px; } .comment-wwedit-wrapper { display: block; margin-top: 15px; background: #f3f3f3; margin-left: 75px; } .comment-wwedit-wrapper.comment { width: 300px; margin-left: 150px; border-radius: 10px; } .comment-edit-photo { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; width: 70px; float: left; } .comment-edit-photo img { width: 25px; } .comment .comment-edit-photo { width: 50px; } .comment-edit-text-empty, .comment-edit-text-full { float: left; margin-top: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #cccccc; padding: 3px 1px 1px 3px; } .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; } .comment .comment-edit-text-empty { height: 1.5em; width: 150px; } .comment .comment-edit-text-full { margin-left: 10px; width: 275px; } .comment-edit-text-end { clear: both; } .comment-edit-submit { margin: 10px 0px 10px 110px; } .comment .comment-edit-submit { margin-left: 30px; } .shared_header { border-top: 1px solid #aaa; color: #999; height: 42px; /* 32 px for the image plus 10 px for the margin around the image */ padding-top: 0.5em; margin-top: 1em; margin-bottom: 1em; } .shared_header img { float: left; margin: auto 1em auto auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #profile-jot-plugin-wrapper, #profile-jot-submit-wrapper { margin-top: 15px; } #profile-jot-banner-wrapper { height: 1.5em; display: block; clear: left } #profile-jot-submit { float: left; } #profile-upload-wrapper { float: left; margin-left: 30px; } #profile-attach-wrapper { float: left; margin-left: 15px; } #profile-rotator { float: left; margin-left: 30px; } #profile-link-wrapper { float: left; margin-left: 30px; } #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-box { margin-top: 50px; } #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;*/ padding-left: 25px; width: 150px; height: 225px; overflow: auto; } #directory-search-wrapper { margin-top: 20px; margin-right: 20px; margin-bottom: 50px; } #directory-search-end { } .directory-photo-img { width: 125px; border: none; } /* NOTE: The order of the "pager" items here is very important! * The concern is maintaining a decent-looking pager for people who still use * the numbers, while also having a nice-looking pager for people who use the * "older/newer" alternate. The numbers pager uses the _first, _last, etc. classes * while the newer pager just has bare tags inside the div.pager. So the * following CSS sets everything up for the newer pager, then overrides those * settings for the specific classes used by the older pager. */ .pager { margin-top: 35px; margin-bottom: 20px; padding: 10px 0px; text-align: center; } .pager a { font-size: 1.5em; padding: 0.2em 1em; border: 1px solid #aaa; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .pager_first, .pager_last, .pager_prev, .pager_next, .pager_n { /* background: #EEE;*/ } .pager_first a, .pager_last a, .pager_prev a, .pager_next a, .pager_n a { font-size: 0.97em; border: 1px solid black; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-decoration: none; padding: 4px 6px 4px 3px; opacity: 0.5; } .pager_first a:hover, .pager_last a:hover, .pager_prev a:hover, .pager_next a:hover, .pager_n a:hover { opacity: 1.0; } .pager_current { font-size: 0.97em; border: 1px solid black; border-radius: 7px; background: #FFCCCC; padding: 4px 6px 4px 3px; } #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-edit-submit { margin-top: 10px; clear: left; display: block; margin-bottom: 45px; } .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; 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: 580px; 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: 170px; 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: 10px; /* 8px; */ display: block; width: 50px; height: 12px; 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 **/ #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; margin-bottom: 10px; 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: 5px; 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-list .icon, #sidebar-group-list .iconspacer { display: inline-block; height: 12px; width: 12px; } #sidebar-group-list li { margin-top: 10px; } .nets-ul, .fileas-ul, .categories-ul { list-style-type: none; } .nets-ul li, .fileas-ul li, .categories-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: 1em 2em; 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;*/ display: inline-block; vertical-align: top; margin-top: 15px; margin-right: 15px; margin-left: 15px; margin-bottom: 15px; /* width: 200px; height: 200px; overflow: hidden; */ } .photo-album-image-wrapper img, .photo-top-image-wrapper img { max-width: 225px; padding: 5px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } .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-form { padding-left: 90px; } #photos-upload-newalbum-div { float: left; width: 175px; margin-top: 30px; } #photos-upload-noshare { margin-bottom: 10px; } #photos-upload-existing-album-text { float: left; width: 175px; } #photos-upload-newalbum { margin-top: 30px; 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; margin-left: 90px; } #photos_upload_applet_wrapper { margin-bottom: 15px; } #photos-upload-no-java-message { margin-bottom: 15px; } #profile-jot-desc { /*float: left;*/ /*width: 480px;*/ width: 100%; 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-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label { font-weight: 700; } #photos-upload-choosefile-outer-wrapper { margin-top: 35px; padding-left: 50px; margin-bottom: 4em; } #photos-upload-noshare-div { margin-top: 0px; margin-bottom: 15px; } #photos-upload-noshare-label { margin-left: 30px; } #photos-upload-noshare { float: left; margin-left: 5px; } .photo-perms-icon { float: left; } #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu { text-decoration: none; } .photo-jot-perms-text { padding-top: 5px; padding-left: 25px; } #photo-edit-perms, #photos-upload-perms, #settings-default-perms { margin-top: 30px; } #photos-upload-perms { margin-top: 15px; margin-left: 5px; } #photo-edit-perms-end { margin-bottom: 15px; } #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname { float: left; margin-bottom: 25px; } .photo-edit-rotate { margin-left: 20px; } #photo-edit-link-wrap { margin-bottom: 15px; } #photo-like-div { margin-left: 15px; margin-bottom: 45px; } #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: 270px;*/ float: right; } #photos-upload-choose { /* position: absolute; top: 0px; left: 55px;*/ } .settings-submit, .profile-edit-submit-button { margin-bottom: 10px; } #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 { 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 { 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 { margin-bottom: 5px; margin-left: 12px; } .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: 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; } #photo-nav { position: relative; height: 55px; } #photo-prev-link { position: absolute; left: 5px; } #photo-next-link { position: absolute; right: 5px; } /*#photo-photo { float: left; }*/ #photo-photo { display: block; margin-left: auto; margin-right: auto; margin-bottom: 2em; text-align: center; } #photo-photo img { /* max-width: 555px; margin-left: 5px;*/ max-width: 100%; } #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 { display: inline-block; padding: 10px; /*width: 120px; height: 120px;*/ scroll: auto; margin-bottom: 2em; vertical-align: top; } .profile-match-wrapper .icon.drophide { margin-left: auto; margin-right: auto; margin-top: 1em; } #profile-match-wrapper-end { clear: both; } .side-link { margin-bottom: 15px; } #language-selector { position: absolute; top: 0px; 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-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; } .filesavetags, .categorytags { display: block; clear: left; } .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-top { margin-top: 30px; padding-bottom: 1.5em; } #item-delete-selected-top-icon, #item-delete-selected-top-desc { float: left; margin-right: 5px; } #item-delete-selected-top-desc:hover { text-decoration: underline; } #item-delete-selected { margin-top: 0px; } #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; opacity: 0.2; filter:alpha(opacity=20); } #lang-select-icon:hover { opacity: 1; filter:alpha(opacity=100); } .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% } #wrapper_expire.field { margin-bottom: 3px; padding-bottom: 3px; } .field label { float: left; width: 200px; } .field.yesno label { font-weight: 700; } .field input, .field textarea { width: 400px; } .field input[type=checkbox], .field input[type=radio] { width: auto; } .field textarea { height: 100px; } .field_help { display: block; margin-left: 50px; color: #666666; clear: left; } .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 { clear: left; margin-left: 20px; }*/ .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 #pluginslist { margin: 0px; padding: 0px; } #adminpage .plugin { list-style: none; display: block; border: 1px solid #888888; padding: 1em; margin-bottom: 5px; clear: left; } #adminpage .plugin .desc { margin-left: 2.5em;} #adminpage .toggleplugin { 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, #adminpage td .tool { float: left;} #adminpage table#users img { width: 16px; height: 16px; } #adminpage table tr:hover { background-color: #bbc7d7; } #adminpage .selectall { text-align: right; } #adminpage .screenshot img { max-width: 550px; } /* * 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;}*/ .icon.audio { display: block; width: 24px; height: 24px; background-size: 100% 100%; background-image: url('images/speaker.png'); background-repeat: no-repeat; } .block { background-position: -32px 0px;} /*.drop { background-position: -48px 0px;}*/ .icon.drop { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/drop-16.png'); background-repeat: no-repeat; opacity: 1.0; } /*.drophide { background-position: -64px 0px;}*/ .icon.drophide { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/drop-16.png'); background-repeat: no-repeat; opacity: 0.4; } .icon.drophide:hover { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/drop-16.png'); background-repeat: no-repeat; opacity: 1.0; } .edit { background-position: -80px 0px;} /*.camera { background-position: -96px 0px;}*/ .icon.camera{ display: block; width: 24px; height: 18px; margin-top: 4px; background-size: 100% 100%; background-image: url('images/camera.png'); background-repeat: no-repeat; } /*.dislike { background-position: -112px 0px;}*/ .tool.dislike { display: block; width: 15px; height: 16px;/* 23 24*/ background-size: 100% 100%; background-image: url('images/disapprove-16.png'); background-repeat: no-repeat; opacity: 0.4; } .tool.dislike:hover { opacity: 1.0; } /*.like { background-position: -128px 0px;}*/ .tool.like { display: block; width: 15px; height: 16px;/* 23 24*/ margin-right: 6px; background-size: 100% 100%; background-image: url('images/approve-16.png'); background-repeat: no-repeat; opacity: 0.4; } .tool.like:hover { opacity: 1.0; } /*.link { background-position: -144px 0px;}*/ .icon.link { display: block; width: 24px; height: 24px; background-size: 100% 100%; background-image: url('images/link.png'); background-repeat: no-repeat; } /*.globe { background-position: 0px -16px;}*/ .icon.globe { display: block; width: 24px; height: 24px; background-size: 100% 100%; background-image: url('images/globe.png'); background-repeat: no-repeat; } /*.noglobe { background-position: -16px -16px;}*/ .icon.noglobe { display: block; width: 24px; height: 24px; background-size: 100% 100%; background-image: url('images/noglobe.png'); background-repeat: no-repeat; } .no { background-position: -32px -16px;} .pause { background-position: -48px -16px;} .play { background-position: -64px -16px;} /*.pencil { background-position: -80px -16px;}*/ .tool.pencil { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/pencil-16.png'); background-repeat: no-repeat; opacity: 0.4; } .tool.pencil:hover { opacity: 1.0; } /*.small-pencil { background-position: -96px -16px;}*/ .icon.small-pencil { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/pencil-16.png'); background-repeat: no-repeat; opacity: 0.4; } .icon.small-pencil:hover { opacity: 1.0; } /*.recycle { background-position: -112px -16px;}*/ .tool.recycle { display: block; width: 16px; height: 16px;/*24 23*/ background-size: 100% 100%; background-image: url('images/recycle-16.png'); background-repeat: no-repeat; opacity: 0.4; } .tool.recycle:hover { opacity: 1.0; } /*.remote-link { background-position: -128px -16px;}*/ .icon.remote-link { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/remote-link-16.png'); background-repeat: no-repeat; opacity: 0.4; } .icon.remote-link:hover { opacity: 1.0; } .share { background-position: -144px -16px;} .tools { background-position: 0px -32px;} /*.lock { background-position: -16px -32px;}*/ .icon.lock { display: block; width: 14px; height: 21px; margin-top: 1px; background-size: 100% 100%; background-image: url('images/lock-24.png'); background-repeat: no-repeat; } /*.unlock { background-position: -32px -32px;}*/ .icon.unlock { display: block; width: 14px; height: 24px; margin-top: -2px; background-size: 100% 100%; background-image: url('images/unlock-24.png'); background-repeat: no-repeat; } /*.video { background-position: -48px -32px;}*/ .icon.video { display: block; width: 24px; height: 24px; background-size: 100% 100%; background-image: url('images/video.png'); background-repeat: no-repeat; } /*.oembed.video { display: inline; width: auto; height: auto; background-image: none; }*/ .youtube { background-position: -64px -32px;} /*.attach { background-position: -80px -32px; }*/ .icon.attach { display: block; width: 24px; height: 24px; background-size: 100% 100%; background-image: url('images/paperclip-24.png'); background-repeat: no-repeat; } .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; }*/ .tool.starred { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/star-yellow-16.png'); background-repeat: no-repeat; } /*.unstarred { background-position: -32px -48px; }*/ .tool.unstarred { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/star-16.png'); background-repeat: no-repeat; opacity: 0.4; } .tool.unstarred:hover { opacity: 1.0; } /*.tagged { background-position: -48px -48px; }*/ .tool.tagged { display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/tag-16.png'); background-repeat: no-repeat; opacity: 0.4; } .tool.tagged:hover { opacity: 1.0; } .yellow { background-position: -64px -48px; } .filer-icon { /* display: block; width: 16px; height: 16px; background-image: url('file.gif');*/ display: block; width: 16px; height: 16px; background-size: 100% 100%; background-image: url('images/folder-16.png'); background-repeat: no-repeat; opacity: 0.4; } .filer-icon:hover { opacity: 1.0; } .icon.dim { opacity: 0.3;filter:alpha(opacity=30); } /*[class^="comment-edit-bb"] {*/ .comment-edit-bb { list-style: none; display: none; margin: 0px 0 -5px 60px; width: 75%; } .comment .comment-edit-bb { width: 300px; margin: 0px; } /*[class^="comment-edit-bb"] > li {*/ .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; /* background-image: url(bbedit.png); background-color: #fff;*/ background-size: 100% 100%; background-repeat: no-repeat; background-color: #f3f3f3; text-decoration: none; opacity: 0.4; } .editicon:hover { /* background-color: #ccc;*/ opacity: 1.0; } .boldbb { /* background-position: 0px 0px;*/ width: 15px; height: 16px; background-image: url('images/boldB-serif-16.png'); } /*.boldbb:hover { background-position: 0px -16px; }*/ .italicbb { /* background-position: -16px 0px;*/ width: 9px; height: 16px; background-image: url('images/italicI-serif-16.png'); } /*.italicbb:hover { background-position: -16px -16px; }*/ .underlinebb { /* background-position: -32px 0px;*/ width: 14px; height: 16px; background-image: url('images/underlineU-serif-16.png'); } /*.underlinebb:hover { background-position: -32px -16px; }*/ .quotebb { /* background-position: -48px 0px;*/ width: 20px; height: 20px; background-image: url('images/quote.png'); } /*.quotebb:hover { background-position: -48px -16px; }*/ .codebb { /* background-position: -64px 0px;*/ width: 20px; height: 20px; background-image: url('images/code.png'); } /*.codebb:hover { background-position: -64px -16px; }*/ .imagebb { /* background-position: -80px 0px;*/ width: 20px;/*16*/ height: 15px;/*12*/ margin-bottom: 2px; background-image: url('images/camera.png'); } /*.imagebb:hover { background-position: -80px -16px; }*/ .urlbb { /* background-position: -96px 0px;*/ width: 20px; height: 20px; background-image: url('images/link.png'); } /*.urlbb:hover { background-position: -96px -16px; }*/ .videobb { /* background-position: -112px 0px;*/ width: 20px; height: 20px; background-image: url('images/video.png'); } /*.videobb:hover { background-position: -112px -16px; }*/ .attachtype { display: block; float: left; background-size: 100% 100%; width: 48px; height: 48px; background-image: url('images/oxygen/unknown.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; }*/ .type-video { background-image: url('images/oxygen/video-x-generic.png'); background-size: 100% 100%; width: 48px; height: 48px; } .type-image { background-image: url('images/oxygen/image-x-generic.png'); background-size: 100% 100%; width: 48px; height: 48px; } .type-audio { background-image: url('images/oxygen/audio-x-generic.png'); background-size: 100% 100%; width: 48px; height: 48px; } .type-text { background-image: url('images/oxygen/text-x-generic-2.png'); background-size: 100% 100%; width: 48px; height: 48px; } .subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document { background-image: url('images/oxygen/application-msword.png'); background-size: 100% 100%; width: 48px; height: 48px; } .subtype-pdf { background-image: url('images/oxygen/application-pdf.png'); background-size: 100% 100%; width: 48px; height: 48px; } /*.type-unkn { background-image: url('images/oxygen/unknown.png'); background-size: 100% 100%; width: 48px; height: 48px; }*/ /* 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; } /* 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: 75px; right: 15px; } div.jGrowl-notification { border-radius: 7px; } .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 */ .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; } ul#nav-network-notifications-popup { text-align: center; line-height: 18px; border: 1px solid #AAAAAA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 3px 3px 5px #555; -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; background: #FFFFFF; display: none; list-style: none; width: 10em; position: absolute; margin: 0px; top: 15px; left: 55px; padding: 1em 0px; z-index: 11000; } ul.notifications-menu-popup { position: absolute; display: none; width: 10em; margin: 0px; padding: 0px; list-style: none; z-index: 100000; right: 0px; } #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 #AAA; -moz-box-shadow: 3px 3px 5px #555; -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; } #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: 40px; width: 130px; }