/* =reset -------------------------------------------------------------- */ HTML, BODY, DIV, SPAN, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; } OL, UL { list-style-type:none; } BLOCKQUOTE, Q { quotes:none; } BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after { content:''; content:none; } :focus { outline:0; } INS { text-decoration:none; } DEL { text-decoration:line-through; } TABLE { border-collapse:collapse; border-spacing:0; } * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* =body preferences -------------------------------------------------------------- */ BODY { color:#303030; background:#fff; font:62.5% Arial, Helvetica, sans-serif; margin:0 auto; position:relative; } /* =typography -------------------------------------------------------------- */ P, UL, OL, DL, CAPTION, TH, ADDRESS, BLOCKQUOTE, PRE, LABEL, LEGEND, TABLE { font-size:1.2em; } UL P, OL P, TABLE P, DL P, UL UL, OL OL, UL OL, OL UL, ADDRESS P, BLOCKQUOTE P { font-size:1em; } H1, H2, H3, H4, H5, H6 { font-weight:normal; line-height:120%; padding:.2em 0 .1em 0; margin:.3em 0 .15em 0; margin-bottom:.15em;} H1 { font-size:3.0em; letter-spacing:-0.03em; font-weight:100; } H2 { font-size:2.5em; letter-spacing:-0.02em; } H3 { font-size:2.1em; letter-spacing:-0.01em; } H4 { font-size:1.8em; } H5 { font-size:1.5em; line-height:140%; margin-top:.5em; margin-bottom:.25em; font-weight:bold; } H6 { font-size:1.3em; line-height:140%; margin-top:.5em; margin-bottom:.25em; font-weight:bold; } A, A:visited { color:#0775bb; text-decoration:none; } A:active, A:focus { color:#f00; } A:hover { color:#009; text-decoration:underline; } P { margin:.5em 0; } BLOCKQUOTE { font-style:italic; margin:0 1.5em 1.5em; } STRONG { font-weight:bold; } EM { font-style:italic; } SUP, SUB { line-height:0; } PRE { margin:1.5em 0; white-space:pre; } PRE, CODE, TT { font:1.2em 'Consolas', monospace; } UL, OL { margin:0 1.5em 1.5em; } UL { list-style-type:disc; } OL { list-style-type:decimal; } DL { margin:0 1.5em 1.5em; } DD { margin-left:1.5em; } TH { font-weight:bold; } /* =titles -------------------------------------------------------------- */ h2.section, h3.section, h4.section, h5.section { margin-bottom:.5em; padding:.25em .5em; border-bottom:1px solid #e0e0e0; } h2.isection, h3.isection, h4.isection, h5.isection { margin:0; padding:.5em .833em; padding-left:.1em; } /* =links -------------------------------------------------------------- */ A.act, A.act:link, A.act:visited, A.act:active { color:#6070A0; } A.act:hover { color:#0060A0; } A.inverse { color:#ccc; } A.btn { display:inline-block; color:#fff; background-color:#ff8007; border:1px solid rgba(0,0,0,.1); font-size:1.4em; font-weight:bold; text-shadow:1px 1px 0 rgba(0,0,0,.5); padding:.4em 2em; border-radius:.3em; white-space:nowrap; } A.btn:hover { text-decoration:none; } #aside A.btn { display:block; text-align:center; padding:.4em; white-space:normal;} A.btn-s { color:#333; padding:.333em 1em; border-radius:.333em; white-space:nowrap; } A.btn-s:hover { color:#111; text-decoration:none; } A.btn, A.btn-s { background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); } A.act IMG, A.btn IMG, A.btn-s IMG, A.actionButton IMG, A.moreButtons IMG { vertical-align:middle; } .actionButton { color:#000; text-decoration:none; background-color:#f0f0f0; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); padding:.3em .5em; border:1px outset #a0a0a0; cursor:pointer; white-space:nowrap; } .actionButton.submit { background-color:#74a5fd; } .actionButton:hover { background-color:#eef8fb; border-style:solid; border-color:#c0d0e0; } .actionButton:active { background-color:#f0f0f0; border-style:inset; border-color:#c0c0c0; } /* FREMEWORK -------------------------------------------------------------- */ .clearfix:before, .clearfix:after, ARTICLE, SECTION.standalone:before, SECTION.standalone:after{ clear:both; content:""; display:table;} SECTION.standalone H1:first-child, SECTION.standalone H2:first-child, SECTION.standalone H3:first-child, SECTION.standalone H4:first-child { padding-top:0; margin-top:0; } /* Removed temporary to see if we need any of those: .xxxl { font-size:1.9em; } .xxl { font-size:1.5em; } .xl { font-size:1.3em; } .l { font-size:1.1em; } .m { font-size:1em; } .s { font-size:.9em; } .xs { font-size:.8em; } .xxs { font-size:.7em; } .w5 { width:5%; } .w10 { width:10%; } .w20 { width:20%; } .w25 { width:25%; } .w30 { width:30%; } .w33 { width:33%; } .w40 { width:40%; } .w45 { width:45%; } .w50 { width:50%; } .w60 { width:60%; } .w65 { width:60%; } .w70 { width:70%; } .w75 { width:75%; } .w80 { width:80%; } .w90 { width:90%; } .w100 { width:100%; } */ .admin { background:#fff; margin:2px; padding:2px; border:2px solid #eee; } /* lists */ UL.reset, UL.reset li, OL.reset, OL.reset LI { margin:0; list-style-type:none; } UL.inline li, OL.inline LI { display:inline; margin-right:.75em; padding-right:.75em; } UL.float li, OL.float LI { margin-right:1em; float:left; } UL.float LI:last-child, OL.float LI:last-child { margin-right:0; padding-right:0; } UL.float:after, OL.float:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } UL.vlist li, OL.vlist LI { border-bottom:1px solid #f0f0f0; } UL.vMenu LI A, OL.vMenu LI A { display:block; padding:.35em .5em; } UL.vMenu LI A:hover, OL.vMenu LI A:hover { text-decoration:none; background:#ffe; } UL.menu, UL.menu LI { margin:0; list-style-type:none; } UL.menu { margin-bottom:1em; } UL.menu LI { padding:0; margin:.1em 0; text-align:center; } UL.menu LI.selected { font-weight:bold; } UL.menu LI A { display:block; padding:.5em 1em; font-size:1.1em; } UL.menu LI A:hover { text-decoration:none; } UL.menu H6 { color:#000; font-size:1.2em; font-weight:normal; border:0; } UL.menu H6 A, UL.menu UL A { display:inline; margin:0; padding:0; } UL.menu:after { content:""; display:table; clear:both; } /** Auxilliary classed */ .invisible, .hidden { display:none; } .block { padding:5px 10px; } .block2 { padding:10px 20px; } .pad { padding:.25em; } .vpad { padding:5px 0; } .hpad { padding:0 .75em; } .pad2 { padding:10px; } .pad3 { padding:20px; } .vpad2 { padding:10px 0; } .hpad2 { padding:0 10px ; } .vpad3 { padding:20px 0; } .hpad3 { padding:0 20px ; } .clear { clear:both; } .fleft { float:left; } .center { text-align:center; } .aright { text-align:right; } .fright { float:right; } .dimmed { color:#c0c0c0; } .toggler { cursor:pointer} .proxy { border:1px dashed #000; } .online { color:#060; font-weight:bold; } .offline { color:#c0c0c0; } .datetime { opacity:.6; } .clickable { cursor:pointer; border-bottom:1px dotted #a0a0b0; } .togglable, .hideable { padding-left:24px; background:url('/ifc/dropdown.png') left center no-repeat; cursor:pointer; } .togglable.opposite, .hideable.opposite { padding-left:0; padding-right:24px; background-position:right center; } .hideable { background-image:url('/ifc/dropup.png'); } .listingType { float:right; width:auto; } .wait { display:none; background:#fff; border:1px solid #d0d0a0; padding:5px 10px; margin:0 5px; } .important { color:#ff0000; } .noResults { padding:.5em 0; margin:1em 0;} .onlineStatus { font-size:1em; text-align:center; width:auto; } .onlineStatus .online { padding:.3em .5em; border:1px solid #e0e0e0; } .thumbView .onlineStatus { display:block; padding:2px; position:absolute; font-size:12px; border:none; margin-top:80px; margin-left:50px; background-color:#222; background-color:rgba(0,0,0,.5); padding:0; border:1px solid #111; border:1px solid rgba(0,0,0,.2); } .boxed { margin-bottom:1.5em; padding:1.25em 1.25em 0; border:1px solid #e0e0e0; } .boxed:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .column { display:block; width:50%; overflow:hidden; float:left; } .buttons-container { padding: 1em 0; } /* Special Containers */ .asyncContainer { width:100%; float:left; overflow:auto; } #tooltip { padding:.5em 1em; line-height:120%; background:#fff; display:none; width:20em; margin-top:15px; border:1px solid #a0a0a0; position:absolute; z-index:40; box-shadow:0 0 1em rgba(0,0,0,.3); } .loader { color:#333; background:#fff; background:rgba(255,255,255,.8); padding:.5em 1em; box-shadow:0 0 .5em rgba(0,0,0,0.1); position:absolute; z-index:99; border-radius:1em; margin-top:-.5em; } .updates-loader { text-align:center; margin:0.8em 0; } /* loading animation */ .loading-animation VAR { display:inline-block; width:1em; height:1em; background:black; vertical-align:middle; border-radius:1em; opacity:0; animation:fade1st 1s linear infinite; -webkit-animation:fade1st 1s linear infinite; } .loading-animation VAR:nth-child(2n) { animation-name:fade2nd; -webkit-animation-name:fade2nd; } .loading-animation VAR:nth-child(3n) { animation-name:fade3rd; -webkit-animation-name:fade3rd; } @keyframes fade1st { 0% { opacity:0; transform:scale(0); } 25% { opacity:1; transform:scale(1.2); } 75% { transform:scale(0); opacity:0; } } @keyframes fade2nd { 25% { opacity:0; transform:scale(.5); } 50% { opacity:1; transform:scale(1.1); } 100% { transform:scale(.5); opacity:0; } } @keyframes fade3rd { 50% { opacity:0; transform:scale(.8); } 75% { opacity:1; transform:scale(1); } 100% { opacity:0; transform:scale(1); } } @-webkit-keyframes fade1st { 0% { opacity:0; transform:scale(0); } 25% { opacity:1; transform:scale(1.2); } 75% { transform:scale(0); opacity:0; } } @-webkit-keyframes fade2nd { 25% { opacity:0; transform:scale(.5); } 50% { opacity:1; transform:scale(1.1); } 100% { transform:scale(.5); opacity:0; } } @-webkit-keyframes fade3rd { 50% { opacity:0; transform:scale(.8); } 75% { opacity:1; transform:scale(1); } 100% { opacity:0; transform:scale(1); } } /* Paginators */ .paginator { font-size:1.2em; text-align:center; margin:.5em; padding:.5em; clear:both; } .paginator A, .pagedSelected { font-size:1.3em; color:#000; padding:.1em .35em; margin:0 .05em; border:1px solid #c0c0c0; } .pagedSelected { background:#ccc; font-size:1.4em; font-weight: bold;} .pagedStats { padding-left: .5em; } /* tabs */ .tabPanel { display:none; margin-bottom:1em; margin-top:.5em; padding:1em 2em; clear:both; background:rgba(0,0,0,.05); border-radius:1em;} .tabPanel.selected { display:block; } .tabPanel H4 { margin:0; padding:.5em 0; } /* Accordion */ .accordion { clear:both; } .accordion .section { padding:0; cursor:pointer; margin:0; margin-top:.7em; background:transparent; background-color:rgba(255,255,255,0.6); background-image:linear-gradient(transparent 20%, rgba(0,0,0,.05) 100%); border:1px solid #ccc; border-radius:.5em; box-shadow:2px 2px 0 rgba(0,0,0,.05); background .2s ease; } .accordion .section H4 { margin:0; padding:0; padding-left:22px; background:url(/ifc/nav-down.gif) 13px center no-repeat; } .accordion .section.active { border-radius:.5em .5em 0 0; background-image:linear-gradient(rgba(0,0,0,.05) 0%, transparent 30%); border-bottom:none; box-shadow:2px 0 0 rgba(0,0,0,.05); } .accordion .section.active H4 { background-image:url(/ifc/nav-up.gif); } .accordion .section H3 { display:block; font-size:1.5em; padding:.7em .833em .55em; } .accordion .section A { display:block; padding:.7em .833em .55em; } .accordion .section A:hover { text-decoration:none; } .accordion .section.active A { padding:1em .833em .7em; } .accordion .section SPAN { color:#666; font-size:.7em; line-height:110%; *padding-right:10px; display:block; } .accordion .section .completed { float:right; display:inline; } .accordion .section .icon { *display:none;} .accordion .accordionContainer:after { clear:both; } .accordion .accordionContainer FORM { margin:0; } #overviewMenu.accordion #notifications .section { background:none; border:none; color:#333; } #overviewMenu .section.active {margin-top:2em; } #overviewMenu .section.active:first-child {margin-top:0;} #overviewMenu .accordionContainer .formBody { padding-bottom:1em; } #overviewMenu .section.active {border-width:2px; border-color:#777; } #overviewMenu .accordionContainer.active { padding:1em 1em 1em 1em; margin-bottom:2em; border:2px solid #888; border-top:none; border-radius:0 0 .5em .5em; box-shadow:2px 0 0 rgba(0,0,0,.05); } #overviewMenu .accordionContainer h3, #overviewMenu .accordionContainer h4 {margin-top:0;} #overviewMenu .accordionContainer UL.profiles { margin-top:0; } #overviewMenu .accordionContainer#subscription-status-data.active {padding:.5em 4em 2em 3.7em;} #overviewMenu .accordionContainer#account-deactivate.active {padding:.5em 2em 2em 3.7em;} /* Listings */ UL.listing { margin:0 0 1em; padding:0; list-style-type:none; } UL.listing.standalone { margin:1em 0; border:0; border-top:1px solid #e8e8e8; } UL.listing.standalone LI { margin-left:0; clear:none; } UL.listing LI { margin:0; padding:0; margin-bottom:1px; padding:4px; clear:both; border-bottom:1px solid #e8e8e8; transition:background-color 0.5s ease; } UL.listing LI.selected { background:#ffc; } UL.listing .col1, UL.listing .col2, UL.listing .col3, UL.listing .col4, UL.listing .col50 { margin-right:.5em; float:right; cursor:default; } UL.listing .col1 { width:50px; } UL.listing .col2 { width:100px; } UL.listing .col3 { width:150px; } UL.listing .col4 { width:200px; } UL.listing .col50 { width:50%; } UL.listing EM { color:#909990; font-style:normal; display:block; width:12em; float:left; } UL.listing LI LABEL { color:#a0a0a0; display:block; margin-left:12em; } UL.hlinks { margin:.5em 0; padding:0; border:0; list-style-type:none; } UL.hlinks LI { display:inline; margin:0; padding:.2em .5em; border:0; border-right:1px solid #e0e0e0; list-style-type:none; } UL.hlinks LI.text { border-right:none; } UL.hlinks LI:last-child { border-right:none; } /* JS enabled elemenets */ .supported { display:none; } .hasJS .supported { display:inline; } /* =system messages -------------------------------------------------------------- */ #sysMsgContainer { width:100%; height:auto; z-index:2099; position:fixed; top:0; } #sysMsgContainer DIV:first-child { margin-top:2em; } #sysMsgContainer .infoError, #sysMsgContainer .infoNotification, #sysMsgContainer .infoMessage, #sysMsgContainer .infoWarning { color:#606060; width:90%; max-width:900px; margin:.6em auto; border:1px solid #fff; box-shadow:0 0 .5em rgba(0,0,0,.3); background:#fff; background-color:rgba(255,255,255,.95); } #sysMsgContainer .infoError { color:#c00000; background-color:#FEE; border-color:#c99; } #sysMsgContainer .infoWarning { color:#906060; background-color:#FEC;} #sysMsgContainer .infoMessage { color:#406040; } #sysMsgContainer P { font-size:1.7em; padding:.7em 1.5em; margin:0; } #sysMsgContainer SPAN { float:right; cursor:pointer; margin-top:-12px; margin-right:-12px; width:24px; height:24px; z-index:1100; opacity:.7;} #sysMsgContainer SPAN:hover { opacity:1; } #sysMsgContainer SPAN IMG { max-width:24px; max-height:24px; position:absolute; } /** announcements */ #appMsgContainer { text-decoration:blink; background:#FDF9E5; color:#000; display:none; margin-bottom:1em; padding:0 .5em; cursor:pointer; font-size:1.2em; border:1px solid rgba(0,0,0,.15); border-radius:.4em; box-shadow:2px 2px 0 rgba(0,0,0,.04); } #appMsgContainer P { text-indent:-36px; margin:.3em; margin-left:36px; } #appMsgContainer P .ifc { vertical-align: baseline; margin-bottom:-12px; } /** chat notifications */ #chat-notification { border:1px solid #999999; border-bottom:0; position:fixed; bottom:0; left:auto; right:0; z-index:300; height:auto; margin:0 15px; cursor:pointer; font-family:arial,sans-serif; font-size:1em; color:#333333; text-align:left; margin-left:4px; background-color:#EEEEEE; width:14em; padding: 0;} #chat-notification P { padding:0.3em 0.8em; color:#333333; display:block; font-weight:bold; font-size:1.2em; position:relative; z-index:1; margin-bottom:0;} #chat-notification P span { float: right; } #chat-notification-message { border-bottom:1px solid #999999; height:auto; max-height:33em; overflow-y:auto; padding: 0.5em; margin: 0; display: none; font-weight:bold; font-size:0.9em; background-color: rgba(255, 255, 255, 0.7); } /** jQuery popups */ .ui-dialog { position:absolute; padding:1.2em; font-size:1.4em; background:#fff; color:#333; border:1px solid #888; box-shadow:3px 3px 3px rgba(0,0,0,.3); border-radius:.3em; } .ui-widget-overlay { position:fixed; top:0; width:100%; height:100%; background:#000; opacity:.4;} .ui-dialog-content {height:auto !Important;} .ui-dialog .ui-dialog-titlebar-close { position: absolute; background:url(/ifc/sprites-ifc-flat-on-light.png) -768px 0 no-repeat; right:-1em; top: -1em; height:32px; width:32px; margin:0; padding: 1px; border:none; text-indent:-200px; overflow:hidden; } .ui-dialog-title { display:block; font-weight:bold; padding-bottom:.3em; } .ui-dialog-buttonset {margin-top:1em;} .ui-dialog-buttonset button { margin-right:.5em; } .ui-dialog .upgradeButton a {margin-top:.5em;} #sysMsgNotifications { position:static; width:100%; text-align:center; } #sysMsgNotifications UL { list-style-type:none; margin:0; padding:0; } #sysMsgNotifications UL LI { border-bottom:1px solid #303030; margin:0; padding:.75em 2em; background:#404040; color:#fff; background-color:#404040; background-image:linear-gradient(transparent 70%, rgba(0,0,0,.05) 100%); box-shadow:0 2px 5px rgba(0,0,0,0.5); } #sysMsgNotifications UL LI A { color:#ff0; } /* =icons -------------------------------------------------------------- */ .icon { background-image:url(/ifc/bgd-images.png); background-repeat:no-repeat; padding:1px 0 1px 1.75em; } .viewProfile { background-position:0 0; } .viewPhotos { background-position:0 -26px; } .sendMessage { background-position:0 -52px; } .sendFlirt { background-position:0 -78px; } .addTofavorites { background-position:0 -105px; } .shoutHelp { background-position:0 -130px; } .twitter { background-position:0 -156px; } .reply { background-position:0 -181px; } .delete { background-position:0 -208px; } .signOut { background-position:0 -233px; } .addToPrivatelist { background-position:0 -260px; } .requestPrivatelist { background-position:0 -286px; } .blockMember { background-position:0 -312px; } .reportMember { background-position:0 -338px; } .edit { background-position:0 -363px; } .preview { background-position:0 -389px; } .close { background-position:0 -441px; } .replyMessage { background-position:0 -468px; } .checkmark { background-position:0 -492px; } .msgRead { background-position:0 -520px; } .msgUnread { background-position:0 -546px; } .toggleColumnView { background-position:0 -625px; } .toggleBrowseView { background-position:0 -651px; } .toggleThumbView { background-position:0 -703px; } IMG.icon { background:none; padding:0; } .ifc { width:32px; height:32px; overflow:hidden; background:url(/ifc/sprites-ifc-flat-on-light.png) 0 0 no-repeat; display:inline-block; vertical-align:middle; border:0; opacity:.5; } .dark-theme .ifc { background-image: url(/ifc/sprites-ifc-flat-on-dark.png); } .ifc IMG { border:0; } .ifc.w24 { width:24px; height:24px; background-size:600px 600px; transform:scale(75%,75%); transform:rotate(45deg); transform-origin:0 0; -moz-transform:scale(75%,75%);} .ifc.ico24 { transform:scale(.75); } .ifc:hover, li:hover .ifc { opacity:.7; } .ifc.ico-home { background-position:-32px 0; } .ifc.ico-browse { background-position:-64px 0; } .ifc.ico-search { background-position:-96px 0; } .ifc.ico-inbox { background-position:-128px 0; } .ifc.ico-profile { background-position:-160px 0; } .ifc.ico-upgrade { background-position:-192px 0; } .ifc.ico-account { background-position:-224px 0; } .ifc.ico-photo { background-position:-288px 0; } .ifc.ico-video { background-position:-320px 0; } .ifc.ico-coin { background-position:-352px 0; opacity:1;} .ifc.ico-coin-off { background-position:-384px 0; opacity:1;} .ifc.ico-coins { background-position:-416px 0; opacity:1;} .ifc.ico-coins-off { background-position:-448px 0; opacity:1;} .ifc.ico-premium { background-position:-480px 0; opacity:1;} .ifc.ico-free { background-position:-512px 0; opacity:1;} .ifc.ico-close { background-position:-768px 0; } .ifc.ico-wink { background-position:-0 -32px; } .ifc.ico-flirt { background-position:-32px -32px; } .ifc.ico-submit { background-position:-64px -32px; } .ifc.ico-submit-cancel { background-position:-96px -32px; } .ifc.ico-thumb-up { background-position:-128px -32px; } .ifc.ico-thumb-down { background-position:-160px -32px; } .ifc.ico-undo { background-position:-192px -32px; } .ifc.ico-redo { background-position:-224px -32px; } .ifc.ico-checkbox { background-position:-320px -32px; } .ifc.ico-radio { background-position:-352px -32px; } .ifc.ico-menu { background-position:0 -96px; } .ifc.ico-submenu { background-position:-32px -96px; } .ifc.ico-submenu-vertical { background-position:-64px -96px; } .ifc.ico-submenu2 { background-position:-96px -96px; } .ifc.ico-submenu2-vertical { background-position:-128px -96px; } .ifc.ico-submenu1 { background-position:-160px -96px; } .ifc.ico-view-list { background-position:-192px -96px; } .ifc.ico-view-columns { background-position:-224px -96px; } .ifc.ico-view-thumbs { background-position:-256px -96px; } .ifc.ico-previous { background-position:-288px -96px; } .ifc.ico-next { background-position:-320px -96px; } .ifc.ico-end { background-position:-352px -96px; } .ifc.ico-beginning { background-position:-384px -96px; } .ifc.ico-left { background-position:-416px -96px; } .ifc.ico-right { background-position:-448px -96px; } .ifc.ico-bottom { background-position:-480px -96px; } .ifc.ico-top { background-position:-512px -96px; } .ifc.ico-down { background-position:-608px -96px; } .ifc.ico-up { background-position:-640px -96px; } .ifc.ico-inbox-new { background-position:0 -128px; } .ifc.ico-inbox-unread { background-position:-32px -128px; } .ifc.ico-all_messages { background-position:-64px -128px; } .ifc.ico-received { background-position:-96px -128px; } .ifc.ico-sent { background-position:-128px -128px; } .ifc.ico-deleted { background-position:-96px -352px; } .ifc.ico-archive { background-position:-192px -128px; } .ifc.ico-mark-read { background-position:-32px -128px; } .ifc.ico-mark-unread { background-position:0 -128px; } .ifc.ico-inbox-box { background-position:-224px -128px; } .ifc.ico-inbox-sent { background-position:-256px -128px; } .ifc.ico-inbox-in { background-position:-288px -128px; } .ifc.ico-reply { background-position:-320px -128px; } .ifc.ico-reply-all { background-position:-352px -128px; } .ifc.ico-question { background-position:0 -160px; } .ifc.ico-info { background-position:-32px -160px; } .ifc.ico-warning { background-position:-64px -160px; } .ifc.ico-stop { background-position:-96px -160px; } .ifc.ico-block { background-position:-128px -160px; } .ifc.ico-report { background-position:-128px -160px; } .ifc.ico-help { background-position:-160px -160px; } .ifc.ico-updates { background-position:-192px -160px; } .ifc.ico-notifications { background-position:-225px -160px; } .ifc.ico-update { background-position:-256px -160px; } .ifc.ico-message { background-position:0 -192px; } .ifc.ico-comment { background-position:-32px -192px; } .ifc.ico-chat { background-position:-64px -192px; } .ifc.ico-online { background-position:-64px -192px; } .ifc.ico-location { background-position:-96px -192px; } .ifc.ico-tag { background-position:-128px -192px; } .ifc.ico-tags { background-position:-160px -192px; } .ifc.ico-bookmark { background-position:-192px -192px; } .ifc.ico-pin { background-position:-224px -192px; } .ifc.ico-share { background-position:-288px -192px; } .ifc.ico-link { background-position:-320px -192px; } .ifc.ico-profile-male { background-position:0 -224px; } .ifc.ico-profile-female { background-position:-32px -224px; } .ifc.ico-user-edit { background-position:-64px -224px; } .ifc.ico-user-add { background-position:-96px -224px; } .ifc.ico-user-delete { background-position:-128px -224px; } .ifc.ico-user-group { background-position:-160px -224px; } .ifc.ico-friends { background-position:-160px -224px; } .ifc.ico-friend-add { background-position:-192px -224px; } .ifc.ico-friend-remove { background-position:-224px -224px; } .ifc.ico-female { background-position:-256px -224px; } .ifc.ico-male { background-position:-288px -224px; } .ifc.ico-photo-profile { background-position:-352px -224px; } .ifc.ico-photo-profile-none { background-position:-384px -224px; } .ifc.ico-photo-profile-female { background-position:-414px -224px; } .ifc.ico-photo-profile-female-none { background-position:-448px -224px; } .ifc.ico-profile-new { background-position:-480px -224px; } .ifc.ico-star { background-position:0 -256px; } .ifc.ico-star-empty { background-position:-32px -256px; } .ifc.ico-star-half { background-position:-64px -256px; } .ifc.ico-favorite { background-position:0 -256px; } .ifc.ico-heart { background-position:-128px -256px; } .ifc.ico-heart-empty { background-position:-160px -256px; } .ifc.ico-heart-half { background-position:-192px -256px; } .ifc.ico-find { background-position:-224px -256px; } .ifc.ico-zoom { background-position:-256px -256px; } .ifc.ico-zoom-in { background-position:-288px -256px; } .ifc.ico-zoom-out { background-position:-320px -256px; } .ifc.ico-attachment { background-position:0 -288px; } .ifc.ico-lock { background-position:-32px -288px; } .ifc.ico-lock-off { background-position:-64px -288px; } .ifc.ico-login { background-position:-96px -288px; } .ifc.ico-logout { background-position:-128px -288px; } .ifc.ico-options { background-position:-160px -288px; } .ifc.ico-config { background-position:-192px -288px; } .ifc.ico-settings { background-position:-224px -288px; } .ifc.ico-idea { background-position:-256px -288px; } .ifc.ico-camera { background-position:0 -320px; } .ifc.ico-picture { background-position:-32px -320px; } .ifc.ico-film { background-position:-64px -320px; } .ifc.ico-audio { background-position:-96px -320px; } .ifc.ico-music { background-position:-128px -320px; } .ifc.ico-reload { background-position:-160px -320px; } .ifc.ico-rotate-left { background-position:-192px -320px; } .ifc.ico-rotate-right { background-position:-224px -320px; } .ifc.ico-resize { background-position:-256px -320px; } .ifc.ico-move { background-position:-288px -320px; } .ifc.ico-crop { background-position:-320px -320px; } .ifc.ico-select { background-position:-352px -320px; } .ifc.ico-area { background-position:-384px -320px; } .ifc.ico-full-screen { background-position:-416px -320px; } .ifc.ico-full-screen-exit { background-position:-448px -320px; } .ifc.ico-ok { background-position:0 -352px; } .ifc.ico-cancel { background-position:-32px -352px; } .ifc.ico-new { background-position:-64px -352px; } .ifc.ico-delete { background-position:-96px -352px; } .ifc.ico-edit { background-position:-128px -352px; } .ifc.ico-view { background-position:-160px -352px; } .ifc.ico-eye { background-position:-192px -352px; } .ifc.ico-download { background-position:-224px -352px; } .ifc.ico-upload { background-position:-256px -352px; } .ifc.ico-folder { background-position:-288px -352px; } .ifc.ico-folder-open { background-position:-320px -352px; } .ifc.ico-folder-upload { background-position:-352px -352px; } .ifc.ico-folder-download { background-position:-384px -352px; } .ifc.ico-files { background-position:-416px -352px; } .ifc.ico-file { background-position:-448px -352px; } .ifc.ico-file-import { background-position:-480px -352px; } .ifc.ico-file-export { background-position:-512px -352px; } .ifc.ico-print { background-position:-544px -352px; } .ifc.ico-save { background-position:-576px -352px; } .ifc.ico-scissors { background-position:-608px -352px; } .ifc.ico-shopping { background-position:0 -416px; } .ifc.ico-cart { background-position:-32px -416px; } .ifc.ico-cart-add { background-position:-64px -416px; } .ifc.ico-cart-delete { background-position:-96px -416px; } .ifc.ico-bank { background-position:-128px -416px; } .ifc.ico-credit-card { background-position:-224px -416px; } .ifc.ico-bug { background-position:0 -448px; } .ifc.ico-alarm { background-position:-32px -448px; } .ifc.ico-alarm-off { background-position:-64px -448px; } .ifc.ico-smartphone { background-position:-96px -448px; } .ifc.ico-desktop { background-position:-128px -448px; } .ifc.ico-mouse { background-position:-160px -448px; } .ifc.ico-featured { background-position:-192px -448px; } .ifc.ico-trophy { background-position:-224px -448px; } .ifc.ico-graph { background-position:-256px -448px; } .ifc.ico-chart { background-position:-288px -448px; } .ifc.ico-calendar { background-position:-320px -448px; } .ifc.ico-facebook { background-position:0 -480px; opacity:1; } .ifc.ico-twitter { background-position:-32px -480px; opacity:1; } .ifc.ico-google { background-position:-64px -480px; opacity:1; } .ifc.ico-google-play { background-position:-96px -480px; opacity:1; } .ifc.ico-android { background-position:-128px -480px; opacity:1; } .ifc.ico-apple { background-position:-160px -480px; opacity:1; } .ifc.ico-windows { background-position:-192px -480px; opacity:1; } .ifc.ico-facebook-white{ background-position:-224px -480px; } .ifc.ico-twitter-white{ background-position:-256px -480px; } .ifc.ico-google-white{ background-position:-288px -480px; } .ifc.ico-google-play-white{ background-position:-320px -480px; } .ifc.ico-android-white{ background-position:-352px -480px; } .ifc.ico-apple-white{ background-position:-384px -480px; } .ifc.ico-windows-white{ background-position:-416px -480px; } .ifc.ico-facebook-black{ background-position:-448px -480px; } .ifc.ico-twitter-black{ background-position:-480px -480px; } .ifc.ico-google-black{ background-position:-512px -480px; } .ifc.ico-google-play-black{ background-position:-544px -480px; } .ifc.ico-android-black{ background-position:-576px -480px; } .ifc.ico-apple-black{ background-position:-608px -480px; } .ifc.ico-windows-black{ background-position:-640px -480px; } .ifc.ico-ads-advice { background-position:0 -704px; } .ifc.ico-ads-hookup { background-position:-32px -704px; } .ifc.ico-ads-dating { background-position:-64px -704px; } .ifc.ico-ads-live-sex { background-position:-96px -704px; } .ifc.ico-ads-webcam { background-position:-128px -704px; } .ifc.ico-ads-cams { background-position:-160px -704px; } .ifc.ico-ads-dating-tips { background-position:-192px -704px; } .ifc.ico-ads-videos { background-position:-224px -704px; } .ifc.ico-ads-chat { background-position:-256px -704px; } .ifc.ico-ads-live-cams { background-position:-288px -704px; } .ifc.ico-message-s { width:16px; height:16px; background-position:0 -512px; } .ifc.ico-star-s { width:16px; height:16px; background-position:-32px -512px; } .ifc.ico-ok-s { width:16px; height:16px; background-position:-64px -512px; } .ifc.ico-cancel-s { width:16px; height:16px; background-position:-96px -512px; } .ifc.ico-heart-s { width:16px; height:16px; background-position:-128px -512px; } .ifc.ico-location-s { width:16px; height:16px; background-position:-160px -512px; } .ifc.ico-dropup-s { width:16px; height:16px; background-position:-192px -512px; } .ifc.ico-dropdown-s { width:16px; height:16px; background-position:-224px -512px; } .ifc.ico-flirt-s { width:16px; height:16px; background-position:0 -544px; } .ifc.ico-profile-s { width:16px; height:16px; background-position:-32px -544px; } .ifc.ico-edit-s { width:16px; height:16px; background-position:-64px -544px; } .ifc.ico-delete-s { width:16px; height:16px; background-position:-96px -544px; } .ifc.ico-thumb-up-s { width:16px; height:16px; background-position:-128px -544px; } .ifc.ico-thumb-down-s { width:16px; height:16px; background-position:-160px -544px; } .ifc.ico-dropup-black-s { width:16px; height:16px; background-position:-192px -544px; } .ifc.ico-dropdown-black-s { width:16px; height:16px; background-position:-224px -544px; } .ifc.ico-facebook-s { width:16px; height:16px;background-position:-288px -512px; opacity:1; } .ifc.ico-twitter-s { width:16px; height:16px;background-position:-304px -512px; opacity:1; } .ifc.ico-google-s { width:16px; height:16px;background-position:-320px -512px; opacity:1; } .ifc.ico-google-play-s { width:16px; height:16px;background-position:-336px -512px; opacity:1; } .ifc.ico-android-s { width:16px; height:16px;background-position:-352px -512px; opacity:1; } .ifc.ico-apple-s { width:16px; height:16px;background-position:-368px -512px; opacity:1; } .ifc.ico-windows-s { width:16px; height:16px;background-position:-384px -512px; opacity:1; } .ifc.ico-facebook-white-s { width:16px; height:16px;background-position:-288px -512px; } .ifc.ico-twitter-white-s { width:16px; height:16px;background-position:-304px -512px; } .ifc.ico-google-white-s { width:16px; height:16px;background-position:-320px -512px; } .ifc.ico-google-play-white-s { width:16px; height:16px;background-position:-336px -512px; } .ifc.ico-android-white-s { width:16px; height:16px;background-position:-352px -512px; } .ifc.ico-apple-white-s { width:16px; height:16px;background-position:-368px -512px; } .ifc.ico-windows-white-s { width:16px; height:16px;background-position:-384px -512px; } .big-ico { width:64px; height:64px; } .ifc.big-ico.ico-nav-left-fat { background-position:0 -576px; } .ifc.big-ico.ico-nav-right-fat { background-position:-64px -576px; } .ifc.big-ico.ico-nav-left { background-position:-128px -576px; } .ifc.big-ico.ico-nav-right { background-position:-192px -576px; } .ifc.big-ico.ico-nav-prev-fat { background-position:-256px -576px; } .ifc.big-ico.ico-nav-next-fat { background-position:-320px -576px; } .ifc.big-ico.ico-nav-prev { background-position:-384px -576px; } .ifc.big-ico.ico-nav-next { background-position:-448px -576px; } .ifc.big-ico.ico-lock { background-position:0 -640px; opacity:1;} .ifc.big-ico.ico-nav-prev-narrow { background-position:-512px -576px; width:32px; } .ifc.big-ico.ico-nav-next-narrow { background-position:-544px -576px; width:32px; } .ifc.big-ico.ico-nav-prev-narrow-i { background-position:-576px -576px; width:32px; } .ifc.big-ico.ico-nav-next-narrow-i { background-position:-608px -576px; width:32px; } .ifc.big-ico.ico-lock { background-position:0 -640px; opacity:1; } .ifc-button { min-height:32px; min-width:32px; display:inline-block; padding:1px; margin-left:.2em; text-align:center; vertical-align:middle; } .ifc-button .ifc { margin:0 auto; } .ifc-button ABBR { display:none; } /* =structure -------------------------------------------------------------- */ .wrapper { width:98%; margin:0 auto; } #c-profile #container .wrapper, #c-profile-photos #container .wrapper { padding-bottom:0; } #c-authorize #container .wrapper, #c-register #container .wrapper, #c-account_upgrade #container .wrapper { background-image:none; } #c-apps #container .wrapper { background-image:none; padding-bottom:0; } #content { padding:.5% 1.5% 2% .5%; } #aside { padding:.5% 1.5%; } .full #content { min-width:100%; margin:0; padding:0; } .full #outer, aside { display:none; } #c-authorize #content { width:100%; margin:0; padding:0; } #c-profile #content, #c-profile-photos #content { margin-top:0; padding-bottom:3em; } .counter { position:relative; display:inline; padding:.05em .3em; background:#ff0000; color:#fff; font-size:.9em; font-weight:bold; font-style: normal; text-shadow:1px 1px 0 #900; border-radius:.25em; } .counter.simple { background:#999; color:#fff; text-shadow:1px 1px 0 #000; } .counter:empty { padding:0; } /* self-clearing floats */ .group:after, .wrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* =forms -------------------------------------------------------------- */ FORM FIELDSET { border:none; } FORM LEGEND { color:#111; margin-bottom:1em; } FORM .row { padding:.5em; } FORM .row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } FORM .row .col { margin-right:1em; float:left; } FORM .row .col:last-child { margin-right:0; } FORM INPUT[type=text], FORM INPUT[type=number], FORM INPUT[type=tel], FORM INPUT[type=password], FORM TEXTAREA, FORM SELECT { color:#111; font-family:inherit; font-size:1.2em; border:1px solid #a0a0b0; padding:.3em 0 .3em .5em; } FORM INPUT[type=password] { letter-spacing:.1em; } FORM INPUT[type=text]:focus, FORM INPUT[type=password]:focus, FORM textarea:focus { border-color:#000; background:#ffc; } FORM select { width:auto; } BUTTON { color:#fff; background-color:#333; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); padding:.5em 1em; cursor:pointer; white-space:nowrap; border:1px outset rgba(0,0,0,.2); border-radius:.5em; } BUTTON:active { border-style:inset; background-color:#222; } BUTTON SPAN { padding:.2em 0; display:inline-block; font-size:1.1em; } BUTTON.icon-only { padding:.2em; } .row.buttons .highlighted, FORM .highlighted { background-color:#f90; } a.btnCancel { color:#777; margin-left:1.5em; } FORM #form_signup_cross_regs_sponsors LABEL, FORM #form_signup_cross_sales_sponsors LABEL { width:100%; display:block; font-size:1em; text-align:center; } .outerFormSelect { width:98px; } /* block labels */ FORM .blockLabels LABEL { display:block; } FORM .blockLabels .row { margin-bottom:1em; } /* inline labels */ FORM .inlineLabels LABEL { width:30%; margin-right:1%; float:left; } FORM .inlineLabels input[type=text], FORM .inlineLabels input[type=password], FORM .inlineLabels textarea, FORM .inlineLabels select { width:60%; float:left; } /* messages */ .message { margin-bottom:1em; padding:.5em 1.5em; border-width:1px 0; border-style:solid; } .message P { margin-bottom:0; } .error { font-weight:bold; background:#FFDFDF; border-color:#DF7D7D; } .notice { background:#FFF6CF; border-color:#EFD459; } .success { font-weight:bold; background:#D6FFCF; border-color:#A2EF95; color:#3c8219; } .success H3 {color:#3c8219;} /* =header -------------------------------------------------------------- */ /* HTML5 */ FOOTER, HEADER, NAV, ASIDE, SECTION, HGROUP, ARTICLE, DETAILS, FIGURE { display:block; } ASIDE SECTION { clear:both; float:none; overflow:hidden; } HEADER { text-align:left; padding:.6em 0; } #logo { padding:0 .5em; padding-bottom:0; width:auto; max-width:550px; float:left; overflow:hidden; } #logo A { color:#333; font-size:2.5em; display:block; margin-bottom:.1em; letter-spacing:-0.04em; line-height:110%; font-weight: normal;} #logo .tagline { line-height:normal; padding:.1em 0; margin:0; } #logoImage { width:auto; max-width:100%; max-height:80px; } /* slave websites - Powered By stuff, T2090, impl by @dpopovic */ .slave HEADER { border-top: 2px solid #333; padding: 0 0 0.6em; } .slave HEADER .wrapper { position: relative; } .slave .not-logged #welcome { top: 3.5em; } #poweredBy { position: absolute; top: 0; right: 15px; padding: 0 15px; background: #333; color: #fff; font-weight: 700; height: 20px; line-height: 18px; } #poweredBy:before, #poweredBy:after { content: ""; position: absolute; top: 0; left: -15px; border-style: solid; border-color: transparent #333 transparent transparent; border-width: 0 16px 20px 0; } #poweredBy:after { right: -15px; left: auto; border-color: #333 transparent transparent transparent; border-width: 20px 16px 0 0; } #poweredBy A { color: #709fca; } #poweredBy A:hover { color: #fff; } #welcome { text-align:right; position:relative; z-index:5; float:right; } #welcome .ask-user { margin:0; font-size:1.2em; } #welcome .ask-user em { font-style:normal; display:none; } #welcome .register, #welcome .upgrade, #welcome .login { margin-left:.3em; padding:0 1.5em; margin-right:1em; display:inline-block; vertical-align:middle; } #welcome a.btn-s { padding:.5em .8em; border:1px solid rgba(0,0,0,0.1); display:block; text-align:center; overflow:hidden; } #welcome .signupWrap { padding:.5em; white-space:nowrap; } #welcome .register, #welcome .upgrade { color:#fff; background-color:#ff8000; } #welcome .upgrade { margin-right:0; float:none; color:#000; } #welcome .login { margin-right:0; color:#fff; background-color:#5485dd; } #welcome .profileLinks { float:right; text-align:left; } #welcome .profileLinks LI { display:inline-block; margin:0; padding:0; } #welcome .profileLinks A { padding:.5em .8em; background-color:rgba(255,255,255,0.3); border:1px solid rgba(0,0,0,0.3);} #welcome .profileLinks .focused A { padding:.5em .8em; background-color:#5485dd; color:#fff; border:1px solid rgba(0,0,0,0.3);} #welcome .profileLinks A:hover { background-color:rgba(255,255,255,0.7); color:#000; } #welcome .profileLinks .signOut { background-color:#808080; color:#fff; } #welcome .profileLinks .upgrade { background-color:#ff8000; color:#fff; } #welcome .profileLinks .counter { position: absolute; z-index: 11; font-size: 1em; margin-top:-0.2em; margin-left:3.7em; } #welcome .profileLinks LI OL { position: absolute; text-align:left; margin:0; padding:0; display:none; background:transparent; } #welcome .profileLinks LI:not(#my-updates):hover OL { display:block; } #welcome .profileLinks LI OL LI { display:block; background:#fff; } #welcome .profileLinks LI#my-shortcuts OL LI { box-shadow: 0 0 0.5em rgba(0,0,0,0.5);} #welcome .profileLinks LI#my-updates OL#my-updates-content { background:#fff; width:22em; max-width:30em; max-height:30em; overflow-y: auto; } #welcome .profileLinks LI#my-updates OL#my-updates-container { background:#fff; box-shadow: 0 0 0.5em rgba(0,0,0,0.5); } #welcome .profileLinks LI#my-updates OL LI { text-align:left; border:none; border-bottom:1px solid #ccc; } #welcome .profileLinks LI#my-updates OL LI.heading { background-color:#e0e0e0; } #welcome .profileLinks LI#my-updates OL LI A { text-align:left; border:none; border-radius:0; display:block; padding:0.4em 1em; color:#666; font-size:100%; } #welcome .profileLinks LI#my-updates OL LI IMG { max-width:32px; max-height:32px; display:inline-block; vertical-align:middle; } #welcome .profileLinks LI#my-updates OL LI A ABBR { max-width:32px; max-height:32px; display:inline-block; vertical-align:middle; } #welcome .profileLinks LI#my-updates OL LI A SPAN { display:inline-block; vertical-align:middle; margin-left:0.5em; max-width:15em; } #welcome .profileLinks LI#my-updates OL LI P { text-align:center; padding:0.5em auto; margin:0; display:block } #welcome .profileLinks LI#my-updates OL LI P A { display:inline-block; margin:0; padding:0.3em; } /* some background for testing */ #welcome .profileLinks LI#my-updates OL LI.my-updates-row { opacity: .85; background-color: rgba(0, 0, 0, 0.2); } #welcome .profileLinks LI#my-updates OL LI.my-updates-row:hover {background-color: rgba(255, 255, 255, 0.1); opacity: 1; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } #welcome .profileLinks LI#my-updates OL LI.my-updates-row.new-update { opacity: 1; background-color: #fff; } #welcome .profileLinks LI#my-updates OL LI.heading { margin-top: 29.9em; position: relative; width: 22em; } #welcome .profileLinks LI#my-updates OL LI.heading a, #welcome .profileLinks LI#my-updates OL LI.tail a { text-align:center; } #welcome .profileLinks LI#my-updates OL LI .datetime { display:none; } #welcome A.btn-s EM { display:block; font-size:.75em; font-style:normal; padding:.5em 0; margin:0; margin-top:-0.5em; margin-bottom:-0.5em} #welcome #user-submenu { margin:0; margin-left:.5em; padding:2px; display:block; text-align:center; } #welcome #user-submenu SPAN { margin:0; padding:0; width:50px; height:50px; display:block; text-align:center; overflow:hidden; float:right; } #welcome #user-submenu SPAN IMG { display:block; width:100%; height:100%; } #welcome #user-submenu EM { display:none; float:left; font-style:normal; font-size:.9em; padding:0 1em; padding-top:23px; text-align:center; line-height:120%; } #welcome #user-submenu EM CITE { display:block; text-align:center; line-height:120%; } .not-logged #welcome { margin-top:.5em; } .not-logged #welcome a.btn-s { display:inline; } .dropdownContainer { display:none; color:#fff; background:#5485dd; width:auto; margin:0; padding:1em 1.5em; position:absolute; text-align:left; z-index:1; list-style-type:none; border-radius:.5em; box-shadow: 4px 4px 0 rgba(0,0,0,.15); } .dropdownContainer LI A { display:block; } .dropdownContainer H4 { color:#fff; font-size:1.6em; margin-bottom:.5em; position:relative; } #signinDropdownContainer { z-index:10; width:auto; margin:0; left:auto; right:0; min-width:24em; padding: 1.7em 2em; text-align:left; margin-top:.5em; border-radius: .6em 0 .6em .6em; } #signinDropdownContainer .close { cursor:pointer; position:absolute; top:1em; right:1em; } #signinDropdownContainer FORM { margin-bottom:1em; } #signinDropdownContainer FORM LEGEND { color:#fff; font-size:2.2em; margin-bottom:.5em; } #signinDropdownContainer .row { padding:0; } #signinDropdownContainer FORM LABEL { color:#fff; font-weight:bold; padding-bottom:.2em;} #signinDropdownContainer .blockLabels input[type=text], #signinDropdownContainer .blockLabels input[type=password] { font-size:1.6em; width:100%; border:none; padding:.5em; border-radius:2px; } #signinDropdownContainer INPUT[type=checkbox] {margin:0 .2em 0 0; vertical-align:top;} #signinDropdownContainer FORM .submitButton { margin-bottom:.5em; width:100%; font-size:1.7em; } #signinDropdownContainer .account-tools { clear:both; margin:0; list-style-type:none; } #signinDropdownContainer .account-tools LI { padding:.25em 0; } #signinDropdownContainer .account-tools A { color:#fff; color:rgba(255,255,255,.8); } #authorizedUser { margin-bottom:.25em; float:right; text-align:right; display:block; list-style-type:none; margin:0; padding:0; right:0; } #authorizedUser .dropdownContainer { left:auto; right:0; margin-top:-0.1em; padding-top:.8em; border-bottom:2px solid rgba(0,0,0,.3); background-image: linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.12));} #authorizedUser LI UL { display:none; width:15em; position:absolute; -webkit-border-top-right-radius:0; border-top-right-radius:0; } #authorizedUser LI UL LI { font-size:1.1em; padding:.4em 0; float:none; border-bottom:1px solid rgba(255,255,255,.2); } #authorizedUser LI UL LI A { color:#fff; } #authorizedUser > LI:hover { border-bottom-right-radius:0px;border-bottom-left-radius:0px; box-shadow: 4px 3px 0 rgba(0,0,0,.15);} #authorizedUser LI:hover UL { display:block; } #authorizedUser .signOut { color:rgba(255,255,255,.8); } .logged-in { width:13em; } /* =menu -------------------------------------------------------------- */ #sideNav { width:210px; left:-210px; top:0; display:none; height:100%; position:absolute; z-index:999; background: #121619; box-shadow:inset -3px 0 3px rgba(0,0,0,.4); } #sideNav .logo A { display:block; padding:1.3em .5em; color:#fff; font-size:1.4em; background-color:rgba(0,0,0,.3); border-bottom:1px solid rgba(255,255,255,.2); } #sideNav ul { height:100%; width:100%; margin:0; padding:0; } #sideNav ul li { border-bottom:1px solid rgba(255,255,255,.2); } #sideNav ul a { display:block; padding:.5em 0 .5em 1em; color:#fff; color:rgba(255,255,255,.85); font-size:1.1em; font-weight: bold; text-shadow:1px 1px 0 rgba(0,0,0,.7); } #sideNav ul li.selected a { background-color:rgba(255,255,255,.04); } #sideNav ul li a:hover { color:#fff; text-decoration:none; background-color:rgba(255,255,255,.07); } #sideNav ul li .ifc { margin-left:-0.5em; margin-right:.5em; background-image:url('/ifc/sprites-ifc-flat-on-dark.png'); } #sideNav ul li:hover .ifc {opacity:.9;} #sideNav .sideNavText { display:inline-block; line-height:1.4em; max-width:160px; vertical-align:middle; } /* MAIN MENU */ #menu { clear:both; } #menu .wrapper { background:#333; padding-left:1em; } #menu UL { clear:both; float:left; list-style-type:none; margin:0; padding:0; } #menu UL LI { float:left; font-size:1.25em; font-weight:bold; line-height:130%; margin:0; padding:0; } #menu UL LI A { color:#fff; text-decoration:none; display:block; padding:.8em 1em; text-shadow:1px 1px 1px rgba(0,0,0,.2); } #menu UL LI A:hover { color:#FFDE95; } /* MAIN MENU - level 2 */ #menu UL UL { background:#333; max-width:14em; margin:-3px 0 0 0; padding:0px; padding:5px 0; left:-999em; position:absolute; z-index:999; border-bottom:2px solid rgba(0,0,0,.25); border-radius:0 .4em .4em .4em; box-shadow:4px 4px 1px rgba(0,0,0,.2); } #menu UL LI:hover UL { left:auto; } #menu UL LI LI { font-size:1em; width:100%; } #menu UL LI:hover LI A { font-weight:normal; padding:.6em 1em; } #menu UL LI:hover LI A:hover { background:rgba(0,0,0,.15); } .langen-US #menu UL LI { text-transform:capitalize; } #menu UL LI A ABBR { width:30px; height:30px; margin:0; padding:0; display:inline-block; overflow:hidden; vertical-align:middle; border:0;} #menu UL:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #menu .counter.new { margin-left:3px; box-shadow: none; } #menu .sideMenuToggler .ifc {background-image:url(/ifc/sprites-ifc-flat-on-dark.png); opacity:.9;} #menu UL LI .ico-home { width:26px; height:24px; overflow:hidden; background:url(/ifc/sprites-ifc-flat-on-light.png?v=1) -35px -3px no-repeat; display:inline-block; vertical-align:middle; border:0; opacity:.5; } .simpleDropdownMenu { font-size:1em; background:#fff; display:none; min-width:100px; border:1px solid #809080; position:absolute; z-index:100; } .simpleDropdownMenu ul, .simpleDropdownMenu UL LI { margin:0; padding:0; list-style-type:none; } .simpleDropdownMenu UL.separator { border-top:1px solid #809080; } .simpleDropdownMenu UL LI { border-bottom:1px solid #fff; border-top:1px solid #fff; white-space:nowrap; } .simpleDropdownMenu UL LI:hover { background:#d0ddd0; border-bottom:1px solid #c0ccc0; border-top:1px solid #c0ccc0; } .simpleDropdownMenu UL LI a { color:#808880; text-decoration:none; display:block; padding:3px 10px; } .simpleDropdownMenu UL LI a:hover { text-decoration:none; color:#000; } .simpleDropdownMenu dl { margin:0; padding:0; list-style-type:none; } .simpleDropdownMenu dl.separator { border-top:1px solid #4475CD; } .simpleDropdownMenu dl dt { margin:0; padding:2px 10px; white-space:nowrap; } .simpleDropdownMenu dl dd { color:#000; margin:0; padding:1px 15px; white-space:nowrap; border-bottom:1px solid #fff; border-top:1px solid #fff; cursor:pointer; } .simpleDropdownMenu dl dd:hover { color:#fff; background:#5485DD; border-bottom:1px solid #4475CD; border-top:1px solid #4475CD; } .hasMenu { background:url(/ifc/submenu.png) right center no-repeat; } .dropdownMore { list-style-type:none; margin:0; padding:0; float:left; } .dropdownMore LI { margin:0; padding:0; border:1px solid #ccc; padding:.3em; border-radius:.4em; text-align:center; box-shadow:2px 2px 0 rgba(0,0,0,.05); } .dropdownMore LI OL { list-style-type:none; margin:0; margin-top:.3em; margin-left:-0.4em; padding:0; text-align:left; position:absolute; background:#fff; color:#000; border:1px solid #ccc; z-index:99; box-shadow:0 0 .5em rgba(0,0,0,0.3); } .dropdownMore LI OL LI { margin:0; padding:0; border:0; border-radius:0; } .dropdownMore LI OL LI A { display:block; padding:.3em; } .dropdownMore LI OL { display:none; border-radius: .5em; } .dropdownMore LI:hover OL { display:block; } /* =footer -------------------------------------------------------------- */ #footer { text-align:center; padding-top:2em; margin:auto; } #footer UL { margin-bottom:1em; } #footer .footerMainlinks LI {border-right:1px solid #A0A0A0;} #footer UL LI.last { border-right:none; } #footer UL LI:last-child { border-right: none; padding-right:0; margin-right:0; } #footer .custom-footer P { text-align: justify; } #footer .legal P { text-align: justify; } #footer .legal .declaration2257 {text-align:center;} #footer .customer-service { text-align:center; font-size:1.3em; } /* upgrade footer */ #footer .footer-company-left { float:left; width: 15em; text-align: left; } #footer .footer-company-right { float:right; width: 15em; text-align: left; } #footer .company-address-header { font-size:1.3em; } @media (max-width:640px) { .layout-upgrade #footer { padding-left:3%; } .layout-upgrade .copyright { clear:both; text-align:left; padding-top:1em; } .layout-upgrade #footer .footer-company-left, .layout-upgrade #footer .footer-company-right { width: 50%; }} /* Tabs */ .taboid { margin:0; padding:0; list-style-type: none; clear:both; } .taboid LI { float:left; margin:0; width:auto; } .taboid LI A { display:block; padding:.7em 1em; border:1px solid #999; border:1px solid rgba(0,0,0,0.4); border-right-width:0; font-size:1.2em; color:#333; background-color:transparent; background-color:rgba(255,255,255,0.6); background-image:linear-gradient(transparent 0%, rgba(0,0,0,.04) 100%); } .taboid LI A:hover { text-decoration:none; color:#000; background-color:#fefefe; background-image:linear-gradient(transparent 0%, rgba(0,0,0,.08) 100%); } .taboid LI A.disabled { cursor:default;} .taboid LI A.disabled ABBR, .taboid LI A.disabled SPAN { opacity:.5; } .taboid LI A ABBR { border:0; display:block; margin:0 auto; } .taboid LI A > SPAN { font-size:.9em; display:block; margin:0 auto; text-align:center; } .taboid LI A .highlight { display:inline; } .taboid LI A .counter { display:inline; padding:.1em .3em; } .taboid LI:first-child A { border-radius:.5em 0 0 .5em; } .taboid LI:last-child A { border-radius:0 .5em .5em 0; border-right-width:1px; } .taboid LI:only-child A { border-radius:.5em; border-width:1px; } .taboid LI.active A, .taboid LI.selected A { font-weight:bold; background-color:#fafafa; background-image:linear-gradient(transparent 0%, rgba(0,0,0,.1) 100%); } #c-profile #tabs, #c-profile-photos #tabs { margin-top:0; border-top:none; } /* #profile-menu.taboid LI:first-child A { border-radius:.5em 0 0 0; } #profile-menu.taboid LI:last-child A { border-radius:0 .5em 0 0; } */ #profile-head { border-bottom:1px solid #e0e0e0; } #profile-head H1 { z-index:9; } #profile-menu { margin:1em 5%; text-align:center; } #profile-menu LI { width:33%; } .my #profile-menu LI { width:25%; } LI.menuMore UL { display:none; position:absolute; width:auto; margin:0; padding:.5em; list-style-type:none; background:#fff; box-shadow:0 0 .5em rgba(0,0,0,0.5); border-radius:.3em; z-index:15; text-align:left; } LI.menuMore:hover > UL { display:block; } LI.menuMore UL LI { display:block; float:none; padding:0; margin:0; font-size:1em; } LI.menuMore UL LI A { display:block; padding:.5em .5em; margin:0; text-decoration:none; color:#444; background:#fff; border:0; border-bottom:1px solid #f0f0f0; border-radius:0; } LI.menuMore UL LI A:hover { background-color:#FFC; text-decoration:none; color:#000; } LI.menuMore UL LI.selected { background-color:transparent; border-radius:0; padding:0; margin:0; } LI.menuMore UL LI.selected A { background:#FFC; text-decoration:none; color:#000; border-radius:0; } LI.menuMore A.btn-s { padding:.5em 1em; margin:0; background-color:#fff; background-color:rgba(255,255,255,0.2); border:1px solid #000; border:1px solid rgba(0,0,0,0.2); } .toggle-view { padding:1em 0; clear:both; } /* =content -------------------------------------------------------------- */ /* profile listings */ .thumbnail { text-align:center; width:100px; height:100px; max-width:200px; max-height:200px; padding:.25em; overflow:hidden; position: relative; } .userlist .thumbnail IMG { width:100%; height:auto; } UL.profiles, UL.profiles LI { margin:0; list-style-type:none; } UL.profiles { margin:.5% 0; padding:0; padding-top:.5%; } UL.profiles LI { padding:0; margin-bottom:.5%; } UL.profiles:after, UL.profiles LI:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } UL.profiles > LI { display:-moz-inline-stack; display:inline-block; min-height:5em; vertical-align:top; overflow:hidden; position:relative; zoom:1; *display:inline; _height:5em; } UL.profiles .title, UL.profiles .title_long, UL.profiles .username { font-size:1.2em; font-weight: normal; padding:0; margin-bottom:0.5em; clear:none; letter-spacing:-0.02em; } UL.profiles .user-info { padding:0.4em 0; clear:both; font-size:1em; } UL.profiles .profileInfo .age { font-weight:bold; color:#fff; background:rgba(0,0,0,0.4); padding:.05em .15em; border-radius:3px; border:1px solid rgba(255,255,255,0.5); } UL.profiles .gender { font-weight:bold; padding-right:.5em; margin-right:.5em; border-right:1px solid #ccc; } UL.profiles .location { padding:0; font-size:.9em; line-height:120%; padding-top:.5em; } UL.profiles .distance { display:inline-block; padding:0.3em 0; padding-right:0.5em; } UL.profiles .description { clear:both; } UL.profiles .profileListThumbnail { display:block; margin:0; padding:0; } UL.profiles .thumbnail IMG { display:block; width:100%; max-width:200px; height:auto;} UL.profiles .thumbnail .age, UL.profiles .thumbnail .force_info { position:absolute; display:block; z-index:1; padding:0; margin:0; font-size:1em; font-weight:bold; } UL.profiles .thumbnail .age .age-number { background:rgba(0,0,0,0.5); padding:0.05em 0.2em; color:#eee; text-shadow:1px 1px 2px #000; } UL.profiles .thumbnail .age SPAN { margin:0 0.1em; display:inline-block; vertical-align:middle; } UL.profiles .thumbnail .force_info { right:0; display:inline-block; text-align:right; color:#222; text-shadow:1px 1px 2px #fff;/*color:#eee; text-shadow:1px 1px 2px #000; */} .dark-theme UL.profiles .thumbnail .force_info { color:#ccc; text-shadow:1px 1px 2px #000; } UL.profiles .onlineStatus { float:right; clear:none; white-space:nowrap; } /* UL.profiles .profileListThumbnail .owner-media-count { position:absolute; margin-left:-0.1em; margin-top:-2.0em; background:#fff; color:#000; padding:.2em .5em; font-size:1em; border:1px solid #ccc; opacity:.9; } */ UL.profiles .profileListThumbnail .owner-media-count { position:absolute; margin-left:-1px; margin-top:-20px; background:#fff; color:#000; padding:3px 1em 3px 5px; font-size:.9em; opacity:.9; border-radius:0 1em 1em 0; box-shadow:0 0 .5em rgba(0,0,0,.5);} UL.profiles.short .profileListThumbnail .owner-media-count { padding: 4px 1em 4px 5px;} UL.profiles .profileListThumbnail .owner-media-count A { color:#000; text-decoration:none; } UL.profiles LI .thumbnail OL.actions LI { padding:0; margin:0.1em ; } UL.profiles LI .thumbnail OL.actions LI A { padding:0; display:block; margin:0 auto; } UL.profiles LI .thumbnail OL.actions { display:none; } .is-featured, .is-online, .is-offline { width:11px; height:11px; border-radius:11px; background:#ccc; display:inline-block; overflow:hidden; margin-right:3px; vertical-align:middle;} .is-featured { background:#ffcc00; border:1px solid #ff9900; } .is-online { border:1px solid #090; background:#00ff00; box-shadow:0 0 10px rgba(0,255,0,.5); } UL.profiles .thumbnail CITE { display:block; font-size:120%; font-style:normal; font-weight:normal; line-height:0%; padding-bottom:25%; margin-top:-25%; white-space:nowrap; text-align:center; color:#fff; text-shadow:0 0 .5em #000; } UL.profiles .thumbnail A:hover { text-decoration:none;} /* profile listing actions */ OL.actions, OL.actions li { margin:0; list-style-type:none; } OL.actions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } UL.profiles OL.actions { clear:both; } UL.profiles OL.actions LI { font-size:.7em; display:block; width:auto; float:left; white-space:nowrap; overflow:hidden; border-radius:5px; padding:0.25em; margin-right:.4em; text-align:center; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); background-color:#fafafa; background-color:rgba(255,255,255,0.5); border:1px solid #999; border:1px solid rgba(0,0,0,0.2);} UL.profiles OL.actions LI:hover { border-color:rgba(0,0,0,0.5);} UL.profiles OL.actions LI A { width:32px; height:32px; padding:1px; color:#909090; margin:0 auto; overflow:hidden; display:block; } UL.profiles OL.actions LI A:hover { color:#00c; } UL.profiles OL.actions LI A EM { color:#fff; background:#000; position:absolute; font-style:normal; display:inline-block; padding:0px 3px; font-size:10px; margin-top:-8px; margin-left:-4px; opacity:.5; } UL.profiles OL.actions LI A ABBR { border:0; height:32px; width:32px; overflow:hidden; } UL.profiles OL.actions LI A SPAN { display:none; font-size:.8em;} UL.profiles OL.actions LI A EM.is-online, UL.profiles OL.actions LI A EM.is-offline { background:#666; background:rgba(135,135,135,.5); display:block; margin:-9px 0 0 23px; padding:0; width:8px; height:8px; border:none; opacity:1; } UL.profiles OL.actions LI A EM.is-online { background:#6CB92C; } /* Short */ UL.profiles.short LI { text-align:center; display:inline-block; width:24%; padding:.5%; margin:.5%; overflow:hidden; } UL.profiles.short LI P { font-size:.9em; margin-bottom:0; } UL.profiles.short .thumbnail { float:none; display:block; min-width:50px; max-width:200px; height:auto; width:auto; margin:0; padding:0; border:1px solid #ccc; } UL.profiles.short .onlineStatus { text-indent:-500em; background:rgba(0,0,0,.5); display:inline; width:16px; padding:.167em; border:1px solid #999; border-width:1px 1px 0 0; position:absolute; top:83px; left:4px; } UL.profiles.short .onlineStatus SPAN { background-color:#0c0; display:block; width:16px; height:16px; float:left; } UL.profiles.short .onlineStatus SPAN.offline { background-color:#eeee; } UL.profiles.short .location { font-size:.8em; } UL.profiles.short LI .profileInfo { position:relative; padding:0; margin:0; margin-top:0.5em; float:none; text-align:left; } UL.profiles.short LI .profileInfo P { display:block; margin:0; padding:0; } UL.profiles.short LI .profileInfo P .location { display:block; margin:0; padding:0; line-height:120%; opacity:0.5} .dark-theme UL.profiles.short .thumbnail { border-color:#444; } UL.profiles.short LI:hover .thumbnail { box-shadow:0 0 0.5em rgba(0,0,0,0.5); } #footer UL.profiles.short LI, #footer UL.profiles.thumbView LI { width: 15%; } #footer UL.profiles LI .imgWrapper IMG { width: 100%; } footer UL.profiles LI { border: none; padding: 0; } footer UL.profiles LI .username { text-align: center; } /* browse */ .browse-description { float:left; padding-top:.75em; margin-bottom:0; max-width:85%;} .browse-description a {margin-left:1em;} .browse-options { float:right; } .featuredLink { font-size:.9em; } UL.profiles.browse > LI { padding:1%; border:1px solid #ccc; display:block; margin:1.5% 0; border-radius:4px; box-shadow:2px 2px 0 rgba(0,0,0,.05); } UL.profiles.browse > LI:nth-child(1) {margin-top:.5em;} UL.profiles.browse .username { margin:0; padding:0; margin-bottom:.3em; } UL.profiles.browse .profileListThumbnail { text-align:center; padding:0; clear:both; float:left; width:25%; margin-right:3%; min-width:50px; max-width:200px; } UL.profiles.browse .thumbnail { float:left; position:relative; width:100%; height:auto; min-width:50px; max-width:200px; margin:0 auto; padding:0; } UL.profiles.browse .profileInfo { width:72%; float:right;} UL.profiles.browse .profileInfo .remove_checkbox { margin-top:-2.25em; float:right; } UL.profiles.browse .location { margin-bottom:1em; } UL.profiles.browse .distance { display:inline-block; background:rgba(255,255,255,.5); padding:.3em; } UL.profiles.browse .description { margin-bottom:1em; } UL.profiles.browse .profilelinks { width:200px; float:left; } UL.profiles.browse .username, UL.profiles.browse .title, UL.profiles.browse .title_long { margin:0; font-size:1.5em;} /* column view */ UL.profiles.columnView > LI { width:49%; padding:.75%; margin:.5%; min-height:10.5em; float:left; } UL.profiles.columnView .profileListThumbnail { text-align:left; width:39%; max-width:200px; height:auto; padding:0; clear:both; float:left; } UL.profiles.columnView .thumbnail { width:100%; height:100%; min-width:50px; max-width:200px; margin:0; padding:0; float:none; } UL.profiles.columnView UL.profiles .distance { padding:0; } UL.profiles.columnView .profileInfo { width:58%; float:right;} UL.profiles.columnView .profileInfo .city { padding-left:0.5em; } UL.profiles.columnView .profileInfo .description { height:3em; overflow:hidden; } UL.profiles.columnView .profileInfo .remove_checkbox { margin-top:-2.25em; float:right; } UL.profiles.columnView .username, UL.profiles.columnView .title, UL.profiles.columnView .title_long { margin:0; margin-bottom:0.3em; width:100%; height:1.1em; overflow:hidden; } UL.profiles.columnView OL.actions LI { background-color:rgba(255,255,255,0.8); } /* thumbnail view */ UL.profiles.thumbView LI { width:24%; margin:.5%; padding:.5%; text-align:center; overflow:hidden; } UL.profiles.thumbView .profileListThumbnail { text-align:center; clear:both; } UL.profiles.thumbView .thumbnail { min-width:50px; width:auto; height:auto; max-width:200px; margin:0 auto; margin-bottom:.5em; padding:0; display:block; } UL.profiles.thumbView .profileInfo P { font-size:.9em; } UL.profiles.thumbView .username, UL.profiles.thumbView .title, UL.profiles.thumbView .title_long { margin:0.5em 0 0 0; line-height:120%; font-size:1.2em; } UL.profiles.thumbView .description, UL.profiles.thumbView .actions { display:none; } UL.profiles.thumbView LI input { margin:0; } UL.profiles.thumbView .from ABBR { display:none; } UL.profiles.thumbView .from EM { display:none; } UL.profiles.thumbView .actions { display:none; } UL.profiles.thumbView LI .thumbnail OL.actions { position:absolute; display:none; width:100%; height:40px; padding:0; margin:0; margin-top:-60%; float:none; text-align:center; } UL.profiles.thumbView LI:hover .thumbnail OL.actions { display:block; } /* profile listing thumbnail overlays */ UL.profiles.columnView .thumbnail .age, UL.profiles.columnView .thumbnail .force_info, UL.profiles.browse .thumbnail .age, UL.profiles.browse .thumbnail .force_info { font-weight:bold; } /* Featured profiles highlight */ UL.profiles.columnView > LI.isFeatured .thumbnail, UL.profiles.browse > LI.isFeatured .thumbnail, UL.profiles.thumbView > LI.isFeatured .thumbnail { background-color:#fff5c6; border-color:#f3d873; } /* toggle view */ .toggleView { text-align:right; padding-bottom:.75em; } UL.toggleView LI { font-size:.917em; display:inline; } UL.toggleView a { color:#909090; } UL.toggleView a.currentView { color:#111; } UL.toggleView a.toggleColumnView.currentView { background-position:0 -573px; } UL.toggleView a.toggleBrowseView.currentView { background-position:0 -599px; } UL.toggleView a.toggleThumbView.currentView { background-position:0 -677px; } UL.thumbView .title_long, UL.columnView .title_long, UL.browse .title, UL.columnView .description, UL.thumbView .description { display:none; } /* Account lists */ .my-lists { display:block; } .my-lists DL { margin:0; padding:0; } .my-lists DD { margin:0; padding:0; } .my-lists .list-container { clear:both; } .my-lists .list-container:not(#my-updates-data).scroller { max-height:34em; overflow-y:auto; } .my-lists .list-container#my-updates-data.scroller { max-height:20em; overflow-y:auto; } .my-lists H4 { margin-top:1em; clear:both; } .my-lists H5 { margin:0; margin-top:.5em; padding:0.3em 0; clear:both; font-weight:normal; border-bottom:1px solid #e0e0e0; line-height:140%; } .my-lists H5 A { float:left; display:inline-block; margin-right:1em; } .my-lists H5 .desc { font-size:0.7em; display:inline-block;} .my-lists .lists-select-options { font-size:0.8em; display:block; clear:both; } .my-lists .users-list { list-style-type:none; margin:0; padding:0; clear:both; } .my-lists .users-list LI { display:block; margin:0.1em 0; padding:0.2em 0; border-bottom:1px solid #e0e0e0; float:left; width:50%; height:3.5em; clear:none; overflow:hidden; } .my-lists .users-list LI:first-child { clear:both; } .my-lists .users-list LI .thumbnail { float:left; display:inline-block; max-width:3em; max-height:3em; width:15%; } .my-lists .users-list LI .thumbnail IMG { display:block; max-width:100%; max-height:100%; } .my-lists .users-list LI .profile { float:right; padding:0 2%; width:85%; } .my-lists .users-list LI .profile .username { margin:0; padding:0; } .my-lists .users-list LI .profile .username STRONG { display:inline-block; padding-right:.5em; } .my-lists .users-list LI .profile SPAN { font-size:0.75em; padding-right:.5em; } .my-lists .users-list LI .profile .remove_checkbox { float:right; padding:0; } .my-lists .users-list LI .profile .owner-media-count { float:right; } .my-lists .users-list LI .profile .datetime { float:right; } .my-lists .users-list LI .profile .profile-info { padding:0; margin:0; line-height:100%; max-height:1em; } .my-lists .users-list LI .profile .city { } .my-lists .users-list LI.tail { width:100%; height:2.5em; padding-top:0.5em; border:none; } .my-lists .users-list LI#loader{ width:100%; height:2.5em; border:none; } .my-lists .users-list LI .list-actions { display:none; position:relative; top:-1.5em; } .my-lists .users-list LI:hover .list-actions { display:inline-block; } .my-lists .users-list OL.actions { clear:both; } .my-lists .users-list OL.actions LI { font-size:.7em; display:block; width:auto; float:left; white-space:nowrap; overflow:hidden; border-radius:5px; padding:0; margin-right:.4em; text-align:center; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.2);} .my-lists .users-list OL.actions LI:hover { border-color:rgba(0,0,0,0.5);} .my-lists .users-list OL.actions LI A { width:32px; height:32px; padding:1px; color:#909090; margin:0 auto; overflow:hidden; display:block; } .my-lists .users-list OL.actions LI A:hover { color:#00c; } .my-lists .users-list OL.actions LI A EM { color:#fff; background:#000; position:absolute; font-style:normal; display:inline-block; padding:0px; font-size:10px; margin-top:-14px; margin-left:-4px; opacity:.3; } .my-lists .users-list OL.actions LI A ABBR { border:0; height:32px; width:32px; overflow:hidden; } .my-lists .users-list OL.actions LI A SPAN { display:block; font-size:.8em;} .my-lists #list_Friends-Requests > LI { width:100%; height:auto; position:relative; } .my-lists #list_Friends-Requests > LI .profile { float:left; padding:0 1%; width:91%; } .my-lists #list_Friends-Requests > LI .profile > span { display:block; padding: 5px 0; max-width:80%; } .my-lists #list_Friends-Requests > LI .list-actions { position:absolute; right:0; top:0; width:80px;} .my-lists #list_Friends-Requests > LI .list-actions li { clear:none; } /* photo gallery */ UL.photos LI { margin:0 1.75em 1.5em 0; } /* Live members online overlay */ .onlineOverlay { display: block; position:absolute; bottom:4px; right:0; padding: 5px 4px 4px 20px; background:#222 url("/ifc/onlineOverlay.png") 5px center no-repeat; background-color:rgba(0,0,0,.5); line-height:1; color: #fff; text-align: right; text-shadow: 1px 1px #000; border-radius: 3px 0 0 3px; } #liveShowMembers { margin-top: 4em; } #liveShowMembers UL.profiles.short LI .thumbnail { min-width:50px; max-width:auto; width:auto; height:150px; max-height:150px; overflow:hidden; position:relative; margin:auto; } #liveShowMembers UL.profiles.short LI .thumbnail IMG { height:100%; max-height:100%; width:auto; } #liveShowMembers UL.profiles .title, #liveShowMembers UL.profiles .title_long, #liveShowMembers UL.profiles .username { text-align: center; } #liveShowMembersFooter h4 { color: inherit; } .imgWrapper { display:block; width:100%; height:100%; overflow:hidden; position:relative; } /* thumbs on inbox */ .teaserMembers UL.profiles.short LI { width: 19%; } /* Thumnail Privacy Overlays (1.Members only & 2.PremiumPlus Members only) */ .imgProtection { display:block; width:100%; height:100%; background-color:#000; background:rgba(0,0,0,0.95); } .imgProtection IMG { opacity:.1; margin-bottom:50%; } .imgProtection ABBR { display:block; font-size:140%; line-height:0%; padding-bottom:50%; margin-top:-100%; white-space:nowrap; text-align:center; color:#fff; color:rgba(255,255,255,0.6); text-shadow:1px 1px 1px #000;} .thumbnailPrivacy { display:table; width:100%; height:100%; padding:0; margin:0; color:#fff; text-align:center; background-color:#000; background-color:rgba(0,0,0,0.8); margin-top:-50%; z-index:99; opacity:0.95; } .thumbnailPremiumPlus { background-color:rgba(0,0,0,0.8); width:inherit; height:inherit; min-width:100px; min-height:100px; position:absolute; cursor:pointer; } .thumbnailLink {width:inherit; height:inherit;} /* Request a Photo Layer -------------------------------------------------------------- */ .reqPhoto { display:block; position:absolute; width:90%; margin:40% 5%; padding:.8em 0; max-width:inherit; color:#444; font-size:0.9em; line-height:120%; font-weight:bold; text-decoration:none; text-align:center; background:#fff; background:rgba(255,255,255,.9); border-radius:5px; box-shadow:0px 1px 3px rgba(0,0,0,.2); } #media-gallery .reqPhoto { width:80%; margin:30% 10%; padding:1em 0; font-size:1.5em; } .reqPhoto:hover {color:#ff6c00;} .thumbView .reqPhoto { width:85%; } .columnView .reqPhoto { /* width:36%; margin:10% 1%; */ } .isrequested, .isrequested:hover, .reqPhoto:focus { color:#aaa; text-decoration:none;} /* Avatar Options overlay */ .thumbnail .avatar-options { display:block; position:absolute; padding:0; width:inherit; height:inherit; overflow:hidden; } .thumbnail .avatar-options UL { visibility:hidden; } .thumbnail .avatar-options .options-title { display:block; padding:.5em 1em; margin:0; background:#fff; opacity:.8; margin:2px; position:absolute; font-size:1.2em; } .thumbnail .avatar-options UL { margin:0; padding:0; list-style-type:none; background:#fff; border-top:1px solid #ccc; margin:2px; opacity:.95; } .thumbnail .avatar-options UL LI { margin:0; padding:0; border-bottom:1px solid #ccc; } .thumbnail .avatar-options UL LI A { display:block; margin:0; padding:.4em .8em; text-align:left; } .thumbnail .avatar-options UL LI A ABBR { display:none; } .thumbnail .avatar-options UL LI A SPAN { font-size:1.2em; padding:.3em .2em; display:block;} .thumbnail:hover .avatar-options UL { visibility:visible; } .thumbnail:hover .avatar-options .options-title { display:none; } /* pagination */ #moreResults { font-size:1.4em; text-align:center; margin:3em 0; } /* overlay dialogs */ #dialogContainer { background:rgba(0,0,0,.6); display:none; padding:20px 0; overflow:auto; align-items:center; justify-content:center; width:100%; height:100%; position:fixed; top:0; left:0; z-index:2000; perspective:1300px; } #dialogContainer .dialogContent { text-align:left; background:#fff; color:#444; width:70%; min-width:10em; max-width: 60em; height:auto; margin:auto; padding: 2em 2em 2em 4em; z-index:2100; box-shadow:0 0 2em #000; } #dialogContainer .dialogContent .content { max-height:100%; height:100%; overflow:auto; } #dialogContainer .dialogContent .content H5 { font-style: normal; font-weight: normal; font-size: 3em; margin: 0; margin-bottom: .5em; padding: .1em 0; text-align: center; letter-spacing: -0.03em; line-height: 120%; } #dialogContainer .dialogContent .content P { margin: 0; margin-bottom:1em; font-size: 1.5em; } #dialogContainer .dialogContent .content UL { margin: 0 2em; font-size: 1.5em; } #dialogContainer .dialogContent .content UL LI { margin-bottom:.5em } #dialogContainer .dialogContent .content BUTTON { padding: .7em 1.5em; font-size: 1.2em; margin: .75em; } #dialogContainer .dialogContent .content BLOCKQUOTE { font-size:1em; } #dialogContainer .dialogContent .content .buttons { margin:0 auto; text-align: center; } .dark-theme #dialogContainer .dialogContent { background-color:#111; color:#ccc; border-color:#333; } #dialogContainer .dialogContent .dialogClose { background:url(/ifc/sprites-ifc-flat-on-light.png) -768px 0 no-repeat; cursor:pointer; z-index:2101; height:32px;width:32px; margin:0; margin-left:100%; position:relative; right:0; top:-32px; margin-bottom:-32px; } #dialogContainer .dialogContent .dialogClose:hover { opacity:1; } #dialogContainer .content FORM LABEL { color:#444; } #dialogContainer .content .formBody .row { padding:.5em 0; } #dialogContainer .content .highlighted { font-size:1.2em; } /* send flirt */ #dialogContainer .content .inputBox { width:98%; } #dialogContainer .content .infoMessage {font-size:1.6em;} /* =aside -------------------------------------------------------------- */ /* progress bar */ .progressBar { font-size:16px; display:block; clear:both; overflow:hidden; } .progressBar .progressTodo { background:#f4f4f4; width:75%; padding:1px; float:left; border:1px solid #e0e0e0; overflow:hidden; } .progressBar .progressDone { background:#c0d0e0; width:1%; height:18px; float:left; border-right:2px solid rgba(0,0,0,.07); } .progressBar span { display:block; padding:0 5px; float:left; } #aside .box { margin-bottom:2em; } #aside .box H3, #aside .box H4, #aside .box H5 { margin-bottom:.5em; } #aside .box H3, #aside .box H4 { font-weight:normal; font-size:2em; padding:.3em 0; border-bottom:1px solid #e0e0e0; } #aside .box H4 { font-size:1.7em; clear:both; } #aside .box H5 { color:#333; font-size:1.5em; font-weight:normal; border-bottom:1px solid #d0d0d0; } #aside .box P { margin-bottom:1em; } #aside .profileProgress P { font-size:1.4em; margin-bottom:1em; } #aside .box.outerCS img { float:right; margin:2px; } #aside .outerCS p#support-chat-button { display:inline-block; line-height:115%; text-align:center; margin: 0; } #aside .outerCS #support-chat p#support-chat-button span#img-link a{ display:inline-block; border-radius: 10px; background-color: #e0d5e8; background-image: -webkit-linear-gradient(bottom, #d2bce2, #e0d5e8); background-image: -o-linear-gradient(bottom, #d2bce2, #e0d5e8); background-image: linear-gradient(to top, #d2bce2, #e0d5e8); color:#222; font-size:1.5em; padding:.5em 1.5em; font-weight:bold; line-height:125%; text-shadow: 0 1px 0 rgba(255,255,255,.5); } /* shout box */ #shoutsContainer FORM { margin-bottom:1em; } #shoutsContainer #signupCharCounter { font:italic 1.3em "Georgia", "Times New Roman", serif; } #shoutsContainer #shout { width:100%; margin-bottom:.5em; resize:vertical; } #shoutsContainer .shoutHelp { font-size:1.2em; width:20px; text-indent:-500px; } #shoutsContainer .shouts > LI, #shoutsContainer .shouts > .group LI { padding:.5em; } #shoutsContainer .shouts LI:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #shoutsContainer .shouts .thumbnail { display:block; width:20%; max-width:75px; height:100%; padding:.25%; float:left; margin-right:4%; } #shoutsContainer .shouts .thumbnail IMG { width:100%; height:auto; } #shoutsContainer .shouts .username { font-size:1.3em; margin-bottom:.25em; margin-right:.5em; } #shoutsContainer .shouts .shoutText { display:block; font:italic 1em "Georgia", "Times New Roman", serif; word-wrap:break-word; margin-bottom:0; } #shoutsContainer .shouts .shoutInfo { color:#000; background:#fff; background:rgba(255,255,255,.9); display:none; width:12em; margin-left:-10.75em; padding:.5em; position:absolute; box-shadow:0 0 .5em #333; z-index:1; } #shoutsContainer .shouts .shoutInfo A.btn-s { padding:0; margin:0.1em; float:left; display:inline-block; } #shoutsContainer .shouts .shoutInfo A.btn-s .ifc { padding:0; margin:0.3em; float:none; } #shoutsContainer .shouts LI:hover .shoutInfo { display:block; } #shoutsContainer .shouts .datetime { margin-bottom:.25em; } #shoutsContainer .shouts .shoutInfo .username { font-size:1.2em; font-weight:normal; margin:.75em 0 .3em 0; } #shoutsContainer #shoutHelp { background:rgba(0,0,0,.05); padding:1em; margin:1em 0; } /* search */ #c-search .row.buttons { font-size:1.3em; padding-top: 1em; margin-top: 1em; border-top: 1px solid rgba(0,0,0,.1); } #searchByUsername { margin-bottom:1.5em; } #searchByUsername FORM.search LABEL { display:block; } #searchByUsername FORM.search INPUT { width:70%; } aside #searchByUsername #search_username { width:73%; padding:.4em .1em; margin:0; } aside #searchByUsername #js_find_button_username { width:auto; padding:.2em auto; margin:0; font-size:1.3em; } #usernamePanel #search_username { width:50%; padding:.5em .3em; } .outerSearch UL { margin:0; padding:0; width:100%; font-size:1em; } .outerSearch LI { padding:.3em .5em; white-space:nowrap; } .outerSearch LABEL { white-space:nowrap; width:35%; display:inline-block; text-align:right;} .outerSearch .ageFromTo LABEL { width:auto; } .outerSearch .ageFromTo LABEL.ageFrom { width:35%; } .outerSearch SELECT.age { width:auto; } .outerSearch SELECT, .outerSearch INPUT[type="text"] { width:auto; padding:.2em .1em; max-width:63%; } .outerSearch SELECT { padding-right:1px; } .outerSearch INPUT[name="zip"] { width:auto; padding:.3em .2em;} .outerSearch SELECT[name="distance"] { width:auto; } .outerSearch .onlyPhoto { text-align:center; padding:.2em 0;} .outerSearch .onlyPhoto LABEL { text-align:center; width:auto; } .outerSearch .buttons { text-align:center; margin-top:0; padding:.5em 0; } .tips { color:#606060; font-size:.9em; line-height:120%; background:#ffffe6; margin:1em 0; padding:.5em 1em; clear:both; border:1px solid #e0e0c0; border-radius:.5em; } .tips H6 { font-size:1.3em; margin:0; margin-bottom:.5em; } .tips P { line-height:normal; margin:0; padding:.2em 0 0; } .dark-theme .tips { color:#ccc; background-color:#222; border-color:#444; } .dark-theme .tips H6 { color:#fff; } /* ads */ /* Textual Ads ----------------------------------------------------------- */ .hpTxtPromo { font-size:1em; padding:.5em .5em; border:1px solid #999; border:1px solid rgba(120,120,120,.4); white-space:nowrap; overflow:hidden; border-radius:3px; box-shadow:2px 2px 0 rgba(0,0,0,.05); } #text-ads { margin-bottom:.5em; } #text-ads UL { list-style-type:none; margin:0; padding:0; display:block; } #text-ads LI { border-left:1px solid #787878; border-left:1px solid rgba(120,120,120,.4); text-align:center; padding:.3em .33%; margin:0; display:inline-block; width:33%; } #text-ads LI:first-child { border-left:none; } #text-ads STRONG, #text-ads A { white-space:nowrap; } #our-friends, #our-friends LI { margin:0; padding:0; list-style-type:none; } #our-friends { margin-bottom:1.5em; clear:both; } #our-friends DT { padding:0; margin:0; margin-bottom:.25em; } #our-friends LI { float:left; text-align:center; width:33%; } #our-friends LI A { color:#333; font-size:.92em; display:block; padding:.6em 0 .6em 0; overflow:hidden; } #our-friends LI A:hover { text-decoration:none; } #our-friends LI A H5 { color:#0775BB; font-size:1.05em; line-height:normal; margin:0; padding:0; margin-bottom:.35em; } #our-friends LI A P { line-height:135%; text-decoration:none; margin-bottom:0; } #our-friends LI A IMG { margin:0 1em .5em 0; } #c-apps #our-friends LI A IMG { float:none; } #c-profile .friendsAddText {clear:both;} /* =home -------------------------------------------------------------- */ /* logged in */ .upgradeInfo { margin:1em 0 0 0; padding:1em 1em 1em 1.5em; background:#FDF9E5; border:1px solid rgba(0,0,0,.15); border-radius:.4em; overflow:hidden; box-shadow:2px 2px 0 rgba(0,0,0,.04); } .upgradeInfo .upgradeTitle { float:left; max-width:70%; font-size:1.5em; padding:0; } .upgradeInfo .upgradeButton { display:inline-block; width:27%; float:right; padding:.5em 0; font-size:1.2em; } .upgradeInfo .upgradeButton a { white-space:normal; display:block; width:100%; text-align:center; padding: .4em 1em; } .newMembers, .featuredMembers, .suggestedMembers { margin-bottom:1.5em; padding-bottom:1.5em; position:relative; *min-height:200px; } .newMembers .profileInfo P, .featuredMembers .profileInfo P, .suggestedMembers .profileInfo P { display:none; } /* .newMembers UL.short li, .featuredMembers UL.short li, .suggestedMembers UL.short li { margin:0; width:31%; margin-right:.67%; } .newMembers UL.short LI:last-child, .featuredMembers UL.short LI:last-child, .suggestedMembers UL.short LI:last-child { margin:0; } .newMembers UL.short LI:first-child, .featuredMembers UL.short LI:first-child, .suggestedMembers UL.short LI:first-child { margin-left:0; } */ .viewMore { position:absolute; right:0; top:0; padding-top:0.5em; } .viewMore A { font-size:1.2em; border:1px solid #ccc; } /* Home Featured Memeber Box */ .featuredMember .username { margin-bottom:.5em; font-weight:bold; } .featuredMember .memberAge { opacity:.5; } .featuredMember .genderName { font-weight:bold; } .featuredMember .thumbnail { width:30%; max-width:100px; float:left; margin-bottom:1em; } .featuredMember .thumbnail IMG { width:100%; height:auto; display:block; } .featuredMember .memberInfo { display:block; width:60%; float:right; } .featuredMember .memberInfo .memberLocation .ifc { float:left; } .featuredMember .memberInfo .description { font-size:1.1em; line-height:120%; clear:both; } .featuredMember .profileTitle { font:italic 1.4em "Georgia", "Times New Roman", serif; margin-bottom:.5em; clear:both; } .featuredMember .becomeFeatured { clear:both; font-size:1.2em; text-align:center; } .featuredSeal, .featuredSealSmall { position:relative; z-index:2; opacity:.9;} .featuredSeal SPAN, .featuredSealSmall SPAN { position:absolute; right:1em; top:16em; width:auto; max-width:100px; padding:3px; color:#000; text-align:center; line-height:11px; font-weight:bold; text-transform:uppercase; background:#EBC751; background:linear-gradient(to bottom, #fce36d 0%,#dbaf38 100%); border:1px solid #d3a128; border-radius:3px; text-shadow:1px 1px 0 rgba(255,255,255,.4); box-shadow:2px 2px 0 rgba(0,0,0,.1);} .featuredSealSmall SPAN {top:6.5em; right:0;} #c-profile #featuredMemberOuter .featuredProfile .thumbnailLink { display:block; max-width:100%; text-align:center; } #c-profile #featuredMemberOuter .featuredProfile .thumbnailLink IMG { display:block; max-width:100%; margin:0 auto; } .featuredProfile.big IMG { width:200px; height:200px; } .featuredTip { text-align:center; } .featuredHint A, .featuredHint A:hover { text-decoration:none; color:#000; } .featuredHint A:hover SPAN { display:block; } .featuredTeaser { background-color:#FF8000; background-image:linear-gradient(transparent 70%, rgba(0,0,0,.05) 100%); height:100%; overflow:hidden; padding:25% 1%; padding-top:50%; margin-top:-25%; } .featuredTeaser A SPAN { font-weight:bold; font-size:larger; color:#fff; text-shadow:1px 1px 0 #000; text-transform:uppercase; } /* Home Content Search Box */ .searchBox .search { margin-bottom:1em; } /* Home bottom boxes, peding friend requests */ .membersUpdates, .membersVisits, .membersPendingRequests { width:32%; margin-right:1%; float:left; } .boxed UL, .boxed UL LI { margin:0; list-style-type:none; } .boxed {padding-bottom:1em;} .boxed UL LI { padding:.25em 0; } .boxed .datetime { float:right; } .boxed UL > LI OL.actions { height:0; transition:height .2s ease; } .boxed UL > LI:hover OL.actions { visibility:visible; height:4.7em; border-radius:3px; z-index:1;} .boxed OL.actions { background:#fff; padding:.5em; visibility:hidden; position:absolute; box-shadow:#333 0 0 .5em; margin-left:35px; margin-top:-5px; } .dark-theme .boxed OL.actions { background:#000; border:1px solid rgba(255,255,255,.5); box-shadow:0 0 6px rgba(255,255,255,.5)} .boxed OL.actions LI { padding:.25em; display:inline-block; } .boxed OL.actions LI a:hover .ifc {opacity:1;} .boxed .acceptLink a, .boxed .rejectLink a {display:inline-block; color:#fff; font-size:1.25em; padding:0 1.4em 0 .5em; transition:padding .1s ease; font-weight:bold; text-shadow:1px 1px 0 rgba(0,0,0,.4); text-decoration:none; border:2px solid transparent; background-image:linear-gradient(transparent,rgba(0,0,0,.2)); border-radius:3px; box-shadow:2px 2px 0 rgba(0,0,0,.1);} .boxed .acceptLink a {margin-left:1em; background-color:#AEC562; } .boxed .rejectLink a {background-color:#ED5656;} .boxed .acceptLink a:hover { border-color:#6A810E; } .boxed .rejectLink a:hover { border-color:#932B2B; } /* home page seo links */ #browse-links { margin:1em 0 2em; padding:.75em .75em .5em; } #browse-links h5 { margin-bottom:1em; } .browse-links { margin:0; overflow:hidden; } .browse-links LI { text-align:center; display:block; width:24.9%; padding:.25em 0; float:left; border-right:none; } .browse-links LI a { color:#0775BB; } #c-Home .browse-links LI { width:24.8%; overflow:hidden; white-space:nowrap;} #c-Home .browse-links LI:nth-child(4n) { border-width:0;} .regGeoLocationContainer #form_signup_city_name { width: 100%; } /** co-regs **/ #registerMultiStepContainer #form_signup_cross_regs_sponsors { width: 100%; display: block; clear: both; } #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors input { display: inline; width: auto; height: auto; } #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors label { font-size: 0.95em; font-weight: normal; margin-bottom: 0.5em; float: none; } #registerMultiStepContainer FORM LEGEND { width: 100%; margin: 0.5em 0 0.25em; } #registerMultiStepContainer FORM .text { display:inline; } @media screen and (max-width:700px) { } @media screen and (max-width:480px) { #c-Home .browse-links LI { width:100%; }} /* =profile -------------------------------------------------------------- */ A.inline-edit { padding:.1em; float:right; text-align:center; font-size:.7em; } A.inline-edit SPAN { position:absolute; width:36px; text-align:center; color:#fff; color:rgba(255,255,255,0.6); display:none; text-decoration:none;} A.inline-edit:hover SPAN { display:block; } #c-profile .profileInfo, #c-profile-photos .profileInfo { padding-top:0; } #c-profile #profile-submenu { margin-bottom:1em; } .userProfileDisplay { overflow:hidden; } .userProfileDisplay A.inline-edit { margin-top:-0.6em; } .userProfileDisplay .profileInfo { display:block; width:100%; clear:both; } .userProfileDisplay .profileInfo .description { font-size:1.4em; margin:1em 2em; } .userProfileDisplay .profileInfo h4 { padding:.3em .1em; margin:1.25em 0 .5em; border-bottom:2px solid #777; border-bottom:2px solid rgba(0,0,0,0.5); } .userProfileDisplay .profileInfo .lastVisit { color:#888; font-size:1.2em; } .userProfileDisplay .sidebar { min-width:22em; clear:both; } .userProfileDisplay .sidebar .thumbnail { width:200px; height:200px; margin:0 auto 0; padding: 0; } .userProfileDisplay .sidebar .thumbnail IMG { width:100%; height:100%; } .userProfileDisplay .sidebar h1 { font-size:2.6em; text-align:center; } .userProfileDisplay .sidebar #user-basic-info { margin-bottom:0; padding-top:.5em; border:0 solid #e0e0e0; } .userProfileDisplay .sidebar .profile-brief { display:block; } .userProfileDisplay .sidebar .thumbnail { margin:0 auto 1em; } .userProfileDisplay .sidebar .location { font-size:1.1em; line-height:150%; text-align:center; margin:0 auto; padding:.5em 0;} .userProfileDisplay .sidebar .location CITE { font-style:normal; display:inline-block; font-weight:bold; } .userProfileDisplay .sidebar .other-actions { clear:both; text-align:center; margin:0; } .userProfileDisplay .sidebar .other-actions H4 { font-size:1.4em; margin-bottom:.5em; } .userProfileDisplay .photos-actions { display:block; margin:.3em 0; padding:.3em 0; text-align:center; font-size:1em; } .userProfileDisplay .photos-actions A { display:block; margin:.2em 0; padding:.2em 0; } .userProfileDisplay .location-from { display:block; } .profileData TBODY TH, .profileData TBODY TD { font-size:1em; text-align:left; padding:.5em .25em; border-bottom:1px solid #ddd; border-bottom:1px solid rgba(0,0,0,0.05); } .profileData TBODY TR:hover { background-color:rgba(0,0,0,0.05); } .profileData TBODY TH { width:25%; padding-right:.75em; font-weight:normal; text-align:right; color:rgba(0,0,0,0.5);} #meta-time { font-size:1.1em; text-align:center; } #meta-time .lastVisit, #meta-time .onlineStatus { padding:.5em 0; } .userProfileDisplay #meta-time { margin:0; } .userProfileDisplay .chat-teaser { margin:.5em 0; padding:.5em; font-size:1.5em; text-align:center; border:1px solid #777; border:1px solid rgba(0,0,0,0.2); border-radius:.5em;} .profile_actions { border-color:#e0e0e0; } .userProfileDisplay .sidebar .profile_actions { padding-top:1.5em; } .memberTools { margin:0; list-style-type:none; } .memberTools LI.admin { padding:0; border-color:red;} .memberTools LI.admin A { color:red;} .memberTools LI { float:left; display:block; width:31%; margin:0; margin-right:1%; padding:0; margin-bottom:.3em; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); background-color:rgba(255,255,255,0.5); border:1px solid #aaa; border:1px solid rgba(0,0,0,0.2); border-radius:.5em; overflow:hidden; } .memberTools LI A { display:block; text-align:center; text-decoration:none; padding:1em auto; } .memberTools LI A ABBR { display:block; margin:.5em auto; } .memberTools LI A SPAN { display:block; margin:.5em auto; padding:.5em auto; font-size:.75em; line-height:120%; } .memberTools LI.own { float:none; width:auto; margin:.1em 0; text-align:left;} .memberTools LI.own A { text-align:left; padding:.2em 1em; } .memberTools LI.own ABBR { display:inline-block; } .memberTools LI.own SPAN { display:inline-block; font-size:.9em; } .memberTools LI.admin { background-color:#f00; color:#fff; } .memberTools LI.admin A { color:#fff; display:block; padding:.5em; text-align:center; } #requestFormComment { padding:15px 0; text-align:left; } .media-menu { text-align:center; } .media-menu UL { margin:0; padding:0; list-style-type:none; } .media-menu UL LI { margin:0; padding:0; } .media-menu UL LI A { padding:.25em 1em; display:block; } .media-menu UL LI A SPAN { margin-left:.25em; font-size:1.2em; } .photoTeaser, .photoTeaser LI { margin:0; padding:0; list-style-type:none; overflow:hidden; } .photoTeaser { margin:1% 0; } .photoTeaser LI { width:19%; max-width:200px; height:auto; max-height:200px; padding:0; margin:0; margin-right:1%; display:block; float:left; overflow:hidden; background:#fff; text-align:center; position:relative; } .photoTeaser LI IMG { width:100%; margin:0; display:block; } .photoTeaser LI.add-more-photos { max-height:auto; } .photoTeaser LI.add-more-photos ABBR { display:block; margin:1em auto; padding:.5em auto; } .photoTeaser LI.add-more-photos SPAN { display:block; margin:.5em auto; padding:.5em auto; font-size:.9em; } LI .premium-only { position:absolute; width:100%; height:100%; z-index:2; cursor:pointer; } LI .premium-only span { text-align:center; display:block; height:70%; padding-top:30%; vertical-align:middle; color:#ccc; } /* Experiment */ /* .photoTeaser { height:300px; overflow:visible; } .photoTeaser LI { width:200px; z-index:11; position:relative; transform:rotate(7deg); -webkit-transform:rotate(3deg); margin-left:20px; margin-right:-90px; } .photoTeaser LI { border:1px solid #ccc; background:#fff; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.3); } .photoTeaser LI:nth-child(1) { -webkit-transform:rotate(-7deg)} .photoTeaser LI:nth-child(2) { -webkit-transform:rotate(7deg)} .photoTeaser LI:nth-child(3) { -webkit-transform:rotate(-4deg)} .photoTeaser LI:nth-child(4) { -webkit-transform:rotate(10deg)} .photoTeaser LI:hover { z-index:20; } */ .profile-nav { display: block; padding: .5em .2em; background: rgba(255,255,255,.1); } .profile-nav UL { list-style-type: none; padding: 0; margin: 0; text-align:center; } .profile-nav UL LI { display: inline-block; width: 75%; text-align: center; vertical-align: middle; padding:.5em 0; } .profile-nav UL LI:last-child { text-align: right; font-size: 1.3em; width:10%; } .profile-nav UL LI:first-child { text-align: left; font-size: 1.3em; width:10%; } .profile-nav UL LI A { display: inline-block; font-size:1em; } .profile-nav UL LI H1 { margin:0; padding:0; font-size:2.2em; white-space: nowrap; text-overflow: ellipsis; } .profile-nav UL LI:last-child SPAN { display:none; } .profile-nav UL LI:first-child SPAN { display:none; } .primary-actions { margin:0 1em; margin-bottom:2em; } UL.primary-actions LI { display:block; color:#fff; background:#FF8000; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); border:1px outset rgba(0,0,0,.2); margin:0 0 .5em 0; border-radius:.5em; overflow:hidden; } UL.primary-actions LI.offline { background-color:#333; opacity:.75; } .primary-actions LI A { display:block; padding:.25em 0 .25em .75em; border-radius:.5em; color:#fff; font-size:1.5em; text-shadow:0 0 .25em rgba(0,0,0,.5);} .primary-actions LI A .ifc {background-image:url(/ifc/sprites-ifc-flat-on-dark.png); opacity:.85; } .primary-actions LI A ABBR { display:inline-block; padding:.3em auto; margin:0 .5em 0 auto;} .primary-actions LI A SPAN { display:inline-block; max-width:155px; vertical-align:middle; font-size:.8em; line-height:120%; margin:.3em .5em .3em auto; padding:.5em auto; } .primary-actions LI A:hover { text-decoration:none; } .primary-actions LI.admin {background:#29567d; width:200px; border-radius:5px; text-shadow:1px 1px 1px rgba(0,0,0,.2)} .primary-actions LI.admin:hover {background:#326896;} .primary-actions LI.admin a { font-size:13px; height:26px; line-height:26px; font-weight:bold; text-align:center; padding:0;} .userProfileDisplay #send-email { margin-bottom:2em;} .userProfileDisplay #send-email h4 { text-align:right; font-weight:bold; margin:0 1.5em .5em 0; } .userProfileDisplay #send-email .formBody { width:265px; margin:0; } .userProfileDisplay #send-email #send_message_subject, .userProfileDisplay #send-email #send_message_body { width:225px; } .userProfileDisplay #send-email .formBody .row.controls { text-align:right; margin-right:.35em; } /* profile photos */ .userAvatar .avatarActions .ifc { float:left; margin-right:1em; } .userAvatar .avatarPreview .avatar-teaser { float:right; width:70%; font-size:1.5em;} .userAvatar .avatarPreview .thumbnail IMG { width:100%; } .userAvatar .avatarPreview .profile .thumbnail { width:200px; height:200px; } .userAvatar .avatarPreview.not-set .thumbnail { float:left; width:28%; max-width:100px; } .avatar_small { width:auto; } .gallery { max-height: 50em; overflow-y: auto; } /* =search -------------------------------------------------------------- */ #c-search #searchForms { margin-bottom:1.5em; } FORM.search { margin:0; padding:0; } FORM.search:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } FORM.search P { margin-bottom:0; padding:.3em 0; } /* FORM.search LABEL.fixed { display:block; width:15em; float:left; } */ FORM.search INPUT.short { width:8.333em; } FORM.search .age { width:3.571em; } FORM.search .zip { width:5.833em; } FORM.search UL, FORM.search UL LI { margin:0; list-style-type:none; } FORM.search ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } FORM.search UL LI { width:33%; margin-bottom:.5em; float:left; } .actions { text-align:right; margin:5px 0; overflow:hidden;} .advSearchOptions { padding:0.3em 0; clear:both; font-size:1.2em; } .advSearchOptions SELECT { width:auto; font-size:1.2em; padding:.3em 0 .3em .5em; } /* .advSearchOptions SELECT OPTION { padding:.2em .5em; } makes select fields bigger then default */ .advSearchOptions SELECT OPTION.selected { background-color:#ffc; } .advSearchOptions LABEL { padding-right:1em; } /* search by username */ /* =account -------------------------------------------------------------- */ UL.submenu, UL.submenu LI { margin:0; list-style-type:none; } UL.submenu { margin-bottom:1.5em; padding-left:1em; background:url(/ifc/bg-submenu.png) bottom center no-repeat; } UL.submenu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } UL.submenu LI { float:left; } UL.submenu LI a { color:#777; display:block; padding:4px 15px; border:1px solid transparent; border-bottom:none; } UL.submenu LI a:hover { color:#111; text-decoration:none; background:#fcfcfc; border:1px solid #e0e0e0; border-bottom:0; } UL.submenu LI.selected { background:#fff; border:1px solid #a0a0a0; border-bottom:1px solid #fff; } UL.submenu LI.selected a { color:#333; font-weight:bold; border:none; } UL.submenu LI.selected a:hover { color:#111; background:#fff; border:none; } .layoutAccount #data form:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .layoutAccount #data UL.browse .myProfile { float:right; width:45em; } .layoutAccount #data .hpad { color:#999; font-style:italic; margin-bottom:1.5em; overflow:hidden; } .layoutAccount #data .section .icon { font-size:.75em; float:right; } .layoutAccount #data .noResults { padding:0 .75em; } .layoutAccount #data .loaded, .layoutAccount #data .loaded { margin:0 .9em 1.5em; } .layoutAccount #data { clear:both; } .layoutAccount UL.tabset { margin-bottom:1em; } #how-others-see-me-data UL.profiles { padding-top:1em; } .previewProfileLink { margin:.5em 0; padding:.5em 0; text-align:right; font-size:1.2em; clear:both; } a.acc { display: inline-block; } /* my-updates */ /* #my-updates-data { background:#fff; } #my-updates-data LI { text-align:left; border:none; border-bottom:1px solid #eee; float:none; display:block; margin:0; padding:0; } #my-updates-data LI.heading { background-color:#e0e0e0; } #my-updates-data LI A { text-align:left; border:none; border-radius:0; display:block; padding:.5em; color:#000; } #my-updates-data LI IMG { max-width:4em; max-height:4em; display:inline-block; vertical-align:middle; } #my-updates-data LI A ABBR { max-width:3em; max-height:3em; display:inline-block; vertical-align:middle; } #my-updates-data LI A SPAN { display:inline-block; vertical-align:middle; margin-left:1em; font-size:1.3em; } #my-updates-data LI P { text-align:center; padding:0.5em auto; margin:0; display:block } #my-updates-data LI P A { display:inline-block; margin:0; padding:0.3em; } #my-updates-data LI.new-update { background-color:#FFECC5; } #my-updates-data LI.heading { margin-top:29.9em; position:relative; width:22em; } #my-updates-data LI.heading a, #welcome .profileLinks LI#my-updates OL LI.tail a { text-align:center; } #my-updates-data LI.tail { display:none; } #my-updates-data .datetime { float:right; padding:.5em; } */ #my-updates-data LI { text-align:left; border:none; border-bottom:1px solid #eee; display:block; margin:0; padding:0; } #my-updates-data LI A { text-align:left; border:none; border-radius:0; display:block; padding:.5em; color:#666; } .dark-theme #my-updates-data LI A { color:#ddd; } #my-updates-data LI A STRONG { font-size:1.1em; color:#0775BB; } #my-updates-data LI IMG { max-width:3em; max-height:3em; display:inline-block; vertical-align:middle; } #my-updates-data LI A SPAN { display:inline-block; vertical-align:middle; margin-left:1em; width:80%; font-size:0.9em; } #my-updates-data LI.new-update { background-color:#FFFF99; } #my-updates-data LI.new-update A { color:#000; } #my-updates-data LI.tail { width:100%; border:none; } #my-updates-data LI#loader { width:100%; } /* subscription status */ #subscription-status-data #formUpgrade legend { padding-left:1em; } #subscription-status-data #formUpgrade legend span { display:none; } #subscription-status-data #formUpgrade .billingInfo .cardInfo { width:68.5%; } #subscription-status-data #formUpgrade .billingInfo .row { width:58%; } #subscription-status-data #formUpgrade .billingInfo .cvvInfo { width:21%; } #cc-form-data #formUpgrade .billingInfo .row { width:58%; } /* photos */ #public-photos-progress { margin-top:1.5em; } #public-photos-progress p { color:#888; font-size:1.1em; margin:.25em 0 0 .5em; } #add-a-photo-pics { width:585px; } .add-a-photo-pic { width:146px; height:126px; float:left; } #add-a-photo-pic01 { background:url(/ifc/addaphoto-01.png); } #add-a-photo-pic02 { background:url(/ifc/addaphoto-02.png); } #add-a-photo-pic03 { background:url(/ifc/addaphoto-03.png); } #add-a-photo-pic04 { background:url(/ifc/addaphoto-04.png); } .add-a-photo-text { text-align:center; width:146px; height:45px; float:left; } /* account edit */ dt.details-topic { text-indent:1em; padding-top:.5em; border:1px solid #e0e0e0; border-width:1px 1px 0; } dd.details-desc { margin:0 0 1em 0; padding-bottom:.5em; border:1px solid #e0e0e0; border-width:0 1px 1px; overflow:auto; } dd.details-desc div { display:block; padding:0 0 0 2.5em; } /* account activate */ div.accountActivateFormBody div.formBody { background:none repeat scroll 0 0 transparent; border:0 none; width:auto; } div.accountActivateFormBody form.inputForm { float:left; } /* polls -------------------------------------------------------------- */ #c-polls .full #content { padding:1.5%; } #poll-container { width:90%; margin:auto; padding:3.5em 0; } #poll-title { font-size:3.2em; } #poll-description p { margin:0; font-size:1.7em; } #poll-description em { font-size:.8em;} #poll-container .formBody .row.radiofieldset LABEL { width:auto; margin-right:.7em; } #poll-container .formBody .inputRadio { margin:0 0.3em; } #poll-description { border-bottom:1px solid #DDD; border-color:rgba(0, 0, 0, .15); margin-bottom:2.5em; padding-bottom:1em; } #poll-container fieldset { margin-top:2em; padding-bottom:1.2em; } #poll-container legend { font-weight:bold; } #poll-container .formBody .buttons { text-align:left; padding:.5em 1.5em; } #poll-container .formBody .btnSubmit { font-size:1.5em; padding:.5em 2em; margin:1em 0 2em 0; } #poll-container .label-textarea { margin:.8em 0 .2em 0; font-weight:bold; } /* =faq -------------------------------------------------------------- */ .faqSearch { text-align:center; margin:1em auto; padding:.75em; clear:both; } .faqSearch #q { max-width:50%; } .faqSearch .clearBtn { display: inline-block; cursor: pointer; width: 16px; height: 16px; margin: 0 8px 0 -20px; vertical-align: middle; background: transparent url(/ifc/sprites-ifc-flat-on-light.png) no-repeat -96px -512px} #faqTools { font-size:1.1em; margin-top:-3em; } #faq .section { color:#333; font-size:1.6em; padding:.5em .5em .35em .5em; } #faq .question { font-size:1.2em; font-weight:bold; margin-bottom:1em; padding:0 .6em; } #faq .answer { padding:0 2em 1em 2em; } #faq.showAll .answer.invisible { display: block; } .help-url { display:block; margin-top:10px; } /* 404 page */ .pageNotfound {margin:4em 0;} .pageNotfound_description {font-size:1.7em; width:80%;} .pageNotfound_goback {display:inline-block; font-size:1.5em; margin-bottom:3em;} .pageNotfound_buttons a.m-button {display:inline-block; font-size:1.8em; margin:.5em .5em 0 0;} /***************** Forms *****************/ FORM.normal { margin:0; padding:.5em 0; float:none; width:auto; border:0; } FORM H5 { margin:0; margin-bottom:.5em; padding:5px 10px; border-bottom:1px solid #e0e0e0; background:#f0f0f0; } FORM CITE { color:#808080; display:block; clear:left; float:left; font-style:normal; width:130px; margin-left:-140px; text-align:right; vertical-align:bottom; padding:0; padding-right:10px; } FORM P.required CITE { color:#000000; } A.m-button, FORM INPUT[type=button], FORM BUTTON[type=submit], FORM INPUT[type=submit] { background-color:#ffcc55; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); color:#000000; padding:.5em 1em; font-size:1.2em; min-width:5em; border-radius:.5em; border:1px outset rgba(0,0,0,.2); cursor:pointer; text-decoration:none; } A.moreButton { margin:.5em; padding:.5em 3em; } #lucky_button { margin-left: 1em; } FORM INPUT[type=radio] { background:transparent; vertical-align:baseline; } FORM INPUT[type=checkbox] { font-size:1em; background:transparent; vertical-align:baseline; padding:0; } FORM SELECT { border:1px solid #a0a0b0; } FIELDSET { border:1px solid #e0e0e0; } FIELDSET LEGEND { color:#808080; } FIELDSET.fquote { background:#f0f0f0; font-size:.8em; color:#a0a0b0; } OPTION { margin:0; padding-left:5px; } OPTGROUP { margin-left:0; font-style:normal; } OPTGROUP OPTION { margin-left:15px; } .inputForm .row.radio FIELDSET.tags LABEL { width:33%; } .inputForm .row.checkboxset FIELDSET.tags LABEL { width:33%; } /* forms.css */ .formTitle { color:#000; padding:0; margin:0 auto; } .formTitle .requiredText { float:right; padding:3px 5px; margin:0; font-weight:normal; font-size:1.1em; } .formTitle H5 { clear:none; border:0; font-weight:normal; font-size:1.6em; display:none; } FORM.inputForm { margin:0; padding:0; border:0; text-align:center; } .formBody { background:#f9f9f9; color:#606060; border:1px solid #ddd; clear:both; padding:0; margin:0 auto; overflow:hidden; text-align:left; font-size:1.2em; } .formBody.simple { background:transparent; border:0; width:auto; } .formBody.help { margin:0; } .formBody .row { display:block; clear:both; padding:.5em 1.5em; } .formBody .row.Error { background:#fff0f0; } .formBody .row.Error P { clear:both; color:#ff0000; margin:0; padding:0; padding-bottom:1em; font-size:.9em; } .formBody .row.buttons, .formBody .row.buttonsCenter{ text-align:center; padding:1em; border:0; } .formBody .row.extras { text-align:left; margin:0; padding:.5em; border-top:1px solid #d3d6e9; } .formBody .row.image, .formBody .row.controls { text-align:center; } .formBody .row.radio { text-align:left; } .formBody .row FIELDSET { border:1px solid #d0d0d0; padding:.2em 1em; } .formBody .row FIELDSET FIELDSET{ border:1px solid #d0d0d0; } .formBody .row FIELDSET LABEL { display:block; float:left; text-align:left; } .formBody .row FIELDSET LEGEND { display:block; clear:left; float:none; color:#606060; padding:0 1em; margin-top:1em; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; width:100%; } .formBody .row input[type=checkbox] { vertical-align:middle; *background:transparent; } .formBody .row input[type=radio] { vertical-align:middle; } .formBody IMG { border:0; } .formBody INPUT[type=text], .formBody INPUT[type=password], .formBody INPUT[type=email], .formBody INPUT[type=url], .formBody INPUT[type=tel], .formBody INPUT[type=search], .formBody SELECT, .formBody TEXTAREA { font-family:Arial, Helvetica, Geneve, sans-serif; letter-spacing:normal; border:1px solid #d0d0d0; background:#ffffff; color:#000000; padding:.3em .5em; display:block; width:100%; } .formBody TEXTAREA { line-height:120%; letter-spacing:.05em; } .formBody INPUT[type=text]:hover, .formBody INPUT[type=email]:hover, .formBody INPUT[type=url]:hover, .formBody INPUT[type=password]:hover, .formBody SELECT:hover, .formBody TEXTAREA:hover { background:#ffffee; border:1px solid #6090c0; } .formBody INPUT[type=text]:focus, .formBody INPUT[type=email]:focus, .formBody INPUT[type=url]:focus, .formBody INPUT[type=password]:focus, .formBody SELECT:focus, .formBody TEXTAREA:focus { background:#ffffdd; border:1px solid #003060; } .formBody .inputSelect { width:100%; padding:.3em .5em;} .formBody .inputSelect OPTION { padding:0 .5em; } .formBody .inputSelect OPTGROUP { padding-left:.5em; font-style:normal; } .inputSubmit, .formBody BUTTON[type=submit], .formBody .inputCancel, .formBody .inputButton { background-color:#ffcc55; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); color:#000000; padding:.5em 1em; font-size:1.2em; min-width:5em; border-radius:.5em; border-width:1px; } .formBody .inputCancel { background-color:#c0c0c0; border-color:#909090; } .formBody .inputCheckbox { vertical-align:baseline; clear:left; } .formBody .inputRadio { clear:both; } .formBody .inputRadioIn { clear:both; width:auto; } .formBody .inputRadioIn .inputRadio { clear:left; display:inline; } .accordion .formBody .inputSubmit { *width:12em; } .update-after-submit { display:block; padding:.5em; margin:.5em; text-align:center; } /* Labels */ .formBody LABEL { letter-spacing:normal; *min-width:0; *position:relative; } .formBody .row LABEL { display:block; padding:.1em 0; } .formBody .row LABEL em, .formTitle .requiredText em { font-weight:bold; color:#CF1919; } .formBody .row LABEL.checkbox { padding:0; margin:0; } .formBody .row LABEL.simple { padding:0; margin:0; line-height:120%; } .formBody .row LABEL.nameSpan { display:block; float:none; } .formBody .row.radio LABEL.name, .formBody .row.bbcode LABEL, .formBody .row.html LABEL { display:block; width:auto; text-align:left; } .formBody .row.textarea LABEL, .formBody .row.area LABEL { display:block; float:none; width:auto; text-align:left; } .formBody .row.checkbox LABEL { width:auto; } .formBody .row.radio LABEL, .formBody .row.checkboxset LABEL .formBody .row.radiofieldset LABEL { width:49%; float:left; cursor:pointer; } .formBody .row.checkboxfieldset LABEL { width:auto; float:none; display:block; vertical-align:middle; } .formBody .row .required { color:#000000; } .formBody .row P { padding:0; margin:0; line-height:120%; font-size:1.1em; } .formBody .comment { font-size:.9em; display:block; padding-top:5px; width:100%; color:#909090; } .formBody .section { padding:.5em .8em; font-size:1.3em; font-weight:bold; border:none; background:none; } .formBody .custom { display:block; clear:left; margin:0; padding:0; } .formBody #form_description_state .comment { clear:both; text-align:right;} .formBody .row.buttons .comment { margin:0; } .formBody .row.radio .comment, .formBody .row.radiofieldset .comment, .formBody .row.checkboxfieldset .comment, .formBody .row.bbcode .comment, .formBody .row.html .comment, .formBody .row.controls .comment { clear:left; margin:0; } .formBody .row.checkbox .comment { clear:left; margin:0; padding:0; } .formBody .row.textarea .comment { clear:left; margin:0; width:auto; } .formBody .toolbar { font-size:1em; background:#ffffff; padding:3px; } .formBody .toolbar IMG { cursor:pointer; border:1px solid #ffffff; margin:1px 0; padding:2px; } .formBody .toolbar IMG:hover { border:1px inset #e0e0e0; background:#f0f0f0;} .formBody .toolBtn { font-size:1em; background:#F0F0CC; padding:1px; border:1px outset #F0F0CC; } .formBody .toolbar .resizebox { float:right; } .formBody .commentForm, .formBody .formContainer { clear:both; background:#ffffff; margin:10px 0px; padding:10px; border:1px solid #eFe6bF; } .formBody .commentForm LABEL { display:block; padding-left:5px;} .formBody .formContainer LABEL { display:block; padding-left:5px; padding-bottom:3px;} .formBody .formInstructions { margin:5px; } .formBody .formMoreInfo { float:right; width:170px; margin:10px; font-size:.9em; } .formBody .imgButton { cursor:pointer; } .formBody .datepick .imgButton { vertical-align:middle;} .formBody .datepick INPUT { width:auto; display:inline; } .formBody .datePicker { width:250px; position:absolute; left:0; background:#fff; border:1px solid #a0a0a0; z-index:1;} .formBody .datePicker .datePickerTitle { background:#606060; color:#fff; padding:3px 5px; } .formBody .datePickerCal { background:#f0f0f0; padding:5px; } .formBody .datePicker TABLE { border:1px solid #d0d0d0; background:#e0e0e0; font-size:1em; } .formBody .datePicker TH { background:#e0e0e0; font-weight:normal; color:#808080;} .formBody .datePicker TH.weekend{ background:#f0d0d0; font-weight:normal; color:#908080;} .formBody .datePicker TD { text-align:center; width:14%; background:#f0f0f0; cursor:pointer; } .formBody .datePicker TD:hover { background:#ffff00; color:#000; } .formBody .datePicker TD.empty { background:#d0d0d0; cursor:default;} .formBody .datePicker TD.empty:hover { background:#d0d0d0; } .formBody .datePicker SELECT { width:auto; margin:0; padding:1px; font-size:12px; } .formBody .inputContainer { width:50%; float:left; overflow:auto; } .formBody .inputContainerFull { width:100%; overflow:auto; } .formBody .bbPreviewContainer { width:49%; float:right; height:170px; background:#ffffff; border:1px solid #d0d7e2; } .formBody .bbPreview { overflow:auto; padding:5px; } .formBody .inputContainerFull .inputBBCode { width:100%; } .formBody .fileContent { border:1px solid black; background:#ffffff; margin:5px; padding:10px 5px; text-align:center;} .formBody .fileContent IMG { margin:5px 0px; border:1px solid #e0e0d0; } .formBody HR { border-top:1px solid #d3d6e9; height:1px; } .formBody H5 { background:url(/ifc/tabs_nav_v_bg.png) bottom repeat-x; padding:5px; } .formBody .row .rowOptions { float:right; font-weight:normal; margin-right:5px; display:block; padding-top:5px; } .formBody .row.Error INPUT, .formBody .row.Error SELECT { border:1px solid red; background:#ffffee; } .formHtml { float:left; overflow:hidden; } .formHelp { display:none; opacity:.7; } .formHelp H4, .formHelp H5 { font-size:1.5em; line-height:115%; color:#000; margin:0; padding:.5em 0; padding-top:0; } .formHelp H5 { font-size:1.2em; font-weight:normal; background:transparent; } .formHelp P { color:#606060; font-family:Georgia, "Times New Roman", serif; font-size:1.4em; font-style:italic; line-height:150%; margin:0; padding:.5em 0; } #dialogContainer .formBody { background:transparent; border:0; width:auto; } #dialogContainer .formBody H5 { background:transparent; } .formBody .fancy { padding:.417em .833em; } .formBody .fancy LABEL { display:block; width:auto; clear:both; } .formBody .fancy LABEL:hover { cursor:pointer; } .formBody .fancy.selected { font-weight:bold; background:#ffc; border:1px solid #d0d0d0; border-radius:.5em; } .formBody .fancy INPUT[type=radio] { display:none; } .charsCounter { color:#5485dd; font-family:monospace; } .charlimit { font-size:1.3em;} .charlimit EM { color:#000; font-style:normal; } #report_this_member .formBody { width:400px; } #report_this_member_comment_limit { font-size:1em; } FORM.inline { display:inline; } .formBody .rowInstructions { float:right; font-size:smaller; } ::-webkit-input-placeholder { color:#c0c0c0; } :-moz-placeholder { color:#c0c0c0;} /* Form dark-theme */ .dark-theme .formTitle { color:#fff; } .dark-theme .formBody { background:#222; color:#ccc; border-color:#444; } .dark-theme .formBody .row.Error { background-color:#440000; } .dark-theme .formBody .row.Error P { color:#ffcccc; } .dark-theme .formBody .row.extras { border-top-color:#555; } .dark-theme .formBody .row FIELDSET, .dark-theme .formBody .row FIELDSET FIELDSET { border-color:#666; } .dark-theme .formBody .row FIELDSET LEGEND { color:#ccc; border-color:#666; } .dark-theme .formBody INPUT[type=text], .dark-theme .formBody INPUT[type=password], .dark-theme .formBody INPUT[type=email], .dark-theme .formBody INPUT[type=url], .dark-theme .formBody SELECT, .dark-theme .formBody TEXTAREA { border-color:#555; background-color:#111; color:#ccc; } .dark-theme .formBody INPUT[type=text]:focus, .dark-theme .formBody INPUT[type=email]:focus, .dark-theme .formBody INPUT[type=url]:focus, .dark-theme .formBody INPUT[type=password]:focus, .dark-theme .formBody SELECT:focus, .dark-theme .formBody TEXTAREA:focus { background-color:#000; color:#ccc; border-color:#c0d0f0; box-shadow:0 0 0.5em rgba(255,255,255,.3); } .dark-theme .formBody .row LABEL em, .dark-theme .formTitle .requiredText em { color:#ffff00; } .dark-theme .formBody .row .required { color:#ffffff; } .dark-theme .formBody .comment { color:#999; } .dark-theme .formHelp H4, .dark-theme .formHelp H5 { color:#ccc; } .dark-theme .formHelp P { color:#999; } .dark-theme #poll-description { border-color:#FFF; border-color:rgba(255, 255, 255, .15); } /* =authorize -------------------------------------------------------------- */ .auth { background:none; margin:3em auto; padding:2em; border:0; } .auth FORM { margin:0; padding:0; border:0; } .auth H3 { margin:0; padding:.3em .2em .3em 0; font-size:2.5em; font-family:Georgia, serif; text-align:left; } .auth H4 { margin:0; padding:.3em .2em; font-size:1.5em; } .auth LABEL { font-size:1.2em; display:block; margin-bottom:0; padding:.2em 0; } .auth .inputBox { border:1px solid #777; color:#000; font-size:1.6em; width:100%; padding:.3em 2%; margin-top:0; border-radius:.3em; box-shadow:1px 1px 1px rgba(0,0,0,.15), inset 0px 0px 6px rgba(0,0,0,.10);} .auth .email { background:#fff; } .auth .inputBox:focus { background:#fff; border-color:#606060; } .auth .captchaInput { width:100px; } .auth .securitycode { text-align:left; font-size:12px; margin-top:-5px; } .loginForm { padding:.5em 0; } .loginForm p { margin:0; padding:.4em 0; clear:left; } IMG.securityKey { padding:3px; border:1px solid #000; border:1px solid rgba(0,0,0,.3); border-radius:3px; } #loginBox, #lostPassBox { margin:0 auto; margin:auto; } #loginForm P, #lostPassForm P { text-align:left; } #loginBox, #lostPassForm { display:block; margin:auto; float:none; } #c-authorize .authText, #c-authorize #aside { display:none; } .keepmeLoggedin { padding:0; } .forgotPass { font-size:1.5em; } .loginLabel { text-transform:uppercase; text-align:left; font-weight:bold; } /* =register -------------------------------------------------------------- */ #registrationNotice { font-size:smaller; padding:1em 1.5em; } .captchaImage { width:160px; margin:0; padding:5px 0; float:left; } .captchaImage IMG { background:#fff; border:1px solid #e0e0e0; } .captchaInput { width:130px; float:left; } .captchaInputTitl { display:block; padding:5px 0; } #securityKey { display:inline; margin:4px 4px 0 0; padding:4px; float:left; border:1px solid #c0c0c0; } #securityKeyComment { display:block; margin-top:4px; } .securityKeyRefresh { color:#404040; text-decoration:underline; } .captchaComment { font-size:.9em; display:block; clear:both; } #signupForm { width:auto; } #signupForm .formBody { width:auto; padding:1em; } #signupForm .formBody .row { margin-bottom:.5em; padding:.2em 0; } #signupForm .formBody .submit { padding:.5em 0; } #signupForm .formBody .row input[type="text"], #signupForm .formBody .row input[type="password"], #signupForm .formBody .row select, #signupForm .formBody .row textarea #signupForm .formBody .row .inputBox { padding:.4em 1%; width:98%; } #signupForm .formBody .row select { width:100%; } #signupForm .formTitle { display:none; } #signupForm .section { color:#000; background:transparent; padding:1em 0 .2em 0; border:0; clear:both; } #signupForm .extraExplanation { padding:1em 2em; } .usernameAvailable { color:#008000; } .usernameTaken { color:#c00000; } #signupForm .formBody .row .inputSelectDate { width:32.66%; margin-right:1%; float:left; } #signupForm #signup_birthdate_y { margin-right:0; } #signupForm #signup_image { width:100%; } #form_signup_security_key LABEL, #signupForm .captchaComment { text-align:center; } #signupForm FIELDSET { border:0; padding:0; margin:0; } #signupTeaser { text-align:left; } #signupTeaser .teaserText h2 { color:#606060; font-size:4em; letter-spacing:-.03em; margin-bottom:.3em; padding:.1em 0; } #signupTeaser .teaserText h3 { color:#600000; font-size:2.5em; letter-spacing:-.03em; margin-bottom:.3em; } #signupTeaser .teaserText h4 { color:#606060; font-size:2em; letter-spacing:-.01em; margin-bottom :0; } #signupTeaser > .customContent { padding:0; } .inviteJoin { font-size:2em; line-height:100%; letter-spacing:-0.05em; margin:0; padding:0; padding-bottom:.5em; } /* Teaser profile on register page */ .profile-register { border:1px solid rgba(0,0,0,0.2); padding:0.3em 1em; border-radius:10px; box-shadow:0 0 0.5em rgba(0,0,0,0.5);} .profile-register:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .profile-register UL.profiles-full { margin:0; padding:0; list-style-type:none; } .profile-register UL.profiles-full LI { width:auto; text-align:center; margin:.5em 0 1em 0; padding:.5em; } .profile-register .thumbnail { float:left; width:25%; height:25%; max-width:100px; max-height:100px; padding:0; text-align:center; overflow:hidden; } .profile-register .thumbnail IMG { width:100%; max-width:200px; height:auto; } .profile-register .profileInfo { font-size:1.1em; text-align:left; margin-bottom:1em; margin-left:1em; padding:0; float:left; overflow:hidden; max-width:70%;} .profile-register .profileInfo H4, .profile-register .profileInfo P { margin:0; padding:0.1em 0; } .profile-register .profileInfo .gender, .profile-register .profileInfo .age { font-weight:bold; font-size:larger; } .profile-register .username A { font-size:1.5em; font-weight:bold; line-height:120%; } #signupTeaser.profiled { font-size:1.2em; } #c-register UL.profiles.short LI { width:32.33%; overflow:hidden; } /* =inbox -------------------------------------------------------------- */ .threadTools { display:block; padding-top:1em; } .threadTools A, .msgActions A { font-size:1.2em; background-color:rgba(255,255,255,0.5);border-color:rgba(0,0,0,0.2); } .threadTools A:hover, .msgActions A:hover { background-color:rgba(0,0,0,0.1); } #num_of_conversations { display:inline-block; padding-right:1em; } table.threads { width:100%; border-collapse:collapse; } table.listing td.thumbnail { text-align:center; width:100px; height:100px; padding:10px 5px; } #threads .filtered p { text-align:center; display:none; } H1 > #num_of_conversations { opacity:.5; } UL.threads { list-style-type:none; margin:0; padding:0; clear:both; } UL.threads:before, UL.threads:after { clear:both; content:""; display:table;} UL.threads LI { padding:.3em 0; margin:.5em 0; clear:both; color:#000; border:1px solid rgba(0,0,0,.3); box-shadow:2px 2px 0 rgba(0,0,0,.05); border-radius:.4em; transition:background-color 0.5s ease; } UL.threads LI span { display:block; float:left; overflow:hidden; } UL.threads LI .thumbnail { padding:0; padding-right:1em; width:15%; height:auto; min-width:30px; max-width:50px; } UL.threads LI .thumbnail IMG { width:100%; height:auto; } UL.threads LI .thumbnail .username { display:none; } UL.threads LI .threadContent { float:none; display:block; padding:.5em .25em; } UL.threads LI.selected { border-color:#777; border:1px solid rgba(0,0,0,.5); box-shadow: 2px 2px 0 rgba(0,0,0,.05), inset 0 0 0 1px rgba(0,0,0,.5); } UL.threads LI.unread { background-color:#FAF1DE; } UL.threads LI .view-details { float:right; width:10%; min-width:32px; text-align:right; } UL.threads LI .view-details A { float:right; } UL.threads LI .datetime { font-size:.9em; display:block; text-align:left; float:left; clear:both; } UL.threads LI .threadContent .view-details .datetime { display:none; } UL.threads LI .time { font-style:normal; display:block; } UL.threads LI .username { display:block; clear:both; float:left; padding-right:1em; } UL.threads LI .msg-count { display:inline; padding:0 .3em; margin:0; margin-left:.3em; float:none; } UL.threads LI .threadTitle { display:block; margin-bottom:.3em; } UL.threads LI .threadTitle A { font-size:1.2em; } UL.threads LI .messagePreview { display:block; float:left; clear:left; width:85%; margin-bottom:.2em; opacity:.7; } UL.threads LI.unread .msg-count { font-weight:bold; } UL.threads LI.unread .threadTitle { font-weight:bold; } UL.threads LI .threadSeen { display:inline; margin-left:.6em; float:none; } UL.threads LI .threadOptions { margin:0; padding:0; float:left; } UL.threads LI .attachment { margin-right:.5em; width:16px; height:16px; background-image:url(/images/icons/attachment.png); background-repeat:no-repeat; } UL.threads LI .threadSelect { display:block; width:auto; float:left; margin-right:.5em; } /* Messages */ UL.messages { list-style-type:none; margin:0; padding:0; clear:both; } UL.messages LI { margin:.5% 0; clear:both;} UL.messages LI:after { content:""; display:table; clear:both; } UL.messages LI .thumbnail { float:left; display:inline-block; padding:0; padding-right:1em; width:15%; height:auto; min-width:30px; max-width:60px; } UL.messages LI .thumbnail IMG { width:100%; height:auto; } UL.messages LI .messageBody { float:left; margin:0; display:inline-block; width:auto; max-width:65%; padding:.5em 1em; color:#000; background:#E9F5C8; border:1px solid #aaa; border:1px solid rgba(0,0,0,.25); overflow:hidden; border-radius:.5em; box-shadow:2px 2px 0 rgba(0,0,0,.05); word-wrap: break-word;} UL.messages LI .username { float:left; font-weight:bold; } UL.messages LI .datetime { display:inline-block; text-align:left; float:left; clear:none; margin:0; padding:0; font-size:.8em; } UL.messages LI:hover .datetime { visibility:visible; } UL.messages LI.owner .thumbnail { float:right; padding-right:0; padding-left:1em; } UL.messages LI.owner .messageBody { float:right; background-color:#DEF; text-align:right; } UL.messages LI.owner .username { float:right; } UL.messages LI.owner .datetime { float:right; text-align:right; } UL.messages .messageBody .messageText { clear:both; float:none; margin:0; } UL.messages .messageBody .messageText H3 { line-height:120%; margin:0; padding:.25em 0; } UL.messages .messageBody .messageText P { line-height:140%; margin:0; padding:0; padding-bottom:.5em; font-size:1.2em; text-align:left; } UL.messages .messageBody .messageText P:last-child { padding-bottom:0; } UL.messages .inputBox { width:97%; height:100px; } UL.messages LI.messages-datetime { text-align:center; float:none; clear:both; font-size:.9em; opacity:.5; border-bottom:1px solid #888; margin:0 10%; padding:0; } #replyResponse { margin-top:1em; clear:both; } #threadReply { margin-top:1em; clear:both; } #threadReply LI { float:none; display:block; width:100%; } #threadReply LI .messageBody { float:none; display:block; max-width:100%; } #threadMessageBody { position:relative; text-align:left; } .replyTitle { text-align:left; padding:.2em 0; font-size:1.2em; } .msgSelect { clear:both; padding:.5em 0; float:left; font-size:1.2em; } .msgSelect A { margin-left:.5em; padding-left:.5em; border-left:1px solid rgba(0,0,0,0.2); } .msgActions { text-align:left; padding:.5em 0; clear:none; } #earlierMessages { text-align:center; } #loadMessages { font-size:1.3em; margin:1em 0; display:block; } .threadActions { float:none; clear:both;margin:0.5em 0; padding:.5em 0; } .threadActions UL { list-style-type:none; margin:0; padding:0; } .threadActions UL LI { margin:0; margin:.1em 0; display:inline-block; background-color:#fcfcfc; background-image:linear-gradient(transparent, rgba(0,0,0,.05)); border:1px solid rgba(0,0,0,0.35); border-radius:.5em; } .threadActions UL LI A { display:inline-block; padding:.15em 1.8em; } .threadActions UL LI A SPAN { visibility:hidden; position:absolute; z-index:99; background:#fff; color:#000; border:1px solid #ccc; padding:.5em 1em; margin-top:40px; margin-left:-40px; } .threadActions UL LI A:hover SPAN { visibility:visible; } .threadSubject { clear:both; margin:.5em 0; padding:.4em .5em; } .threadSubject .threadBack { float:left; width:40px; } .threadSubject .threadUser { float:left; width:50px; } .threadSubject .threadUser IMG { width:40px; height:40px; } .threadSubject H3 { margin:0; padding:.1em 0; padding-left:40px; } .threadSubject .threadInfo { font-size:1em; padding-left:40px; } .threadSubject .username { font-size:1.2em; } .threadSubject .msg-count { font-size:1em; opacity:.7; } #reply_message LABEL { width:auto; margin-left:0; } #reply_message #reply_text { width:98%; height:5em; margin:.5em 0 .5em 0; } .messageAttachments { display:block; width:auto; } .messageAttachments IMG { display:block; max-width:100%; margin:.5em 0; } /* inbox picture attacher */ #threadReply #number_of_photos { display:inline; float:none; } #threadReply .msgpics_options { text-align:center; } #threadReply #gallery_images { text-align:left; } #threadReply #gallery_images P { margin-top:.5em; font-size:1.2em; } #threadReply .msgpics_wrapper { border:1px solid #ccc; max-height:20em; overflow-y:auto; margin:0; width:100%; } #threadReply .msgpics_wrapper UL { margin:0; padding:0; width:100%; list-style-type:none; } #threadReply .msgpics_wrapper LI.msgpics_imageitem { float:left; width:16%; margin:.33%; text-align:center; clear: none; } #threadReply .msgpics_wrapper LI.msgpics_imageitem LABEL { margin:0; padding:.25em; border:2px solid transparent; display: block;} #threadReply .msgpics_wrapper LI.msgpics_imageitem.selected LABEL { background-color:#cdf; border-color:#89C; } #threadReply .msgpics_wrapper LI.msgpics_imageitem LABEL IMG { width:100%; } #threadReply .msgpics_wrapper LI.msgpics_imageitem LABEL INPUT { display:none; } #threadMessageBody .file_upload INPUT { display:none; } #uploader_resp { width:100%; margin:.1em 0;} #uploader_resp .uploaded-image { list-style-type:none; border:1px solid rgba(0,0,0,.2); float:left; clear:none; text-align:center; width:15.3%; margin: 0 1% 1% 0;} #uploader_resp .uploaded-image IMG { display:block; width: 100%; } #uploader_resp .file-uploading { border:1px solid #ccc; padding:.5em; } #uploader_resp .file-uploading .file_upload_filename { font-size:.8em; } #uploader_resp .file-uploading .file_upload_progress { background:#ccc; float:left; display:inline-block; vertical-align:middle; } #uploader_resp .file-uploading .file_upload_cancel BUTTON { background:0; padding:0; border:none; width:10%; float:right; } #attachment-menu { text-align: right; } #attachment-menu LABEL { margin-left:1em; cursor:pointer; } .ajaxUploaderDiv INPUT.inputBox { width:auto; height:auto; } #image_uploader_holder, #video_uploader_holder { text-align:center;} /* =photos -------------------------------------------------------------- */ #preview { display:none; color:#fff; background:#333; padding:5px; border:1px solid #ccc; position:absolute; z-index:80;} #user-image-controls { display:block; width:100%; } #user-image-controls form { display:inline; float:none; border:none; } #user-image-container { text-align:center; background:#f0f0f0; width:100%; min-height:300px; margin:5px 0; padding:10px 0; } #user-image-container IMG { border:1px solid #a0a0a0; } #media-description { padding:5px 0; } #thumbs-scroller { margin:.5em 0; padding:.3em .1em; } .user-image-toolbar { background-color:#e0e0e0; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); padding:.5em; border:1px solid #e0e0e0; clear:both; } #image-preview { width:200px; height:200px; margin:1em auto; border:1px solid #000; overflow:hidden; } #image-preview { margin:2em 0; } #upload-photo { margin:1em 0; padding:1em 0; border:2px solid #e0e0e0; border-left:0; border-right:0; } div.thumbs { margin:0 auto; position:relative; overflow:hidden; } UL.thumbs { display:block; width:2500px; margin:0; list-style:none; overflow:hidden; } UL.thumbs LI { text-align:center; vertical-align:middle; background:#fff; display:table-cell; margin:0 5px; padding:5px; float:left; border:1px solid #c0c0c0; } UL.thumbs LI.last { margin:0; padding:0; border:0; } UL.thumbs a { text-decoration:none; display:block; } UL.thumbs LI:hover { background:#ffc; border:1px solid #808080; } UL.thumbs LI.nothumb a { text-align:center; vertical-align:middle; width:100px; height:100px; padding:0; } UL.thumbs LI.nothumb.pending a { font-size:1.2em; text-align:center; vertical-align:top; background:url(/ifc/profile-pending.png) no-repeat; display:table-cell; padding-top:.5em; } UL.thumbs LI.nothumb.pending.upload a { background:url(/ifc/profile-upload.png) no-repeat; } UL.thumbs LI.nothumb.pending.upload:hover { background:#d0e0f0; } .inlineEditableText { padding:0 .5em; } .inlineEditableText:hover { color:#000; background:#ffa; cursor:pointer; } .jcrop-holder { text-align:left; } .jcrop-vline, .jcrop-hline { font-size:0; background:#fff url(/ifc/jcrop.gif) top left repeat; position:absolute; } .jcrop-vline { width:1px; height:100%; } .jcrop-hline { width:100%; height:1px; } .jcrop-handle { font-size:1px; background-color:#333; width:7px; height:7px; border:1px #eee solid; *width:9px; *height:9px; } .jcrop-tracker { width:100%; height:100%; } .custom .jcrop-vline, .custom .jcrop-hline { background:yellow; } .custom .jcrop-handle { background-color:#C7BB00; border-color:#000; border-radius:3px; } .nudity { filter:alpha('opacity=1'); opacity:.01; -moz-opacity:.01; } .photoInstructions { text-align:center; color:#999; } #public-photos-0 { background:#f0f0f0; margin-bottom:.5em; padding:1em .75em; clear:both; } #image-preview-container { display:none; color:#c0c0c0; background:#303030; width:22em; padding:2em; border:1px solid #a0a0a0; position:absolute; } #image-preview-container B { color:#fff; } #image-preview-container A { color:#c0c0c0; } #image-crop-instructions { text-align:left; background:#ffc; width:10em; margin-left:-11em; padding:1em; border:1px solid #c0c0a0; position:absolute; } /* upgrade teaser */ #upgrade.loaded { padding:3em; } #upgrade.loaded h2 { margin-bottom:1em; } #upgrade.loaded UL { text-align:left; line-height:2.3em; width:350px; margin:auto auto 2em; padding-left:2.5em; list-style-type:none; } #upgrade.loaded UL LI { background:url('/ifc/checkmark_upgrade.png') left center no-repeat; padding-left:2.3em; white-space:nowrap; } /* =support -------------------------------------------------------------- */ .requiredText { display:none; } .replyFromUser { background:#f5f5f5; } .replyFrom { color:#222; background:#FFFEEF; } .supportTickets { font-size:1.2em; } .supportTickets .ticketlist { margin:.2em 0; padding:.5em; border-top:1px solid #d0d0d0; } .supportTickets .ticketlist .datetime { float:right; } .supportTickets h6 { font-size:1.4em; } .supportTickets .ticketStatus { font-size:.9em; font-weight:normal; background:#f0f0f0; margin-right:.5em; padding:.2em .5em; } .supportTickets .ticketStatus.new { background:#e0f0e0; } .supportTickets .ticketStatus.replied { color:#909090; background:#f0f0f0; } .supportTickets .formBody { width:100%; } .supportTickets #itemContainer { overflow:visible; } .ticketsThread { padding-left:2em; } .ticketReply { clear:both; } .ticketReply.fromUser { background:#fff; margin-left:0; } .ticketReply.fromSupport { background:#ffffe0; margin-left:2em; } .ticketReply .datetime { float:right; } .ticketReply .username { color:#fff; background:#606060; float:left; margin-right:.5em; padding:.2em .5em; } .ticketReply.fromSupport .username { color:#000; background:#f0C000; } .ticketReply h6 { float:left; } .ticketHeader { padding:.5em 0; } .ticketHeader em { opacity:.7; margin-right:.5em; } .ticketMessage { font-size:1.1em; margin:0; padding:1em 0; clear:both; border-top:1px solid #e0e0e0; } .inputArea.support_msg { width:auto; } .support_ctrl { padding:.5em; } /* online counts */ #online_counts UL { margin:0 0 15px; list-style-type:none; } #online_counts UL LI { display:inline; margin:0 0 0 10px; } .quickSearch { margin:.5em 0; padding:1em; border-radius:9px; background-color:#f0f0f0; border:2px solid #ccc; } .quickSearch H4 { margin:0; padding:0; margin-bottom:.2em; } .quickSearch FORM { margin:0; padding:0; } .quickSearch .searchTitle { float:left; padding:.5em 0;} .quickSearch .searchTitle .user-info { font-size:1.3em; } .quickSearch SELECT { width:auto; padding:.1em .1em; } .quickSearch LABEL { font-size:1em; } .quickSearch .highlight { font-weight:bold; } .dropdownSubmenu { margin:0; padding:0; display:inline; list-style-type:none; width:auto; } .dropdownSubmenu LI { margin:0; padding:0; display:inline-block; width:auto; } .dropdownSubmenu .dropDownIcon { padding:.1em; border:1px solid #ccc; border-radius:.5em; min-width:32px; min-height:32px; background-color:#fff; background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); cursor:pointer; } .dropdownSubmenu .dropDownIcon OL { visibility:hidden; margin:0; padding:0; list-style-type:none; position:absolute; z-index:99; background:#fff; border:1px solid #ccc; box-shadow:0 0 .5em rgba(0,0,0,0.3); text-align:left; } .dropdownSubmenu .dropDownIcon:hover { background-color:#fff; } .dropdownSubmenu .dropDownIcon:hover OL { visibility:visible; } .dropdownSubmenu .dropDownIcon OL LI { display:block; } .dropdownSubmenu .dropDownIcon OL LI A { display:block; padding:.4em .5em; padding-right:2em; color:#000; } .dropdownSubmenu .dropDownIcon OL LI A:hover { text-decoration:none; background-color:#f0f0f0; } /*-- added by Kiza if needed:copy required on adult as well --*/ P.description SPAN { text-decoration:underline; color:#0775bb; } /*-- Kiza:registration zip + city autocomplete -- */ .ui-menu { list-style:none; padding:2px; margin:0; display:block; float:left; background:#fff; } .ui-menu .ui-menu { margin-top:-0px; } .ui-menu .ui-menu-item { margin:0; padding:0; zoom:1; float:left; clear:left; width:100%; } .ui-menu .ui-menu-item { height:24px; text-decoration:none; border-bottom:1px solid #f6f6f6; background:#fff; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight:normal; background:#ccc; color:#000; cursor:pointer; } .ui-autocomplete { max-height:200px; overflow-y:auto; overflow-x:hidden; padding-right:0px; border:1px solid #ccc; } * html .ui-autocomplete { height:200px; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ /* added by Igor:minor adjustments for Sort by ----------------------------------------------------------- */ /* #sortOptions { position:absolute; font-size:1em; } */ #sortOptions select { font-size:1em; padding:2px; width:auto; border:0px; } #sortOptions select:focus { outline-width:0pt; outline-style:none; } /* IFRAME App default stuff - added by Boris ----------------------------------------------------------- */ IFRAME.application_iframe { width:100%; height:600px; } /* Popup profile & Remaining flirts counter - added by Cis ----------------------------------------------------------- */ #flirtFormContainer { clear:both; margin-top:10px; border-top:1px solid #969696; border-top:1px solid rgba(150,150,150,.3); } .popup-thumbnail { float:left; width:60px; height:60px; } .popup-thumbnail IMG { width:60px; height:60px; } .popupProfile { overflow:hidden; vertical-align:top; } .popup-profileInfo { margin-left:1em; position:static; float:left; width:80%; } .popup-profileInfo H4 { font-size:2em; margin:0; padding:0; font-weight:normal; } .popup-profileInfo P { font-size:1em; line-height:140%; } .popup-profileInfo .city, .popup-profileInfo .popupLookingfor {border-left: 1px solid; margin-left: 0.5em; padding-left: 0.5em;} .popup-profileInfo .memberLocation:not(:empty):after {content: ",";} .popupRemaining { font-size:1.2em; } .popupRemaining B { color:#77a72b; } .popupRemaining .listLinks { display:block; font-size:1.2em; text-align:center;} .popupRemaining .listLinks A { padding:.5em 1em; } /* register bug teaser (added by Kiza) ----------------------------------------------------------- */ /* CONTACTED PROFILE */ #c-register .contactedProfile { border:1px solid #ccc; border-color:rgba(140,140,140,.3); padding:10px; box-shadow:2px 2px 1px rgba(0,0,0,.1)} #c-register .contactedProfile .thumbnail, #c-register .contactedProfile IMG { width:250px; height:250px; float:none; margin:auto;} #c-register .contactedProfile { width:295px; margin-bottom:20px;} #c-register .contactedProfile .profileInfo { display:none; clear:both; font-size:13px; text-align:center;} #c-register .contactedProfile .upGenderFrom { font-weight:bold;} #c-register .profileTeaser { border:1px dotted #aaa; background:#fff2c6; padding:5px 5px 5px 22px; font-size:20px; margin-bottom:20px;} #c-register .contactedProfile .upgradeMembersTitle { text-align:center;} .billingHistory .legend td { font-weight:bold; background:#b4b4b4; background:rgba(180,180,180,.13);} .billingHistory TABLE { font-size:1.2em; width:100%; background:#ff0000;} .billingHistory TD { border-bottom:1px solid #a0a0a0; border-bottom:1px solid rgba(160,160,160,.4); } .billingHistory H3 { border-bottom:1px solid #a0a0a0; border-bottom:1px solid rgba(160,160,160,.7); } .billingApproved { color:#7aa200;} .billingDeclined { color:#ed4b13;} .billingRefunded { color:#dea700;} .billingPending { color:#777;} #subscription-status-data TABLE, #mobile-devices TABLE { width:100%; margin:0.5em 0; } #subscription-status-data TABLE TR, #mobile-devices TABLE TR { border-bottom:1px solid #888; } #subscription-status-data TABLE TD, #mobile-devices TABLE TD { padding:0.4em 0.5em; margin:0; text-align:left; vertical-align:middle; } #subscription-status-data TABLE TH, #mobile-devices TABLE TH { padding:0.4em 0.5em; margin:0; font-weight:normal; font-size:smaller; text-align:left; } A.upgradeHint { text-decoration:none; position:relative;} A.upgradeHint LI { font-size:1.2em;} A.upgradeHint STRONG { font-size:1.5em; display:block; padding-bottom:1em;} A.upgradeHint SPAN { font-family:Arial, sans-serif; font-size:1.1em; position:absolute; left:30px; display:none; width:300px; margin:auto; margin-top:-80px; padding:15px; color:#fff; background:#141414; background:rgba(20,20,20,.90); border:5px solid #a0a0a0; border:5px solid rgba(160,160,160,.3); box-shadow:0px 0px 5px rgba(255,255,255,.5); border-radius:5px; z-index:999;} A.upgradeHint UL { list-style-type:none; margin:0;} A.upgradeHint LI { margin-bottom:8px; padding-left:24px; line-height:16px; background:url('/ifc/icon_arrow.png') left center no-repeat;} A.upgradeHint:hover span { display:block;} /* popup overlays */ #popup-overlay-container { position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; background:url('/ifc/dim50.png'); background:rgba(0,0,0,0.6);} #popup-overlay .close { position:absolute; right:10px; top:10px; width:30px; height:30px; padding:.5em; opacity:.4;} #popup-overlay .close:hover { opacity:1;} #popup-overlay { width:90%; position:fixed; margin:auto; padding:.7em; background:#333; background-color:rgba(0,0,0,.3); font-family:'Open Sans', Arial; border-radius:6px;} #popup-overlay .popup-content { height:100%; min-height:0; padding:1.5em; font-size:13px; border-radius:3px;} .popup-overlay-top { top:0px; } .popup-overlay-middle { top:0; bottom:0; } .popup-overlay-bottom { bottom:0;} .popup-overlay-left { left:0px; } .popup-overlay-center { left:0%; right:0; } .popup-overlay-right { right:0px; } /* fairshare - by Bartek */ p.fairshare-desc { color:#fff; padding:0.5em 0 2em 0; margin: 0; text-align: center;} #popup-overlay-container > div.fairshare-button { left:0%; right:0; width:42em; top: 40%} #popup-overlay h5 { color:#fff; text-align: center; } /* General Fixes All cross browser fixes here -------------------------------------------------------------- */ [class*="browser-opera-"] .featuredSeal SPAN, [class*="browser-opera-"] .featuredSealSmall SPAN { padding:1.8% 1%; } /* Special stuff */ #cookie-policy { font-size:1.2em; text-align:center; padding:.4em 1em; top:0; background:#111; background:rgba(0,0,0,.85); color:#fff; z-index:99; } #cookie-policy BUTTON { font-size:1.1em; padding:.4em 1em; margin:0 .5em; font-weight:bold;} #cookie-policy a {color:#fff; text-decoration:underline;} #cookie-policy .close { float:right; margin-left:2em;} /** Social/Connect buttons **/ .social-button { width:100%; display:table; text-decoration:none; border-radius:.3em; padding:.2em .5em; margin-bottom:1em; overflow:hidden; font-size:1.6em; } .social-button:link, .social-button:visited, .social-button:hover, .social-button:active { color:#fff; text-decoration:none; } .social-button SPAN { display:table-cell; vertical-align:middle; text-shadow:0 1px rgba(0,0,0,.2); padding-left:.5em; width:100%; } .social-button.just-icon { display:inline-block; width:32px; padding:0; margin-right:.5em } .social-button.just-icon SPAN { display:none; } .social-button.google { background:#DF4B38; box-shadow:0 3px 0 #ab3b20, inset 0 1px 0 #df5d43; } .social-button.facebook { background-color:#395A97; box-shadow:0 3px 0 #394c7e, inset 0 1px 0 #596d99; } /** Social:Zoran:Facebook Photos related CSS - please move elsewhere or style it differently */ /** all IMG classes should have pattern like:#photosSelection img.size-XXX { max-width:XXXpx; max-height:XXXpx; } */ #photosSelection img.size-130 { max-width:130px; max-height:130px; } #photosSelection #Photos .imgContainer { padding:0.7em; border:1px solid #ccc; } #photosSelection #Photos .imgContainer.checked { background:#F7EF96; border:1px solid #aaa; } #selectionContainer { font-size:1.4em; padding-left:1em; } #selectionContainer #selectionClear, #c-social #gallery-handle { cursor:pointer; } /** Happy Hour counter */ #happy-hour-container { box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2); position:relative; text-align:center; width:100%; font-family:'Open Sans Condensed',sans-serif; font-weight:700; } #happy-hour-container .happy-hour-content { background:#FFFFFF; font-size:120%; height:auto; margin:0 auto; overflow:hidden; padding:0; position:relative; } #happy-hour-container .promoWrap, #happy-hour-container .promoCounter { background-color:#91C145; padding:0.6em; width:100%; text-align:center; float:left; } #happy-hour-container .promoWrap {display:block; position:relative; padding-bottom:2em;} #happy-hour-container .promoCounter { background-color:#FFFFFF; position:relative; } #happy-hour-container .promoWrap h2 { color:#FFFFFF; font-size:2.5em; line-height:100%; margin:0; padding:0; text-shadow:0 2px 5px rgba(0, 0, 0, 0.15); text-transform:uppercase; } #happy-hour-container .promoWrap p { color:#191919; line-height:100%; padding:0; margin:0.6em 0 0; text-align:center; } #happy-hour-container .promoWrap p .sendMsg { font-size:1.4em; } #happy-hour-container .promoWrap p .promoFree { width:104%; background-color:#F61005; color:#FFF; font-size:2em; line-height:100%; padding:0.1em 0.3em; position:absolute; right:-2%; bottom:-.65em; z-index:4; box-shadow:0 0 .5em rgba(255,255,255,0.5); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -o-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-2deg); } #happy-hour-container .promoCounter { text-align:center; font-size:1.3em; margin-top:0.9em; } #happy-hour-container .promoCounter .promoEnds { color:#91C145; line-height:100%; display:inline-block; vertical-align:middle; } #happy-hour-container .promoCounter em { color:#191919; font-style:normal; line-height:100%; display:inline-block; vertical-align:middle;} /* .small-sidebar .happy-hour-content { display: none;} */ #happy-hour-container.small-sidebar .promoWrap { padding-bottom: 1.2em; } #happy-hour-container.small-sidebar .promoWrap H2 { font-size:1.8em; } #happy-hour-container.small-sidebar .promoWrap p { margin:0.3em 0 0; } #happy-hour-container.small-sidebar .promoWrap p .promoFree { font-size:1.25em; } #happy-hour-container.small-sidebar .promoWrap p .sendMsg, #happy-hour-container.small-sidebar .promoCounter { font-size:1em; } #happy-hour-container.small-sidebar .promoCounter { margin-top: 0.5em; } #online-notifications { position:fixed; bottom:0; left:0; z-index:99; max-width:30em; width:25em; } #online-notifications .popupProfile { width:100%; padding:.3em; margin:.5em; background:#fff; color:#444; box-shadow:0 0 .3em rgba(0,0,0,.3);} #online-notifications .popupProfile .popup-thumbnail { margin-right:1em; } #online-notifications .popupProfile H4 { font-size:1.2em; margin:0; padding:.3em 0;} /** rapid match */ #rapid-matches { width:100%; padding:1em 0; } .single-match { padding:1em 0; display:none; /* color:#444; border:1px solid rgba(0,0,0,.1); border-radius:1em; background-color:rgba(255,255,239,.2); background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(0,0,0,.1) 100%); */ } .single-match:first-child { display:block; } .single-match .match-section { width:33.33%; padding:1em; text-align:center; display:inline-block; vertical-align:bottom; } .single-match .match-section.match-profile { margin-left: 33.33%;} .single-match .match-section.match-yes { text-align:left;} .single-match .match-section.match-no { margin-left:-100%; text-align:right;} .single-match .match-section.match-no, .single-match .match-section.no-avatar, .single-match .match-section.match-yes { margin-bottom:8em; } .single-match .match-response.yes A { font-size:2em; } .single-match .match-response { position:relative; padding:1em 0; } .single-match H2 SPAN { display:block; font-size:80%; } .single-match H2 STRONG { display:block; font-weight:normal; } .single-match .username { color:#FF8080; } .single-match .match-response BUTTON { padding:.5em 2em; font-size:2em; } .single-match .match-response.yes BUTTON { background-color: #ffcc55; color:#000; } .single-match .photo { width:100%; max-width: 400px; margin: 0 auto; padding:.5em; border:1px solid #e0e0e0; font-size:1.2em; text-align:center; background:#fff; border-radius:50%; } .single-match .photo IMG { width:100%; max-width:400px; display:block; border-radius:50%; } .single-match .details { font-size:1.1em;} .single-match .details SPAN { padding:0 .3em 0 .3em; } .single-match .details .age{ font-weight:bold; padding:.1em .3em; border:1px solid rgba(0,0,0,.2); } .single-match .details .gender{ opacity:.7; } .single-match .details .online-status { color:#84b84c; font-weight:bold; } .single-match .info { padding-top:0.5em; } .single-match .info SPAN { margin:0; display:block; } .single-match .info .title { font-weight:bold; font-size:1.5em; } .single-match .info .city { color:#7e7e7e; } .single-match .match-chat { display:none; } .single-match#match-end { padding:15% 0; } /** Customer support box **/ .cs-container { background:url('/ifc/cs-link-small.png') left bottom no-repeat white; color:#222; display:inline-block; max-width:49%; border-radius:0.5em; border:1px solid #e7e7e7; float:right; vertical-align:middle; } .cs-container A.cs-link { background-color:#ac86c7; border-radius:0.3em; color:white; cursor:pointer; display:inline-block; font-size:1.4em; font-weight:bold; margin:0.3em 0 0.3em; padding:0.3em 1.5em; text-decoration:none; } .cs-container .cs-inner { margin:0.45em 1em 0.45em 45px; text-align:center; vertical-align:middle; } .cs-container .cs-inner SPAN { vertical-align:middle; display:inline-block; margin:0px 0.3em; } .cs-container .cs-inner DIV { vertical-align:middle; display:inline-block; } .cs-container .cs-inner P { margin:0; line-height:1.35em; } .cs-container .cs-inner #phone-text { font-size:1.2em; margin-top:0.2em; } .cs-container .cs-inner #phone-number { font-size:1.3em; font-weight:bold; } P.cs-text { display:inline-block; margin-top:0.5em; max-width:49%; } /** Zoran/Davor:multistep forms:buttons */ .stepContent button.next { cursor:pointer; } /* Media queries max-width:768px ipad max-width:375px iphone 6 max-width:414px iphone 6+ max-width:360px Samsung S3, S4 max-width:320px iphone 5, samsung S2 -------------------------------------------------------------- */ /* moved from photos.css (popup can be displayed on almost all controllers: Home, Browse, Search, Online, Inbox, Profile, Photos, ...) -------------------------------------------------------------- */ #user-image-holder { display:none;} #overlay { position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; background:#000; opacity:0.5; display:none;} #overlay_loading { position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:rgba(0,0,0,0.5); display:none; vertical-align:middle; padding:10px;} #media-box { position:fixed; display:block; text-align: center; overflow:auto; padding:2em 0; top:0; left:0; width:100%; height:100%; z-index:110; background:#333; background:rgba(0,0,0,.8); zoom:1;} .media-box-inner {position:relative; display: inline-block; text-align:centar; vertical-align:middle; width:93%; } .media-box-align { display: inline-block; vertical-align: middle; height: 100%; } /* Main container */ #media-gallery { position:relative; display:table; margin:auto; width:auto; min-width:80em; height:auto; background:#fff; text-align:left; color:#444; box-shadow:0 0 1em rgba(0,0,0,.5); } #media-container { position:relative; display:table-cell; overflow:hidden; padding:1% 0; vertical-align:top; text-align:center; border-right:1px solid rgba(0,0,0,.2); background-color: rgba(0,0,0,0.2);} #media-details { position:relative; display:table-cell; width:27em; min-width:27em; overflow:hidden; padding:1em 1.5%; vertical-align:top; } #media-gallery .media-wrapper { width:100%; height:100%; margin:0 auto; padding:0; } #media-gallery .media-inner-wrapper { width:100%; height:100%; margin:0 auto; padding:2% 0; } #media-gallery .media-wrapper P { padding:1em 0 0 0; line-height:150%; font-size:1.5em; display:block; text-align:center;} #media-gallery .media-wrapper IMG { border:5px solid #fff; box-shadow:0 0 .5em rgba(0,0,0,.5) } #current-media .media-wrapper IMG.private { border-color:#f00; } #current-media { max-width:100%; } @media (max-width:1350px) {#current-media {max-width:700px;}} @media (max-width:1150px) {#current-media {max-width:550px;}} .avatar_picker { padding:2em; } #media-content { position:relative;} #media-content .nav-next-media, #media-content .nav-previous-media { position:absolute; display:block; width:32px; height:65px; left:0; margin-top:5%; background:url(/ifc/sprites-ifc-flat-on-light.png) -576px -576px no-repeat; z-index:99; } #media-content .nav-next-media { background-position:-608px -576px; left:auto; right:0; } #media-content .gallery-navigation a:hover {background-color:rgba(0,0,0,.2); box-shadow:inset 0 0 5px rgba(0,0,0,.4); } .dark-theme #media-content .gallery-navigation a:hover {background-color:rgba(0,0,0,.4); box-shadow:inset 0 0 5px rgba(0,0,0,.7); } #media-gallery .media-box-close { position:absolute; display:block; width:32px; height:32px; top:0; right:0; margin-top:-16px; margin-right:-16px; padding:0; background:url('/ifc/sprites-ifc-flat-on-light.png') -768px 0px no-repeat; z-index:99; } #media-gallery .media-submenu .rotate_left, #media-gallery .media-submenu .rotate_right { display:inline-block; width:32px; height:32px; vertical-align:middle; } #media-gallery .media-submenu .rotate_left { left:10px; } #media-gallery .media-submenu .link-rotate { line-height:32px; } #media-gallery .media-submenu .link-rotate:hover {text-decoration:none;} #media-gallery #media-content .media-edit-menu { padding:0.5em 0; text-align:center; } #media-gallery #media-container .gallery-navigation { visibility:hidden; } #media-gallery #media-container:hover .gallery-navigation { visibility:visible;} #media-gallery .photo-editing { display:none; } #media-gallery .media-edit-menu { clear:both; padding:0.2em 0; } #media-gallery .media-submenu { width:100%; text-align:center; z-index:9999; } #media-gallery .media-actions { width:100%; text-align:center; z-index:9999; } #media-gallery .media-edit-menu A, #media-gallery .media-actions A, #media-gallery .media-submenu A { color:#333; display:inline-block; padding:2px 4px; margin-right:.2em; background-color:rgba(255,255,255,0.8); background-image:linear-gradient(rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 49.99%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%); font-size:1em; line-height:110%; border:1px solid #777; border-radius:3px; box-shadow:2px 2px 0px rgba(0,0,0,.15);} .dark-theme #media-gallery .media-edit-menu A, .dark-theme #media-gallery .media-actions A, .dark-theme #media-gallery .media-submenu A {background-color:rgba(0,0,0,0.8); color:#fff; border:none;} #media-gallery .media-actions A.save { background-color:#A4BD4F; } .dark-theme #media-gallery .media-actions A.save { background-color: #6A821A; } #media-gallery .media-actions A, #media-gallery .media-submenu A { padding:0.5em 1em; font-size:1.4em; line-height:130%; } #media-gallery #media-content a:hover .ifc { opacity:.7; } #media-gallery .jcrop-holder { margin:0 auto; } .crop_preview_holder { position:relative; top :50px; right:-100px; border:1px solid #ccc; width:200px; height:200px; overflow:hidden; } #media-gallery .media-section { clear:both; } #media-comments { margin-top:0.5em; height:auto; max-height:500px; margin:.1em 0; padding:0.1em 0; overflow-y:auto; } /* Photo description */ #media-description, .inlineEditableText { padding:0; font-size:1.2em; } #media-description-input { width:100%; display: block; padding:.3em; margin:.5em auto; text-align: center; font-size:1.2em; } #media-gallery .link-cancel { font-size:1.2em; margin-left:1em; display:inline-block; } #media-gallery .inputSubmit { font-size:1.2em; display:inline-block; } #comment-form_holder { display:none;} #comments-list { overflow:auto; overflow-y:auto;} #comments-list .comment { display:block; border-bottom:1px solid rgba(120,120,120,.4); } #comments-list .comment_head { float:left; width:25%; padding-right:4%; border-right:1px solid #eee;} #comments-list .comment_head IMG {width:100%; height:auto; max-width:50px; max-height:50px; } #comments-list .comment_body { float:right; width:70%; font-size:1em;} #comments-list .comment_body .comment_time { float:right; font-size:0.8em;} .comments-list .comment { display:none; padding:.5em 1em; border-bottom:1px solid #ccc; margin-top:10px;} /* User interactions */ .media-user-actions { float: right; } /* PHOTO MESSAGES =========================================================== */ /* mycomments */ .comment-input { float:left; width:75%; } .comment-input TEXTAREA { width:98%; padding:1%; color:#888; height:3.5em;} .comment-input TEXTAREA.focus {height:50px;color:#000;} .comment-button { display:none; float:none; margin-top:2px;} .comment-button BUTTON { font-weight:bold; border:3px solid rgba(120,120,120,.1); padding:0.3em 1em;} /* h3 comment title */ .media-add-comment { clear:both; padding:1em 0 0.5em 0; } .comments-title { font-size:1.5em; padding-bottom:.2em; margin-bottom:0; border-bottom:1px solid #bbb; border-bottom:1px solid rgba(120,120,120,.3);} /* member commentbox */ #media-gallery .avatar { width:20%; max-width:40px; float:left; margin-right:1em; } #media-gallery .avatar IMG { width:100%; height:auto;} .media-comments { margin:0; padding:0; } .media-comments LI { clear:both; border-bottom:1px solid rgba(120,120,120,.4); margin:0; padding:.5em 0; } .media-comments LI .actions { float:right; opacity:.2; margin:0; padding:0; } .media-comments LI:hover .actions { opacity:1; } .media-comments LI P { margin:0; padding:0; } .media-comments LI .author { display:block; } .media-comments LI .author .username { margin-right:.5em; } .media-comments LI .datetime { display:inline; } /* pages 1 2 3 Next */ .paginator {padding:8px 5px; margin-top:10px;} .paginator a, span.pagedSelected { display:block; padding:5px 10px; background:#fff;float:left; margin-right:5px; border:1px solid rgba(120,120,120,.3); font-size:12px; font-weight:bold; text-decoration:none;border-radius:3px; box-shadow:0 2px 1px rgba(0,0,0,.08);} .paginator a:hover {border:1px solid rgba(120,120,120,.8); } span.pagedSelected {color:#fff; background:#7594a0; border-color:#6a848e;} .js_only {display:none;} .upload_holder { text-align:center; clear:both; } #media-owner { font-size:1.2em; margin-bottom:1em;} #media-owner .owner-username A { font-size:1.4em; } #media-owner .owner-username .age { font-size:1em; opacity:0.7; border-left:1px solid #ccc; margin-left:0.5em; padding-left:0.5em; } #media-owner .owner-info { font-size:0.9em; padding:0.5em 0; } #media-owner .owner-media-count { display:inline; } /* dark-theme addition */ .dark-theme .paginator A, .dark-theme span.pagedSelected {background:none; } .dark-theme #media-comments {background:none;} .dark-theme #media-content .nav-next-media, .dark-theme #media-content .nav-previous-media { background-image:url(/ifc/sprites-ifc-flat-on-dark.png);} .dark-theme .file_upload {background:#5D7B1F;} .dark-theme #comments-list {background:none;} .dark-theme #media-gallery { background:#333; color:#ccc; } .dark-theme #media-container { background-color:#222; border-color:#555; } #media-container .loading { margin:10% 50%; position:absolute;} .request-access { position:absolute; display:block; width:100%; height:100%; opacity:1;} .imgLink .thumb { width: 100%; max-width:200px; max-height:200px; } #media-wrapper .reqPhoto { display:none;} @media screen and (min-width:415px) and (max-width:520px) { .popup-profileInfo { width:60%; } } @media screen and (min-width:300px) and (max-width:976px) { #featuredMemberOuter .featuredProfile .featuredInfo .featuredSeal { margin-left:169px; } .userProfileDisplay DIV { height:auto; /* overwriting inline styles generated by JS */ } #shoutsContainer .shouts { position:relative; } #shoutsContainer .shouts .shoutInfo { margin:0; right:.5em; } } @media screen and (min-width:321px) /* bigger than iphone 5, samsung S2 */ { UL.menu LI { float:left; width:49%; margin-right:1%; } } @media screen and (min-width:415px) /* bigger than iphone 6+ */ { .formBody .row FIELDSET LABEL { width:50%; } } @media screen and (min-width:481px) { ul.menu li { width:33%; margin-right:.33%; } #welcome #user-submenu EM { display:block; } .newMembers UL.short li, .featuredMembers UL.short li, .suggestedMembers UL.short li { width:15%; } UL.messages LI .messageBody { margin-right:15%; margin-left:0; } UL.messages LI.owner .messageBody { margin-right:0; margin-left:15%; } .faqSearch { text-align:left; } #user-basic-info { margin:0; padding:0; } .profile_actions { background:none; margin:0; padding:0; padding-top:2em; } .userAvatar .avatarActions { float:right; width:45%; } .userAvatar .avatarPreview { float:left; width:50%; margin-right:5%; } } @media screen and (min-width:641px) { #welcome .ask-user em { display:inline-block; vertical-align:middle;} .sideMenuToggler { display:none; } #menu .mediaMenu { display:none; } #menu .mainMenu { display:inline-block; } #menu UL LI A ABBR { display:none; } #menu UL LI A SPAN { font-size:1em; } .upgradeTeaser { float:left; width:55%; } .upgradeBenefits { float:right; width:37%; } #loginBox, #lostPassBox { width:40%; min-width:30em; } .featuredMember { width:48%; float:left; } .searchBox { width:50%; float:right; } #signupForm { float:left; width:50%; } #signupTeaser { float:right; width:48%; } UL.threads LI .thumbnail { padding-right:1em; width:15%; min-width:50px; max-width:80px; } UL.threads LI .thumbnail .username { display:block; position:relative; z-index:9; margin:0; margin-top:-2em; padding:.1em .2em; background:rgba(0,0,0,0.6);} UL.threads LI .thumbnail .username A { display:block; color:#fff; font-size:.9em; } UL.threads LI .threadContent .username, UL.threads LI .threadContent .datetime { display:none; } UL.threads LI .threadContent .view-details .datetime { display:block; width:100%; text-align:right; } #profile-head .sidebar { width:50%; float:left; } #profile-head .profileInfo { width:49%; float:left; clear:none; } #profile-menu LI { width:auto; } .profile-nav UL LI, .profile-nav UL LI:first-child, .profile-nav UL LI:last-child { width:33%; } .profile-nav UL LI H1 { font-size:2.2em; } .profile-nav UL LI:last-child SPAN { display:inline; } .profile-nav UL LI:first-child SPAN { display:inline; } UL.profiles.short LI, UL.profiles.thumbView LI { width:24%; } } @media screen and (min-width:769px) { .newMembers .profileInfo P, .featuredMembers .profileInfo P, .suggestedMembers .profileInfo P { display:block; } .my #profile-menu LI { width:auto; } } @media screen and (min-width:980px) { body.dev FOOTER { border-top:5px solid #b0c0d0; } #container .wrapper { padding:.5em 0; min-height:50em; } .wrapper { max-width:98em; } #content { width:75%; padding:0 0 2em 0; margin:0; min-height:500px; float:left; } #aside { width:25%; margin:0; padding:.5% 1.5%; float:right; } #c-profile #content, #c-apps #content { width:81%; } #c-profile #aside, #c-apps #aside { width:18%; } #c-profile #container .wrapper { padding-bottom:0; } /* #c-profile-photos #container .wrapper { padding-bottom:0; }*/ /* search by username, must be shorter because the content is shorter */ .searchProfile #profile-head .sidebar, #c-profile-photos #profile-head .sidebar, .searchProfile .userProfileDisplay .sidebar { width:24%; float:left; } .searchProfile #profile-head .profileInfo , #c-profile-photos #profile-head .profileInfo , .searchProfile .userProfileDisplay .profileInfo { width:67%; float:right; clear:none; } .userProfileDisplay .sidebar, #profile-head .sidebar { width:27%; float:left; clear:both; } .userProfileDisplay .profileInfo, #profile-head .profileInfo { width:70%; float:right; clear:none;} #user-basic-info { float:none; width:auto; margin:0; padding:0; } .profile_actions { float:none; width:auto; margin:0; padding:0; padding-top:1em; border-width:1px 1px 0 1px; } #profile-menu { margin:1em 0; } #featuredMemberOuter .featuredInfo { float:none; width:100%; } #featuredMemberOuter .featuredC2A { float:none; font-size:1.5em; width:100%; margin-top:1em; padding:0; } #featuredMemberOuter .featuredProfile { text-align:center; } .outerSearch INPUT[name="zip"] { width:4em; padding:.3em .2em;} .outerSearch SELECT[name="distance"] { width:auto; } #our-friends li { float:none; width:100%; text-align:left; } #our-friends li a img { float:left; } ul.menu li { float:none; width:100%; margin-right:0; text-align:left; } #accordion .section span { float:right; } .formBody { width:100%; } .formHelp { display:block; padding:.5em 2em;} .formBody .row FIELDSET LABEL { width:33.33%; } .taboid LI A ABBR { display:none; } .taboid LI A SPAN { font-size:1em; } #loginButton { width:50%; float:left; } .keepmeLoggedin { width:45%; float:right; } #signup_checkAvailability { width:48%; margin-top:2em; float:right; clear:none; } #signupForm { float:left; width:50%; } #signupTeaser { float:right; width:48%; } #form_signup_username { float:left; width:50%; } #form_signup_pass INPUT#signup_pass { float:left; width:48%; } #signup_checkAvailability, #form_signup_pass .commentNoRetype { float:right; width:48%; text-align:left; } #form_signup_gender_id, #form_signup_country { float:left; width:50%; } #form_signup_city_name, #form_signup_looking_id, #form_signup_city, #form_signup_zip { float:right; width:48%; clear:none; } .profile-register H1 { float:left; width:50%; text-align:center; padding:2%; } .profile-register UL.profiles-full { float:left; width:50%; padding:0 2%; } .profile-register H2 { clear:both; } H2.signup-now SPAN { display:inline-block; opacity:0.7;} /* Req Daniil 2014-05-16 */ aside #featuredMemberOuter .box { width:100%; } #media-container { margin:0; padding:1em 4em; } #media-content .nav-previous-media { left:-4em; } #media-content .nav-next-media { right:-4em; } #welcome A.btn-s EM { font-size:.9em;} #welcome #user-submenu { padding:3px; } #welcome #user-submenu EM { font-size:1em; } #appMsgContainer { padding-bottom:.4em; } } @media screen and (min-width:1600px) { #sysMsgContainer .infoMessage { max-width: 17%; margin:.6em; } #sysMsgContainer P { font-size:1.5em; padding:.7em 1em; line-height:120%; } } @media screen and (max-width:980px) { body.dev FOOTER { border-top:5px solid #F2C455; } #logo { width:36%; } aside .box { width:100%; padding:0; overflow:hidden; } aside .box.full .group { width:48%; float:left; padding:1%; } #our-friends {overflow: hidden;} h1 { font-size:2em; } [class*="browser-opera-"] .featuredSeal span, [class*="browser-opera-"] .featuredSealSmall span { padding:2.5% 1%; } [class*="browser-opera-"] #featuredMemberOuter .featuredProfile .featuredInfo .thumbnailLink .featuredSealSmall { margin-left:70px; } #happy-hour-container { width:50%; } #c-Home .browse-links LI { width:32%; border:none; } #media-gallery .media-wrapper IMG { max-width:100%; height:auto; } .browser-firefox #media-gallery .media-wrapper IMG { width:100%; max-height:none; } #media-gallery {width:100%; min-width:0; max-width:65em;} #media-details, #media-content, #media-comments, #media-gallery .media-wrapper, #comments-list { height:auto; min-height:0; padding:0; } #media-container, #media-details { display:block; width:auto; margin:0; padding:1.2em; } #media-gallery .media-submenu { position:relative; top:0; margin-top:10px; margin-bottom:10px; } #media-gallery .media-actions { position:relative; margin-bottom:10px; } .gallery-navigation a {margin:.6em;} #appMsgContainer P .ifc { vertical-align: middle; margin-bottom:0; height:20px; background-position: -128px -6px; } } /* Req Daniil 2014-05-16 */ @media screen and (min-width:640px) and (max-width:980px) { aside #featuredMemberOuter .box { max-width:200px; float:none; width:100%; margin:0px auto 2em; } } @media screen and (max-width:768px) { body.dev FOOTER { border-top:5px solid #e0d0c0; } #logo { width:auto; max-width:72%; } #welcome .profileLinks { display:none; } H1 { font-size:2em; } .my-lists .users-list LI { width:100%; height:auto; clear:both; } } @media screen and (max-width:640px) { body.dev FOOTER { border-top:5px solid #d0f0d0; } H1 { font-size:2em; } #logoImage { width:100%; } #menu .mainMenu { display:none; } aside #search.box { width:100%; float:none; clear:both; } aside #featuredMemberOuter .box { width:100%; float:none; clear:both; text-align:center; } aside #featuredMemberOuter .box .featuredInfo { width:50%; float:left; padding-top:0; } aside #featuredMemberOuter .box .featuredC2A { width:40%; float:right; font-size:2em; text-align:left; padding-top:3em; } #featuredMemberOuter .featuredProfile .featuredInfo .thumbnailLink .featuredSealSmall { margin-left:70px; } .pad2 .fleft.w20 { float:none; margin:0 auto; } .pad2 .fright.w80 { display:block; width:100%; float:none; } [class*="browser-opera-"] .featuredSeal SPAN, [class*="browser-opera-"] .featuredSealSmall SPAN { padding:4.4% 1%; } .hpTxtPromo { padding:0 .5em; margin:.5em 0;} #text-ads LI:last-child { display:none; visibility:hidden; } #text-ads LI { width:50%; } .cs-container { max-width:100%; float:left; } p.cs-text { max-width:100%; } ul.profiles.short LI, ul.profiles.thumbView LI { width:32.33%; } ul.profiles.columnView LI { width:100%; } #happy-hour-container { width:100%; } .sideMenuToggler, #menu .mediaMenu, #menu UL LI A ABBR { display:block; } #menu .wrapper > UL > LI > A { line-height:30px; } #c-Home .browse-links LI { width:48%; } .single-match .match-section { width:100%; padding:1em; margin:0;} .single-match .match-response { padding: 0; } .single-match .match-section.match-profile, .single-match .match-section.match-yes, .single-match .match-section.match-no { margin-left: 0%; margin-bottom:0; } #dialogContainer .dialogContent {width:80%; max-width:80%;} #media-container { display:block; width:100%; } #media-details { display:block; width:97%; } .upgradeInfo {text-align:center;} .upgradeInfo .upgradeTitle { width:100%; text-align:center; max-width:none; } .upgradeInfo .upgradeButton { width:auto; max-width:none; text-align:center; float:none; } } @media screen and (max-width:480px) { body.dev FOOTER { border-top:5px solid #f0f0c0; } #logo { width:auto; max-width:200px; } #logo .tagline { display:none; } #welcome { padding:0; } #welcome .signupWrap { display:none; } #welcome #authorizedUser li a.btn-s.login { padding:.3em .1em; } #welcome #authorizedUser li a.btn-s.login em { display:none; } aside .box, aside .box.full, aside .box.full .group { width:100%; float:none; padding:0; } H1 { font-size:2.3em; } #text-ads LI:not(:first-child) { display:none; visibility:hidden; } #text-ads LI { width:100%; } .popup-profileInfo { width:100%; margin-left:0; } .taboid LI A { padding:.5em .5em; } .taboid LI A SPAN { display:none; } .formBody .row.checkboxset fieldset label { float:none; display:block; width:100%; } .userProfileDisplay .profileInfo #description p.description { font-size:1.2em; } .userProfileDisplay .profileInfo table.profileData th { display:block; width:100%; text-align:left; font-size:.8em; border:none; padding-bottom:0; padding-top:.5em; } .userProfileDisplay .profileInfo table.profileData td { display:block; width:100%; padding-top:0; } .photoTeaser LI { width:32%; } [class*="browser-opera-"] .featuredSeal SPAN, [class*="browser-opera-"] .featuredSealSmall SPAN { padding:5% 1%; } #dialogContainer .dialogContent {width:90%; max-width:90%;} #media-gallery .media-box-close { margin-right:.8em;} } @media screen and (max-width:414px) /* iphone 6+ */ { body.dev FOOTER { border-top:5px solid #606060; } UL.profiles.short LI, UL.profiles.thumbView LI { width:49%; } .photoTeaser LI { width:48%; } .photoTeaser LI:nth-child(5) { display:none; } .faqSearch #q { max-width:70%; } .faqSearch BUTTON { display:block; margin:0.5em auto } #c-faq ul.hlinks { float:none; text-align:center; } .ui-tabs .ui-tabs-nav { display:block; float:none; width:auto; height:auto; } .ui-tabs .ui-tabs-nav li { display:block; float:none; top:auto; width:auto; height:auto; clear:both; border-bottom-width:1px !important;} .ui-tabs .ui-tabs-nav li a { display:inline-block; } .ui-tabs .ui-tabs-nav li .ui-icon.ui-icon-close { float:right !important; } /* thumbs on inbox */ .teaserMembers UL.profiles.short LI { width:24%; } } @media screen and (max-width:320px) { body.dev FOOTER { border-top:5px solid #000000; } #logo { width:auto; max-width:170px; } .not-logged #logo { width:auto; max-width:100%; } #logo IMG { max-height:60px; } #welcome #authorizedUser #user-submenu.btn-s.login { padding:0; margin:0; } H1 { font-size:2.1em; } H2 { font-size:1.8em; } H3 { font-size:1.6em; } H4 { font-size:1.4em; } H5 { font-size:1.2em; } .taboid LI A { padding:.5em .3em; } ASIDE #featuredMemberOuter .box .featuredInfo { width:100%; float:none; padding-top:0; } ASIDE #featuredMemberOuter .box .featuredC2A { width:100%; float:none; text-align:center; font-size:1.5em; padding-top:.5em; } ASIDE .outerSearch {text-align:center;} ASIDE .outerSearch form {display:inline-block; text-align:left;} UL.profiles.thumbView .thumbnail { height:auto; } UL.profiles.columnView > LI { width:99%; } UL.profiles.browse .profileListThumbnail { width:35%; } UL.profiles.browse .profileInfo { width:60%; } UL.profiles LI .profileInfo h4.username { font-size:1.3em; } UL.threads LI .threadSelect { display:none; } .outerSearch LABEL { width:100%; display:block; text-align:left;} .outerSearch .ageFromTo LABEL.ageTo { width:auto; display:inline-block; } FOOTER#footer { padding:0.5em; } FOOTER h2 { font-size:1.4em; margin:0.1em auto;} FOOTER P { font-size:.9em; } FOOTER #browse-links { display:none; } .cs-container .cs-inner { max-width:60%; margin-left:85px; } .cs-container .cs-inner div { max-width:100%; } .cs-container { background:url('/ifc/cs-link.png') left bottom no-repeat; } } /** requested by Eric /T2114#30027 **/ FOOTER .profile-sharing { margin-bottom:1.8em; } .profile-sharing-info { text-align: justify; } .profile-sharing-info p { margin:1em 0; } /** Zoran: playground for something, WIP **/ .overlay-text { text-align: center; } .overlay-text p { color: #fff; font-size: 2.5em; } .centered { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } .overlay-text .loader { position: relative; display: inline-block; margin: 0; font-size:1.2em; } /** Zoran: see /T2223 */ #registration-in-progress { padding:1em; font-size: 2em; position: absolute; z-index:20000; } /** Zoran: T3687 */ .search-options-notification { font-size: 1.2em; }