/* -------------------------------------------------------------- RESET BROWSER DEFAULT STYLING -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0;padding:0;border:0;font-weight:inherit; font-style:inherit;font-size:100%; font-family:inherit;vertical-align:baseline; } body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* -------------------------------------------------------------- CLEARING Clear floated elements -------------------------------------------------------------- */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .self-clear { _height: 1%; *display: inline-block; _display: block; } .self-clear:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .floatLeft { float: left; } .floatRight { float: right; } /* -------------------------------------------------------------- TYPOGRAPHY The font-size percentage is of 16px. (0.75 * 16px = 12px) -------------------------------------------------------------- */ body { font-size: 75%; color: #000; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.1px; } /* -------------------------------------------------------------- SITEWIDE STUFF -------------------------------------------------------------- */ body { background: #fff url(../../images/newpiczo/bgFade.gif) repeat-y 50% 0; margin: 0; padding: 0; height: 100%; } .bgHolder { background: transparent url(../../images/newpiczo/bgFlowers.jpg) no-repeat 50% 0; } a, button { cursor: pointer; } /* -------------------------------------------------------------- Stubbornella's grid (http://github.com/stubbornella/oocss) -------------------------------------------------------------- */ .line:after,.unit-last:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";} .line{*zoom:1;} .unit{float:left;} .unit-alt{float:right;} .size1of1{float:none;} .size1of2{width:50%;} .size1of3{width:33.33333%;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .unit-last{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;} /*grid-debug*/ /*.line{background-color:#e2e2e2;} .size1of1{background-color:pink;} .size1of2{background-color:red;} .size1of3{background-color:orange;} .size2of3{background-color: yellow;} .size1of4{background-color:lime;} .size3of4{background-color:green;} .size1of5{background-color:aqua;} .size2of5{background-color:blue;} .size3of5{background-color:purple;} .size4of5{background-color:magenta;}*/ /* -------------------------------------------------------------- Padding-/margin classes for helping to maintain consistent looks -------------------------------------------------------------- */ .margin { margin: 20px; } .margin-v { margin-top: 20px; margin-bottom: 20px;} .margin-t { margin-top: 20px; } .margin-b { margin-bottom: 20px; } .margin-l { margin-left: 20px; } .margin-r { margin-right: 20px; } .margin-half { margin: 10px; } .margin-half-v { margin-top: 10px; margin-bottom: 10px;} .margin-half-t { margin-top: 10px; } .margin-half-b { margin-bottom: 10px; } .margin-half-l { margin-left: 10px; } .margin-half-r { margin-right: 10px; } /* Homepage takeover code (should be rendered by OpenX) -------------------------------------------------------------- #hpto { width:1254px; margin:auto; padding-top:100px; background:transparent url(../../images/newpiczo/stardoll.gif); } .container { margin:auto } */ /* Homepage takeover - Version: "Pink lady" -------------------------------------------------------------- */ #pinkLady { position: relative; height: 552px; } .start-hi { position: absolute; left: 60px; top: 55px; color: #fff; width: 340px; font-size: 1.2em; } .start-hi a { color: #c0077c; } .start-hi h2 { font-size: 2.5em; line-height: normal; margin: 0 0 5px 0; padding: 160px 0 0 0; background: url(../../images/newpiczo/hi.gif) no-repeat 0 0; } .attention-w { position: absolute; right: 0; top: -18px; } /* Homepage takeover - Version: "Asian lady" -------------------------------------------------------------- */ #asianLady { height: 540px; background: #fff url(../../images/newpiczo/asianLady.jpg) no-repeat 0 0; font-size: 1.2em; } #asianLady .info, #asianLady .ad { float: right; clear: right; width: 305px; margin: 16px 0 0 0; } #asianLady .info { padding: 0 27px 0 0; width: 278px; } #asianLady .info h3 { font-size: 2.2em; margin: 0 0 5px 0; } /* Homepage takeover - Version: "Reasons" -------------------------------------------------------------- */ #main-reasons { min-height: 0 !important; } .join-reasons { list-style: none; padding: 0; margin: 0; color: #fff; border-right: 2px solid #fff; } .join-reasons li { display: block; padding: 20px; margin: 0; overflow: hidden; background: #000 no-repeat 0 0; border-bottom: 2px solid #fff; height: 146px; } .join-reasons li.reason-blogs { background-image: url(../../images/newpiczo/chick1.jpg); } .join-reasons li.reason-sites { background-image: url(../../images/newpiczo/chick2.jpg); } .join-reasons li.reason-members { background-image: url(../../images/newpiczo/chick3.jpg); } .join-reasons li h2, .join-reasons li div { float: left; } .join-reasons li h2 { width: 383px; text-align: right; margin: 0 20px 0 0; font-size: 2.6em; } .join-reasons li div { width: 245px; font-size: 1em; } .join-reasons li div p { margin: 0 0 10px 0; } .join-reasons li div .join-button { margin: 15px 0 0 0; font-size: 1.2em; display: block; } .reasons-login { position: relative; height: 564px; } .login-form-new { padding: 10px 32px 20px 38px; background: #000; } .login-form-new label { display: block; margin: 10px 0 3px 0; font-size: 1em; } .login-form-new label a { float: right; font-size: 0.9em; position: relative; top: 3px; } .login-form-new label span { float: left; } .login-form-new .text { display: block; width: 220px; font-size: 1.3em; } .login-form-new .join-button { background: transparent url(../../images/newpiczo/join-ok.gif) no-repeat; display: block; position: relative; overflow: visible; background-color: transparent; margin: 20px 0 0 0; padding: 1px 0 2px 30px; height: auto; width: 230px; text-align: left; line-height: normal; text-transform: none; font-size: 1.2em; } .login-form-new .join-button:hover { border: 1px solid #C0087D; } .reasons-login .ad { position: absolute; bottom: 0; border-bottom: 2px solid #fff; line-height: 0; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-size: 1.2em; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; } p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } a { color: #A22876; cursor: pointer; text-decoration: none; font-weight: bold; } a:focus, a:hover { text-decoration: underline; } em { /* color: #A22876; */ } blockquote { margin: 1.5em; color: #666; } strong { font-weight: bold; } em,dfn { } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; } del { color:#666; } pre { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em/1.5 'andale mono', 'lucida console', monospace; } .gradient, .gradient-reverse { font-weight: bold; } .gradient { color: #fff; } .gradient-reverse { color: #000; } a.gradient, a.gradient span, a.gradient-reverse, a.gradient-reverse span { cursor: pointer; color: #A22876; } /* Lists -------------------------------------------------------------- */ li ul, li ol { margin:0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; width:100%; } th { font-weight: bold; } thead th { background: #c3d9ff; } th,td,caption { padding: 4px 10px 4px 5px; } tr.even td { background: #e5ecf9; } tfoot { } caption { background: #eee; } /* Misc classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } #content .hidden { position: absolute; left: -2000em; top: 0; overflow: hidden; margin: 0; padding: 0; } .quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .overflow-visible, #main-blog.overflow-visible { overflow: visible; overflow: visible !important; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } a.suggestion { color: #fff; font-weight: bold; } a.suggestion:hover { color: #A22876; text-decoration: underline; } .center-wrapper { text-align: center; } .divider { background: #fff url(../../images/newpiczo/handdrawn-divider.gif) no-repeat 50% 0; clear: both; display: block; height: 9px; width: 669px; overflow: hidden; margin: 10px 0; } .stardoll, .paperdollheaven { background: transparent url(../../images/newpiczo/stardoll.gif) no-repeat; text-indent: -2000em; display: block; float: left; height: 55px; width: 95px; } .paperdollheaven { background: transparent url(../../images/newpiczo/pdh.png) no-repeat; width: 112px; height: 50px; margin: 4px 0 0 15px; } .under-13, .log-in, .sign-up, .deleteAccount, forgotPassword { color: #fff; width: 275px; margin: 0 0 10px 0; overflow: hidden; } .under-13 { height: 0; background: url(../../images/newpiczo/under-13.gif) no-repeat; padding: 19px 0 0 0; } .log-in { height: 0; background: url(../../images/newpiczo/log-in.gif) no-repeat; padding: 23px 0 0 0; } .sign-up { font-size:30px; font-weight:bold; letter-spacing:-2px; line-height:1.2em; padding: 4px 0 0 0; } .tag { background: transparent url(../../images/newpiczo/tagArrows.png) no-repeat 0 50%; display: block; width: 15px; height: 24px; position: absolute; z-index: 100; overflow: hidden; } .tag.done { z-index: 99; opacity: 1; } .tag.right { background-position: 100% 50%; text-align: right; } #main-blog .right { margin-left: -22px; } .tag div { background-color: transparent; } .tag .tagLabel { position: absolute; display: block; left: 20px; top: 0; width: 200px; padding: 0 5px; line-height: 22px; background: #000; color: #fff; border: 1px solid #fff; font-size: 1.3em; z-index: 101; } .tag.right .tagLabel { left: auto; right: 18px; } .tag.number-1, .tag.number-2, .tag.number-3, .tag.number-4, .tag.number-5, .tag.number-6 { background-position: 0 100%; padding: 2px 0 3px 27px; } .tag.number-1 { background: url(../../images/newpiczo/cross-1.gif); } .tag.number-2 { background: url(../../images/newpiczo/cross-2.gif); } .tag.number-3 { background: url(../../images/newpiczo/cross-3.gif); } .tag.number-4 { background: url(../../images/newpiczo/cross-4.gif); } .tag.number-5 { background: url(../../images/newpiczo/cross-5.gif); } .tag.number-6 { background: url(../../images/newpiczo/cross-6.gif); } .description { /* color: #A22876; */ } .feats { clear: both; border-bottom: 2px solid #fff; border-top: 2px solid #fff; overflow: hidden; font-size: 1.1em; } .feats div { float: left; width: 213px; border-right: 2px solid #fff; padding: 20px 90px 20px 25px; color: #fff; } .feats div.last { border-right: 0 none; padding-right: 92px; } .feats h3 { font-size: 2.2em; margin: 0 0 5px 0; font-weight: bold; } .feats p { margin: 0 0 10px 0; } /* Standard notice styles, for success messages etc */ .notice, .error { background: #fff5b2; clear: both; margin-bottom: 10px; padding: 10px; } .error { background: #be1c29; color: #fff; } .notice p { font-size: 14px; margin: 0; } #main-create .notice { margin-right: 10px; } #main-create .error { font-size: 1.2em; } /* -------------------------------------------------------------- FORMS -------------------------------------------------------------- */ label { font-weight: bold; /* color: #A22876; */ } label.inside-label { display: none; } fieldset { padding: 0 10px; margin: 0 5px 15px; border-bottom: 1px solid #000; } legend { font-weight: bold; font-size:1.2em; } .responses { padding: 5px 0; float: left; margin: 0; color: #be1c29; font-weight: bold; clear:both;} .responses li { display: block; padding: 5px; } input, textarea, button, select { font-family: inherit; } /* Form fields -------------------------------------------------------------- */ input.text, input.title, textarea, select { margin:0; border:1px solid #a72176; color: #a72176; font-weight: bold; } input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #a72176; } .password-clear { display: none; } .big-error { text-align: right; padding: 5px 20px; font-size: 1.8em; border: 3px solid #A01205; background: #fff; margin-right: 20px; } .input-error { background: transparent url(../../images/newpiczo/error-bg.gif) 0 0 no-repeat; display: inline-block; position: relative; line-height: 23px; color: #fff; font-weight: bold; margin: 0; padding: 0 4px; text-transform: uppercase; opacity: 0.9; cursor: pointer; overflow: hidden; } .input-error .right-border { background: #9e216f url(../../images/newpiczo/error-bg-right.gif) 0 0 no-repeat; display: block; position: absolute; right: 0; top: 0; height: 23px; width: 2px; } input.text, input.title { width: 95px; padding:4px; background: #fff; } input.text, input.title, select { font-size:11px; } select { padding: 2px; } textarea { width: 390px; height: 250px; padding:5px; } input.checkbox { margin: 2px 0 0 0; } textarea.big-form, select.big-form, input.big-form { clear: both; width: 660px; display: block; font-size: 1.7em; font-weight: bold; padding: 4px; margin: 0 0 12px 0; } input.big-form { width: 650px; } .checkbox-wrapper { float: left; height: 51px; width: 298px; background: #f2f2f2; margin: 0 12px 12px 0; position: relative; overflow: hidden; } .checkbox-wrapper input.big-form { display: block; width: 15px; height: 15px; position: absolute; left: 17px; top: 15px; } .checkbox-wrapper label { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; margin: 0; padding: 11px 0 0 38px; cursor: pointer; text-transform: uppercase; } .checkbox-wrapper label strong { font-size: 1.3em; } .checkbox-wrapper label .description { display: block; clear: left; float: left; text-transform: none; color: #000; font-size: 0.9em; line-height: 14px; } #main-create div.video div.content { overflow:hidden; } #main-create div.video div.content input { width:298px; } #main-create div.video div.content input, #main-create div.video div.content button { float:left; } #main-image { /*background: url(../../images/newpiczo/add-image-main.gif) no-repeat;*/ position: relative; float: left; width: 440px; margin: 0 4px 0 0; z-index: 2; } #main-image .add-outfit-photo { background: url(../../images/newpiczo/add-image-main.gif) no-repeat; width: 440px; height: 332px; } #main-image .img-wrapper { width: 440px; overflow: hidden; float: left; } #main-image img { cursor: url(../../images/newpiczo/crossair.gif), auto; } #add-tags-ie { margin: 0 0 5px 0; } .additional-images { float: left; margin: 0; width: 216px; overflow: hidden; } .additional-images .additional-image, .additional-images .unit { background: url(../../images/newpiczo/add-image-side.gif) no-repeat; cursor: pointer; overflow: hidden; margin: 0 0 6px 0; height: 163px; } .additional-images .unit { background-image: none; height: auto; } . add-image a { display: block; height: 100%; } #loading { background: #000; clear: both; padding: 20px; } #loading h2, #loading p { margin: 0; color: #fff; } #loading p { margin: 0 0 10px 0; } #loading img { display: block; width: 100px; margin: 0 auto; text-align: center; } #outfitpost-wrapper .photo { position: relative; } #outfitpost-wrapper .photo .del-s { position: absolute; margin: 0; top: 0; right: 0; width: 21px; z-index: 1000; } .add-categories { float: left; width: 420px; overflow: hidden; background: #fff; } .add-categories button { width: 100px; float: left; } .add-categories .add .text { clear: left; width: 315px; float: left; font-size: 1.2em; } .add-categories .add .button-add { float: left; margin: 4px 0 0 3px; } .add-categories label { color: #000; text-transform: uppercase; font-size: 1.2em; margin: 0 0 3px 0; display: block; } .add-categories #cat-listing { float: left; width: 190px; list-style: none; margin: 0 0 0 20px; overflow: hidden; } .add-categories #cat-listing h4 { background: url(../../images/newpiczo/remove.gif) no-repeat; height: 23px; margin: 0; text-indent: -2000em; } .add-categories #cat-listing li { display: block; margin: 0 0 3px 0; } .add-categories #cat-listing li a { display: block; border: 1px solid transparent; } .add-categories #cat-listing li a:hover { border: 1px solid #A22876; background: transparent; color: #A22876; } .add-categories #cat-listing li a .del-s { opacity: 0; } .add-categories #cat-listing li a:hover .del-s { opacity: 1; } #tagForm { position: absolute; width: 235px; z-index: 101; background: #000; overflow: hidden; padding: 5px; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #tagForm label, #tagForm input, #tagForm button { display: block; float: left; overflow: hidden; } #main-create #tagForm label { clear: left; line-height: 1.2em; font-size: 1.1em; text-align: right; color: #fff; margin: 3px 5px 3px 0; } #main-create #tagForm input { clear: left; display: block; width: 221px; margin-bottom: 6px; border: 1px solid #000; } #tagForm button { clear: left; float: left; margin: 0 0 3px 0; background: transparent; width: 120px; } #tagForm button:hover, #tagForm .close:hover { background: #A22876; border: 1px solid #A22876; } #tagForm .close { float: right; background: transparent; border: 1px solid #000; } #tagForm .close span { opacity: 0; } #tagForm .close:hover span { opacity: 1; } #tagForm .error { color: #fff; font-size: 1.1em; margin: 0; text-align: center; text-transform: uppercase; } .tagListContainer { clear: both; margin: 5px 0; line-height: 26px; } .tagListContainer h5 { font-size: 1.2em; display: inline; margin: 0; } .tagListContainer ul { display: inline; margin: 0; } .tagListContainer li { display: inline; margin: 0 0 0 5px; } .tagListContainer .info { margin: 0 0 0 5px; color: #808080; +zoom: 1;} #frameStore { height: 1px; overflow: hidden; } #siteId .submit { display: block; clear: both; float: right; margin: 0 20px 0 0; } /* Buttons -------------------------------------------------------------- */ button { cursor: pointer; } .button-text { background-repeat: no-repeat; background-color: transparent; overflow: visible; border: 0 none; padding: 0; line-height: inherit !important; font-size: inherit; color: #A22876; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } .button-arrow, .button-done, .button-submit, .button-go, .button-add, .button-post, .button-preview, #colorbox .join button, #colorbox .login button { display: block; border: 0 none; text-indent: -2000em; padding: 0; background-repeat: no-repeat; background-color: transparent; } .button-arrow { background: url(../../images/newpiczo/arrow-right.png); position: relative; top: 2px; height: 12px; width: 15px; margin: 0 0 0 2px; } .button-done { background-image: url(../../images/newpiczo/done.png); width: 61px; height: 21px; } .button-submit { background-image: url(../../images/newpiczo/submit.gif); width: 94px; height: 29px; } .button-go { background-image: url(../../images/newpiczo/button-go.gif); width: 66px; height: 34px; } .button-add { background-image: url(../../images/newpiczo/add.gif); width: 18px; height: 18px; } .button-post { background-image: url(../../images/newpiczo/button-post.gif); width: 93px; height: 47px; } .button-preview { background-image: url(../../images/newpiczo/button-preview.gif); width: 91px; height: 47px; } .join-button { padding: 0 10px 0 0; height: 52px; line-height: 21px !important; display: inline-block; border: 1px solid #c0087d; color: #c0087d; text-decoration: none; font-size: 1em; font-weight: bold; } .join-button:hover { text-decoration: none; border: 1px solid #000; } .buttonFollow, .buttonHype, .buttonPen, .buttonGo { display: inline-block; width: 66px; height: 19px; padding: 0 2px 0 24px; background: #fff no-repeat; line-height: 19px; font-weight: normal; font-size: 1.2em; } .buttonFollow { background: url(../../images/newpiczo/buttonFollow.gif); } .buttonHype { background: url(../../images/newpiczo/buttonHype.gif); } .buttonPen { background: url(../../images/newpiczo/buttonPen.gif); } .buttonGo { width: 193px; height: 25px; line-height: 25px; padding-left: 36px; background: url(../../images/newpiczo/buttonGo.gif); } .buttonFollow:hover, .buttonHype:hover, .buttonPen:hover, .buttonGo:hover { color: #fff; background-color: #A22876; text-decoration: none; } .buttonGo:hover { background-color: #C13D84; } .piczoButtonSmall, .piczoButtonMedium, .piczoButtonLarge { display: inline-block; position: relative; background-color: #fff; color: #A22876; cursor: pointer; border: 1px solid #A22876; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-weight: bold; text-align: left; text-decoration: none; } .piczoButtonSmall:hover, .piczoButtonMedium:hover, .piczoButtonLarge:hover { background-color: #A22876; color: #fff; text-decoration: none; } .piczoButtonSmall span, .piczoButtonMedium span, .piczoButtonLarge span { line-height: 0; margin: 0; position: absolute; left: 0; top: 0; } .piczoButtonSmall { /*font-size: 0.9em;*/ font-size: 14px; letter-spacing: -1px; height: 19px; line-height: 19px; padding: 0 4px 0 23px; } .piczoButtonMedium { /*font-size: 1.1em;*/ font-size: 14px; letter-spacing: -1px; height: 25px; line-height: 25px; padding: 0 7px 0 32px; } .piczoButtonLarge { /*font-size: 1.8em;*/ font-size: 24px; letter-spacing: -2px; height: 52px; line-height: 52px; padding: 0 10px 0 62px; } button.piczoButtonSmall, button.piczoButtonMedium, button.piczoButtonLarge { overflow: visible; } button.piczoButtonSmall { height: 20px; } button.piczoButtonMedium { height: 26px; } button.piczoButtonLarge { height: 53px; } /* Firefox fix */ /*button.piczoButtonSmall span, x:-moz-any-link, x:default { top: -2px; left: -26px; } button.piczoButtonMedium span, x:-moz-any-link, x:default { top: -6px; left: -35px; } button.piczoButtonLarge span, x:-moz-any-link, x:default { top: -13px; left: -65px; }*/ .piczoButtonLarge:hover .ok-l, .piczoButtonLarge .ok-l:hover { background-position: -2px -52px; } .piczoButtonMedium:hover .ok-m, .piczoButtonMedium .ok-m:hover { background-position: 0 -25px; } .piczoButtonSmall:hover .ok-s, .piczoButtonSmall .ok-s:hover { background-position: 0 -19px; } .piczoButtonLarge:hover .del-l, .piczoButtonLarge .del-l:hover { background-position: -53px -52px; } .piczoButtonMedium:hover .del-m, .piczoButtonMedium .del-m:hover { background-position: -25px -25px; } .piczoButtonSmall:hover .del-s, .piczoButtonSmall .del-s:hover { background-position: -18px -19px; } .piczoButtonLarge:hover .add-l, .piczoButtonLarge .add-l:hover { background-position: -105px -52px; } .piczoButtonMedium:hover .add-m, .piczoButtonMedium .add-m:hover { background-position: -50px -25px; } .piczoButtonSmall:hover .add-s, .piczoButtonSmall .add-s:hover { background-position: -37px -19px; } .piczoButtonLarge:hover .minus-l, .piczoButtonLarge .minus-l:hover { background-position: -157px -52px; } .piczoButtonMedium:hover .minus-m, .piczoButtonMedium .minus-m:hover { background-position: -75px -25px; } .piczoButtonSmall:hover .minus-s, .piczoButtonSmall .minus-s:hover { background-position: -56px -19px; } .piczoButtonLarge:hover .love-l, .piczoButtonLarge .love-l:hover { background-position: -209px -52px; } .piczoButtonMedium:hover .love-m, .piczoButtonMedium .love-m:hover { background-position: -100px -25px; } .piczoButtonSmall:hover .love-s, .piczoButtonSmall .love-s:hover { background-position: -75px -19px; } .piczoButtonLarge:hover .unlove-l, .piczoButtonLarge .unlove-l:hover { background-position: -261px -52px; } .piczoButtonMedium:hover .unlove-m, .piczoButtonMedium .unlove-m:hover { background-position: -125px -25px; } .piczoButtonSmall:hover .unlove-s, .piczoButtonSmall .unlove-s:hover { background-position: -94px -19px; } .piczoButtonLarge:hover .chat-l, .piczoButtonLarge .chat-l:hover { background-position: -313px -52px; } .piczoButtonMedium:hover .chat-m, .piczoButtonMedium .chat-m:hover { background-position: -149px -25px; } .piczoButtonSmall:hover .chat-s, .piczoButtonSmall .chat-s:hover { background-position: -113px -19px; } .piczoButtonLarge:hover .write-l, .piczoButtonLarge .write-l:hover { background-position: -365px -52px; } .piczoButtonMedium:hover .write-m, .piczoButtonMedium .write-m:hover { background-position: -175px -25px; } .piczoButtonSmall:hover .write-s, .piczoButtonSmall .write-s:hover { background-position: -133px -19px; } .piczoButtonLarge:hover .mail-l, .piczoButtonLarge .mail-l:hover { background-position: -418px -52px; } .piczoButtonMedium:hover .mail-m, .piczoButtonMedium .mail-m:hover { background-position: -200px -25px; } .piczoButtonSmall:hover .mail-s, .piczoButtonSmall .mail-s:hover { background-position: -151px -19px; } .piczoButtonLarge:hover .excl-l, .piczoButtonLarge .excl-l:hover { background-position: -469px -52px; } .piczoButtonMedium:hover .excl-m, .piczoButtonMedium .excl-m:hover { background-position: -225px -25px; } .piczoButtonSmall:hover .excl-s, .piczoButtonSmall .excl-s:hover { background-position: -170px -19px; } .piczoButtonLarge:hover .triangle-l, .piczoButtonLarge .triangle-l:hover { background-position: -521px -52px; } .piczoButtonMedium:hover .triangle-m, .piczoButtonMedium .triangle-m:hover { background-position: -250px -25px; } .piczoButtonSmall:hover .triangle-s, .piczoButtonSmall .triangle-s:hover { background-position: -189px -19px; } .piczoButtonLarge:hover .block-l, .piczoButtonLarge .block-l:hover { background-position: -571px -52px; } .piczoButtonMedium:hover .block-m, .piczoButtonMedium .block-m:hover { background-position: -275px -25px; } .piczoButtonSmall:hover .block-s, .piczoButtonSmall .block-s:hover { background-position: -207px -19px; } .piczoButtonLarge:hover .leftarrow-l, .piczoButtonLarge .leftarrow-l:hover { background-position: -625px -52px; } .piczoButtonMedium:hover .leftarrow-m, .piczoButtonMedium .leftarrow-m:hover { background-position: -300px -25px; } .piczoButtonLarge:hover .rightarrow-l, .piczoButtonLarge .rightarrow-l:hover { background-position: -674px -52px; } .piczoButtonMedium:hover .rightarrow-m, .piczoButtonMedium .rightarrow-m:hover { background-position: -326px -25px; } .piczoButtonSmall:hover .rightarrow-s, .piczoButtonSmall .rightarrow-s:hover { background-position: -264px -19px; } .piczoButtonLarge:hover .uparrow-l, .piczoButtonLarge .uparrow-l:hover { background-position: -727px -52px; } .piczoButtonMedium:hover .recycle-m, .piczoButtonMedium .recycle-m:hover { background-position: -375px -25px; } .piczoButtonMedium:hover .openmail-m, .piczoButtonMedium .openmail-m:hover { background-position: -400px -25px; } .piczoButtonMedium:hover .reply-m, .piczoButtonMedium .reply-m:hover { background-position: -425px -25px; } .piczoButtonMedium:hover .rss-m, .piczoButtonMedium .rss-m:hover { background-position: -450px -25px; } /* Icons -------------------------------------------------------------- */ .ok-l, .del-l, .add-l, .minus-l, .love-l, .unlove-l, .chat-l, .write-l, .mail-l, .excl-l, .triangle-l, .block-l, .leftarrow-l, .rightarrow-l, .uparrow-l, .ok-m, .del-m, .add-m, .minus-m, .love-m, .unlove-m, .chat-m, .write-m, .mail-m, .excl-m, .triangle-m, .block-m, .leftarrow-m, .rightarrow-m, .recycle-m, .openmail-m, .reply-m, .rss-m, .ok-s, .del-s, .add-s, .minus-s, .love-s, .unlove-s, .chat-s, .write-s, .mail-s, .excl-s, .triangle-s, .block-s, .rightarrow-s { display: inline-block; vertical-align: middle; margin: 0; cursor: pointer; } .ok-l, .del-l, .add-l, .minus-l, .love-l, .unlove-l, .chat-l, .write-l, .mail-l, .excl-l, .triangle-l, .block-l, .leftarrow-l, .rightarrow-l, .uparrow-l { background: transparent url(../../images/newpiczo/icons-l.gif?2) no-repeat; width: 52px; height: 52px; line-height: 52px; margin-right: 8px; } .ok-m, .del-m, .add-m, .minus-m, .love-m, .unlove-m, .chat-m, .write-m, .mail-m, .excl-m, .triangle-m, .block-m, .leftarrow-m, .rightarrow-m, .recycle-m, .openmail-m, .reply-m, .rss-m { background: transparent url(../../images/newpiczo/icons-m.gif?2) no-repeat; width: 25px; height: 25px; line-height: 25px; margin-right: 5px; vertical-align: middle; } .ok-s, .del-s, .add-s, .minus-s, .love-s, .unlove-s, .chat-s, .write-s, .mail-s, .excl-s, .triangle-s, .block-s, .rightarrow-s { background: transparent url(../../images/newpiczo/icons-s.gif?2) no-repeat; width: 19px; height: 19px; line-height: 19px; margin-right: 3px; } .ok-l { background-position: -2px -52px; } .ok-m { background-position: 0 -25px; } .ok-s { background-position: 0 -19px; } button:hover .ok-l, a:hover .ok-l, .ok-l:hover { background-position: -2px 0; } button:hover .ok-m, a:hover .ok-m, .ok-m:hover { background-position: 0 0; } button:hover .ok-s, a:hover .ok-s, .ok-s:hover { background-position: 0 0; } .del-l { background-position: -53px -52px; } .del-m { background-position: -25px -25px; } .del-s { background-position: -18px -19px; } button:hover .del-l, a:hover .del-l, .del-l:hover { background-position: -53px 0; } button:hover .del-m, a:hover .del-m, .del-m:hover { background-position: -25px 0; } button:hover .del-s, a:hover .del-s, .del-s:hover { background-position: -18px 0; } .add-l { background-position: -106px -52px; } .add-m { background-position: -50px -25px; } .add-s { background-position: -37px -19px; } button:hover .add-l, a:hover .add-l, .add-l:hover { background-position: -105px 0; } button:hover .add-m, a:hover .add-m, .add-m:hover { background-position: -50px 0; } button:hover .add-s, a:hover .add-s, .add-s:hover { background-position: -37px 0; } .minus-l { background-position: -157px -52px; } .minus-m { background-position: -75px -25px; } .minus-s { background-position: -56px -19px; } button:hover .minus-l, a:hover .minus-l, .minus-l:hover { background-position: -157px 0; } button:hover .minus-m, a:hover .minus-m, .minus-m:hover { background-position: -75px 0; } button:hover .minus-s, a:hover .minus-s, .minus-s:hover { background-position: -56px 0; } .love-l { background-position: -209px -52px; } .love-m { background-position: -100px -25px; } .love-s { background-position: -75px -19px; } button:hover .love-l, a:hover .love-l, .love-l:hover { background-position: -209px 0; } button:hover .love-m, a:hover .love-m, .love-m:hover { background-position: -100px 0; } button:hover .love-s, a:hover .love-s, .love-s:hover { background-position: -75px 0; } .unlove-l { background-position: -261px -52px; } .unlove-m { background-position: -125px -25px; } .unlove-s { background-position: -94px -19px; } button:hover .unlove-l, a:hover .unlove-l, .unlove-l:hover { background-position: -261px 0; } button:hover .unlove-m, a:hover .unlove-m, .unlove-m:hover { background-position: -125px 0; } button:hover .unlove-s, a:hover .unlove-s, .unlove-s:hover { background-position: -94px 0; } .chat-l { background-position: -313px -52px; } .chat-m { background-position: -149px -25px; } .chat-s { background-position: -113px -19px; } button:hover .chat-l, a:hover .chat-l, .chat-l:hover { background-position: -313px 0; } button:hover .chat-m, a:hover .chat-m, .chat-m:hover { background-position: -149px 0; } button:hover .chat-s, a:hover .chat-s, .chat-s:hover { background-position: -113px 0; } .write-l { background-position: -365px -52px; } .write-m { background-position: -175px -25px; } .write-s { background-position: -133px -19px; } button:hover .write-l, a:hover .write-l, .write-l:hover { background-position: -365px 0; } button:hover .write-m, a:hover .write-m, .write-m:hover { background-position: -175px 0; } button:hover .write-s, a:hover .write-s, .write-s:hover { background-position: -133px 0; } .mail-l { background-position: -418px -52px; } .mail-m { background-position: -200px -25px; } .mail-s { background-position: -151px -19px; } button:hover .mail-l, a:hover .mail-l, .mail-l:hover { background-position: -418px 0; } button:hover .mail-m, a:hover .mail-m, .mail-m:hover { background-position: -200px 0; } button:hover .mail-s, a:hover .mail-s, .mail-s:hover { background-position: -151px 0; } .excl-l { background-position: -469px -52px; } .excl-m { background-position: -225px -25px; } .excl-s { background-position: -170px -19px; } button:hover .excl-l, a:hover .excl-l, .excl-l:hover { background-position: -469px 0; } button:hover .excl-m, a:hover .excl-m, .excl-m:hover { background-position: -225px 0; } button:hover .excl-s, a:hover .excl-s, .excl-s:hover { background-position: -170px 0; } .triangle-l { background-position: -520px -52px; } .triangle-m { background-position: -250px -25px; } .triangle-s { background-position: -189px -19px; } button:hover .triangle-l, a:hover .triangle-l, .triangle-l:hover { background-position: -521px 0; } button:hover .triangle-m, a:hover .triangle-m, .triangle-m:hover { background-position: -250px 0; } button:hover .triangle-s, a:hover .triangle-s, .triangle-s:hover { background-position: -189px 0; } .block-l { background-position: -571px -52px; } .block-m { background-position: -275px -25px; } .block-s { background-position: -207px -19px; } button:hover .block-l, a:hover .block-l, .block-l:hover { background-position: -571px 0; } button:hover .block-m, a:hover .block-m, .block-m:hover { background-position: -275px 0; } button:hover .block-s, a:hover .block-s, .block-s:hover { background-position: -207px 0; } .leftarrow-l { background-position: -625px -52px; } .leftarrow-m { background-position: -300px -25px; } button:hover .leftarrow-l, a:hover .leftarrow-l, .leftarrow-l:hover { background-position: -625px 0px; } button:hover .leftarrow-m, a:hover .leftarrow-m, .leftarrow-m:hover { background-position: -300px 0; } .rightarrow-l { background-position: -674px -52px; } .rightarrow-m { background-position: -326px -25px; } .rightarrow-s { background-position: -264px -19px; } button:hover .rightarrow-l, a:hover .rightarrow-l, .rightarrow-l:hover { background-position: -674px 0px; } button:hover .rightarrow-m, a:hover .rightarrow-m, .rightarrow-m:hover { background-position: -326px 0; } button:hover .rightarrow-s, a:hover .rightarrow-s, .rightarrow-s:hover { background-position: -264px -1px; } .uparrow-l { background-position: -727px -52px; } button:hover .uparrow-l, a:hover .uparrow-l, .uparrow-l:hover { background-position: -727px 0px; } .recycle-m { background-position: -375px -25px; } button:hover .recycle-m, a:hover .recycle-m, .recycle-m:hover { background-position: -375px 0; } .openmail-m { background-position: -400px -25px; } button:hover .openmail-m, a:hover .openmail-m, .openmail-m:hover { background-position: -400px 0; } .reply-m { background-position: -425px -25px; } button:hover .reply-m, a:hover .reply-m, .reply-m:hover { background-position: -425px 0; } .rss-m { background-position: -450px -25px; } button:hover .rss-m, a:hover .rss-m, .rss-m:hover { background-position: -450px 0; } /* -------------------------------------------------------------- BLACK AND WHITE ICONS -------------------------------------------------------------- */ .ok-m-bw, .del-m-bw, .add-m-bw, .minus-m-bw, .love-m-bw, .unlove-m-bw, .chat-m-bw, .write-m-bw, .mail-m-bw, .excl-m-bw, .triangle-m-bw, .block-m-bw, .leftarrow-m-bw, .rightarrow-m-bw { background: transparent url(../../images/newpiczo/icons-m-bw.gif) no-repeat; position: relative; width: 25px; height: 25px; display: inline-block; margin-right: 5px; line-height: 25px; font-weight: normal; text-align: left; vertical-align: middle; } .add-m-bw { background-position: 0px 0px; } .ok-m-bw { background-position: -25px 0px; } .del-m-bw { background-position: -50px 0px; } .minus-m-bw { background-position: -75px 0px; } .love-m-bw { background-position: -100px 0px; } .unlove-m-bw { background-position: -125px 0px; } .chat-m-bw { background-position: -150px 0px; } .write-m-bw { background-position: -175px 0px; } .mail-m-bw { background-position: -200px 0px; } .excl-m-bw { background-position: -225px 0px; } .excl-m-or { background-position: -225px 0px; } /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------- */ /* Main columns -------------------------------------------------------------- */ .container { margin:auto; width: 990px; background: #000; } #content { clear: both; overflow: hidden; } #main, #main-blog, #main-create, #main-lobby, #main-explore, #main-follow, #main-settings, #password-sent, #main-reasons { float: left; width: 690px; min-height: 780px; _height: 780px; } #piczoList { float: left; width: 690px; overflow: visible; } #sidebar { float: right; width: 300px; color: #fff; background: #000 url(../../images/newpiczo/sidebar-bg.gif) repeat-x; } #sidebar .wrapper { margin: 10px 19px; } .fat { display: block; margin: 0; padding: 0; clear: both; float: none; } #main-stop { background: #000 url(../../images/newpiczo/handdrawn-flower-black.gif) 669px 100% no-repeat; position: relative; } #main-stop .wrapper { position: relative; z-index: 2; } .bg-holder { background: url(../../images/newpiczo/sidebar-bg.gif) repeat-x #000; position: absolute; left: 0; top: -45px; height: 171px; width: 990px; z-index: 1; } #sidebar .userPresentation { clear: both; padding: 35px; } #sidebar .userPresentation .blog-image { margin: 0 0 5px 0; display: block; } #sidebar .userPresentation .moodMessage { margin: 0 0 5px 0; } #sidebar .userPresentation .presentationText { font-size:14px; } #sidebar .userPresentation .piczoButtonMedium { font-size: 18px; width: 190px; margin-top: 2px; } #sidebar .buttonGo { background-image: url(../../images/newpiczo/goButtonHighlight.gif); margin: 0 0 5px 0; } #sidebar .buttonGo:hover { background-color: #AE3D84; } #sidebar .promotion { margin: 20px 0 40px 0; padding: 0 15px; } #sidebar .promotion h3 { font-size: 28px; font-weight: bold; margin-bottom: 15px; } #sidebar .miniList { padding: 0 35px; } #sidebar .miniList h3 { color: #fff; font-weight: bold; font-size: 3em; margin: 0; line-height: normal; letter-spacing: -2px; } #sidebar .miniList ul { padding: 0; list-style: none; } #sidebar .miniList li { font-size: 1.2em; line-height: 23px; } #sidebar .hr { border: 0 none; padding: 0; margin: 20px 10px; height: 1px; overflow: hidden; background: #fff; clear: both; float: none; } #screenthingAd { display: none; } /* Header -------------------------------------------------------------- */ #header { background: url(../../images/newpiczo/header-bg.gif) repeat-x; height: 55px; position: relative; color: #fff; /* IE-fix, the logo doesn't get placed in front of the header unless the z-index here is higher */ #z-index: 1000; } #ads-top-wrapper { background: url(../../images/newpiczo/ad-top-bg.gif) top left repeat-x; overflow: hidden; border-bottom: 3px solid #fff; text-align: center; } #ads-top-wrapper a img { margin: 5px auto 6px; display: block; } #header .logo { background: url(../../images/newpiczo/logo-8.png) no-repeat; position: absolute; top: -1px; left: 0; height: 82px; width: 111px; z-index: 999; margin: 0; } #header .logo a { display: block; height: 100%; text-indent: -2000em; outline: none;} /*********** flag2 ***********/ .flag { background:transparent url(../../images/newpiczo/flags.png?12) no-repeat center 0; display:block; text-indent:-2000em; height:11px; width:16px; #text-indent:1em; line-height:0; border:none; overflow:hidden; outline:none; } .flag.de { background-position:center -11px; } .flag.nl { background-position:center -22px; } .flag.it { background-position:center -33px; } .flag.fr { background-position:center -44px; } .flag.es { background-position:center -55px; } #header .flags { position:absolute; left:110px; top:18px; z-index:2000; } #header .flags.active { background-color:#000; } .lang-selector, .lang-options { list-style-type:none; margin:0; } .lang-selector a { display:block; padding:5px 10px; } .lang-selector a:hover { background-color:#A22876; } .lang-options { display:none; } /*****************************/ #menu { margin: 0; padding: 0; list-style: none; position: relative; width: 840px; } #menuWrapper { position: absolute; left: 150px; } #menu li { display: inline-block; float: left; padding: 0; margin: 0 10px 0 0; position: relative; font-size:16px; letter-spacing:-1px; color:#fff; padding-top:16px; } #menu .active, #menu li:hover { background: url(../../images/newpiczo/underline.png) no-repeat 50% 36px;; } #menu a, #menu .expandCreate { height: 55px; padding: 0 16px; color:#fff; position:relative; z-index:22; background-repeat: no-repeat; background-position: 18px 34px; outline: none; } #menu a:hover, #menu a:active { text-decoration:none } /*#menu .create a { width: 52px; }*/ #menu .expandCreate { width: 52px; z-index: 7; padding-top:16px; } /*#menu .explore a { width: 61px; } #menu .join a { width: 35px; } #menu .mypiczo a { width: 67px; } #menu .help a { width: 35px; } #menu .login a { width: 52px; }*/ #menu .unreadCount { margin-left: -17px; font-weight: bold; } #menu .unreadCount:hover { background: none; } #menu .expand { z-index: 7; } #menu .expandCreate #menu .expandLogout { z-index: 3; } #menu .expandLogout { float: right; } #menu .expand, #menu .expand:hover, /* #menu .expandCreate, */ #menu .expandCreate:hover, #menu .expandLogout, #menu .expandLogout:hover { background: none; } #menu .expand .buttonText, #menu .expandCreate .buttonText, #menu .expandLogout .buttonText { position: relative; z-index: 4; display: inline; padding: 0; overflow: hidden; margin: 0 13px 0 0; } #menu .expand .buttonText .arrow, #menu .expandCreate .buttonText .arrow, #menu .expandLogout .buttonText .arrow { background: url(../../images/newpiczo/menu/arrow-down.gif) no-repeat 0 4px; position: absolute; right: -13px; top: 0; display: block; width: 8px; height: 10px; } #menu .expand a.cboxelement, #menu .expandLogout a.cboxelement { background: transparent url(../../images/newpiczo/menu/create-drop.png) no-repeat scroll 16px 13px; height: 43px; width: 63px; margin-top: 9px; } #menu .expand ul, #menu .expandCreate ul, #menu .expandLogout ul { position: absolute; left: -18px; top: 49px; width: 200px; background: #000; z-index: 6; padding: 15px 10px 10px 10px; border: 1px solid #C0087D; zoom: 1; } #menu .expand .buttonBorder, #menu .expandCreate .buttonBorder, #menu .expandLogout .buttonBorder { display: none; position: absolute; top: 8px; left: 6px; padding: 0; z-index: 3; height: 41px; border: 1px solid #C0087D; border-bottom: 0 none; } #menu .expandCreate .buttonBorder { width: 93px; background-color:#000; } #menu .expandLogout .buttonBorder { width: auto; padding: 0; left: auto; right: -15px; top: 6px; background: #000; z-index: 3; } #menu .expand .border-hide, #menu .expandCreate .border-hide, #menu .expandLogout .border-hide { display: none; position: absolute; top: 49px; left: 7px; height: 1px; width: 93px; background: #000; z-index: 7; } #menu .expandLogout .border-hide { top: 43px; z-index: 9; left: auto; right: -14px; } #menu .expandLogout ul { left: auto; right: -39px; top: 43px; text-indent: 0; color: #A22876;line-height: 18px; } #menu .expand li, #menu .expandCreate li, #menu .expandLogout li { padding-top:0; display: block; margin: 0; z-index: 2; float: none; clear: both; text-indent: 0; } #menu .expand hr, #menu .expandCreate hr, #menu .expandLogout hr { display: block; height: 1px; margin: 15px 0; background: transparent; clear: both; float: none; border: 0 none; border-top: 1px solid #C0087D; } #menu .expand .join-button, #menu .expandCreate .join-button, #menu .expandLogout .join-button { display: block; height: auto; width: 166px; margin: 0 0 5px 0; padding: 4px 0px 2px 30px; background-color: transparent; background-image: none; background-position: 0 0; background-repeat: no-repeat; border: 1px solid #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 12px; text-indent: 0; color: #A22876; line-height: 18px !important; font-size:12px; height:18px; } #menu .expand .join-button:hover, #menu .expandCreate .join-button:hover, #menu .expandLogout .join-button:hover { background-image: url(../../images/newpiczo/join-ok.gif); line-height: 18px; border: 1px solid #C0087D; } #header .login form { padding: 0 0 0 19px; } #header .loggedin, #header .logout { max-width: 240px; height: 20px; width: 20px; } #header .logout { float: right; } #header .loggedin a, #header .logout a { padding: 0; } #header .loggedin strong, #header .logout strong { margin-right: 5px; } #header .logout a { text-indent: inherit; width: auto; height: auto; } /* Homepage takeover - Login dropdown -------------------------------------------------------------- */ #menu #login-drop { float: right; margin-right: 5px; width:100px; text-align:center; } #menu #login-drop a.drop-link { height: 30px; margin-left: 1px; font-size:16px; } #menu #login-drop a.drop-link.drop-link-open-bg { background-color: #000; } #menu #login-drop a.form-open { display: none; position: absolute; top: 10px; left: -1px; height: 43px; width: 100px; background: transparent; border: 1px solid #C0087D; border-bottom: 0 none; padding: 0; } #menu #login-drop .login-border-hide { display: none; position: absolute; top: 54px; /*11px;*/ left:0; height: 1px; /* 39px; */ width: 100px; background: #000; z-index: 11; } #menu #login-drop form { position: absolute; top: 54px; left: -153px; width: 220px; padding: 20px 16px 25px; background: #000; border: 1px solid #c0087d; display: none; z-index: 10; } #menu #login-drop .login-form-new input { width: 210px; } #menu #login-drop .login-form-new input#login-email { margin-bottom: 20px; } #menu #login-drop .login-form-new .responses { float: none; margin-bottom: -20px; } #menu #login-drop .login-form-new button.join-button { width: 220px; margin-top: 30px; height: 26px; } #menu #login-drop .login-form-new label { overflow: hidden; margin-top: 0; clear: both; } #menu #login-drop .login-form-new label a { /* Overrides: */ background: none; margin: -1px 0 0 0; padding: 0; width: 125px; height: 18px; text-align: right; } /* Tiny header -------------------------------------------------------------- */ #tiny.header { background: url(../../images/newpiczo/tiny-header-bg.gif) repeat-x; clear: both; position: relative; height: 35px; overflow: visible; color: #fff; } #tiny.header .logo { background: url(../../images/newpiczo/logo-tiny.gif) no-repeat; top: 4px; left: 0; margin: 0; height: 28px; width: 41px; } #tiny.header #menu { position: static; margin: 0 auto; float: none; width: 383px; } #tiny.header #menu a { height: 32px; background-position: 16px 12px; } #tiny.header #menu .active { background-position: 50% 25px; } #tiny.header .login, #tiny.header .loggedin { position: absolute; text-align: right; margin: 0; padding: 0; width: 295px; top: 8px; right: 38px; } /* Footer -------------------------------------------------------------- */ #footer { background: #000 url(../../images/newpiczo/handdrawn-flower-footer.gif) no-repeat 100% 100%; clear: both; overflow: hidden; height: 265px; padding: 0 0 0 35px; position: relative; border-top: 2px solid #FFFFFF } #footer .menu { float:left; padding-top:160px; } #footer ul { list-style: none; overflow: hidden; } #footer a { color: #A22876; } #footer li { display: block; float: left; border-right: 1px solid #fff; padding: 0 5px 0 0; margin: 0 5px 0 0; } #footer .last { border-right: 0 none; margin: 0; } #footer .important { float: left; margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; line-height: 17px; overflow: visible; } #footer .affiliates { float:left; padding-top:145px; padding-left:20px; } #footer .affiliates .stardoll {} #footer .affiliates .paperdollheaven {} #footer .less-important { clear: both; float: left; margin: 3px 0 0 0; font-size: 1em; line-height: 16px; } #footer .copyright { clear: both; color: #3b3b3b; margin: 18px 0 0 0; } #footer .privacy { position: relative; margin-left:8px; margin-right:5px; padding-right:15px; } #footer .privacy a { color: #A22876; } #footer .privacy .border { background: url(../../images/newpiczo/privacy-bg.gif) no-repeat 0 0; position: absolute; top: -8px; left: -12px; height: 36px; width: 78px; } #footer .social { float:right; padding:150px 0 0 70px; width:220px; } #footer .social .twitter-share-button { margin-top:4px !important; } /* Tiny Footer -------------------------------------------------------------- */ #tinyFooter { position: absolute; left: 0; /*bottom: 0;*/ height: 20px; line-height: 20px; background: #000; color: #fff; padding: 0 5px; width: 100%; z-index: 999999; font-size: 0.9em; } #tinyFooter a { font-size: 1em; } #tinyFooter .impressum { position:absolute; right:1; padding-right:15px; } /* Login -------------------------------------------------------------- */ .login .text { width: 110px; margin: 1px 3px 3px 0; float: left; } .login button { position: relative; top: 6px; display: inline-block; width: 15px; height: 12px; } .login div { clear: both; overflow: hidden; } .login .checkbox { display: inline-block; margin: 0 4px 0 0; position: relative; top: 2px; clear: left; float: left; } .login label, .login a { font-weight: bold; font-size: 0.9em; text-indent: 0; } .login label { color: #fff; text-align:left;} .login a { font-style: none; } .login .forgot-password { display: inline-block; margin: 0 0 0 123px; } .login-remember-me {margin:8px 0 10px 0; float:left; clear:both; width:12px !important;} .login-remember-text {float:left; font-family:arial; font-size:12px; font-weight:bold; margin:5px 0 7px 5px;} /* Join Piczo -------------------------------------------------------------- */ .join-ajax { overflow: hidden; padding: 8px 0 8px 19px; } .join-ajax ul { margin: 0; padding: 0; list-style-type: none; } .join-ajax h2 { font-weight: bold; letter-spacing: -1px; font-size: 30px; margin: 0; line-height: 30px; } .join-ajax p { margin: 0; margin-bottom: 10px; } .join-ajax .text { width: 255px; border-color: #fff; font-size: 18px; color: #000; } .join-ajax select { width: 83px; border-color: #fff; font-size: 18px; color: #000; } .join-ajax .checkbox { } .join-ajax input { margin-bottom: 10px; } .join-ajax input:focus { border-color: #fff; } .join-ajax label { display: block; width: 255px; #width: auto; } .join-ajax label.noBlock { display: inline; font-size: 10px; text-transform: uppercase; } .join-ajax label span { float: right; #display: inline-block; #float: none; #margin-left: 5px; /* IE7 bogus */ } .join-ajax label span.error { color: #BE1C29; background-color: #000; padding: 0; margin: 0; } .join-ajax label#agreeLabel span.error { margin-right: 11px; } .join-ajax #joinPrev { font-size: 10px; } .join-ajax .checkboxWrapper { display: block; margin: 10px 0; } .join-ajax .checkboxWrapper label { padding-bottom: 3px; } .join-ajax .checkboxWrapper input { margin: 0; vertical-align: middle; } .join-ajax .jcarousel-container { margin-left: -10px; } .join-ajax .jcarousel-clip { width: 265px; } .join-ajax .jcarousel-item { height: 280px; width: 265px; margin-left: 10px; } .join-ajax #messages { display: block; height: 200px; } .join-ajax #messages ul li { height: auto; width: auto; } #joinCarousel { overflow: hidden; height: 400px; width: 275px; #height: 270px; } .join { overflow: hidden; padding: 8px 0 48px 19px; } #sidebar div.join { clear: both; } .join label { clear: left; float: left; width: 76px; margin: 6px 0 0 4px; font-size: 0.9em; } .join .text { float: left; width: 100px; margin: 3px 0 0 0; } .join select { float: left; width: 62px; margin: 3px 4px 0 0; font-size: 9px; padding: 3px; } .join #join-email { width: 184px; } .join button { clear: left; float: left; margin: 15px 0 0 0; font-size: 2.1em; line-height: 10px; } .joinus { background: transparent url(../../images/newpiczo/join-us.png) no-repeat; width: 143px; height: 32px; text-indent: -2000em; margin: 0 0 6px 0; } .join .form-error h5 { color: #fff; font-size: 1.1em; margin: 0 0 5px 0; } .join .form-error ul { list-style: none; margin: 0; } .join .form-error, .join .agree-wrapper { clear: left; float: left; width: 190px; padding: 0 0 0 80px; margin: 10px 0; overflow: hidden; } .join .agree-wrapper .checkbox { display: block; float: left; height: auto; margin: 0 3px 0 0; vertical-align: text-top; } .join .agree-wrapper label { display: block; float: left; clear: none; margin: 0; width: 160px; color: #fff; font-weight: normal; } .join .agree-wrapper label a { font-style: normal; } #sidebar .stylista h2 { line-height: normal; margin: 10px 0; font-size: 2.5em; } #sidebar .stylista .join-button { font-size: 1.3em; } /* Sidebar create links -------------------------------------------------------------- */ .create-options { padding: 0 10px; margin: 15px 0 25px; background: url(../../images/newpiczo/handdrawn-create-star.gif) no-repeat 260px 0; } .create-options h3 { font-size: 1.8em; line-height: 1em; margin: 10px 0 0 0; } .create-options p { /* color: #A22876; */ } /* Advertising -------------------------------------------------------------- */ .ads { background: transparent url(../../images/newpiczo/advertising.png) no-repeat 98% 0; margin: 0; padding: 14px 0 0 0; } .ads.up { background:transparent url(../../images/newpiczo/advertising-up.png) no-repeat 98% 100%; margin:0; padding:0 0 1px; } .ads.no-arrow { background:none; } .individual-ad { margin: 0 0 20px 0; } /* Featured -------------------------------------------------------------- */ .feature { overflow: hidden; color: #fff; } .feature img { border-bottom: 1px solid #d4d4d4; } .feature h2 { font-size: 1.7em; margin: 0 0 6px 0; } .feature h3 { margin: 0 0 2px 0; } .feature .byline { color: #fff; margin: 0 0 7px 0; } .feature .comments { float: right; font-size: 0.9em; margin: 18px 0 0 0; line-height: 19px; } .feature .comments strong { font-size: 1.4em; } .feature .about { /* color: #A22876; */ } .main-feature, .second-feature, .mosts { clear: both; /*overflow: hidden;*/ } .text-section { overflow: hidden; padding: 15px 12px; } .main-feature .feature h2 { line-height: 1.2em; margin-bottom: 0; } .main-feature .about { width: 500px; float: left; margin: 0 0 15px 0; } .main-feature .feature { position: relative; height: 500px; width: 688px; float: left; border: 2px solid #fff; border-left: none; } .main-feature .text-section { position: relative; bottom: 0; left: 0; overflow: hidden; float: left; padding: 8px 12px 0 12px; height: 93px; background: #000; width: 666px; } .second-feature .feature { position: relative; float: left; width: 343px; height: 390px; border-right: 2px solid #fff; } .second-feature .text-section { position: relative; bottom: 0; left: 0; overflow: hidden; float: left; height: 90px; background: #000; width: 320px; padding: 15px 12px 0 12px; } .feature .img-link { line-height: 0; float: left; } .second-feature .feature .img-link { height: 325px; overflow: hidden; } .feature-tiny { overflow: hidden; padding: 0 35px; margin: 15px 0 15px -25px; } .feature-tiny .item { float: left; margin: 0 0 4px 25px; } .feature-tiny .img-link { display: block; overflow: hidden; width: 100px; height: 100px; line-height: 0; } .feature-tiny h4 { overflow: hidden; text-align: center; margin: 0; } .feature-tiny a { font-size: 0.8em; } /* Mosts -------------------------------------------------------------- */ .mosts { padding: 0; position: relative; } .mosts img { width:100%; } /*#main.home .mosts { border-bottom: 2px solid #fff; } */ .mosts, .mosts ul { clear: both; } .mosts ul { position: relative; margin: 0; padding: 0; list-style: none; border-top: 2px solid #fff; height: 192px; } .mosts li { position: relative; float: left; padding: 0; margin: 0; border-right: 2px solid #fff; } .mosts li.last { border-right: 0 none; } .mosts .popular { } .mosts .wrapper { width: 228px; height: 192px; position: relative; overflow: hidden; } .mosts .img-link { display: block; height: 172px; line-height: 0; overflow: hidden; } .mosts h4 { color: #fff; font-size: 1em; margin: 2px 0 0 0; } .mosts h5 { clear: both; line-height: 23px; height: 20px; font-size: 1em; margin: 0; } .mosts h5.gradient { color: #A22876; } .mosts .text-section { position: relative; height: 50px; padding: 0 10px; bottom: 0; left: 0; background: #000; width: 208px; z-index: 5; float: left; display: block; } .mosts .handdrawn-border { position: absolute; top: -7px; left: -6px; height: 203px; width: 236px; z-index: 6; display: block; } .mosts li:hover .handdrawn-border { background: transparent url(../../images/newpiczo/handdrawn-border.png) no-repeat; } .mosts .explore-more { position: absolute; top: 0; right: -300px; width: 270px; height: 152px; background: #000; border-top: 2px solid #fff; padding: 20px 15px; z-index: 2; zoom: 1; } .mosts .explore-more h2 { color: #fff; font-weight: bold; font-size: 3em; margin: 0; line-height: normal; letter-spacing: -2px; } .mosts .explore-more a { position: absolute; bottom: 20px; left: 15px; background-color: #000; } /* Toplists -------------------------------------------------------------- */ .toplists { /*background: #fff url(../../images/newpiczo/handdrawn-flower-toplists.gif) no-repeat 100% 100%;*/ background: transparent url(../../images/newpiczo/toplists-border-bg.gif) repeat-y; clear: both; overflow: hidden; color: #fff; border-bottom: 2px solid #fff; border-top: 2px solid #fff; } .toplists ul { list-style: none; float: left; width: 196px; padding: 0; margin: 0 2px 0 0; } .toplists ul#last, .toplists ul#last li { width: 198px; margin-right: 0; } .toplists li { overflow: hidden; width: 196px; clear: left; float: left; } .toplists .title { height: 41px; overflow: hidden; position: relative; border-bottom: 2px solid #fff; } .toplists .title h3 { margin: 13px 0 0 10px; font-size: 1.4em; float: left; width: 145px; } .toplists .title .toplists-switch { display: none; } .toplists h4 { margin: 0; font-weight: bold; color: #A22876; } .toplists .hypes, .toplists .comments { color: #fff; } .toplists .text { padding: 7px 12px; font-size: 0.9em; } .toplists li { position: relative; } .toplists a.list-link-item { background: transparent url(../../images/newpiczo/trans-overlay-bg.gif); width: 192px; overflow: hidden; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; } .toplists a.list-link-item:hover { border: 2px solid #c0087d; } .toplists .comments, .toplists .hypes { font-size: 0.9em; margin: 0; } .toplists .text-list { overflow: hidden; } /* needed for IE 6 */ .toplists .text-list .text { display: block; } .toplists .text-list .pic { display: none; } .toplists .text-list.pic-list .text { display: none; } .toplists .text-list.pic-list .pic { display: block; } .toplists .highlight { background: #fff;} .toplists .title.highlight { background: #000; } .toplists .highlight .text, .toplists .highlight .text span { color: #000; } /* Blog -------------------------------------------------------------- */ #main-blog { background: #fff; padding: 2px 2px 0px 0px; width: 688px; overflow: hidden; min-height: 0; } #main-blog a.report { display: block; margin: 0; padding-top: 15px; } #main-blog .big-hr { background-color: #000; height: 15px; margin: 1em 7px; zoom: 1; clear: both; } #main-blog .big-hr.single { margin-bottom: -7px !important; margin-right: -7px !important; } #main-blog .no-margin-bottom { margin-bottom: 0; } #profile-header { background: #fff url(../../images/newpiczo/handdrawn-divider.gif) no-repeat 0 100%; padding: 0 0 15px 0; margin: 0 0 13px 0; overflow: hidden; position: relative; zoom: 1; } #profile-header { background: none; } #profile-header h1 { font-weight: bold; font-size: 2.7em; letter-spacing: -2px; line-height: 38px; margin: 0; float: left; width: 600px; } #changeBlogNameForm { display: inline; } #changeBlogNameForm form, #changeBlogNameForm button { display: inline; } .blog-description, .similar-pages { padding: 0 10px 0 30px; } .blog-description .blog-image { display: block; } .blog-description h2 { margin: 0; line-height: 29px; } .blog-description a, .similar-pages a { margin-top: 5px; } .blog-description h2 a, .similar-pages li .gradient { text-transform: none; font-style: normal; } .similar-pages { margin: 15px 0; } .similar-pages ul { list-style: none; margin: 10px 0 0 0; padding: 0; line-height: 1em; } .similar-pages li { margin: 5px 0; } .blog-post .hypers { font-size: 18px; } .categories { margin: 0px 0 20px 0; float: left; width: 360px; } .categories h4 { margin: 0; font-size: 1.3em; font-weight: bold; } .categories-bloglist { margin: 0px 0 20px 0; } .categories-bloglist strong, .categories-bloglist h3 { display: inline; font-weight: bold; margin: 0; font-size: 18px; } .categories-bloglist h3 { font-weight: normal; } .tags { clear: both; overflow: hidden; } .tags h5 { margin: 0 0 5px 0; font-size: 1.3em; } .tags ul { list-style: none; margin: 0; } .tags li { padding: 0; display: block; float: left; width: 317px; margin: 0 15px 10px 0; } .tags li strong { display: block; float: left; width: 45px; font-size: 4.5em; letter-spacing: -4px; padding: 0 18px 0 0; margin: 0 18px 0 0; border-right: 2px solid #000; cursor: default; line-height: 55px; } .tags li .wrapper { overflow: hidden; } .tags li label { display: block; float: left; text-transform: uppercase; width: 65px; margin: 0 7px 0 0; color: #424242; } .tags li div span { color: #424242; } .tags li a, .tags li span { display: block; float: left; width: 160px; } .report { clear: both; margin: 70px 0 0 0; } .report-blogmenu { float:right; clear: both; margin: 30px 0 20px 0; } .report-post {float:left; margin:40px 10px 0 0;} .report-comment {float:right; margin:0 10px 0 0;} #main-blog .mosts { width: 690px; } #main-blog .mosts .big-hr { width: 688px; margin-bottom: 2px; } /* #main-blog .more { padding-left: 7px; padding-right: 1em; } #main-blog .more div a { display: block; } #main-blog .previous { float: left; } #main-blog .next { float: right; text-align: right; } */ /* Hype -------------------------------------------------------------- */ /* Paging -------------------------------------------------------------- */ .paging { background: url(../../images/newpiczo/paging-bg.gif) no-repeat; padding: 13px 83px 0 49px; font-size: 1.4em; font-weight: bold; height: 61px; } .paging ul { list-style: none; padding: 0; margin: 0; border-bottom: 2px solid #A22876; text-align: center; line-height: 38px; } .paging li { display: inline-block; margin: 0 5px; } .paging li { display/*\**/: inline\9 } /* IE8 hack */ .paging .active { background: url(../../images/newpiczo/paging-active.gif) no-repeat 50% 0; } /* User Info -------------------------------------------------------------- */ .user-info { clear: both; overflow: hidden; margin: 5px 0 10px 0; } .user-info .stats { float: left; width: 410px; padding: 0 5px 0 0; } .user-info .stats h3 { font-size: 1.6em; margin: 0; line-height: 1em; } .user-info .stats p img { vertical-align: middle; } .user-info .stats .love-s { vertical-align: top; } .user-info .ranking { float: left; width: 250px; text-align: center; padding: 40px 0 0 0; } /* Feed -------------------------------------------------------------- */ #feed { clear: both; overflow: hidden; } #feed a { font-weight: bold; } #feed a.username { color: #A22876; } #feed .controls { line-height: 33px; text-align: right; border-bottom: 1px solid #000; } #feed .controls a { display: inline-block; text-transform: uppercase; margin: 0 0 0 20px; padding: 0 9px; } #feed .controls a:hover, #feed .controls a:focus { text-decoration: none; } #feed .controls .all.active { background: url(../../images/newpiczo/handdrawn-underline-33px.gif) 50% 23px no-repeat; } #feed .controls .hypes.active { background: url(../../images/newpiczo/handdrawn-underline-48px.gif) 50% 23px no-repeat; } #feed .controls .comments.active, #feed .controls .follows.active { background: url(../../images/newpiczo/handdrawn-underline-79px.gif) 50% 23px no-repeat; } #feed ol { margin: 0; list-style: none; clear: both; } #feed li { border-bottom: 1px solid black; padding: 7px 8px 6px 8px; margin: 5px 0; overflow: hidden; width: 649px; list-style-type: none; } #feed li .clickable { cursor: pointer; overflow: hidden; } #feed li.hype { margin: 0; } #feed li p { margin: 0; } #feed .highlight { background: #000; color: #fff; /*padding-bottom: 6px;*/ } #feed .highlight-after { border-top: 1px solid #000; } #feed .from, #feed .to, #feed .action, #feed .actions { float: left; } #feed .from { width: 67px; padding: 0 51px 0 0; background: url("../../images/newpiczo/feed-icons.png") no-repeat 82px 21px; } #feed .hype .from { background-position: 82px -159px; } #feed .hype.highlight .from { background-position: 82px -579px; } #feed .comment .from { background-position: 82px -279px; } #feed .comment.highlight .from { background-position: 82px -699px; } #feed .follow .from { background-position: 82px -39px; } #feed .follow.highlight .from { background-position: 82px -459px; } #feed .post .from { background-position: 82px -339px; } #feed .post.highlight .from { background-position: 82px -759px; } #feed .to { width: 67px; margin: 0 15px 0 0; } #feed .actions { width: 24px; margin: 0 0 0 47px; text-align: center; } #feed .action { width: 449px; } #feed .action .since { font-size: 0.9em; line-height: 0.9em; } #feed .action .message { font-size: 0.9em; font-weight: bold; margin: 8px 0 0 0; text-transform: uppercase; } #feed .action .message .mail-s { vertical-align: middle; } #feed .actions .block-s { margin: 6px 0 0 0; } #feed .no-icon { background: none; } #delete-account { width: 680px; background: #fff; padding: 30px 0 30px 10px; overflow: hidden; } #content-feedback { width: 680px; background: #fff; padding: 30px 0 30px 10px; overflow: hidden; } #admin-feedback { width: 680px; background: #fff; padding: 30px 0 30px 10px; overflow: hidden; } /* Create -------------------------------------------------------------- */ #main-create { width: 688px; background: #fff; padding: 2px 2px 0px 0px; _overflow-x: hidden;} #main-create .createHeader { height: 253px; background: #fff url(../../images/newpiczo/create-girlpaint.jpg) no-repeat; color: #000; margin-bottom: -2px; position: relative; } #main-create .createHeader h3 { margin: 0; position: absolute; top: 85px; left: 17px; letter-spacing: -4px; } #main-create .createHeader p { margin: 0; position: absolute; top: 145px; left: 21px; letter-spacing: 0; font-size:16px; width:450px;} #main-create .postHeader { height: 253px; background: #fff url(../../images/newpiczo/post-girllaptop.jpg) no-repeat; color: #000; margin-bottom: -2px; position: relative; } #main-create .postHeader h3 { margin: 0; position: absolute; top: 85px; left: 17px; letter-spacing: -4px; } #main-create .postHeader p { margin: 0; position: absolute; top: 145px; left: 21px; letter-spacing: 0; font-size:16px; width:450px;} /* #piczoList .mypiczoHeader { height: 253px; background: #fff url(../../images/newpiczo/mypiczo-peoplechill.jpg) no-repeat; color: #fff; margin-bottom: -2px; position: relative; } #piczoList .mypiczoHeader h3 { margin: 0; position: absolute; bottom: 120px; left: 17px; letter-spacing: -4px; } #piczoList .mypiczoHeader p { margin: 0; position: absolute; bottom: 95px; left: 21px; letter-spacing: 0; font-size:16px; width:250px;} */ /* #main-create .header { position: relative; background: #000 url(../../images/newpiczo/create-girlpaint.jpg) no-repeat top right; height: 253px; } #main-create #blogPostHeader.header { background-image: url(../../images/newpiczo/newPostChick.jpg); color: #fff; } #main-create .header div { position: absolute; bottom: 120px; left: 17px; width: 267px; } #main-create .header div h1 { font-size: 4.6em; letter-spacing: -4px; font-weight: bold; margin: 0; } #main-create .header div p { font-size: 1.6em; letter-spacing: -1px; font-weight: bold; margin: 0; width:260px;} #main-create .header div a { margin-top: 1em; } */ #createResponses { float: none; } #main-create .title { position: relative; display: block; background-color: #000; color: #fff; padding: 1em; margin-top: 2px; } #main-create .title h2, #main-create .title h3 { font-weight: bold; margin: 0; letter-spacing: 0px; } #main-create .title h2 { font-size: 3.2em; letter-spacing: -3px; } #main-create .title .info { position: absolute; right: -302px; top: -2px; width: 290px; border-top: 2px solid #fff; padding-left: 10px; background-color:#000; } #main-create .title .info h2 { font-size: 2.6em; letter-spacing: -2px; } #main-create .title div.left-hr { position: absolute; top: 0; right: -57px; background-color: #fff; height: 2px; width: 20px; } #main-create .wrap { padding: 10px; position: relative; } #main-create .wrap .createList { margin: 0; } #main-create .wrap .createList { list-style-type: none; } #main-create .wrap .createList .createField { display: block; padding: 2em 0; _height: 1%; *display: inline-block; _display: block; border-bottom: 1px solid #000; position: relative; clear: both; } #main-create .wrap .createList .createField:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } #main-create .wrap .createList .createField label { font-size: 1.5em; display: block; font-weight: normal; margin: 0 0 10px 0; } #main-create .wrap .createList .createField label strong { text-transform: uppercase; } #main-create .wrap .createList .createField input, #main-create .wrap .createList .createField select { background: transparent url(../../images/newpiczo/input-sprite-grey.jpg) no-repeat bottom left; border: none; font-size: 1.4em; clear: none; float: left; font-weight: bold; padding: 6px; width: 410px; } #main-create #createBlog .blog-name { width: 285px; padding-right: 121px; } #category { margin: 0 0 10px 0; } #main-create .wrap .createList .createField select { width: 412px; } #main-create .wrap .createList .createField input.blog-name { background-position: top left; } #main-create .wrap p.info { /* position: absolute; top: 20px; right: 0; */ float: right; width: 230px; font-size: 0.95em; color: #808080; } #main-create .wrap .addContentInfo { margin: 15px 0 0 -7px; padding: 15px 0 10px 0; overflow: hidden; clear: both; } #main-create .wrap .addContentInfo p.info { float: left; width: 195px; padding: 0 15px 0 0; margin: 0 0 0 12px; } #main-create .create-title { background: url(../../images/newpiczo/fillineverything.gif) 51% 0 no-repeat; font-size: 1.5em; padding: 14px 215px 5px 0; } #main-create .create-title strong { font-size: 1.5em; } #main-create select, #main-create input { color: #000; float: left; } #main-create .button-post { clear: both; margin: 0 30px 0 0; } #main-create .button-post, #main-create .button-preview { float: left; } #main-create #postResponse { font-size: 1.6em; } #postResponse { background: #fff; color: #000; padding: 5px; margin: 5px; width: 300px; text-align: center; } #newblog-wrapper label, #newsite-wrapper label { display: block; width: 300px; margin: 0 30px 0 10px; float: left; font-size: 2em; } #siteName, #newBlogName, #blogName { width: 330px; float: left; } #newblog-wrapper button, #newsite-wrapper button { clear: left; float: left; margin: 0; font-size: 2.1em; line-height: 10px; } #main-create .added-pic { clear: both; margin: 0 0 20px 0; position: relative; overflow: hidden; } #main-create .added-pic div { float: left; width: 660px; overflow: hidden; } #main-create .added-pic .delete { background: url(../../images/newpiczo/cross.gif) no-repeat; position: absolute; top: 4px; right: 0; display: block; height: 18px; width: 18px; text-indent: -2000em; } #main-create .tags { margin-bottom: 20px; } #main-create .tags .wrapper { float: right; } #main-create .tags label { } #main-create .tags .delete strong { background: url(../../images/newpiczo/cross.gif) 58px 50% no-repeat; position: relative; padding-right: 36px; } #main-create .tags .delete a, #main-create .tags .delete span { width: 142px; overflow: hidden; } #main-create .tags strong .cross { position: absolute; top: 15px; left: 57px; text-indent: -2000em; width: 18px; height: 25px; display: none; } #main-create .tags .delete strong .cross { display: block; } #create-area { clear:both; padding:0 0 0 0; position:relative; zoom:1; } #create-area .widget { background:#fff; cursor:move; margin-bottom:10px; padding-right:30px; position:relative; zoom:1; clear: both; } #create-area .widget .content { width:640px; } #create-area .photo { position: relative; padding-right: 0; } #create-area .photo .content { width: auto; } #create-area .photo img { display:block; /*max-width:100%;*/ } #create-area .photo .tag.right { margin: 0px 0 0 3px; } #create-area .photo .tag.left { margin: 0px 0 0 -16px; } /* forgive me performance testing tools, for i have sinned */ * html #create-area .widget img { width:expression(this.offsetWidth > this.parentNode.offsetWidth ? "100%" : "auto"); } #create-area .widget .del-s { position:absolute; right: 0; top:0; width:19px; margin:0; } #create-area .widget textarea { display:block; font-size:12px; height:183px; line-height:1.5; width:628px; } #create-area .ui-sortable-helper { box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; z-index:100; #outline:2px solid #A22876; } /* jwysiwyg */ div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; } div.wysiwyg * { margin: 0; padding: 0; } div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 4px 0; } div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; background: #ffffff;} div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; } div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url("../../images/newpiczo/jquery.wysiwyg.gif") no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; } div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; } div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; } div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; } div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; } div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; } div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; } div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; } div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; } div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; } div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; } div.wysiwyg ul.panel li a.indent { background-position: -64px 0; } div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; } div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; } div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; } div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; } div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; } div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; } div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; } div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; } div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; } div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; } div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; } div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; } div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; } div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; } div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; } div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; } div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; } div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; } div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; } div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; } div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; } div.wysiwyg ul.panel li a.insertClip { background-position: -80px -96px; } div.wysiwyg ul.panel li a.html { background-position: -48px -48px; } div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; } div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; } div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 100%; } /* Lobby -------------------------------------------------------------- */ #piczoList { background: #fff; padding: 32px 9px 15px 16px; width: 665px; } #piczoList .big-hr { display: block; height: 15px; background-color: #000; margin: 3px; border: none; } #piczoList .mosts { margin: 0; } #piczoList .mosts .wrapper { width: 228px; background: #000; } #piczoList .mosts .handdrawn-border { left: 0; top: -2px; width: 225px; } #piczoList .mosts li:hover .handdrawn-border { background-image: url(../../images/newpiczo/handdrawn-border-smaller.png); } .account-actions { padding: 10px 10px 0 30px; } .account-actions h3 { margin: 0 0 8px 0; } .account-actions h5 { margin: 5px 0 0 0; } .getStarted { margin: 10px 0; font-size: 1.3em; font-weight: bold; list-style: none; } .getStarted h2 { margin: 0; font-size: 1.8em; font-weight: bold; } .getStarted li { margin: 0 0 3px 0; } .sideNote { font-size: 0.7em; font-weight: normal; margin: 0 0 0 10px; } /* Lobby V2 -------------------------------------------------------------- */ #content .list { background-color: #000; color: #fff; width: 688px; border-right: 2px solid #fff; border-top: 2px solid #fff; padding: 0; } .piczoListHeader { margin: 0 0 10px 0; overflow: hidden; border-bottom: 2px solid #fff; height:253px; background:#000 url(../../images/newpiczo/mypiczo-peoplechill.jpg) no-repeat;} .piczoListHeader h3 { font-size: 4.6em; font-weight: bold; margin: 50px 0 20px 15px; } .piczoListHeader div { margin: 0 0 0 15px; } .piczoListHeader h4 { font-size: 1.5em; line-height: 1em; margin: 0 0 2px 0; } .piczoListHeader p { margin: 0 0 15px 0;} .piczoListHeader ul { list-style: none; margin: 0; padding: 0; border-top: 2px solid #fff; } .piczoListHeader li { display: block; float: left; width: 220px; border-right: 2px solid #fff; overflow: hidden; } .piczoListHeader li.last { border-right: 0 none; } .piczoListHeader li .pic { float: left; line-height: 0; } .piczoListHeader li .username { margin: 0 10px 0 10px; line-height: 24px; } .list .wrapper { overflow: hidden; clear: both; float: none; } #piczoListLeftNav { display: inline; float: left; width: 152px; margin: 0 13px 20px; } #piczoListLeftNav .buttons {float: none; clear: both; margin: 10px 0 0 0;} #piczoListLeftNav h3 { font-size: 2em; font-weight: bold; margin: 15px 0 5px 0; } #piczoListLeftNav ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #808080; } #piczoListLeftNav li { display: block; padding: 0; line-height: 23px; border-bottom: 1px solid #808080; } #piczoListLeftNav li a { display: block; padding: 1px 0 1px 25px; font-size: 1.2em; font-weight: normal; } #piczoListLeftNav li a:hover { text-decoration: none; background: url(../../images/newpiczo/leftNavHover.gif) no-repeat 0 3px; } #piczoListLeftNav li.active a, #lobbyLeftNav li.active a:hover { background: url(../../images/newpiczo/navRightActive.gif) no-repeat 0 3px #a22876; border-top: 1px solid #000; border-bottom: 1px solid #000; color: #fff; } /* Profile feed -------------------------------------------------------------- */ #piczoList.profileFeed { } #piczoList.profileFeed .piczoListHeader { height: 250px; position: relative; } #piczoList.profileFeed .piczoListHeader h3 { letter-spacing: -4px; margin: 0; position: absolute; bottom: 71px; left: 20px; } #piczoList.profileFeed .piczoListHeader p { letter-spacing: -1px; font-size: 16px; font-weight: bold; margin: 0; position: absolute; bottom: 30px; left: 20px; line-height: 18px; letter-spacing: -1px; font-size: 16px; font-weight: bold; margin: 0; position: absolute; bottom: 30px; left: 20px; line-height: 18px; } #piczoList.profileFeed .piczoListHeader .followWrapper { position: absolute; right: 20px; bottom: 30px; } #piczoList.profileFeed .piczoListHeader .followWrapper span { font-size: 16px; font-weight: bold; color: #A22876; } #piczoList.profileFeed .buttons { padding-left: 3px; float: none; margin-top: 40px; } #piczoList.profileFeed .buttons a { float: left; } #piczoList.profileFeed .buttons a.right { float: right; } #piczoListContent { zoom: 1; float: right; width: 510px; background: #fff; color: #000; padding: 0 0 40px 0; min-height: 420px; display: inline; } #piczoListContent h2 { letter-spacing: -2px; text-transform: capitalize; border-bottom: 1px solid #000; font-size: 2.4em; font-weight: bold; margin: 0 4px; } #piczoListContent span.buttons { margin-top: 2em; margin-right: 1em; margin-left: 1em; float: none; display: block; } #piczoListContent span.buttons a { float: left; } #piczoListContent span.buttons a.right { float: right; background-image: none; } #piczoListContent.thread h2 { background-color: #000; color: #fff; margin: -1px 0px 0 2px; padding: 20px 0 0 10px; } #piczoListContent.thread h3 { font-weight: bold; letter-spacing: -1px; border-bottom: 1px solid #000; margin: 15px 4px 0 4px; padding: 0 0 4px 0; } #piczoListContent.thread li { margin-left: 4px; } #piczoListContent.thread li .wrapper { border-color: #e5e5e5; padding-bottom: 16px; } #piczoListContent .text { margin: 10px; } /* Stats -------------------------------------------------------------- */ #piczoListContent.stat h2 span { color: #A22876; } #piczoListContent div.stat { padding-left: 10px; } #piczoListContent div.stat.locked { position:relative; } #piczoListContent div.stat p, #piczoListContent div.stat h3 { padding: 0; margin: 0; letter-spacing: 0; } #piczoListContent div.stat.locked h3 { margin-bottom:20px; } #piczoListContent div.stat h3 { font-size: 24px; font-weight: bold; letter-spacing: -2px; margin-top: 30px; } #piczoListContent div.stat h3 span { margin-right: 0; margin-top: -6px; } #piczoListContent div.stat h3 em { display: block; font-size: 72px; color: #A22876; margin-top: -6px; } #piczoListContent div.stat p { font-size: 12px; padding-right:20px; } #piczoListContent div.stat.locked p { padding-bottom:10px; } #piczoListContent div.stat p em { font-size: 18px; font-weigth: bold; } #piczoListContent div.stat a { margin-top: 10px; } #piczoListContent div.stat.locked ul { font-size:12px; } #piczoListContent div.stat.locked a { position:absolute;left:6px; } #piczoListContent.statDetails { } #piczoListContent.statDetails div.wrap { padding-left: 6px; padding-top: 20px; position: static; } #piczoListContent.statDetails h3, #piczoListContent.statDetails h4, #piczoListContent.statDetails ul { margin: 0; } #piczoListContent.statDetails h3 { font-weight: bold; font-size: 24px; letter-spacing: -2px; text-transform:capitalize; } #piczoListContent.statDetails h4 { font-weight: bold; font-size: 18px; letter-spacing: -1px; text-transform:capitalize; } #piczoListContent.statDetails h4 span { color: #A22876 } #piczoListContent.statDetails div.column { width: 200px; float: left; margin-left: 20px; _margin-left: 0px; } #piczoListContent.statDetails div.column h4 { margin-top: 10px; } #piczoListContent.statDetails div.column ul { font-size: 14px; list-style-type: none; margin-left: 10px; margin-top: 10px; } #piczoListContent.statDetails div.first { margin-left: 50px; } #piczoListContent.statDetails div.buttons { float: none; border-top: 1px solid #000; margin-top: 40px; padding-top: 10px; clear: both; } #piczoListContent.statDetails div.buttons a { float: left; _width: 120px;} #piczoListContent.statDetails div.buttons a.right { float: right; } #piczoListContent.statDetails h4.visitors { margin-left:25px; margin-top:20px; text-transorm:capitalize; } #piczoListContent.statDetails .column ul li a { display:inline-block; width:80px; } #piczoListContent.statDetails div.graph { height: 240px; width: 504px; } #piczoListContent.statDetails div.graph .tickLabels { color: #000 !important; font-size: 10px !important; letter-spacing: 0; } #piczoListContent.statDetails div.tooltip { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: none; position: absolute; z-index: 20; width: 100px; padding: 5px; font-size: 10px; letter-spacing: 0; background-color: #000; border: 1px solid #fff; color: #fff; } #piczoListFeed { list-style: none; padding: 0; margin: 0; } #piczoListFeed li { overflow: hidden; padding: 0; margin: -1px 0 0 0; zoom: 1; } #piczoListFeed li:hover { background-color: #000; color: #fff; } #piczoListFeed li .wrapper { margin: 0 4px; border-bottom: 1px solid #000; padding: 11px 0 8px; zoom: 1; } #piczoListFeed li .wrapper.blogs { padding-bottom:32px; } #piczoListFeed li .pic, #piczoListFeed li .action, #piczoListFeed li .actions { float: left; overflow: hidden; } #piczoListFeed li .pic { margin: 0 8px 0 0; width: 70px; } #piczoListFeed li .action { margin: 0; width: 424px; position: relative; } #piczoListFeed li .action a, #piczoListFeed li .action p { width: 320px; display: block; float: left; } #piczoListFeed li .action .title { clear: both; float: none; display: block; width: auto; } #piczoListFeed li .action a { font-size: 1em; } #piczoListFeed li .action p { font-weight: bold; font-size: 1.4em; margin: 0; padding: 0 0 0 25px; background: no-repeat 0 3px; width: 295px; line-height: 1.3em; } #piczoListFeed li .actions { width: 92px; position: absolute; top: 0; right: 4px; } #piczoListFeed li .actions .buttonFollow, #piczoListFeed li .actions .buttonHype, #piczoListFeed li .actions .buttonPen { margin: 0 0 3px 0; } #piczoListFeed li:hover .buttonFollow { background-image: url(../../images/newpiczo/buttonFollowHighlight.gif); } #piczoListFeed li:hover .buttonHype { background-image: url(../../images/newpiczo/buttonHypeHighlight.gif); } #piczoListFeed li:hover .buttonPen { background-image: url(../../images/newpiczo/buttonPenHighlight.gif); } #piczoListFeed li.feedPen .action p { background-image: url(../../images/newpiczo/feed-pen.gif); } #piczoListFeed li.feedHype .action p { background-image: url(../../images/newpiczo/feed-hype.gif); } #piczoListFeed li.feedChat .action p { background-image: url(../../images/newpiczo/feed-comment.gif); } #piczoListFeed li.feedFollow .action p { background-image: url(../../images/newpiczo/feed-follow.gif); } #piczoListFeed li.feedPen:hover .action p { background-image: url(../../images/newpiczo/feed-pen-highlight.gif); } #piczoListFeed li.feedHype:hover .action p { background-image: url(../../images/newpiczo/feed-hype-highlight.gif); } #piczoListFeed li.feedChat:hover .action p { background-image: url(../../images/newpiczo/feed-comment-highlight.gif); } #piczoListFeed li.feedFollow:hover .action p { background-image: url(../../images/newpiczo/feed-follow-highlight.gif); } #piczoListFeed li.settings { position: relative; } #piczoListFeed li.settings .title, #piczoListFeed li.settings .url { display: block; width: 390px; padding: 0 0 0 3px; } #piczoListFeed li.settings .title { line-height: 1em; font-size: 1.6em; } #piczoListFeed li.settings .url { margin: 3px 0 0 0; color: #9d9d9d; font-weight: normal; } #piczoListFeed li.settings:hover .url { color: #fff; } #piczoListFeed li.settings .actions { top: 11px; } #piczoListFeed li.settings .wrapper.blogs .actions { top:7px; } /* Merge Account -------------------------------------------------------------- */ .mergeAccount { color: #fff; padding-left: 35px; padding-bottom: 35px; } .mergeAccount h2 { font-size: 30px; letter-spacing: -2px; font-weight: bold; margin: 0; margin-top: 35px; } .mergeAccount h3 { margin: 0; max-width: 335px; font-weight: bold; letter-spacing: -1px; } .mergeAccount p { margin: 0; margin-bottom: 20px; width: 335px; } .mergeAccount .piczoButtonSmall { background-color: #000; } .mergeAccount form {} .mergeAccount form button { float: none; display: block; clear: both; } .mergeAccount p.info { float: right; width: 215px; margin-right: 35px; margin-top: 7px; line-height: 14px; font-size: 11px; font-weight: normal; color: #b3b3b3; letter-spacing: 0; } .mergeAccount p.error { color: #f00; margin: 0; padding: 0; clear: none; background: none; margin-top: 7px; margin-right: 35px; line-height: 14px; margin-bottom: 20px; } .mergeAccount form div.wrap { display: block; clear: both; width: 670px; } .mergeAccount form div.wrap div { margin-right: 5px; margin-bottom: 10px; float: left; display: inline; width: auto; height: auto; } .mergeAccount form div.wrap div input { border: 1px solid #A22876; padding: 4px; } .mergeAccount form div.wrap div label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0; } .mergeAccount .site { display: block; border-top: 1px solid #fff; width: 670px; padding-top: 20px; padding-bottom: 20px; } .mergeAccount .site p.info { margin-top: 1px; } .mergeAccount .site a { font-size: 10px; margin-left: 10px;} .mergeAccount .site form div label { font-size: 13px !important; text-transform: none !important; letter-spacing: -0.01em !important; } .mergeAccount .site .domain { float: left; padding-bottom: 20px; } .mergeAccount .site .domain h3 em { clear: left; display: block; } .mergeAccount .site .domain h3 span { display: block; font-size: 12px; float: right; color: #b3b3b3; font-weight: normal; letter-spacing: 0; } .mergeAccount .site .buttons { display: block; float: none; padding-top: 20px; clear: both; } .mergeAccount .site .buttons button { display: inline; } .mergeAccount .site .buttons button.button { margin-left: 20px; } /* Just a little wider on this page */ .unlinked h4 { max-width: 440px; margin-bottom: 5px; font-size: 14px; font-weight: normal; letter-spacing: 0.01em; } .unlinked h4 em { text-transform: uppercase; } .unlinked h3 { max-width: 440px; margin-top: 50px; } .unlinked p { width: 440px; font-size: 14px; } .unlinked a { } .unlinked form { margin-bottom: 40px; } .unlinked form div.wrap div input { border: none; padding: 10px; font-size: 14px; } .unlinked form div.wrap div label { font-size: 12px; margin-top: 10px; } .unlinked form .piczoButtonMedium { width: 173px; } /* Lobby -------------------------------------------------------------- */ #main-lobby { background: #fff; padding: 32px 9px 15px 16px; width: 665px; overflow: hidden; } #main-lobby .mosts { margin: 0 0 20px 0; } #main-lobby .mosts .wrapper { width: 219px; background: #000; } #main-lobby .mosts .handdrawn-border { left: -5px; top: -2px; width: 225px; } #main-lobby .mosts li:hover .handdrawn-border { background-image: url(../../images/newpiczo/handdrawn-border-smaller.png); } .account-actions { padding: 10px 10px 0 30px; } .account-actions h3 { margin: 0 0 8px 0; } .account-actions h5 { margin: 5px 0 0 0; } .getStarted { margin: 10px 0; font-size: 1.3em; font-weight: bold; list-style: none; } .getStarted h2 { margin: 0; font-size: 1.8em; font-weight: bold; } .getStarted li { margin: 0 0 3px 0; } .sideNote { font-size: 0.7em; font-weight: normal; margin: 0 0 0 10px; } /* Lobby V2 -------------------------------------------------------------- */ #content .lobbyV2, #content .lobbyV2BlogSettings { background-color: #000; color: #fff; border-right: 2px solid #fff; border-top: 2px solid #fff; padding-left: 0; padding-right: 0; padding-bottom: 0; width: 688px; float: left; overflow: hidden; } .lobbyHeader { margin: 0 0 10px 0; overflow: hidden; border-bottom: 2px solid #fff; } .lobbyHeader h3 { font-size: 4.6em; font-weight: bold; margin: 0 0 20px 15px; } .lobbyHeader div { margin: 0 0 0 15px; } .lobbyHeader h4 { font-size: 2em; line-height: 1em; margin: 0 0 2px 0; } .lobbyHeader p { margin: 0 0 15px 0;} .lobbyHeader ul { list-style: none; margin: 0; padding: 0; border-top: 2px solid #fff; } .lobbyHeader li { display: block; float: left; width: 220px; border-right: 2px solid #fff; overflow: hidden; } .lobbyHeader li.last { border-right: 0 none; } .lobbyHeader li .pic { float: left; line-height: 0; } .lobbyHeader li .username { margin: 0 10px 0 10px; line-height: 24px; } .lobbyV2 .wrapper, .lobbyV2BlogSettings .wrapper { overflow: hidden; clear: both; float: none; } #lobbyLeftNav { float: left; width: 152px; margin: 0 13px 20px; } #lobbyLeftNav h3 { font-size: 2em; font-weight: bold; margin: 15px 0 5px 0; } #lobbyLeftNav ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #808080; } #lobbyLeftNav li { display: block; padding: 0; line-height: 23px; border-bottom: 1px solid #808080; } #lobbyLeftNav li a { display: block; padding: 1px 0 1px 25px; font-size: 1.2em; font-weight: normal; } #lobbyLeftNav li a:hover { text-decoration: none; background: url(../../images/newpiczo/leftNavHover.gif) no-repeat 0 3px; } #lobbyLeftNav li.active a, #lobbyLeftNav li.active a:hover { background: url(../../images/newpiczo/navRightActive.gif) no-repeat 0 3px #a22876; border-top: 1px solid #000; border-bottom: 1px solid #000; color: #fff; } #lobbyContent { float: right; width: 510px; background: #fff; color: #000; padding: 0 0 40px 0; min-height: 420px; } #lobbyContent h2 { border-bottom: 1px solid #000; font-size: 2.4em; font-weight: bold; margin: 0 4px; } #lobbyFeed { list-style: none; padding: 0; margin: 0; } #lobbyFeed li { overflow: hidden; padding: 0; margin: -1px 0 0 0; } #lobbyFeed li:hover { background-color: #000; color: #fff; } #lobbyFeed li .wrapper { margin: 0 4px; border-bottom: 1px solid #000; padding: 11px 0 8px; } #lobbyFeed li .pic, #lobbyFeed li .action, #lobbyFeed li .actions { float: left; overflow: hidden; } #lobbyFeed li .pic { margin: 0 8px 0 0; width: 70px; } #lobbyFeed li .action { margin: 0; width: 424px; position: relative; } #lobbyFeed li .action a, #lobbyFeed li .action p { width: 320px; display: block; float: left; } #lobbyFeed li .action .title { clear: both; float: none; display: block; width: auto; } #lobbyFeed li .action a { font-size: 1em; } #lobbyFeed li .action p { font-weight: bold; font-size: 1.4em; margin: 0; padding: 0 0 0 25px; background: no-repeat 0 3px; width: 295px; line-height: 1.3em; } #lobbyFeed li .actions { width: 92px; position: absolute; top: 0; right: 4px; } #lobbyFeed li .actions .buttonFollow, #lobbyFeed li .actions .buttonHype, #lobbyFeed li .actions .buttonPen { margin: 0 0 3px 0; } #lobbyFeed li:hover .buttonFollow { background-image: url(../../images/newpiczo/buttonFollowHighlight.gif); } #lobbyFeed li:hover .buttonHype { background-image: url(../../images/newpiczo/buttonHypeHighlight.gif); } #lobbyFeed li:hover .buttonPen { background-image: url(../../images/newpiczo/buttonPenHighlight.gif); } #lobbyFeed li.feedPen .action p { background-image: url(../../images/newpiczo/feed-pen.gif); } #lobbyFeed li.feedHype .action p { background-image: url(../../images/newpiczo/feed-hype.gif); } #lobbyFeed li.feedChat .action p { background-image: url(../../images/newpiczo/feed-comment.gif); } #lobbyFeed li.feedFollow .action p { background-image: url(../../images/newpiczo/feed-follow.gif); } #lobbyFeed li.feedPen:hover .action p { background-image: url(../../images/newpiczo/feed-pen-highlight.gif); } #lobbyFeed li.feedHype:hover .action p { background-image: url(../../images/newpiczo/feed-hype-highlight.gif); } #lobbyFeed li.feedChat:hover .action p { background-image: url(../../images/newpiczo/feed-comment-highlight.gif); } #lobbyFeed li.feedFollow:hover .action p { background-image: url(../../images/newpiczo/feed-follow-highlight.gif); } #lobbyFeed li.settings { position: relative; } #lobbyFeed li.settings .title, #lobbyFeed li.settings .url { display: block; width: 390px; padding: 0 0 0 3px; } #lobbyFeed li.settings .title { line-height: 1em; font-size: 1.6em; } #lobbyFeed li.settings .url { margin: 3px 0 0 0; color: #9d9d9d; font-weight: normal; } #lobbyFeed li.settings:hover .url { color: #fff; } #lobbyFeed li.settings .actions { top: 11px; } /* Lobby blog settings -------------------------------------------------------------- */ .lobbyV2BlogSettings {} .lobbyV2BlogSettings h4 { font-size: 1.5em; } .lobbyV2BlogSettings .lobbyHeader { margin-bottom: 0; } .lobbyV2BlogSettings .lobbyHeader h3 { margin: 35px 0 10px 15px; } .lobbyV2BlogSettings .lobbyHeader p { margin-bottom: 5px; font-weight: normal; color: #807e7e; } .blogSettings { background: #fff; color: #000; } .blogSettings h3 { font-size: 2.8em; margin: 0 0 5px 0; } .blogSettings fieldset {overflow: hidden; clear: both; float: none; margin: 0 5px; padding: 30px 10px 15px;} .blogSettings .description, .blogSettings .inputs { float: right; display: block; margin: 0; padding: 0; } .blogSettings .description { width: 180px; margin: 0 28px 50px 0; color: #808080; font-style: normal; padding: 38px 0 0 0; clear: both; } .blogSettings .inputs { width: 417px; margin: 0 33px 50px 0; } .blogSettings .text, .blogSettings .dropdown { font-size: 2.1em; padding: 5px 3px; font-weight: normal; color: #000; } .blogSettings .text { width: 408px; } .blogSettings .dropdown { width: 206px; } .blogSettings #headerPreview, .blogSettings #backgroundPreview { display: block; margin: 0 0 5px 0; } #blogTitleColor { list-style: none; overflow: hidden; margin: 0; } #blogTitleColor li { display: block; float: left; width: 63px; margin: 0 25px 0 0; text-align: center; } #blogTitleColor li label { display: block; cursor: pointer; height: 43px; margin: 0 0 3px 0; } #blogTitleColor li input { cursor: pointer; } #blogTitleColor li .colorOne { background: #be097c; } #blogTitleColor li .colorTwo { background: #c2a492; } #blogTitleColor li .colorThree { background: #f49a86; } #blogTitleColor li .colorFour { background: #d52449; } #blogTitleColor li .colorFive { background: #57c3bb; } #blogTitleColor li .colorSix { background: #f6e767; } #blogTitleColor li .colorSeven { background: #217bbf; } #blogTitleColor li .colorEight { background: #fbe5cb; } #blogTitleColor li .colorNine { background: #8b9068; } #blogTitleColor li .colorTen { background: #c0b99d; } #blogTitleColor li.last { margin: 0; } #blogTemplates { list-style: none; margin: 0; } #blogTemplates li { display: block; float: left; width: 200px; margin: 0 8px 5px 0; } #blogTemplates li label { display: block; cursor: pointer; height: 200px; border: 1px solid #000; background: #000; overflow: hidden; margin: 0 0 5px 0; } #blogTemplates li label .white { display: block; float: left; background: #fff; height: 100%; width: 100%; } #blogTemplates li .whiteWithBlackSide .white { width: 66%; } #blogTemplates li .blackWithWhiteSide .white { float: right; width: 33%; } .blogSettings .buttons { padding: 10px 5px; background: #fff; margin: 0; overflow: hidden; float: none; } .blogSettings .buttons .floatLeft .piczoButtonMedium { top: 8px; margin-left: 5px; } .blogSettings .buttons .floatRight .piczoButtonMedium { top: 26px; } #examples { clear: both; height: 60px; width: 550px; float: left; margin: -32px 0 0 0; } #smallTitle { font-size: 1.5em; } #mediumTitle { font-size: 2.3em; } #largeTitle { font-size: 3.9em; line-height: 1.2em; } #examples { clear: both; height: 60px; width: 550px; float: left; margin: -32px 0 0 0; } #smallTitle { font-size: 1.5em; } #mediumTitle { font-size: 2.3em; } #largeTitle { font-size: 3.9em; line-height: 1.2em; } /* Messaging specific -------------------------------------------------------------- */ /* .messagesHeader { height:253px; background: #000 url(../../images/newpiczo/messages-girlscream.jpg) no-repeat top right; margin-top: 0; } .messagesHeader h3 { margin: 78px 0 0 16px; letter-spacing: -4px; color:#000; font-size:4.6em;} .messagesHeader p { margin: 5px 0 0 19px; font-size:16px; color:#000; width:260px;} */ .messagesHeader { height: 253px; background: #fff url(../../images/newpiczo/messages-girlscream.jpg) no-repeat; color: #000; margin-bottom: -2px; position: relative; } .messagesHeader h3 { margin: 0; position: absolute; top: 85px; left: 17px; letter-spacing: -4px; } .messagesHeader p { margin: 0; position: absolute; top: 145px; left: 21px; letter-spacing: 0; font-size:16px; width:450px;} /* .messagesHeader { background: #000 url(../../images/newpiczo/messages-girlscream.jpg) no-repeat top right; margin-top: -32px; } .messagesHeader { height: 254px; background: #fff url(../../images/newpiczo/messages-girlscream.jpg) no-repeat; color: #000; margin-bottom: -10px; position: relative;} .messagesHeader h3 { margin: 0; position: absolute; bottom: 120px; left: 17px; letter-spacing: -4px; } .messagesHeader p { margin: 0; position: absolute; bottom: 70px; left: 20px; letter-spacing: 0; font-size:16px; width:250px;} */ ul.expandableList li .wrapper { padding: 0 !important; } ul.expandableList li .wrapper .action p { margin: 0 !important; } ul.expandableList li.feedMessage .wrapper, #piczoListFeed li.feedMessage .wrapper { zoom: 1; } ul.expandableList li.feedMessage.last .wrapper, #piczoListFeed li.feedMessage.last .wrapper { border: none; } ul.expandableList li.feedMessage .action p, #piczoListFeed li.feedMessage .action p { clear: left; padding: 0 0 0 0px; width: 401px; } ul.expandableList li.feedMessage .action p a.piczoButtonMedium, #piczoListFeed li.feedMessage .action p a.piczoButtonMedium { width: 100%; background-color: transparent; font-weight: normal; } ul.expandableList li.feedMessage .action p a.piczoButtonMedium:hover, #piczoListFeed li.feedMessage .action p a.piczoButtonMedium:hover { background-color: #A22876; } ul.expandableList li.feedMessage .action a.username, #piczoListFeed li.feedMessage .action a.username { font-weight: normal; width: auto;} #piczoListFeed li.feedMessage .action span.timestamp { display: block; clear: left; font-size: 0.9em; color: #7e7e7e; letter-spacing: 0; } #piczoListFeed li.feedMessage .action p a.piczoButtonMedium { float: left; width: 333px; } #piczoListFeed li.feedMessage .action p a.delete { float: left; width: auto; margin-top: 2px; margin-left: 5px; display: none; } /* #piczoListFeed li.feedMessage:hover .action p a.delete { display: inline; } #piczoListFeed li.feedMessage:hover .action a.username { color: #fff; } */ #piczoListFeed li.feedMessage.unread { background-color: #eee; margin-top: 0px; } #piczoListFeed li.feedMessage.unread .action p a.piczoButtonMedium { font-weight: bold; } #piczoListFeed li.feedMessage.unread:hover { background-color: #000; } #piczoListFeed li.feedMessage.hover { background-color: #000; } #piczoListFeed li.feedMessage.hover .action p a.delete { display: inline; } #piczoListContent div.noFollowers { padding-top: 10px; padding-left: 3px; } #piczoListContent div.noFollowers img { float: left; } #piczoListContent div.noFollowers h3 { margin: 0; font-weight: bold; letter-spacing: -2px; font-size: 24px; } #piczoListContent div.noFollowers p { margin-top: 0.5em; } #piczoListContent div.noFollowers div { font-size: 12px; float: left; margin-left: 1em; width: 380px; } #piczoListContent div.noFollowers ul { margin: 0; list-style-type: none; } #piczoListContent div.noFollowers ul li { margin-top: 1em; } #piczoListContent form.messageForm { padding-top: 10px; padding-left: 3px; } #piczoListContent form.messageForm p.hint { font-size: 0.9em; color: #7e7e7e; letter-spacing: 0; width: 245px; } #piczoListContent form.messageForm img { float: left; } #piczoListContent form.messageForm div { float: left; width: 399px; padding-left: 5px; } #piczoListContent form.messageForm div.default { width: 409px; } #piczoListContent form.messageForm ul { float: left; list-style-type: none; margin-right: 0; /* IE6 thingy... */ } #piczoListContent form.messageForm ul li { margin-bottom: 20px; } #piczoListContent form.messageForm ul li label { display: block; font-size: 1.2em; } #piczoListContent form.messageForm ul li button { float: left; } #piczoListContent form.messageForm ul li ul li { font-weight: bold; font-size: 1.4em; margin-bottom: 0; } #piczoListContent form.messageForm ul li input, #piczoListContent form.messageForm ul li textarea { width: 403px; border: 1px solid #000; padding: 5px; padding-right: 0; font-size: 1.6em; font-weight: bold; color: #000; } #piczoListContent form.messageForm ul li.subject { position: relative; } #piczoListContent form.messageForm ul li.subject input { padding-left: 30px; width: 377px; } #piczoListContent form.messageForm ul li.subject span { background: transparent url(../../images/newpiczo/icons-m-bw.gif) no-repeat -200px top; display: block; height: 25px; width: 25px; position: absolute; top: 27px; left: 5px; } #piczoListContent form.messageForm ul.holder { width: 403px; padding: 2px; float: none; border: 1px solid #000; margin: 0; overflow: hidden; } #piczoListContent form.messageForm ul.holder input { border: none; font-size: 1em; padding: 0; overflow: visible; width: 100%; } #piczoListContent form.messageForm ul.holder li { float: left; } #piczoListContent form.messageForm ul.holder li.bit-box { position: relative; float: left; overflow: hidden; background-color: #fff; color: #A22876; width:102px; height: 19px; padding: 0 4px 0 23px; margin-right: 3px; margin-bottom:2px; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 19px; border: 1px solid #A22876; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #piczoListContent form.messageForm ul.holder li.bit-box a { background: transparent url(../../images/newpiczo/icons-s.gif) no-repeat -18px bottom; display: block; height: 19px; width: 20px; position: absolute; top: 0px; left: 0px; } #piczoListContent form.messageForm div.facebook-auto { display: none; font-size: 14px; font-weight: bold; letter-spacing: -1px; background-color: #000; color: #A22876; padding: 0; margin: 0; z-index: 999; position: absolute; } #piczoListContent form.messageForm div.facebook-auto ul { width: 399px; padding: 5px; margin: 0; background-color: #000; } #piczoListContent form.messageForm div.facebook-auto ul li { position: relative; float: left; overflow: hidden; width: 160px; height: 19px; padding: 0 4px 0 23px; margin-right: 5px; background-color: #000; color: #A22876; border: 1px solid #000; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 19px; } #piczoListContent form.messageForm div.facebook-auto ul.prelist li span, #piczoListContent form.messageForm div.facebook-auto ul li span { background: transparent url(../../images/newpiczo/icons-s.gif) no-repeat left bottom; display: none; height: 19px; width: 20px; position: absolute; top: 0px; left: 0px; } #piczoListContent form.messageForm div.facebook-auto ul li em { background-color: transparent; } #piczoListContent form.messageForm div.facebook-auto ul.prelist li.auto-focus, #piczoListContent form.messageForm div.facebook-auto ul li.auto-focus { border: 1px solid #A22876; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; background-color: #000; } #piczoListContent form.messageForm div.facebook-auto ul li.auto-focus span { display: block; } #piczoListContent div.viewMessage { padding-top: 10px; padding-left: 3px; border-bottom: 1px solid #000; margin: 0 4px; } #piczoListContent div.viewMessage img { float: left; } #piczoListContent div.viewMessage p { float: left; padding-left: 5px; width: 415px; } #piczoListContent div.viewMessage p span { display: block; } #piczoListContent div.viewMessage p span.username a { font-weight: normal; color: #000; } #piczoListContent div.viewMessage p span.subject { line-height: 27px; font-size: 1.4em; font-weight: bold; color: #000; } #piczoListContent div.viewMessage p span.subject span.mail-m-bw { float: left; } #piczoListContent div.viewMessage p span.timestamp { font-size: 0.9em; color: #7e7e7e; } #piczoListContent div.viewMessage p span.body { font-size: 1.1em; margin-top: 1em; } #piczoListContent div.viewMessage p span.buttons { margin-left: 0em; margin-right: 0em; } ul.expandableList { list-style-type: none; margin: 0; margin-left: -2px; margin-top: 2px; } ul.expandableList li { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; padding-left: 5px; } ul.expandableList li.active { cursor: pointer; background-color: #000; } ul.expandableList li.activated { background-color: #000; } ul.expandableList li.activated div.viewMessage { cursor: default; } ul.expandableList li.activated a.username, ul.expandableList li.active a.username { color: #fff !important; } ul.expandableList li div.clickable { margin-left: -5px; margin-bottom: -10px; padding-left: 5px; padding-bottom: 10px; } ul.expandableList li div.viewMessage { margin: 0 !important; background-color: #fff; padding-top: 3px !important; margin: 10px 0 -10px -5px !important; } div.messageSent p { margin: 10px 0px 10px 10px; letter-spacing: 0; font-size: 14px; } div.messageSent ul { list-style-type: none; margin: 0px 0px 0px 10px; font-size: 14px; } div.messageSent ul.buttons { float: none;} div.messageSent ul.buttons li { margin-bottom: 5px; width: 120px; } div.messageSent ul.buttons li a { width: 100%; } div.messageDeleted p { margin: 10px 0px 10px 10px; letter-spacing: 0; font-size: 14px; } div.messageDeleted ul { list-style-type: none; margin: 0px 0px 0px 10px; font-size: 14px; } div.messageDeleted ul.buttons { float: none;} div.messageDeleted ul.buttons li { margin-bottom: 5px; width: 120px; } div.messageDeleted ul.buttons li a { width: 100%; } #piczoListContent #olderButton { margin: 1em; } /* Explore -------------------------------------------------------------- */ #main-explore { background-color: #fff; padding-top: 2px; padding-right: 2px; width: 688px; } #main-explore .piczoButtonSmall { background-color: transparent; } #main-explore .exploreHeader { height: 254px; background: #fff url(../../images/newpiczo/explore-girljump.jpg) no-repeat; color: #000; margin-bottom: -10px; position: relative; } #main-explore .exploreHeader h3 { margin: 0; position: absolute; top: 85px; left: 17px; letter-spacing: -4px; } #main-explore .exploreHeader p { margin: 0; position: absolute; top: 145px; left: 20px; letter-spacing: 0; font-size:16px; width:450px;} #main-explore .exploreHeader #backToExplore { position: absolute; top: 190px; left: 518px; background-color: #000;} #main-explore .wrapper .header { margin-top: 10px; background-color: #000; color: #fff; margin-bottom: 2px; padding-top: 30px; padding-bottom: 10px; padding-left: 4px; } #main-explore .wrapper .header .text { float: left; width: 620px; } #main-explore .wrapper .header .icon { float: left; margin-right: 8px; background-image: url(../../images/newpiczo/icons-l.gif); display: block; height: 50px; width: 50px; } #main-explore .recentPosts .header .icon { background-position: -365px 0px; } #main-explore .recentHypes .header .icon { background-position: -209px 0px; margin-top: -5px; } #main-explore .recentCommenters .header .icon { background-position: -313px 0px; margin-top: -5px; } #main-explore .recentFollowers .header .icon { background-position: -105px 0px; } #main-explore .wrapper .header h4 { margin: 0; float: left; font-size: 30px; font-weight: bold; letter-spacing: -2px; } #main-explore .wrapper .header h4 span { font-weight: normal; } #main-explore .wrapper .header .piczoButtonMedium { float: right; margin: 0; margin-top: 10px; } #main-explore .wrapper .header p { margin: 0; clear: left; font-size: 12px; letter-spacing: 0; } #main-explore .wrapper .filter { } #main-explore .wrapper .filter span.icon { display: none; } #main-explore .wrapper .filter div.text { margin-left: 10px; width: 665px; } #main-explore .piczoButtonMedium { margin-top: 10px; margin-right: 5px; margin-bottom: 20px; float: right; } #main-explore .wrapper .first { text-align: center; float: left; width: 228px; height: 517px; background-color: #000; overflow: hidden; position: relative; z-index: 200; } #main-explore .wrapper .first .piczoButtonMedium { margin: 0; float: left; margin-top: 10px; } #main-explore .wrapper .first h4 { text-align: left; color: #fff; margin: 0; margin-left: 10px; font-size: 30px; letter-spacing: -2px; font-weight: bold; } #main-explore .wrapper .first h5 { text-align: left; color: #A22876; margin: 0; margin-left: 10px; font-size: 18px; font-weight: bold; } #main-explore .wrapper .first img { _width: 208px; max-height: 312px; max-width: 208px; margin: 0 auto; margin-top: 10px; } #main-explore .wrapper .first span.featured-link { display: block; text-align: left; margin-left: 10px; } #main-explore .wrapper ul.content { margin: 0; list-style-type: none; float: left; width: 475px; clear: none; } #main-explore .wrapper ul.content li { float: left; overflow: hidden; } #main-explore .wrapper ul.content li img { _height: 155px; } #main-explore .links ul.content { border: none; width: 471px; #width: 460px; } #main-explore .links ul.content li.puff { height: auto; width: auto; _width: 226px; _height: 171px; border: none; margin-bottom: 2px; margin-left: 2px; overflow: hidden !important; } #main-explore .links ul.content li.puff .wrapper a.link { width: 156px; height: 148px; _height: 193px; display: block; } #main-explore .links .wrapper { position: relative; height: 171px; width: 228px; overflow: hidden; } #main-explore .links .text-section { position: relative; z-index: 5; bottom: -4px; _bottom: 40px; left: 0; display: block; float: left; padding: 0 10px; background: #000; height: 50px; width: 228px; overflow: hidden; zoom: 1; } #main-explore .links .text-section h5 { color: #A22876; margin: 0; } #main-explore .links .text-section h4 { color: #fff; font-size: 10px; line-height: 10px; margin: 0; } #main-explore ul.carousel { margin: 0; float: left; width: auto; } #main-explore .carouselWrapper { width: 460px; overflow: hidden; float: left; } #sidebar.explore .ads { margin-left: -15px; } /* ### Sidebar for explore ### */ #sidebar.explore { padding: 0 15px; width: 270px; } /* Go away, marginz! */ #sidebar.explore ul, #sidebar.explore p, #sidebar.explore h2, #sidebar.explore h4 { margin: 0; padding: 0; } #sidebar.explore a.piczoButtonMedium { width: 230px; margin-top: 20px; } #sidebar.explore h2 { font-weight: bold; font-size: 30px; letter-spacing: -2px; line-height: 30px; } #sidebar.explore ul { list-style-type: none; margin-left: 25px; } #sidebar.explore ul li { margin-top: 10px; } #sidebar.explore img.bloggerOfTheWeek { margin-top: 10px; max-width: 270px; } #sidebar.explore ul.smaller li p { font-size: 11px; letter-spacing: 0px; } #sidebar.explore ul.smaller li a { font-size: 13px; } #sidebar.explore div.hr { display: block; height: 1px; background-color: 1px; margin: 20px 0; } #sidebar.explore .piczoButtonSmall { display: block; margin: 10px 5px 0 0; background: transparent; } #sidebar.explore .piczoButtonSmall:hover, #sidebar.explore .piczoButtonSmall.selected { color: #fff; background: #a22876; } /* ### Ze old explore (now /go/category) ### */ #main-explore .paging { padding-top: 30px; padding-bottom: 30px; background-color: #fff; background-position: 15px 20px; } .exploreInfo {padding: 0 10px; margin: 15px 0 25px; } .exploreInfo h3 { font-size: 1.8em; line-height: 1em; margin: 10px 0 0 0; } .exploreInfo p { /* color: #A22876; */ } .todo { padding: 0 10px; margin: 15px 0 25px; background: url(../../images/newpiczo/handdrawn-todo.gif) no-repeat 90px 0; } .todo h3 { font-size: 1.8em; line-height: 1em; margin: 10px 0 0 0; } .todo p { /* color: #A22876; */ } .todo-small { padding: 0 10px 0 10px; margin: 10px 0 25px 0; } .todo-small h4 { font-size: 1.6em; line-height: 1em; margin: 15px 0 0 0; } .todo-small p { /* color: #A22876; */ } ul.commented { width: 690px; } .sort { padding: 0 10px; } .sort p { margin: 0; } .sort ul { font-size: 1.25em; list-style: none; margin: 0 0 50px; overflow:hidden; } .sort li { float: left; margin-right: 15px; } .sort li a { display: block; padding-bottom: 0.5em; text-decoration: none; } .sort li > a:hover, .sort li > a.active { background: url(../../images/newpiczo/underline.png) no-repeat 50% 100%; } * html .sort li a:hover, * html .sort li a.active { color:#A22876; } /* Stop / 404 Page -------------------------------------------------------------- */ #main-stop { color: #fff; } #main-stop .info { width: 375px; margin: 45px auto 75px auto; } #main-stop .info .reason { display: block; float: left; clear: both; margin: 0 0 17px 2px; /* color: #A22876; */ } #main-stop .info .owner, #main-stop .info form { display: block; clear: both; overflow: hidden; } #main-stop .info .owner .avatar { float: left; width: 58px; margin: 0 30px 0 0; } #main-stop .info .owner .user { float: left; width: 287px; } #main-stop .info .owner .user h5 { margin: 13px 0 0 0; line-height: 0.8em; } #main-stop .info .owner .user a { line-height: 0.8em; } #main-stop .mosts { width: 690px; margin: 0 auto; padding-bottom: 3px; } #main-stop .mosts ul, #main-stop .mosts li { border-color: #000; } #main-stop .info form .text { width: 260px; margin-left: 7px; } #main-stop .info form button { background-image: url(../../images/newpiczo/submit-go-inverted.gif); margin: 5px 0 0 0; } #main-stop h2 { font-size: 2.5em; margin: 0; line-height: 1.2em; } /* Followed / Following -------------------------------------------------------------- */ #main-follow { background: #fff; padding: 40px 9px 15px 16px; width: 665px; overflow: hidden; } .follow-head { clear: both; overflow: hidden; padding: 0 0 8px 0; margin: 0 0 5px 0; border-bottom: 1px solid #000; } .follow-head select { clear: both; display: block; float: left; width: 150px; } .follow-head h3 { display: block; float: left; width: 418px; margin: 0 0 0 10px; font-size: 1.6em; line-height: 0.9em; } .follow-head .change-view { display: block; float: right; } #feed.follow .from { padding: 0 20px 0 0; } #feed.follow .action { width: 491px; } /* Settings -------------------------------------------------------------- */ .settings-upload-photo-text { float:left; clear:both; height:50px; width:300px; margin:0 0 5px 0; } .settings-wrapper-important { background:pink; color:white; } .settings-head { clear: both; overflow: hidden; padding: 0 0 8px 0; margin: 0 0 5px 0; border-bottom: 1px solid #000; } .settings-head h3 { font-size: 2.2em; letter-spacing: -2px; margin: 0; } #feed.settings .from { padding-right: 20px; } #feed.settings .actions { visibility: hidden; margin: 0 0 0 80px; } #feed.settings .actions .del-m { margin-top: 16px; } #feed.settings .highlight { border-bottom: none; } #feed.settings .highlight .actions { visibility: visible; } .settings .slider { display: none; clear: both; width: 100%; background: #fff; overflow: hidden; padding: 0 16px 25px 0; position: relative; left: -8px; bottom: -7px; } .settings form { margin: 25px 0 0 88px; } .settings label { display: block; clear: left; float: left; width: 130px; margin: 0 5px 4px 0; color: #000; } .settings .text, .settings select { display: block; float: left; width: 185px; color: #000; margin: 0 0 4px 0; } .settings .text { width: 175px; } #newblog-wrapper.settings, #newsite-wrapper.settings { float: left; margin: 0 0 0 15px; } #newblog-wrapper.settings label, #newsite-wrapper.settings label { width: 205px; } #createForm { } #updateUserPassword .small { margin: 0; clear: both; line-height: 1.2em; } #main-settings { float: left; width: 680px; background: #fff; padding: 30px 0 30px 10px; overflow: hidden; } #main-settings .big { font-size: 2.4em; } #main-settings h2 { font-size: 1.8em; margin: 0; font-weight: bold; } #main-settings h2 a { font-size: 0.9em; float: right; margin-right: 5px; } #main-settings h3 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; } #main-settings h4 { font-weight: bold; margin: 0; } .settings-wrapper { clear: both; border-top: 1px solid #000; padding: 10px 5px; margin: 0 10px 30px 0; overflow: hidden; } .settings-wrapper .info, .settings-wrapper .email-form, .settings-wrapper .password-form { float: left; width: 216px; margin: 0 5px 0 0; } .settings-wrapper .password-form { margin: 0; } .settings-wrapper .text, .settings-wrapper label, .settings-wrapper button, .settings-wrapper select { float: left; } .settings-wrapper .text, .settings-wrapper select { width: 210px; margin: 0 0 5px 0; color: #000; } .settings-wrapper label { color: #000; clear: left; width: 150px; /*margin: 0 5px 0 20px;*/} .settings-wrapper select { width: 220px; } .settings-wrapper button { clear: left; } .settings-wrapper .info { padding-top: 17px; } .settings-wrapper .info label { width: 80px; } .settings-wrapper .info span { float: left; width: 200px; } .settings-wrapper .email-form .text, .settings-wrapper .password-form .text { width: 160px; } .settings-wrapper .password-form .text {} .settings-wrapper .multiple { width: 70px; margin-right: 5px; } .settings-wrapper .services, .settings-wrapper .link-site { float: left; width: 325px; margin: 0 10px 0 0; line-height: 22px; } .settings-wrapper .link-site { margin-right: 0; } .important-settings-wrapper {background:lightgray; border:none; padding:30px 0 30px 10px;} .no-border {border:none;} /* simplify basic page */ #simplifyBasic { width: 400px; min-height: 350px; padding: 100px 0 0 120px; color: #fff; clear: both; float: none; } /* Autocomplete dropdown -------------------------------------------------------------- */ .ac_results { padding: 0px; background-color: #000; color: #A22876; z-index: 99999; padding: 7px; padding-right: 0; } .ac_results ul { list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0 0 2px 0; cursor: pointer; display: block; padding: 0; border: 1px solid #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*color: #A22876; font-size: 1.2em; text-decoration: underline;*/ /* if width will be 100% horizontal scrollbar will appear when scroll mode will be used */ /*width: 100%;*/ width: 70%; font: menu; font-size: 12px; /* it is very important, if line-height isn't set, or set in relative units, scroll will be broken in firefox */ line-height: 19px; overflow: hidden; } .ac_results li span.ok-s { background: none; } .ac_results li span { background: transparent none no-repeat left bottom; display: block; float: left; height: 19px; width: 20px; margin: 0 3px 0 0; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #000; } .ac_results li.ac_over { background-color: #000; color: #A22876; border-color: #A22876; margin-left: 7px; } .ac_results li.ac_over span { background-image: url('../../images/newpiczo/icons-s.gif?2'); background-position: 0 -19px; } /* Blog Customization -------------------------------------------------------------- */ h2.ptc0, h2.ptc0 a{ color:#be097c; } h2.ptc1, h2.ptc1 a{ color:#c2a492; } h2.ptc2, h2.ptc2 a{ color:#f49a86; } h2.ptc3, h2.ptc3 a{ color:#d52449; } h2.ptc4, h2.ptc4 a{ color:#57c3bb; } h2.ptc5, h2.ptc5 a{ color:#f6e767; } h2.ptc6, h2.ptc6 a{ color:#217bbf; } h2.ptc7, h2.ptc7 a{ color:#fbe5cb; } h2.ptc8, h2.ptc8 a{ color:#8b9068; } h2.ptc9, h2.ptc9 a{ color:#c0b99d; } h2.ptff0, h2.ptff0 a{ font-family:'Arial'; } h2.ptff1, h2.ptff1 a{ font-family:'Arial Black'; } h2.ptff2, h2.ptff2 a{ font-family:'Impact'; } h2.ptff3, h2.ptff3 a{ font-family:'Palatino'; } h2.ptff4, h2.ptff4 a{ font-family:'Georgia'; } h2.ptff5, h2.ptff5 a{ font-family:'Tahoma'; } h2.ptff6, h2.ptff6 a{ font-family:'Times New Roman'; } h2.ptff7, h2.ptff7 a{ font-family:'Verdana'; } h2.ptfs0, h2.ptfs0 a{ font-size: 16px; } h2.ptfs1, h2.ptfs1 a{ font-size: 24px; } h2.ptfs2, h2.ptfs2 a{ font-size: 38px; line-height: 1.2em; } #main-blog.bgc0 { color: #000; padding:0; border-top:2px solid #fff; border-right:2px solid #fff; } #main-blog.bgc0 .big-hr { background:#fff; } #main-blog.bgc0 .blog-item .big-hr { margin: 1em -8px !important; } #main-blog.bgc0 .tags { color: #fff; } .bgc0 { background:#000 !important; } .bgc0 .piczoButtonSmall, .piczoButtonMedium, .piczoButtonLarge { background-color:transparent; } .bgc0 .date-posted { color:#fff; } .bgc0 h4, .bgc0 strong, .bgc0 .blog-post-text { color:#fff; } .bgc0 .options { border-color:#fff; } .bgc0 .paging { background: transparent url(../../images/newpiczo/paging-black-bg.gif) no-repeat scroll -15px -28px; } .bgc0 .paging .active { background:transparent url(../../images/newpiczo/paging-active-pink.gif) no-repeat scroll 50% 0; } .bgc1 { background:#fff !important; } .bgc1 .piczoButtonSmall, .piczoButtonMedium, .piczoButtonLarge { background-color:transparent; } .bgc1 h4, .bgc1 strong, .bgc1 .blog-post-text { color:#000; } .bgc1 .miniList h3 { color:#000 !important; } #main-create #createForm #create-area .tag .hoveringLOL { display: block; width: 200px; height: 200px; background-color: red; opacity: 1; float: none; clear: both; z-index: 999999; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { overflow: hidden; top: 0; left: 0; position: relative; z-index: 1; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 441px; height: 284px; } /** * The buttons are added dynamically by jCarousel before * the