/** * duepuntozero Frindika style * Fabio Comuni * * Heavily modified for Frost Mobile * Zach P */ /* generals */ html { /* width: 320px;*/ margin-left: auto; margin-right: auto; /* overflow-x:hidden;*/ } body { font-family: helvetica,arial,freesans,clean,sans-serif; font-size: 16px; /* line-height: 24px;*/ background-color: #ffffff; background-image: url(head.jpg); background-repeat: repeat-x; color: #505050; margin: 0px; overflow-x:hidden; } div.container { display: block; /* width: 100%;*/ margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; overflow-x:hidden; } 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; width: 212px; margin-left: 20px; } .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; margin-left: 20px; margin-right: 0px; width: 260px; overflow: hidden; }*/ 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: 0px; font-weight: 700; opacity: 0.6; } .hide-comments { margin-left: 5px; } #panel { position: absolute; z-index: 2; padding: 25px; margin-right: 10px; /*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: 60px; /* width: 100%;*/ width: 320px; 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;*/ display: none; margin-top: 14px; position: absolute; } nav #banner #logo-text a { display: none; 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: 22px; right: 2px; 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 { margin-top: 16px; 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; text-size: 18px; line-height: 24px; border-left: 1px solid #aaa;/*#444444;*/ border-right: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #FFFFFF; display: none; list-style: none; width: 8em; position: absolute; margin: 0px; /* right: -33px;*/ padding: 1em 0px; -moz-box-shadow: 3px 3px 5px #555; -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; z-index: 100; } #network-menu-list { width: 9em; left: 3px; } #contacts-menu-list { right: -30px; } #system-menu-list { right: 3px; } div.main-container { /* width: 100%;*/ 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; }*/ #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 */ div.section-wrapper { /* width: 100%;*/ /* width: 320px; margin-left: auto; margin-right: auto;*/ margin-left: 0px; /*padding-right:2em;*/ display: block; background-color: #ffffff; background-image: url(border.jpg); background-position: top right; background-repeat: no-repeat; } section { margin: 0px 0px 0px 0px; padding-left: 5px; padding-right: 5px; padding-top: 1em; padding-bottom: 3em; background-image: url(border.jpg); background-position: top left; background-repeat: no-repeat; min-height: 112px; border-top: 1px solid #babdb6; overflow-x:hidden; } .tabs { /*background-image: url(head.jpg); background-repeat: repeat-x; background-position: 0px -20px;*/ border-bottom: 1px solid #babdb6; padding:0px; } .tabs.links-widget { border: none; } .tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; } .tabs a { padding: 0.4em 2em; border: 1px solid #aaa; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .tab { /*display:block;*/ float:left; padding-left: 1em; padding-right: 0.4em; padding-top: 0.4em; padding-bottom: 0.4em; margin-right: 0.5em; margin-bottom: 0.4em; } .tab.active { font-weight: bold; } #events-tab { display: none; } #tabs-end { padding-top: 0.3em; clear: both; } /* footer */ footer { text-align: center; padding-bottom: 1em; } .birthday-today, .event-today { font-weight: bold; } .preview { background: #FFFFC8; } #theme-preview { margin: 15px 0 15px 15px; } #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 { border: 0px; margin: 0px; height: 20px; width: 270px; 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 { 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_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; max-width: 90%; } #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-message-wrapper textarea { max-width: 90%; } #dfrn-request-submit-wrapper { clear: both; /*margin-left: 50px;*/ } #dfrn-request-submit-wrapper input { font-size: 18px; padding: 5px 10px; } #dfrn-request-info-wrapper { margin-left: 50px; } #cropimage-wrapper, #cropimage-preview-wrapper { float: left; padding: 10px; } .imgCrop { max-width: 280px; } #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; max-width: 300px; margin-left: auto; margin-right: auto; } #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; margin-left: 20px; } #profile-edit-country-name { max-width: 260px; } #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: 0px; } #profile-edit-howlong, #profile-edit-with { margin-left: 20px; margin-bottom: 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; color: #777; margin-left: 20px; margin-bottom: 20px; } #profile-edit-prvkeywords-desc { margin-bottom: 0px; } #profile-edit-homepage, #profile-edit-hometown { float: left; margin-bottom: 25px; margin-left: 20px; } #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; } #id_theme, #id_mobile_theme { width: 280px; } /*.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-search-submit { font-size: 18px; padding: 5px 10px; } #contacts-display-wrapper { padding-left: 35px; } #contacts-main { margin-top: 20px; margin-bottom: 20px; } .contact-entry-wrapper { float: left; /* width: 120px; height: 120px;*/ padding-left: 15px; padding-right: 15px; width: 95px; height: 200px; } #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: 60px; } .wall-item-content-wrapper { padding-top: 1em; /* padding-left: 0.25em; padding-right: 0.25em;*/ border-top: 2px solid #AAAAAA; position: relative; } .wall-item-content-wrapper.comment { margin-top: 15px; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #AAAAAA; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; /* background: #EEEEEE;*/ } .wall-item-like, .wall-item-dislike { font-style: italic; margin-left: 0px; opacity: 0.6; } .wall-item-like.comment, .wall-item-dislike.comment { margin-left: 5px; } .wall-item-info { display: block; float: left; width:126px; margin-right:10px; margin-bottom:10px; } .comment .wall-item-info { width: 86px; } .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: 94px; left:0px; overflow: hidden; text-indent: 40px; display: none; } .wall-item-photo-menu { width: auto; border: 2px solid #444444; background: #FFFFFF; position: absolute; left: 0px; top:110px; 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: 64px;} .comment .wall-item-photo-menu { top: 80px; } .wallwall .wwto { left: 50px; margin: 0; position: absolute; top: 67px; 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: 67px; /* z-index: 100;*/ } .wall-item-lock { margin-top: 1em; left: 105px; position: absolute; top: 1px; width: 32px; } .comment .wall-item-lock { margin-top: 0px; left: 65px; } .wall-item-ago { 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: 3px; } .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; } .comment .wall-item-photo { width: 50px !important; height: 50px !important; } .wall-item-content { /* float: left; max-width: 100%*/ /* padding-right: 1em; max-height: 500px; overflow: auto;*/ padding-left:0.25em; padding-right:0.25em; clear: left; /* I hate this, but it's the only way to keep the text from bunching to the right on the Android browser */ } .comment .wall-item-content { padding-left:0.5em; padding-right:0.5em; } .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; max-width: 100%; overflow: hidden; margin-top: 10px; line-height: 23px; } .wall-item-body img { display: block; margin-top: 2px; margin-right: auto; margin-left: auto; /*max-width: 290px;*/ max-width: 100%; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } /*.comment .wall-item-body img { max-width: 100%; }*/ .wall-item-body img.smiley { display: inline; margin: auto; border-radius: 0; -webkit-border-radius: 0; } .wall-item-body blockquote { margin-left: 0px; margin-right: 0px; } .comment .wall-item-body ul { padding-left: 1.5em; } .wall-item-body iframe { display: block; clear: both; margin-top: 1.5em; margin-bottom: 1.5em; } .wall-item-body code { overflow: hidden; } .showmore { display: block; clear: both; text-align: center; outline: 0; border-top: 1px dotted #888; } .wall-item-tools { clear: both; /* background-image: url("head.jpg"); background-position: 0 -20px; background-repeat: repeat-x;*/ padding: 5px 5px 0px; height: 32px; } .wall-item-author { /* margin-top: 10px;*/ margin-top: 0px; } .comment .wall-item-tools { /* background:none;*/ /* background-image: url("head.jpg"); background-position: 0 -20px; background-repeat: repeat-x;*/ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .comment-edit-wrapper { margin-top: 15px; background: #f3f3f3; margin-left: 50px; } .comment-wwedit-wrapper { display: block; margin-top: 15px; background: #f3f3f3; margin-left: 5px; margin-right: 5px; border-radius: 10px; } .comment-wwedit-wrapper.comment { margin-left: 40px; margin-right: 40px; border-radius: 10px; } .comment-edit-form { padding-left: 1em; padding-right: 1.5em; } .comment-edit-photo { margin-top: 15px; /*margin-left: 10px; margin-bottom: 10px;*/ width: 25px; float: left; } .comment-edit-photo img { width: 25px; } .comment-edit-text-empty, .comment-edit-text-full { /* float: left;*/ -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-top: 40px; margin-bottom: 10px; margin-left: 20px; } .comment-edit-text-full { color: black; height: 150px; /* width: 350px; overflow: auto; width: 250px; margin-top: 15px; margin-left: 20px;*/ width: 100%; margin-top: 1.5em; } .comment .comment-edit-text-empty { width: 120px; } .comment .comment-edit-text-full { margin-left: 10px; width: 210px; } .comment-edit-text-end { clear: both; } .comment-edit-submit { font-size: 18px; padding: 5px 10px; margin: 10px 0px 10px 0px; } #profile-jot-wrapper { padding-left: 1em; padding-right: 1em; } .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-submit { float: left; font-size: 18px; padding: 5px 8px; } #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: 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 { display: none; 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: 40px; font-weight: bold; font-size: 1.2em; } #profile-jot-perms-end { /*clear: left;*/ height: 30px; } #profile-jot-plugin-end{ clear: both; } input#profile-jot-email { display: block; } .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-edit-textarea { margin-left: 20px; } #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 { float: left; margin-left: 30px; margin-top: 25px; } .profile-listing-visible { margin-left: 100px; } .profile-listing-name { float: left; margin-left: 12px; 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: 15px; } .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: 15px; width: 130px; height: 235px; overflow: auto; } #directory-search-wrapper { margin-top: 20px; margin-right: 20px; margin-bottom: 50px; } #directory-search-end { } .directory-photo-img { width: 125px; border: none; } .pager { margin-top: 30px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: center; /* line-height: 2.75em;*/ } .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 { /* float: left; border: 1px solid black; border-radius: 7px; background: #EEE; text-align: center; width: 50px; margin-right: 5px; margin-bottom: 10px;*/ /* float: left;*/ /* margin-right: 15px; margin-left: 15px;*/ } .pager_first, .pager_last, .pager_n { display: none; } /*.pager_first a, .pager_last a, .pager_prev a, .pager_next a { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; padding-right: 30px; border: 2px solid #AAAAAA; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 1.25em; text-align: center; text-decoration: none; } .pager_n a { padding-top: 2px; padding-bottom: 2px; padding-left: 9px; padding-right: 18px; text-decoration: none; }*/ .pager_prev a, .pager_next a, .scroll_loader_text { font-size: 1.5em; padding: 0.2em 1em; border: 1px solid #aaa; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .pager_current { display: none; float: left; border: 1px solid black; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #FFCCCC; font-size: 1.25em; text-align: center; width: 50px; margin-right: 5px; margin-bottom: 10px; } #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-last-update-text { float: left; clear: left; margin-top: 30px; } #contact-edit-poll-text { float: left; clear: left; margin-top: 15px; margin-bottom: 0px; } #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: 10px; } #contact-edit-nav-end { clear: both; } #contact-edit-wrapper { width: 100%; } #update_now_link { float: left; clear: left; margin-bottom: 20px; } #label_id_hidden, #id_hidden { margin-top: 30px; } #help_id_hidden { margin-top: 30px; } #contact-edit-info-wrapper, #contact-edit-info { width: 90%; } #contact-edit-end { clear: both; margin-top: 15px; } #contact-profile-selector { width: 175px; margin-left: 0px; } .contact-edit-submit { clear: left; display: block; margin-top: 10px; margin-bottom: 45px; padding: 0.2em 0.5em; font-size: 18px; } .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: 130px; border: 1px solid #AAA; background: #FFFFFF; position: absolute; left: -30px; top: 80px; display: none; z-index: 101; -moz-box-shadow: 3px 3px 5px #555; -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; } .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; } .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: 100%; color: #FF0000; margin-top: 10px; margin-bottom: 10px; } #profile-jot-text { width: 100%; height: 20px; color:#cccccc; border: 1px solid #cccccc; padding: 3px 0px 0px 5px; -moz-border-radius: 3px; -webkit-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; } #profile-jot-acl-wrapper { /*width:270px;*/ height: auto; overflow: visible; margin-top: 1em; display: inline-block; } #profile-jot-acl-wrapper, #photos-upload-permissions-wrapper, #photo-edit-perms-select { padding: 0.7em; border: 1px solid #888; border-radius: 10px; } #acl-wrapper { /*width: 270px; float:left;*/ text-align: left; clear: both; } #acl-search { display: none; 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 15px 7px 30px; -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; color: #999999; margin-bottom: 0.3em; } #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: visible; } #acl-list-content { } .acl-list-item { display: inline-block; width: 190px; height: 30px; border: 1px solid #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 5px; margin-bottom: 5px; margin-right: 2px; margin-left: 2px; padding-left: 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; display: block; width: 55px; height: 10px; float: left; color: rgb(153, 153, 153); background-color: rgb(204, 204, 204); background-position: 3px 3px; background-repeat: no-repeat; margin-right: 5px; -webkit-border-radius: 2px ; -moz-border-radius: 2px; border-radius: 2px 2px 2px 2px; padding: 0px 5px 3px 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; } #message-new { font-size: 24px; } #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { margin-bottom: 10px; margin-top: 20px; } #prvmail-submit { float: left; font-size: 18px; padding: 0.25em 0.5em; 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: 270px;*/ } .mail-conv-subject { font-size: 1.4em; margin: 10px 0; } .mail-conv-body { padding-top: 20px; clear: both; } .mail-conv-outside-wrapper-end { clear: both; } .mail-conv-outside-wrapper { margin-top: 30px; } .mail-conv-delete-wrapper { float: right; padding-bottom: 0.5em; 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 { font-size: 18px; padding: 5px 10px; 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 { font-size: 18px; padding: 5px 10px; margin: 10px 0px 10px 10px; } #side-match-link { margin-top: 10px; } aside input[type='text'] { width: 174px; } .widget { border: 1px solid #DDDDDD; padding: 18px; margin-top: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .widget.settings-widget { padding: 0; } /*.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-top-image-wrapper img { max-width: 290px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .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 { text-align: center; } #photos-upload-newalbum-div, #photos-upload-existing-album-text { /*float: left;*/ display: inline-block; width: 175px; text-align: left; } #photos-upload-noshare { margin-bottom: 10px; } #photos-upload-noshare-div { margin-top: 2em; margin-bottom: 15px; } #photos-upload-noshare-label { margin-left: 25px; } #photos-upload-newalbum { width: 15em; } #photos-upload-album-select { width: 15.7em; } #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_applet_wrapper { margin-bottom: 15px; } #photos-upload-no-java-message { margin-bottom: 15px; } #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 { margin-left: 15px; } #photos-upload-perms-menu:hover { color: #0000FF; text-decoration: underline; cursor: pointer; } #settings-default-perms-menu { margin-top: 15px; margin-bottom: 15px; } .photo-edit-input-text { display: inline-block; text-align: left; } #photo_edit_form { text-align: center; } #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label { /*float: left;*/ display: inline-block; width: 150px; } #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label { font-weight: 700; } .photo-perms-icon { float: left; } #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu { text-decoration: none; display: inline-block; } #photos-upload-perms-menu #jot-perms-icon { margin-right: 1em; } .photo-jot-perms-text { padding-top: 5px; padding-left: 40px; } #photo-edit-perms, #photos-upload-perms, #settings-default-perms { margin-top: 30px; display: inline-block; } #photos-upload-perms { margin-top: 15px; margin-left: 5px; } #photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper { margin-top: 30px; margin-left: 20px; } #advanced-expire-popup { padding-left: 1em; margin-top: 15px; border: 1px solid #aaa; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #photo-edit-perms-end { margin-bottom: 15px; } #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname { /*float: left;*/ margin-bottom: 25px; } .photo-edit-rotate-choice { display: inline-block; } .photo-edit-rotate { float: left; margin-left: 20px; } #photo-edit-link-wrap { margin-bottom: 15px; } #photo-like-div { margin-left: 15px; margin-bottom: 65px; } #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-submit-button, #photo-edit-delete-button, #photos-upload-submit { margin-top: 30px; padding: 0.25em 0.5em; font-size: 18px; } #photo-edit-submit-button { margin-left: 10px; } #photo-edit-delete-button { margin-left: 45px; } #photos-upload-choose { /* position: absolute; top: 460px; left: 5px;*/ margin-top: 1em; } #photos-upload-submit { margin-top: 0px; margin-bottom: 20px; } .settings-submit, .profile-edit-submit-button, .settings-features-submit { padding: 0.25em 0.5em; margin-bottom: 10px; font-size: 18px; } #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-form { max-width: 100%; padding-left: 0.5em; padding-right: 0.5em; } #photo-album-edit-form input { max-width: 100%; } #photo-album-edit-name-label { display: block; } #photo-album-edit-submit, #photo-album-edit-drop { margin-top: 15px; margin-bottom: 15px; padding: 0.25em 0.5em; font-size: 18px; } #photo-album-edit-drop { margin-left: 2em; } .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 { font-size: 18px; padding: 5px 10px; 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: 1em 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: 280px; } .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 { font-size: 14px; margin-left: 10px; width: 280px; clear: both; padding-bottom: 1.5em; } .event-start .dtstart, .event-end .dtend { clear: both; float: left; } .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-nav { position: relative; height: 55px; } #photo-prev-link { position: absolute; left: 5px; } #photo-next-link { position: absolute; right: 5px; } #photo-prev-link, #photo-next-link { padding: 10px; /* float: left;*/ } /*#photo-photo { float: left; }*/ #photo-photo { display: block; margin-left: auto; margin-right: auto; text-align: center; } #photo-photo img { 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 { display: none; opacity: 0.1; filter:alpha(opacity=10); float: right; margin-right: 10px; } .item-select:hover, .checkeditem { opacity: 1; filter:alpha(opacity=100); } #item-delete-selected { margin-top: 30px; } #item-delete-selected-end { clear: both; } #item-delete-selected-icon, #item-delete-selected-desc { float: left; margin-right: 5px; } #item-delete-selected-desc:hover { text-decoration: underline; } #lang-select-icon { cursor: pointer; position: fixed; 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%*/ } .field label { font-weight: 700; float: left; width: 200px; } .field input, .field textarea { width: 230px; margin-left: 20px; } .field input[type=checkbox], .field input[type=radio] { width: auto; } .field textarea { height: 100px; } .field_help { display: block; margin-left: 20px; 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 { margin-left: 20px; } /** * ADMIN */ #pending-update { float:right; color: #ffffff; font-weight: bold; background-color: #FF0000; padding: 0em 0.3em; } #adminpage dl { clear: left; min-height: 40px; margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px solid black; } #adminpage dt { width: 180px; float: left; font-weight: bold; } #adminpage dd { margin-left: 180px; } #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 { float: left;} #adminpage table#users img { width: 16px; height: 16px; } #adminpage table tr:hover { background-color: #bbc7d7; } #adminpage .selectall { text-align: right; } #cnftheme { display: none; } /* * 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;} .icon.audio { display: none; background-position: -16px 0px;} .block { background-position: -32px 0px;} /*.drop { background-position: -48px 0px;} .drophide { background-position: -64px 0px;}*/ .icon.drop { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/drop-darkred.png'); background-repeat: no-repeat; } .icon.drophide { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/drop-darkred.png'); background-repeat: no-repeat; } .edit { background-position: -80px 0px;} /*.camera { background-position: -96px 0px;}*/ .icon.camera { display: block; width: 28px; height: 21px; margin-top: 4px; background-size: 100% 100%; background-image: url('images/camera.png'); background-repeat: no-repeat; } /*.dislike { background-position: -112px 0px;}*/ .icon.dislike { display: block; width: 26px; height: 28px;/*31 33*/ background-size: 100% 100%; background-image: url('images/disapprove.png'); background-repeat: no-repeat; opacity: 0.5; } /*.like { background-position: -128px 0px;}*/ .icon.like { display: block; width: 26px; height: 28px;/*31 33*/ margin-right: 7px; background-size: 100% 100%; background-image: url('images/approve.png'); background-repeat: no-repeat; opacity: 0.5; } .icon.link { display: block; width: 22px; 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: 28px; height: 28px; 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;} .small-pencil { background-position: -96px -16px;}*/ .icon.pencil { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/pencil.png'); background-repeat: no-repeat; opacity: 0.5; } .icon.small-pencil { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/pencil.png'); background-repeat: no-repeat; opacity: 0.5; } /*.recycle { background-position: -112px -16px;}*/ .icon.recycle { display: block; width: 28px; height: 27px;/*33 32*/ background-size: 100% 100%; background-image: url('images/recycle.png'); background-repeat: no-repeat; opacity: 0.5; } /*.remote-link { background-position: -128px -16px;}*/ .icon.remote-link { /* display: block;*/ display: none; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/remote-link.png'); background-repeat: no-repeat; opacity: 0.5; } .share { background-position: -144px -16px;} .tools { background-position: 0px -32px;} /*.lock { background-position: -16px -32px;}*/ .icon.lock { display: block; width: 17px; height: 25px; margin-top: 1px; background-size: 100% 100%; background-image: url('images/lock.png'); background-repeat: no-repeat; } /*.unlock { background-position: -32px -32px;}*/ .icon.unlock { display: block; width: 17px; height: 28px; margin-top: -2px; background-size: 100% 100%; background-image: url('images/unlock.png'); background-repeat: no-repeat; } .icon.video { display: none; background-position: -48px -32px;} .oembed.video a { display: block; } .youtube { background-position: -64px -32px;} /*.attach { background-position: -80px -32px; }*/ .icon.attach { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/paperclip.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; }*/ .icon.starred { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/star-yellow.png'); background-repeat: no-repeat; } /*.unstarred { background-position: -32px -48px; }*/ .icon.unstarred { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/star.png'); background-repeat: no-repeat; opacity: 0.5; } /*.tagged { background-position: -48px -48px; }*/ .icon.tagged { display: block; width: 28px; height: 28px; background-size: 100% 100%; background-image: url('images/tag.png'); background-repeat: no-repeat; opacity: 0.5; } .yellow { background-position: -64px -48px; } .filer-icon { display: block; width: 24px; height: 24px; background-size: 100% 100%; background-image: url('images/folder.png'); background-repeat: no-repeat; opacity: 0.5; } .icon.dim { opacity: 0.3;filter:alpha(opacity=30); } [class^="comment-edit-bb"] { list-style: none; display: none; margin: 0px 0 -5px 0px; /* width: 75%;*/ } [class^="comment-edit-bb"] > li { display: inline-block; margin: 20px 10px 0 0; visibility: none; } /*[class^="comment-edit-bb-end"] { clear: both; }*/ .editicon { display: inline-block; background-size: 100% 100%; background-repeat: no-repeat; background-color: #f3f3f3; text-decoration: none; } /*.editicon:hover { background-color: #ccc; }*/ .boldbb { /* background-position: 0px 0px;*/ width: 26px; height: 28px; background-image: url('images/boldB-serif.png'); } /*.boldbb:hover { background-position: 0px -16px; }*/ .italicbb { /* background-position: -16px 0px;*/ width: 16px; height: 28px; background-image: url('images/italicI-serif.png'); } /*.italicbb:hover { background-position: -16px -16px; }*/ .underlinebb { /* background-position: -32px 0px;*/ width: 25px; height: 28px; background-image: url('images/underlineU-serif.png'); } /*.underlinebb:hover { background-position: -32px -16px; }*/ .quotebb { /* background-position: -48px 0px;*/ width: 28px; height: 28px; background-image: url('images/quote.png'); } /*.quotebb:hover { background-position: -48px -16px; }*/ .codebb { /* background-position: -64px 0px;*/ width: 28px; height: 28px; background-image: url('images/code.png'); } /*.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; 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:102; 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; margin: 0px; } div.jGrowl div.info { background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; color: #ffffff; padding-left: 58px; margin: 0px; } #jGrowl.top-right { top: 15px; right: 10px; } 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.notifications-menu-popup { position: absolute; display: none; width: 10em; margin: 0px; padding: 0px 0.3em; list-style: none; right: -60px; } #nav-notifications-menu { width: 300px; /* max-height: 400px;*/ height: auto; /* 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; /* z-index: 103;*/ } #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; } /*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)*/ /*@media only screen and (min-device-width: 768px) { html { width:700px } div.section-wrapper { width:700px; margin-left:0px; } .wall-item-body { width:700px; } .comment .wall-item-body { width:650px; } }*/ /*@media only screen and (min-device-width: 768px) { .wall-item-body code { width: 700px; } .comment .wall-item-body blockquote { margin-left: 20px; width: 680px; } blockquote { width: 700px; } }*/