/* * Main theme by Dige.pl * * Frontend dev Maciej Pankiewicz // twitter @macpankiewicz * Webdev Kacper Macikowski * * Based on: Bootstrap, Boilerplate */ @import url("colorbox.css"); @import url("bootstrap.css"); @font-face { font-family: 'Museo300'; src: url('../fonts/museo300-regular-webfont.eot'); src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo300-regular-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont.svg#Museo300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo500'; src: url('../fonts/museo500-regular-webfont.eot'); src: url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo500-regular-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont.svg#Museo500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo700'; src: url('../fonts/museo700-regular-webfont.eot'); src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo700-regular-webfont.woff') format('woff'), url('../fonts/museo700-regular-webfont.ttf') format('truetype'), url('../fonts/museo700-regular-webfont.svg#Museo700') format('svg'); font-weight: normal; font-style: normal; } /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ============================================================================= HTML5 element display ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Force vertical scrollbar in non-IE * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * These selection declarations have to be separate * No text-shadow: twitter.com/miketaylr/status/12228805301 * Also: hot pink! */ ::-moz-selection { background: #A01313; color: #fff; text-shadow: none !important; } ::selection { background: #A01313; color: #fff; text-shadow: none !important; } /* ============================================================================= Links ========================================================================== */ a { color: #9C1313; } /* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * Improve image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; -ms-interpolation-mode: bicubic; } /* * Correct overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* * Remove inner padding and border in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove default vertical scrollbar in IE6/7/8/9 */ textarea { overflow: auto; vertical-align: top; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } /* ============================================================================= Primary styles Author: Maciej Pankiewicz // DIGE.pl ========================================================================== */ body{background:#efefef; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; overflow-x: hidden; } a.btn{ text-decoration: none; } .fLE{ float: left; } .fRI{ float: right; } .makeCenter{ text-align: center; } .setMargins{ margin: 30px 40px; } #fb-root{ z-index: 999; } #header{ height: 136px; position:relative; background:url(../images/headerBg.png) top center repeat-x; z-index:100;} #facebookLikeBox { display: block; position: absolute; height: 20px; text-align: center; line-height: 18px; text-decoration: none; text-shadow: 0 1px white; font-size: 13px; text-decoration: none; font-family: 'Museo300', Arial, sans-serif; padding: 13px 0px 10px; left: 22px; top: 52px; } #bookmarklet{ display:block; position: absolute; background:url(../images/usernameLineFlipped.png) left top no-repeat; height:20px; text-align:center; line-height:18px; text-decoration:none; text-shadow: 0 1px #FFF; font-size:13px; color:#7a6c5c; text-decoration:none; font-family: 'Museo300', Arial, sans-serif; padding: 13px 0px 10px; left: 79px; top:12px; } #bookmarklet span{ background: url(../favicon.ico) no-repeat; display: block; width: 16px; height: 16px; float: left; margin: 0 5px 0 0; border-radius: 3px; overflow: hidden; border: 1px solid #D6CFC2; } #bookmarklet:hover{ color: #9C1313; } #switch_version{ display: block; position: absolute; top: 0; left: 0; width: 83px; height: 87px; background: url('../images/switch_version_alfa.png'); } #header .wrapper{ padding: 0 20px;} #header #mainHeader{ width: 403px; height: 136px; margin: 0 auto; } #header h1{display:block; text-indent:-9999em; height:90px; width:184px; margin: 0 auto 0 auto; background:url(../images/logoHeader.png) center top no-repeat; } #header h1 a{display:block; text-decoration:none; height: 80px; } #header #mainNav{ width: 360px; border-top: 1px solid #d6cfc2; } #header #mainNav > ul{width: 360px; list-style:none; margin:2px 0 0 0; padding:0; border-top: 1px solid #d6cfc2; height: 35px; text-align: center;} #header #mainNav ul li{margin:0; padding:0; display: inline-block; position: relative; padding: 0 10px;} #header #mainNav ul li > a{display:block; font-size:15px; color:#7a6c5c; text-decoration:none; font-family: 'Museo300', Arial, sans-serif; line-height: 35px; height: 37px; } #header #mainNav ul li > a:hover{ color: #9C1313; } #header #mainNav ul li .subCat { position: absolute; top: 36px; left: -2px; padding: 4px 10px 6px 10px; background: #F3F3F3; border: 1px solid #9C1313; border-top: 1px solid #122732; border-color: #FFF #aaa #999; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); display: none; } #header #mainNav ul li.hasSubCat a:hover{ border: 0; box-shadow: none; } #header #mainNav ul li ul{ width: 300px; } #header #mainNav ul li ul li{ float: left; padding: 0; width: 150px;} /*#header #mainNav ul .one{ width: 120px; } #header #mainNav ul .two{ width: 88px; } #header #mainNav ul .three{ width: 65px; } #header #mainNav ul .four{ width: 45px; }*/ /*#header #mainNav ul .five{ padding: 0; }*/ #header #mainNav ul li ul li a{ color:#7a6c5c; text-shadow: 0 1px #FFF; white-space:nowrap; font-size: 13px; height: 29px; line-height: 30px; } #header #mainNav ul li ul li a:hover{ border: 0; box-shadow: none; color: #9C1313; } #header #arrow{ width: 17px; height: 10px; position: absolute; top: -10px; left: 7px; background: url(../images/arrow.png) no-repeat; display: block; } #header .arrowReverse{ margin: 4px auto 0 auto; background: url(../images/arrowVisible.png) no-repeat; height: 13px; width: 18px; display: none; position: absolute; } #header #mainNav ul li.active > a{ color: #9C1313; } ul#searchNav { margin: 0 0; width: 320px; height: 40px; display: block; float: left;} ul#searchNav li{margin:0; padding:0; float:left; display:block; position: relative; } ul#searchNav li > a{display:block; font-size:15px; color:#7a6c5c; text-decoration:none; font-family: 'Museo300', Arial, sans-serif; line-height: 35px; height: 37px; } ul#searchNav li > a:hover{ color: #9C1313; } ul#searchNav li.active > a{ color: #9C1313; } ul#searchNav .one{ width: 50px; } ul#searchNav .two{ width: 75px; } ul#searchNav .three{ width: 105px; } #header .user{right:20px; position: absolute; top:48px; font-weight:200;} #header #showPlayer{display:block; float:left; cursor: pointer; background:url(../images/btnPlayer.png) left top no-repeat; margin: 4px 10px 0 0; padding-right: 9px; height:32px; line-height:32px; width:32px; text-decoration:none; border-right: 1px solid #c4b5a6; } #header #playerControls { display: none; background: url(../images/sprites.png) -450px 0 no-repeat; width: 145px; height: 34px; position: relative; float: left; margin: 4px 10px 0 0; border-right: 1px solid #c4b5a6; padding-right: 9px; } #playerControls span{ display: block; width: 24px; height:24px; position: absolute; top: 6px; background: url(../images/sprites.png) -450px -53px no-repeat; text-indent: -9999em; cursor: pointer; } #playerControls #pause{ display: none; background-position: -590px -53px; left: 30px; } #playerControls #play{ background-position: -480px -53px; left: 30px; } #playerControls #prev{ background-position: -455px -53px; left: 5px; } #playerControls #next{ background-position: -505px -53px; left: 55px; } #playerControls #playOff{ background-position: -540px -53px; left: 90px; } #playerControls #playAll{ background-position: -564px -53px; left: 114px; } #playerControls #pause:hover{ background-position: -590px -83px; left: 30px; } #playerControls #play:hover{ background-position: -480px -83px; left: 30px; } #playerControls #prev:hover{ background-position: -455px -83px; left: 5px; } #playerControls #next:hover{ background-position: -505px -83px; left: 55px; } #playerControls #playOff:hover{ background-position: -540px -83px; left: 90px; } #playerControls #playAll:hover, #playerControls #playAll.active{ background-position: -564px -83px; left: 114px; } #playerControls #playAll.active:hover{ background-position: -564px -53px; left: 114px; } #header #login, #header .loginAccount, #header .registerAccount{ display:block; float:left; background:url(../images/usernameLine.png) left bottom no-repeat; height:35px; text-align:center; line-height:35px; text-decoration:none; text-shadow:0 1px #FFF; font-size:15px; color:#7a6c5c; text-decoration:none; font-family: 'Museo300', Arial, sans-serif; padding: 4px 5px 10px 0; } .auth #login{ text-align:left;} .auth #login .avatar{width:32px; height:32px; border:0; margin: 0 8px 4px 0; display: block; float: left; background: #efefef; overflow: hidden; } .auth #login .avatar img{ min-height: 32px; min-width: 32px; max-height: 64px; max-width: 32px; } .auth #login .username{ display: block; margin-left: 40px; } #header .user ul{display:none; position:absolute; background:#c7b9aa; border-radius:3px; right:0; overflow:hidden; top:50px; font-size:12px; box-shadow: 0 1px 3px #b6aa9c; padding:0 0 0 0; } #header .user ul li{position:relative; border-top:1px solid #e5ded7; } #header .user ul li.settings a:hover{ border-top-left-radius:5px; border-top-right-radius:5px;} #header .user ul li a:hover{background:#b6aa9c; } #header .user ul a{color:#FFF; text-shadow:0 -1px #b6aa9c; display:block; text-decoration:none; padding:0 55px 0 15px; height:30px; line-height:30px;} #header .user ul #arrowUser{width:35px; height:18px;background:url(../images/sprites.png) 0 -161px no-repeat; position:absolute; right:0; top:-3px; } #header .user ul li.settings{border-top:0;} #header .user ul li.settings a{padding-top:0;} #header .user ul li span{display:block; position:absolute; width:42px; height:30px; right:0; top:0;} #header .user ul li.settings span{ background:url(../images/sprites.png) 0 -199px no-repeat; top:0;} #header .user ul li.pinned span{ background:url(../images/sprites.png) -43px -199px no-repeat;} #header .user ul li.likes span{background:url(../images/sprites.png) -86px -199px no-repeat;} #header .user ul li.logout span{ background:url(../images/sprites.png) -130px -199px no-repeat;} #header .user ul li.logout a{ border-bottom:0; background:#b6aa9c; color:#9c1313; text-shadow: none; } #header .user ul li.logout a:hover{background:#F6CBCC; text-shadow: none;} #header .user ul li.profile span{background:url(../images/sprites.png) -169px -199px no-repeat;} #header .user ul li.invite span{background:url(../images/sprites.png) -213px -199px no-repeat;} #header .user ul li.notifications span{background:url(../images/sprites.png) -252px -199px no-repeat;} #header .user a.fb_button{ margin-top: 27px; } #headerXS{ position: fixed; top: 0; left: 0; width: 100%; height: 42px; background:url(../images/headerBg.png) 0 -95px repeat-x; z-index: 200; display: none; } #headerXS .wrapper{ padding: 0 20px; } #headerXS #title{ width: 89px; height: 36px; display: block; float: left; margin-right: 5px; margin: 0 10px 0 0; } #headerXS #title a{ width: 89px; height: 36px; display: block; text-indent: -99999em; background: url(../images/logoXS.png) 0 4px no-repeat; } #headerXS form{ display: block; float: left; background: url(../images/searchInput.png) no-repeat; padding: 6px 5px 0 5px; width: 133px; height: 30px; } #headerXS form input{ background: none; width: 100px; height: 23px; border: 0; color: #bdccd3; font-size: 11px; padding: 0; } #headerXS form input:focus{ box-shadow: none; border: 0; } #headerXS form button{ float: right; width: 23px; height: 23px; border: 0; background: none; padding: 0; margin: 0; } #headerXS .user{ float: right; width: 64px; height: 36px; background: url(../images/userXS.png) 0 4px no-repeat; position: relative; } #headerXS .user #up{ text-indent: -9999em; display: block; float: right; width: 26px; height: 26px; margin: 5px 0 0 0; } #headerXS .user #xsavatar{ position: absolute; top: 10px; left: 6px; width: 15px; height: 15px; } #headerXS .user #xsavatar img{ width: 15px; height: 15px; display: block; } .notAuth #headerXS .user{ background: url(../images/userXS.png) -28px 4px no-repeat; width: 36px; } #footer{ position: fixed; bottom: 0; left: 0; width: 100%; height: 20px; background: #FFF; z-index: 200; display: block; border-top: 1px solid #F6CBCC; font-size: 10px; color: #7A6C5C; line-height: 20px; box-shadow: 0px 1px 3px #FFF; } #footer a{ color: #777; text-decoration: none; } #footer a:hover{ color: #333; } #footer .wrapper{ padding: 0 15px; } #main{ padding:30px 5px; margin:0 auto; min-height: 400px; } #main.showLoader{ background: #EFEFEF url(../images/loader.png) no-repeat center center; } #list{ margin: 30px auto 30px auto; display: none; } .frontPage #list{ margin: 0 auto; } #list .masonry{ margin: 0 auto; } #list h1 { margin-left: 32px; color: #971212; } .formPage { margin:0 auto; width:960px; font-size: 13px; font-weight: normal; line-height: 18px;} .formPage a { text-decoration:none;} .formPage a:focus { outline: thin dotted; } .formPage a:hover, a:active { outline: 0; } .formPage .fieldContainer { padding-bottom: 20px; border-top:1px solid #fff; border-bottom:1px solid #d0d7da;} .formPage .fieldContainer.legend{ border-top:0px; background: url('../imgs/formTitleBg2.png') top left no-repeat; } .formPage .fieldContainer.last { border-bottom:0px; padding: 20px 0 0 171px; min-height:56px;} .formPage .btn.large.btnMargin { margin: 0 0 0 21px;} .formPage form { margin-bottom: 18px; } .formPage legend { display: block; padding:19px 0 0 31px; font-size: 20px; margin-bottom: 0; line-height: 1; color: #; *padding: 30px 0 5px 33px; *line-height: 1.5; color:#971212; width: 495px; } .formPage .fieldContainer.error { background:#f9ecec; } .formPage .fieldContainer.error > label {color: #5B5B5B; } .formPage .fieldContainer.error .help-block, .wrapper .fieldContainer.error .help-inline { color: #b94a48; } .formPage .fieldContainer.error input, .wrapper .fieldContainer.error textarea { color: #b94a48; border-color: #ee5f5b; } .formPage .fieldContainer.error input:focus, .wrapper .fieldContainer.error textarea:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .formPage .fieldContainer.error .input-prepend .add-on, form .fieldContainer.error .input-append .add-on { color: #b94a48; background-color: #fce6e6; border-color: #b94a48; } .formPage .fieldContainer.warning { background:#f9f6ec; } .formPage .fieldContainer.warning > label {color: #5B5B5B; } .formPage .fieldContainer.warning .help-block, .wrapper .fieldContainer.warning .help-inline { color: #c09853; } .formPage .fieldContainer.warning input, .wrapper .fieldContainer.warning textarea { color: #c09853; border-color: #ccae64; } .formPage .fieldContainer.warning input:focus, .wrapper .fieldContainer.warning textarea:focus { border-color: #be9a3f; -webkit-box-shadow: 0 0 6px #e5d6b1; -moz-box-shadow: 0 0 6px #e5d6b1; box-shadow: 0 0 6px #e5d6b1; } .formPage .fieldContainer.warning .input-prepend .add-on, .wrapper .fieldContainer.warning .input-append .add-on { color: #c09853; background-color: #d2b877; border-color: #c09853; } .formPage .fieldContainer.success { background:#f1f9ec; } .formPage .fieldContainer.success > label {color: #5B5B5B; } .formPage .fieldContainer.success .help-block, .wrapper .fieldContainer.success .help-inline { color: #468847; } .formPage .fieldContainer.success input, .wrapper .fieldContainer.success textarea { color: #468847; border-color: #57a957; } .formPage .fieldContainer.success input:focus, .wrapper .fieldContainer.success textarea:focus { border-color: #458845; -webkit-box-shadow: 0 0 6px #9acc9a; -moz-box-shadow: 0 0 6px #9acc9a; box-shadow: 0 0 6px #9acc9a; } .formPage .fieldContainer.success .input-prepend .add-on, .wrapper .fieldContainer.success .input-append .add-on { color: #468847; background-color: #bcddbc; border-color: #468847; } .formPage label { padding:19px 0 0 41px; font-size: 17px; line-height: 26px; float: left; width: 130px;text-align; color: #5b5b5b; text-shadow: 0px 1px 0px #fff;} .formPage.editProfilePage .fieldContainer label { line-height: 43px; } .formPage.editProfilePage .fieldContainer.smallLineHeight label{ line-height: 23px; } .formPage.editProfilePage .fieldContainer{ clear: both; } .formPage .fieldContainer .radio_list{ margin: 0 0 0 171px; padding: 20px 0 0 0; list-style: none; } .formPage .fieldContainer .radio_list li{ padding: 0 0 4px 0; } .formPage .fieldContainer .radio_list label{ float: none; margin: 0; padding: 0; font-size: 13px; line-height: 150%; display: inline; } .formPage .fieldContainer .radio_list input[type="radio"]{ display: inline; } .formPage .fieldContainer .upload{ min-height: 55px; padding-top: 10px; } .formPage .label.important { background-color: #c43c35;} .formPage .label.warning { background-color: #f89406;} .formPage .label.success {background-color: #46a546;} .formPage .label.notice {background-color: #62cffc;} .formPage .input-size, input.size, textarea.size, select.size { width: 344px; margin: 19px 0 0 0; height:36px;} .formPage .help-block {font-size: 11px; line-height: 18px; color: #bfbfbf; margin: 0 0 0 174px; font-style:italic; color:#6a6e71; text-shadow: 1px 0 0 #fff;} .formPage .help-inline {font-size: 13px; line-height: 18px; color: #bfbfbf; margin: 0 0 0 165px; } .formPage .help-inline { padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */} .formPage .help-block { display: block; max-width: 600px;} .formPage .help-inline .error_list{ margin-bottom: 0; } .formPage #profileForm .fieldContainer{ padding-bottom: 0; zoom: 1; } .formPage #profileForm .fieldContainer:before, .formPage #profileForm .fieldContainer:after { content: ""; display: table; } /* clearfix */ .formPage #profileForm .fieldContainer:after { clear: both; } .formPage #profileForm .fieldContainer.error, .formPage #profileForm .fieldContainer.legend { padding-bottom: 20px; } .formPage .txArea { width: 530px; margin: 19px 0; height:auto;} .formPage .btn.large { font-size: 15px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .formPage .btn.primary {color: #ffffff;background-color: #0064cd;background-repeat: repeat-x;background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image: -moz-linear-gradient(top, #049cdb, #0064cd);background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} .formPage form input, .formPage form textarea, .formPage form select, .formPage form .uneditable-input { display: inline-block; padding: 4px 4px 4px 5px;font-size: 13px;line-height: 18px;color: #505050;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .formPage form input:focus, .formPage form textarea:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);} .formPage form input[type=file]:focus, .formPage form input[type=checkbox]:focus, .formPage select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; } .formPage form input, .formPage form textarea {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);} .formPage form input[disabled], .formPage form select[disabled], .formPage form textarea[disabled], .formPage form input[readonly], .formPage form select[readonly], .formPage form textarea[readonly] { background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; } .firstReg { width: 860px; margin: 0 auto; background: #fff; box-shadow: -2px 0px 2px 2px rgba(227, 214, 213, 1), 2px 0px 2px 2px rgba(227, 214, 213, 1); } .firstReg header {background: #f3f3f3; padding: 50px 40px 30px 40px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; } .firstReg header h3 {font-family: 'Museo300', Arial, sans-serif; font-weight: normal; margin: 0; padding: 0; color: #7b6b5b; font-size: 24px;} .firstReg h3 span {color: #a01e09; font-family: 'Museo700', Arial, sans-serif;} .firstReg header p {font-family: 'Museo300', Arial, sans-serif; font-size: 14px; line-height: 24px; color: #7b6b5b; margin: 0;} .firstReg #chose-image {margin: 0 auto; padding: 25px 0;} .firstReg #chose-image .select {float: left; margin: 15px; text-align: center;} .firstReg #chose-image .select input[type="checkbox"] {visibility: hidden; position: absolute;} .firstReg #chose-image .select figure {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: red; border-style: solid; border-width: 0; } .firstReg #chose-image .select figure img {width: 176px; padding: 0; border-color: red; border-style: solid; border-width: 0; } .firstReg #chose-image .select .stroke {position: absolute; top: 0; padding: 0; width: 100%; height: 100%; display: block;} .firstReg #chose-image .select .stroke-stay {position: absolute; top: 0; padding: 0; width: 100%; height: 100%; border: 3px solid red; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none;} .firstReg #chose-image .select .stroke .fav, .firstReg #chose-image .select .stroke-stay .fav {width: 38px; height: 38px; display: inline-block; background: url('../images/sprites.png') -529px -113px; position: relative; top: 45%;} .firstReg #chose-image .select .stroke-stay .fav {background-position: -574px -113px;} .firstReg .grid-3x1 {margin: 0 auto; padding-bottom: 40px; width: 786px;} .firstReg .grid-3x1 section {width: 262px; height: 61px; float: left; padding-left: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 40px 0 0 0;} .firstReg .grid-3x1 section figure .profil-mask {width: 60px; height: 61px; position: absolute; top: 0; left: 40px; background: url('../images/select/profil-mask.png'); z-index: 3;} .firstReg .grid-3x1 section figure img {position: absolute; top: 2px; left: 42px; z-index: 2; width: 56px;} .firstReg .grid-3x1 section span.profil {margin: 0 0 0 75px; display: inline-block; font-family: "Helvetica Neue"; font-weight: bold; font-size: 14px; color: #364b5a; line-height: 38px;} .firstReg .grid-3x1 section span.profil a {color: #364b5a; text-decoration: none;} .firstReg .grid-3x1 section span.observe {display: inline-block;} .firstReg .grid-3x1 section span.observe a.custom-follow-button {font-size: 11px; font-family: 'Museo700'; color: #5d5d5d; text-decoration: none; font-weight: normal; display: inline-block; margin-left: 75px; padding: 0 9px; line-height: 20px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ced5db 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ced5db)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ced5db 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ced5db 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ced5db 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ced5db 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ced5db',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } .firstReg .grid-3x1 section span.observe a.custom-follow-button:hover {text-shadow: none;} .btn-obs { display: inline-block; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .firstReg .guide {padding: 38px;} .firstReg .guide .guide-graph {width: 328px; height: 770px; display: inline-block; background: url('../images/select/step-3b.png');} .firstReg .guide .guide-info {display: inline-block; vertical-align: top; width: 442px; padding-left: 10px;} .firstReg .guide .guide-info h2 {font-size: 24px; line-height: 24px; color: #7b6b5b; font-family: 'Museo300'; font-weight: normal; margin: 0 0 15px 0;} p {font-size: 13px; line-height: 18px; color: #414141; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif} .firstReg .guide .guide-info h2.przypinasz {margin-top: 29px;} .firstReg .guide .guide-info h2.lubisz {margin-top: 30px;} .firstReg .guide .guide-info h2.komentujesz {margin-top: 31px;} .firstReg .guide .guide-info h2.video {margin-top: 82px;} .firstReg footer {background: url("../images/userBg.png") repeat scroll 0 0 transparent; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; display: table-cell; height: 120px; width: 860px; vertical-align: middle; text-align: center;} .firstReg footer .btn-next { background: #b00009; /* Old browsers */ background: -moz-linear-gradient(top, #b00009 0%, #e2040c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b00009), color-stop(100%,#e2040c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b00009 0%,#e2040c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b00009 0%,#e2040c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b00009 0%,#e2040c 100%); /* IE10+ */ background: linear-gradient(to bottom, #b00009 0%,#e2040c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00009', endColorstr='#e2040c',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.75); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.75); font-size: 20px; font-family: 'Museo500'; margin: 0 5px; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); border-radius: 5px; font-size: 20px; line-height: 24px; padding: 14px 20px; height: 50px; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid #962f2f; } .firstReg footer .btn-other-image { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ced5db 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ced5db)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ced5db 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ced5db 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ced5db 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ced5db 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ced5db',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.3); font-size: 20px; font-family: 'Museo500'; margin: 0 5px; color: #5d5d5d; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75); border-radius: 5px; font-size: 20px; line-height: 24px; padding: 14px 20px; height: 50px; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid #adadad; } .for-sale {width: 87px; height: 85px; display: inline-block; position: absolute; top: -5px; right: -5px; background: url('../images/for-sale.png') no-repeat; z-index: 9;} .item { width: 220px; background: #fff; font-size:11px; box-shadow: 0px 0px 2px 2px #e2d5d5; float:left; margin:0 6px 15px 6px;} .item a { text-decoration:none; display: inline-block; overflow: hidden; } .item .upItem { width:220px; height:28px; background: #f3f3f3; font-family:Tahoma,sans-serif ; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #ffffff; position: relative; z-index: 10; } .item .ico {opacity:0.7;} .item .ico a{ display: block; height: 28px; width: 73px; text-decoration: none; text-indent: -9999em; } .item .pinBg{ height:28px; width: 73px; border-right: 1px solid #dcdcdc; float:left; cursor:pointer;} .item .likeBg { height:28px; width: 70px; border-right: 1px solid #dcdcdc; border-left: 1px solid #ffffff; float:left; cursor:pointer;} .item .commentBg { height:28px; width: 73px; border-left: 1px solid #fff; float:left; cursor:pointer;} .item .pin{ height:25px; width: 25px; background: url('../images/sprites.png') -19px 0px; margin:0 0 0 21px;} .item .like{ height:25px; width: 25px; background: url('../images/sprites.png') -94px 0px; margin:0 0 0 21px; } .item .comment{ height:25px; width: 25px; background: url('../images/sprites.png') -166px 0px; margin:0 0 0 21px; } .item .numbers { display:none;} .item .itemPhoto { width:220px; padding:0 0 0 0; border-bottom:1px solid #F6CBCC; text-align: center; position: relative; z-index: 5; } .item .sfw .itemPhoto i{display: none; } .item .nsfw .itemPhoto > a{display:block; position: relative; } .item .itemPhoto a img{display: block;} .item .nsfw .itemPhoto a i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/nsfw.png) repeat; display: block; } .item .nsfw .itemPhoto a i b{ display: block; background: url(../images/nsfwTxt.png) no-repeat; width: 124px; height: 83px; margin: 60px auto 0 auto; } .item figure.itemPhoto figcaption { text-align:left; padding: 0; } .item.showOwner figure.itemPhoto figcaption { padding: 0; } .item.showOwner figure.itemPhoto figcaption .commentBlock{ background: none; border-bottom: 0; } .item.showOwner figure.itemPhoto figcaption .commentBlock a.miniPhoto{ left: auto; right:12px; } .item.showOwner figure.itemPhoto figcaption .commentBlock h3, .item.showOwner figure.itemPhoto figcaption .commentBlock p{ padding: 0 25px 0 0; } .item a.bottomItemComments { display:block; width:220px; background: #e9ebeb; border-top:1px solid #fefefe; text-align:center; padding:11px 0 13px; margin:0 auto; font-weight:bold; color: #9C1313; text-shadow: 0px 1px #f9fafa;} .item a.miniPhoto { display:block; position:absolute; top:6px; left:15px; z-index:5; width:24px; height:24px; border:1px solid #FFF; overflow: hidden; } .item a.miniPhoto span{ background: url('../images/sprites.png') -45px -26px; width:24px; height:24px; display:block; position:absolute; top:0; left:0;} .item .commentBlock { min-height:28px; width:196px; background: #f3f3f3; border-top:1px solid #fefefe; border-bottom:1px solid #ccc; padding: 5px 12px; position:relative;} .item .commentBlock .miniPhoto{ width: 21px; height: 21px !important; left: 12px; } .item .commentBlock .miniPhoto img { display:block; width: 21px; height: 21px; } .item .commentBlock .miniPhoto span{ width: 21px; height: 21px; } .item .commentBlock h3 { padding: 0 0 0 30px; font-weight:bold; margin:0px; color:#9C1313; text-shadow: 0px 1px #fcfcfc; font-size:11px;} .item .commentBlock h3 a{ line-height: 100%; } .item .commentBlock p { padding: 0 0 0 30px; margin:0px; color:#606060; text-shadow: 0px 1px #fcfcfc; font-size: 11px; line-height: 140%; } .item .commentBlock .addComment{ padding-left: 30px; } .item .commentBlock .addComment .sendWrapper{ position: relative; } .item .commentBlock .addComment .sendWrapper input{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; width: 100%; } .item .commentBlock .addComment .sendWrapper input:focus{ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border: 1px solid #999; } .item .commentBlock .addComment .sendWrapper .sendBtn{ position: absolute; top: 0; right: 0; } .item .commentBlock .addComment .sendWrapper .sendBtn input{ width: 23px; height: 23px; background: url('/images/sendBtn.png'); border: 0; } .item .nrLeft { background: url('../images/sprites.png') -79px -29px; display:block; width:8px; height:18px; float:left;} .item .nrMiddle { background: url('../images/nrLine.png') repeat-x; display:block; min-width:5px; height:18px; line-height:17px; float:left; font-weight:bold; color:#a51d22; text-shadow: 0px 1px #fcfcfc; font-size:11px; } .item .nrRight { background: url('../images/sprites.png') -90px -29px; display:block; width:7px; height:18px; float:right;} .item .numbers ul { float: left; left: 50%; list-style-type: none; margin: -3px auto 0; padding: 0; position: relative; } .item .numbers ul li { float: left; position: relative; right: 50%; } .item .video{ background: #000; width: 220px; height: 220px; overflow: hidden; position: relative; } .item .video img{ width: 220px; } .item .video iframe{ display: none; } .item .video span{ position: absolute; left: 0; top: 0; width: 220px; height: 220px; background: url('../images/videoMask.png') center center no-repeat; display: block; cursor: pointer; } .item .list-img{ width: 220px; min-height: 130px; } .item-info{ padding: 0; } .item-info .item-stats{ background: #f3f3f3; border-top: 1px solid #FFF; border-bottom: 1px solid #dcdcdc; height: 20px; line-height: 20px; overflow: hidden; } .item-info .item-stats .stat{ display: block; position: relative; } .item-info .item-stats .stat.type-pins{ margin-left: 12px; float: left; } .item-info .item-stats .stat.type-likes{ margin-right: 12px; float: right; } .item-info .item-stats .stat.type-pins i{ float: left; background: url(../images/assets/ico-pinned.png) center center no-repeat; } .item-info .item-stats .stat.type-likes i{ float: right; background: url(../images/assets/ico-loved.png) center center no-repeat; } .item-info .item-stats .stat.type-pins b{ margin-left: 16px; } .item-info .item-stats .stat.type-likes b{ margin-right: 16px; } .item-info .item-stats .stat i{ width: 12px; height: 20px; display: block; } .item-info .item-stats .stat b{ display: block; color: #4a4a4a; font-weight: bold; } .item-info .item-desc{ height: 32px; line-height: 32px; padding: 0 12px; overflow: hidden; text-align: center; border-bottom: 1px solid #dcdcdc; margin: 0; } .item-info .item-user{ padding: 10px 12px; overflow: hidden; } .item-info .item-user .mini-avatar{ float: left; width: 24px; height: 24px !important; position: relative; display: block; overflow: hidden; } .item-info .item-user .mini-avatar img{ width: 24px; height: 24px; } .item-info .item-user .mini-avatar span{ background: url('../images/sprites.png') -45px -26px; width:24px; height:24px; display:block; position:absolute; top:0; left:0; } .item-info .item-user .who-where{ display: block; margin-left: 30px; } .item-info .item-user .who-where h3, .item-info .item-user .who-where h4, .item-info .item-user .who-where h5{ display: inline; font-size: 11px; } .item-info .item-user .who-where *{ display: inline-block !important; font-style: normal; vertical-align: top; } .item-info .item-admin{ padding: 10px 12px; text-align: center; } /* Wiekszy rozmiar boxow */ /*.item{ margin: 0 7px 15px; }*/ .item a{ display: block; } .item.notify-box a, .item .item-info a{ display: inline-block; } .item .itemPhoto{ border-bottom: 0; width: 100%; } .item .itemPhoto > a{ display: inline-block; text-align: center; } /*.item .item-actions{ left: 70px; }*/ .item .video, .item .video span{ width: 100%; } .item.mouseenter{ } .item.mouseenter .upItem{ border-bottom: 1px solid #F6CBCC; } .item.mouseenter .pinBg{ border-right: 1px solid #F6CBCC; } .item.mouseenter .likeBg{ border-right: 1px solid #F6CBCC;} .item.mouseenter .commentBg{ border-left: 1px solid #fff; } .item.mouseenter .pin{ height:24px; background: url('../images/sprites.png') -19px -2px; } .item.mouseenter .like{ height:24px; background: url('../images/sprites.png') -94px -3px; } .item.mouseenter .comment{ height:24px; background: url('../images/sprites.png') -166px -3px; } .item.mouseenter .numbers { min-width: 5px; height:17px; top:20px; left:0px; display:inline;} .pinBg.mouseenter{} .pinBg.mouseenter .pin{ height:24px; background: url('../images/sprites.png') -18px -53px; } .likeBg.mouseenter{} .likeBg.mouseenter .like{ height:24px; background: url('../images/sprites.png') -94px -53px; } .likeBg.liked{} .likeBg.liked .like{ height:24px; background: url('../images/sprites.png') -94px -50px; } .item.mouseenter .likeBg.liked .like{ height:24px; background: url('../images/sprites.png') -94px -53px; } .commentBg.mouseenter{} .commentBg.mouseenter .comment{ height:24px; background: url('../images/sprites.png') -166px -53px; } .item-actions{ display: none; position: absolute; top:25%; z-index: 100; width: 189px; left: 15px; } .item.mouseenter .item-actions{ display: block; } .item-actions span{ display: block; width: 63px; height: 61px; float: left; cursor: pointer; text-shadow: 0 1px 2px #333; } .item-actions span:hover b{ background-position: center top; } .item-actions span b{ display: block; width: 41px; height: 41px; margin: 0 auto; padding: 0; } .item-actions span i{ font-style: normal; color: #FFF; font-weight: bold; text-align: center; display: block; padding: 5px 0 0 0; } .item-actions .pin-it b{ background: url(../images/assets/btn-pin-it.png) center bottom no-repeat; } .item-actions .love-it b{ background: url(../images/assets/btn-love.png) center bottom no-repeat; } .item-actions .love-it.liked b{ background: url(../images/assets/btn-love.png) center top no-repeat; } .item-actions .play-it b{ background: url(../images/assets/btn-play-link.png) center bottom no-repeat; } .item-actions .source-link b{ background: url(../images/assets/btn-source-link.png) center bottom no-repeat; } .item-actions .comment-it b{ background: url(../images/assets/btn-comment.png) center bottom no-repeat; } #userAlerts{ background: #FDFDFC; } #userAlerts .alert{ border-radius: 0; border: 0; border-bottom: 1px solid #DDD; margin: 0; overflow: hidden; background: none; color: #666; text-shadow: 0 1px #FFF; padding: 8px 9px; } #userAlerts .alert a{ text-shadow: 0 1px #FFF;} #userAlerts .alert img{ float: left; display: block; margin: 0 5px 0 0; } #userAlerts .fbfriend{ position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 64px; height: 91px; padding: 0; margin: 8px 0 0 7px; border: 0; } #userAlerts .fbfriend img{ border: 0; width: 62px; height: 64px; display: block; } #userAlerts .fbfriend span{ display: block; width: 64px; height: 27px; overflow: hidden; font-size: 10px; text-align: center; line-height: 12px; padding: 2px 0 0 0; } #userAlerts .fbfriend i{ border: 1px solid #e0e0e0; width: 62px; height: 62px; display: block; font-style: normal; display: block; overflow: hidden; position: relative; } #userAlerts .fbfriend i .addFriend{ background: url(../images/notifyButtonHoverBg.png) repeat-x; width: 100%; height: 22px; line-height: 22px; position: absolute; bottom: 0; left: 0; text-shadow: 0 1px 2px #333; color: #FFF; font-size: 10px; font-weight: bold; text-align: center; } #userAlerts .fbfriend i .hide-fb-friend{ background: none repeat scroll 0 0 #DDDDDD; border-radius: 3px; color: #666666; display: block; height: 14px; line-height: 12px; margin: 3px 0 0; padding: 0 3px; position: absolute; right: 2px; text-align: center; text-shadow: none; top: 0; opacity: 0; } #userAlerts .fbfriend i:hover .hide-fb-friend{ opacity: 0.9; } #userAlerts .fbfriend i .addFriend:hover { background: url(../images/notifyButtonBg.png) repeat-x; } #userAlerts .notification-follow{ } #userAlerts .notification-follow .user-follow{ position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 99px; height: 120px; padding: 0; margin: 8px 0 0 7px; border: 0; } #userAlerts .notification-follow .user-follow img{ border: 0; width: 97px; height: 99px; margin: 0; display: block; } #userAlerts .notification-follow .user-follow span{ display: block; width: 99px; height: 16px; overflow: hidden; font-size: 10px; text-align: center; line-height: 12px; padding: 2px 0 0 0; } #userAlerts .notification-follow .user-follow i{ border: 1px solid #e0e0e0; width: 99px; height: 99px; display: block; font-style: normal; display: block; overflow: hidden; position: relative; } #userAlerts .notification-follow .user-follow i .follow-this{ background: url(../images/notifyButtonHoverBg.png) repeat-x; width: 70px; height: 22px; line-height: 22px; position: absolute; bottom: 10px; left: 13px; text-shadow: 0 1px 2px #333; color: #FFF; font-size: 10px; font-weight: bold; text-align: center; border-right: 1px solid #490A10; border-left: 1px solid #490A10; } #userAlerts .notification-follow .user-follow i .hide-fb-friend{ background: none repeat scroll 0 0 #DDDDDD; border-radius: 3px; color: #666666; display: block; height: 14px; line-height: 12px; margin: 3px 0 0; padding: 0 3px; position: absolute; right: 2px; text-align: center; text-shadow: none; top: 0; opacity: 0.75; } #userAlerts .notification-follow .user-follow i .follow-this:hover{ background: url(../images/notifyButtonBg.png) repeat-x; } .notify-box{} .notify-box figure.itemPhoto{ background: url(../images/notifyHeaderBg.png) left top repeat-x; min-height: 35px; height: 35px; border-bottom: 0; } .notify-box figure.itemPhoto figcaption{ padding: 0 15px; height: 29px; line-height: 31px; background: none; border-top: 0; color: #FFF; text-shadow: 0 0 3px #333; } .notify-box figure.itemPhoto figcaption a{ color: #FFF; } .notify-box .notification-list{ overflow: hidden; clear: both; background: #F3F3F3; border-top: 1px solid #DDD; margin-top: 7px; } .notify-box {} .notify-box header { background: url(../images/notifyHeaderBg.png) left top repeat-x; min-height: 35px; height: 35px; position: relative;} .notify-box header .tooltip-k {width: 136px; height: 52px; position: absolute; background: url(../images/sprites.png) -85px -233px; top: -40px; left: 80px; z-index: 99999; display: none;} .notify-box header .tooltip-k p {margin: 0; font-size: 10px; color: #696969; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; padding-top: 3px;} .notify-box header h2 { padding: 0 3px 0 15px; margin: 0; height: 29px; line-height: 31px; text-shadow: 1px 1px 2px rgba(0,0,0,.53); font-size: 14px; font-weight: normal;} .notify-box header h2 a {color: #fff;} .notify-box header h2 span {float: right; line-height: 21px; background: rgba(0, 0, 0, 0.4); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.34); padding: 0 5px; font-size: 12px; margin-top: 4px;} .notify-box .points {height: 106px; width: 220px; display: table-cell; vertical-align: middle;} .notify-box .points p {font-size: 55px; color: #666; font-weight: bold; text-align: center; line-height: 1; margin: 0; text-transform: uppercase;} .notify-box .points p span {font-size: 13px; font-weight: normal; display: block;} .stats {width: 100%; height: 96px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 5px solid #940106; background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); background-image: -o-linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); background-image: linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); } .stats .row {border-bottom: 1px solid #818181;} .stats .row .grid-1-2 {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; height: 45px; line-height: 45px; float: left; font-size: 16px; color : #7c7a77;} .stats .row .grid-1-2 a {color : #7c7a77;} .stats .row .grid-1-2 small {font-size: 11px;} .stats .row .grid-1-2 i {width: 22px; height: 22px; display: inline-block; margin: 0 4px 0 9px; background: url(../images/sprites.png) -9px -235px no-repeat; position: relative; top: 3px;} .stats .row .grid-1-2 i.plus {background-position: -9px -235px;} .stats .row .grid-1-2 i.fav {background-position: -34px -235px;} .stats .row .grid-1-2 i.comments {background-position: -57px -235px;} .stats .row .grid-1-2:first-child {border-right: 1px solid #818181;} .stats .row .grid-1-2.more {font-size: 14px; text-align: center;} .stats .row:last-child {border-bottom: 0;} .shoutbox header{ background: url(../images/notifyHeaderBg.png) left top repeat-x; min-height: 35px; height: 35px; position: relative;} .shoutbox header h2{ padding-left: 15px; margin: 0; height: 29px; line-height: 31px; text-shadow: 1px 1px 2px rgba(0,0,0,.53); font-size: 14px; font-weight: normal; color: #FFF; float: left;} .shoutbox header .user-info{ float: right; margin-top: 4px; margin-right: 6px; } .shoutbox header .user-info *{ float: left; } .shoutbox header .user-info .avatar{ display: inline-block; } .shoutbox header .user-info i{ font-style: normal; text-shadow: 1px 1px 2px rgba(0,0,0,.53); font-size: 14px; color: #FFF; line-height: 22px; margin-left: 6px; } .shoutbox header .user-info .avatar img{ width: 22px; height: 22px; display: block; } .shoutbox .shoutboxContentWrapper{ height: 200px; overflow: auto; } .shoutbox .shoutboxContentWrapper .shoutboxContent{ padding: 5px 10px 5px 15px; color: #A0A0A0; font-size: 11px; line-height: 15px; } .shoutbox .shoutboxContentWrapper .shoutboxContent *{ display: inline; } .shoutbox .sendContainerWrapper{ border-bottom: 5px solid #940106; padding: 10px 5px; background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); background-image: -o-linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); background-image: linear-gradient(bottom, #fff 0%, #fff 90.45%, #ebebeb 100%); } .shoutbox .sendContainerWrapper .sendWrapper{ position: relative; } .shoutbox .sendContainerWrapper .sendWrapper input{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; } .shoutbox .sendContainerWrapper .sendWrapper input:focus{ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border: 1px solid #999; } .shoutbox .sendContainerWrapper .sendWrapper .sendBtn{ position: absolute; top: 0; right: 0; } .shoutbox .sendContainerWrapper .sendWrapper .sendBtn input{ width: 23px; height: 23px; background: url('/images/sendBtn.png'); border: 0; } .txtPage article{ background: #efefef; color:#444444; margin:0 auto; width:960px; min-height:500px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px;} .txtPage article header { min-height:80px; border-top:0px; border-bottom:1px solid #d0d7da;} .txtPage article header legend{font-family:helvetica; display:inline-block; padding:0 52px 0 38px; font-size: 27px; line-height: 80px; color: #; *padding: 0 52px 5px 33px; color:#971212; background: url('../images/formTitleBg2.png') top right no-repeat; } .txtPage h2{ text-shadow: 0 1px 0 #fff; display:block; margin:0px; padding: 42px 40px 0 40px; font-size:25px; font-weight: normal;} .txtPage .first{ border-top: 1px solid #fff; } .txtPage p {text-shadow: 0 1px 0 #fff; padding: 0px 40px; font-size:17px; line-height:1.65em;} .txtPage footer {background: url('../images/footLine.png') center center repeat-x; padding:25px 0; } .txtPage .footPin{ background: url('../images/footPin.png') center center no-repeat; width:14px; height:14px; margin: 0 auto; } #player, #slideContentMsg{ width:100%; margin-top:-5px; position:relative; z-index:50; min-height:55px;} #slideContentMsg.showError{ margin-bottom: -53px; } .vidContainer, .sContainer{ height:0; background: url(../images/vidTexture.png) top center repeat; position:relative; overflow:hidden; width: 100%; } .vidBg{ width:696px; height:452px; background: url(../images/vidBg.png) top left no-repeat; margin:0 auto; position:relative;} #vidPin, #sPin{ width:30px; height:19px; background:url(../images/vidPin.png) no-repeat; margin: 0 auto;} #ribbonContainer{position:relative; width:77px; height:55px; margin:-19px auto 0 auto;} #rShadow{background:url(../images/ribbonShadow.png) no-repeat; position:absolute; top:0; left:0; width:77px; height:11px;} #ribbon{background:url(../images/ribbon.png) no-repeat; position:absolute; left:14px; top:0; width:49px; height:55px; display:block; text-indent:-9999em; cursor:pointer;} #rShadowUp{background:url(../images/ribbonShadowUp.png) no-repeat; position:absolute; top:0; left:18px; width:41px; height:5px;} #slideContentMsg #ribbon{background:url(../images/ribbonClean.png) top no-repeat;} .alertWrapper{ padding: 18px; width: 600px; margin: 0 auto; } .sContainer.medium .alertWrapper {width: 1000px;} .alertWrapper.position1 {margin: 0;} .alertWrapper h4{ font-size: 16px; font-weight: bold; margin: 10px; } .alertWrapper ul{ padding-left: 10px; list-style: none; } .alertWrapper li{ line-height: 175%; } .sContainer.user-notifications-container {background: url(../images/notif-patt.jpg); padding: 0 30px; height: 145px !important;} .sContainer.user-notifications-container .alertWrapper {width: 100%; padding: 18px 0;} .alertWrapper .user-notifications {display: table; margin: 0 auto; padding: 0; list-style-type: none; position: relative; padding-right: 60px; } .alertWrapper .user-notifications li {width: 247px; height: 108px; max-height: 108px; float: left; border: 1px solid rgba(204,202,199,.57); background-color: rgba(255,255,255,.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.45); box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.45); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 18px 8px 12px; margin: 0 60px 18px 0; position: relative;} .alertWrapper .user-notifications li.dots {width: 70px; border: 0; background: transparent; border-radius: 0; box-shadow: none; padding-top: 45px; position: absolute; top: 0; right: 30px;} .alertWrapper .user-notifications li:last-child {margin-right: 0;} .alertWrapper .user-notifications li .pin {max-width: 90px; height: 90px; display: block; float: left; overflow: hidden; margin-right: 5px;} .alertWrapper .user-notifications li .pin img {max-width: 90px;} .alertWrapper .user-notifications li a.avatar {width: 33px; height: 33px; display: block; position: absolute; right: 7px; bottom: 9px;} .alertWrapper .user-notifications li a.avatar img { width:33px; height:33px; } .alertWrapper .user-notifications li a.close-notification {width: 10px; height: 10px; display: block; background: url(../images/glyphicons-halflings-white.png) -314px -2px; position: absolute; right: 5px; top: 5px;} .alertWrapper .user-notifications li p.cont { padding: 0; font-size: 11px; color: #fff; line-height: 14px; max-height: 60px; overflow: hidden; margin: 0; } .alertWrapper .user-notifications li p.cont a {color: rgb(253, 121, 59); text-decoration: none; font-weight: bold;} .alertWrapper a.all-notification {text-decoration: none; display: table; margin: 0 auto 18px auto;} .alertWrapper a.all-notification .dot {width: 10px; height: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; display: inline-block; margin-right: 3px; -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.45); box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.45);} #main.profile, .profile{ padding: 0; } .userField{ min-height: 145px; overflow: hidden; margin: 0 auto; padding: 10px 20px; background: url(../images/userBg.png); } .userField .userWindow{ width: 150px; height: 148px; float: left; position: relative; overflow: hidden; } .userField .userWindow img{ display: block; min-width: 150px; min-height: 150px; margin-left: -15px; } .userField .userWindow div{ background:url(../images/userWindow.png) no-repeat; width: 150px; height: 148px; position: absolute; top: 0; left: 0; } .userField .userData{ float: left; width:495px; } .userField .userName{ margin: 23px 0 4px 0; font-size: 22px; color:#444444; text-shadow: 0 1px 0 #fff;} .userField .btn-user {margin-top: 16px; float: left; font-size:14px; color:#7a6c5c; text-decoration:none; font-family: 'Museo300', Arial, sans-serif; } .userField .btn-active {font-weight: bold; } .userField .leftUserTx{ background:url(../images/sprites.png) -0px -366px no-repeat; width: 8px; height: 18px; float: left;} .userField .userTx{ float: left; background:url(../images/jobBox.png) repeat-x; line-height: 17px; color:#2a4e5b; text-shadow: 0 1px 0 #fff; font-size: 12px; height: 18px;} .userField .rightUserTx{ background:url(../images/sprites.png) -11px -366px no-repeat; width: 8px; height: 18px; float: left;} .userField .userPlace{ background:url(../images/grayPin.png) 0 1px no-repeat; padding: 0 0 0 12px; margin: 0 0 0 10px; color: #444444; font-size: 12px; line-height: 17px; text-shadow: 0 1px 0 #fff; float: left;} .userField .followButton{ float: left; clear: both; cursor:pointer; margin-top: 14px;} .userField .userStatsBox{ float: right; width:275px; height: 134px; margin: 13px 0 0 0; } .userField .statsBoxUpLeft{width:135px; height: 67px; float: left; border-bottom: 1px solid #b7babe; border-right: 1px solid #b7babe;} .userField .statsBoxUpRight{width:135px; height: 67px; float: left; border-bottom: 1px solid #b7babe; } .userField .statsBoxDownLeft{width:135px; height: 67px; float: left; border-right: 1px solid #b7babe;} .userField .statsBoxDownRight{width:135px; height: 67px; float: left;} .userField .upStat{ font-size:15px; font-weight: bold; text-align: center; padding: 13px 0 7px; color:#4b4d4e; text-shadow: 0 1px 0 #fff;} .userField .statName{color:#4b4d4e; font-size:10px; text-align: center; text-shadow: 0 1px 0 #fff; text-transform: uppercase; } .profile aside footer{ background: url(../images/userPinBg.png) bottom repeat-x; height: 3px; clear: both; } .profile aside footer span{ display: block; margin: 0 auto; width: 30px; height: 16px; background: url(../images/userPin.png) no-repeat; position: relative; } .notificationPage{ } .notificationPage .setMargins{ margin: 20px 0; } .profileEdit{ } .profileEdit aside{ padding: 0; background: url(../images/userBg.png); border-bottom: 1px solid #FFF; } .profileEdit aside h3{ color: #971212; font-size: 27px; line-height: 1; padding: 0 0 0 35px; font-weight: normal; text-shadow: 0 1px #FFF; } .profileCreate{ } .profileCreate .fieldContainer{ padding-bottom: 3px; } .profileCreate .fieldContainer > label{ line-height:46px; height:46px; } .profileCreate .fieldContainer.last{ border: 0; clear: both; } .profileCreate .fields{ overflow: hidden; } .profileCreate .fields input{ margin-top: 19px; } .profileCreate form{ padding-top: 30px; } .profileCreate .btn.large{ padding-bottom: 7px; } .profileCreate .btn-primary { color: #FFF; } .profileCreate .fieldContainer.error span{ display: block; float: left; margin: 0px 0 3px -5px; } .profileCreate .fieldContainer.checkboxes{ padding-left: 171px; padding-bottom: 0; border: 0; font-size: 11px; color: #666; } .profileCreate .fieldContainer.checkboxes.requi{ } .profileCreate .fieldContainer.checkboxes p{ margin: 0; } .profileCreate .fieldContainer.genderElement{ border-bottom: 0; } .profileCreate .error .error_list{ border: 1px solid #e5abab; border-radius: 3px; padding: 7px 10px 6px 10px; background: #f1d2d2; margin: 5px 0 0 0; } .profileCreate .error.checkboxes .help-inline{ display: block; float: left; margin: 0px 0 10px -5px; } .findFBfriends{ } .findFBfriends .formPage { padding: 20px 0; } #getFacebookFriends { margin: 20px auto; display: block; width: 240px; padding-bottom: 9px; } .userItem{ padding: 10px; width:200px; background: #E9EBEB; font-size:11px; box-shadow: 0px 0px 2px 2px #e2d5d5; float:left; margin:0 7px 15px 7px; height: 61px; border-top: 1px solid #FFFFFF; text-shadow: 0 1px #FFF; color: #555; } .userItem .picture{ display: block; position: relative; text-decoration: none; width: 60px; height: 61px; float: left; } .userItem .picture img{ width: 60px; height: 60px; display: block; } .userItem .picture span{ width: 60px; height: 61px; background: url('../images/userMaskDetails.png') no-repeat; position: absolute; top: 0; left: 0; } .userItem .fieldContainer{ border: 0; margin-left: 70px; float: none; padding: 0; font-size: 12px; } .userItem .fieldContainer .btn{ line-height:12px; font-size: 11px; padding: 4px 8px; display: block; float: left; } .userItem .fieldContainer p{ float: left; line-height: 14px; margin: 5px 0; width: 100%; } .showMoreFBfriends { clear: both; background: none; box-shadow: none; float: none; margin: 30px auto; border: 0; padding-left: 0; } .showMoreFBfriends .fieldContainer{ margin: 0; text-align: center; } .showMoreFBfriends .fieldContainer .btn { line-height: 14px; font-size: 14px; padding: 6px 12px; width: 150px; margin: 0 auto; } .pin-details{ margin: 30px auto; width: 860px; background: #FFF; box-shadow: 0px 0px 2px 2px #e2d5d5; } .pin-details article > header{ background: #F3F3F3; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #FFF; padding: 30px; position: relative; } .pin-details article > header .timeAdd{ font-size: 13px; } .pin-details article > header .timeAdd h1, .pin-details article > header .timeAdd h2{ display: inline; margin: 0; padding: 0; font-size: 12px; } .pin-details article > header .btn-flat{ position: absolute; right: 30px; top:44px; height: 16px; } .pin-details article > header .btn-flat.editBg{ right: 180px; } .pin-details article figure{ float: left; margin: 30px 0 20px 30px; width: 520px; position: relative; } .pin-details article figure .renderContent{ text-align: center; width: 520px; position: relative; } .pin-details article figure .renderContent img{ display: inline; max-width: 520px; } .pin-details article figure .renderContent:hover .hover-show{ display: block; } .pin-details article .browseBT{ position: absolute; width: 60px; height: 100%; top:0; background: url(../images/assets/gray-transparent-bg.png) repeat; display: none; } .pin-details article .browseBT:hover{ opacity: 0.8; } .pin-details article .browseBT span{ display: block; position: absolute; width: 60px; height: 100%; text-indent: -9999em; } .pin-details article .browseBT.browseBT-left{ left: 0; } .pin-details article .browseBT.browseBT-right{ right: 0; } .pin-details article .browseBT.browseBT-left span{ left: 0; background: url(../images/assets/btn-arrow-left.png) center center no-repeat; } .pin-details article .browseBT.browseBT-right span{ right: 0; background: url(../images/assets/btn-arrow-right.png) center center no-repeat; } .pin-details article .pin-actions{ position: absolute; /* background: url(../images/assets/gray-transparent-bg.png) repeat; */ height: 61px; padding: 20px 20px 20px; border-radius: 10px; top: 40%; display: none; } .pin-details article .pin-actions.actions-twins{ width: 160px; left: 160px; } .pin-details article .pin-actions.actions-triple{ width: 240px; left: 120px; } .pin-details article .pin-actions span{ display: block; width: 80px; height: 61px; float: left; cursor: pointer; } .pin-details article .pin-actions span:hover b, .pin-details article .pin-actions .love-it.liked b{ background-position: center top; } .pin-details article .pin-actions span b{ display: block; width: 41px; height: 41px; margin: 0 auto; padding: 0; } .pin-details article .pin-actions span i{ font-style: normal; color: #FFF; font-weight: bold; text-align: center; display: block; padding: 5px 0 0 0; } .pin-details article .pin-actions .pin-it b{ background: url(../images/assets/btn-pin-it.png) center bottom no-repeat; } .pin-details article .pin-actions .love-it b{ background: url(../images/assets/btn-love.png) center bottom no-repeat; } .pin-details article .pin-actions .play-it b{ background: url(../images/assets/btn-play-link.png) center bottom no-repeat; } .pin-details article .pin-actions .source-link b{ background: url(../images/assets/btn-source-link.png) center bottom no-repeat; } .pin-details article .pin-actions span a{ text-decoration: none; } .pin-details article .folderThumbs{ float: right; margin: 30px 30px 30px 0; } .pin-details article .folderThumbs .block{ width: 250px; } .pin-details article .folderThumbs .block .grid{ overflow: hidden; } .pin-details article .folderThumbs .block .grid .element{ display: block; width: 120px; height: 120px; overflow: hidden; border: 0; margin: 0 5px 5px 0; float: left; } .pin-details article .folderThumbs .block .grid .element img{ max-height: 120px; min-width: 120px; } .pin-details article .folderThumbs .block .grid .element.third{ margin-right: 0; } .pin-details article .folderThumbs .block footer{ margin: 10px 0 15px 0; } .pin-details article .folderThumbs .block footer a{ font-weight: bold; } .pin-details article .folderThumbs .commercial {position: relative; font-family: Arial,Helvetica,Verdana,sans-serif;} .pin-details article .folderThumbs .commercial .old-price {text-align:right;text-decoration:line-through;color:#666666; font-size: 13px;} .pin-details article .folderThumbs .commercial .price {text-align:right;color:#d03033;font-size:26px;font-weight:bold;} .pin-details article .folderThumbs .commercial .buy-it {text-align:center;font-size:20px;width:100%; height: 55px; line-height: 55px; margin:8px 0 15px 0; color: #fff; display: inline-block; text-decoration: none; color: #fff; font-size: 24px; font-family: 'Museo500'; text-shadow: 0px 2px 2px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2); background: rgb(197,37,41); /* Old browsers */ background: -moz-linear-gradient(top, rgba(197,37,41,1) 0%, rgba(197,37,41,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,37,41,1)), color-stop(100%,rgba(197,37,41,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(197,37,41,1) 0%,rgba(197,37,41,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(197,37,41,1) 0%,rgba(197,37,41,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(197,37,41,1) 0%,rgba(197,37,41,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(197,37,41,1) 0%,rgba(197,37,41,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c52529', endColorstr='#c52529',GradientType=0 ); /* IE6-9 */ } .pin-details article .folderThumbs .commercial .buy-it p {padding: 0; margin: 0; } .pin-details article figcaption p{ clear: both; margin: 0; padding: 10px 0 0 0; } .pin-details article .stats{ float: left; overflow: hidden; margin: 8px 0 0 0; } .pin-details article .stats .option{ width: 60px; height: 30px; float: left; } .pin-details article .stats .option .ico{ display: block; width: 30px; height: 30px; float: left; text-indent: -9999em; } .pin-details article .stats .option.pins .ico{ background: url('../images/sprites.png') -20px -0px; } .pin-details article .stats .option.likes .ico{ background: url('../images/sprites.png') -94px -0px; } .pin-details article .stats .option.comments .ico{ background: url('../images/sprites.png') -167px -0px; } .pin-details article .stats .option.pins.active .ico, .pin-details article .stats .option.pins[pinned="true"] .ico, .pin-details article .stats .option.pins:hover .ico{ background: url('../images/sprites.png') -19px -51px; } .pin-details article .stats .option.likes.active .ico, .pin-details article .stats .option.likes:hover .ico{ background: url('../images/sprites.png') -94px -50px; } .pin-details article .stats .option.comments.active .ico, .pin-details article .stats .option.comments:hover .ico{ background: url('../images/sprites.png') -167px -50px; } .pin-details article .stats .option .value{ display: block; float: left; height: 30px; font-size: 13; font-weight: bold; line-height: 30px; } /*KOMENTARZE POD PINEM*/ .pin-details article #comments{ padding: 25px 0 0; text-align: center; border-top: 1px solid #CCC; } .pin-details article #comments .comments-content {padding: 0 30px;} .pin-details article #comments .comments-content .commentBlock {text-align: left; margin-bottom: 15px; position: relative;} .pin-details article #comments .comments-content .commentBlock .miniPhoto {display: inline-block; width: 53px; float: left;} .pin-details article #comments .comments-content .commentBlock .miniPhoto img {width: 53px; max-width: 53px;} .pin-details article #comments .comments-content .commentBlock h3 {display: inline-block; margin: 0; width: 740px; float: right; font-weight: normal; font-size: 12px;} .pin-details article #comments .comments-content .commentBlock h3 a {color: #9C1313; font-weight: bold; text-decoration: none; } .pin-details article #comments .comments-content .commentBlock h3 form .delComment {position: absolute; right: 0; top: 0; background: none;} .pin-details article #comments .comments-content .commentBlock p {display: inline-block; margin: 0; width: 740px; float: right; word-wrap: break-word;} .pin-details article #comments .showMore {margin-bottom: 18px;} .pin-details article footer .commentBlock{ margin: 10px 0; padding: 0 30px; color: #444; border-top: 1px solid #CCC; } .pin-details article footer .commentBlock .title{ font-size: 18px;} .pin-details article footer .commentBlock ul{ overflow: hidden; list-style: none; margin: 0; padding: 0; } .pin-details article footer .commentBlock li{ float: left; display: block; height: 50px; margin: 0 0 15px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; } .pin-details article footer .commentBlock.typeLike li{ width: 50px; } .pin-details article footer .commentBlock.typePin li{ width: 33%; padding-right: 5px; } .pin-details article footer .commentBlock li .miniPhoto{ display: block; overflow: hidden; width: 50px; height: 50px; background: #EfEfEf; } .pin-details article footer .commentBlock li .miniPhoto img{ width: 50px; height: 50px; } .pin-details article footer .commentBlock.typePin li .miniPhoto{ float: left; } .pin-details article footer .commentBlock.typePin li h3{ margin: 5px 0 5px 60px; font-weight: normal; font-size: 12px; } .pin-details article footer .commentBlock.typePin li p{ margin: 0 0 0 60px; } .pin-details article footer .commentBlock.typePin li a{ font-weight: bold; text-decoration: none; } .details{ margin: 0 auto; width: 872px; padding: 30px 20px; } .details aside, .profile .singleList{ float: left; width:220px; margin:0 10px 15px 7px; } .details aside .block, .profile .list{ background: #fff; font-size:11px; box-shadow: 0px 0px 2px 2px #e2d5d5; margin:0 0 15px 0;} .profile .list{ margin: 0; } .details aside .block header, .profile .list header{ height:28px; background: #f3f3f3; border-bottom: 1px solid #F6CBCC; border-top: 1px solid #ffffff; padding-left: 20px; color: #444; line-height: 28px; } .details aside .block .grid, .profile .list .grid{ border-bottom: 1px solid #F6CBCC; padding: 20px 20px 11px 20px; overflow: hidden; } .profile .list .empty{ background: url(../images/empty.png) no-repeat; width: 220px; height: 220px; display: block; } .profile .list .empty a{ display: block; width: 220px; height: 220px; text-indent: -9999em; } .details aside .block .grid .element, .profile .list .grid .element{ display: block; width: 54px; height: 54px; float: left; overflow: hidden; margin: 0 9px 9px 0; background: #efefef; } .profile .list .grid .element-4x4{ width: 117px; height: 117px; } .details aside .block .grid .element img, .profile .list .grid .element img{ display: block; min-width: 54px; max-height: 54px; } .profile .list .grid .element-4x4 img{ min-width: 117px; max-height: 117px; } .details aside .block .grid .element.third, .profile .list .grid .element.third{ margin: 0 0 9px 0; } .details aside .block footer, .profile .list footer{ height:38px; background: #E9EBEB; border-top: 1px solid #FFF; } .details aside .block footer a, .profile .list footer a{ height: 38px; line-height: 38px; text-align: center; display: block; text-decoration: none; font-weight: bold; color: #9C1313; text-shadow: 0px 1px #f9fafa; } .details article { width:620px; background: #fff; font-size:11px; box-shadow: 0px 0px 2px 2px #e2d5d5; margin:0 7px 15px 7px; float: left; position: relative; z-index: 0; } .details article header .user, .details article .userInfo{ background: #e9ebeb; border-top: 1px solid #FFF; border-bottom: 1px solid #F6CBCC; padding: 16px; } .details article .userInfo { border-top: 1px solid #F6CBCC; border-bottom: 0; } .user .picture{ display: block; position: relative; text-decoration: none; width: 60px; height: 61px; float: left; } .user .picture img{ width: 60px; height: 60px; display: block; } .user .picture span{ width: 60px; height: 61px; background: url('../images/userMaskDetails.png') no-repeat; position: absolute; top: 0; left: 0; } .user .info{ padding-left: 10px; float: left; } .user .info .name { color: #364b5a; float: left; font-size: 16px; line-height:36px; text-shadow: 0 1px #FFF; font-weight: bold; } .user .info .name a{ color: #364b5a; text-decoration: none; } .user .info .name a:hover{ color: #555; } .user .info .timeAdd { clear: both; float: left; display: block; font-size: 11px; color: #666; text-shadow: 0 1px #FFF; } .user .info .timeAdd span{ display: none; } .user .info .name a.follow, .ownerInfo a.follow, .wall .header a.follow{ display: block; float: right; font-size: 10px; line-height: 11px; margin-left: 10px; margin-top: 8px; padding: 4px 8px; background: #8f8f8f; color: #FFF; text-shadow: 1px 0 #333; border-color: #777; } .user .info .name .follow:hover, .ownerInfo a.follow:hover{ background: #AAA; color: #FFF; border-color: #999; } .user.pinPage { } .user.pinPage .info{ margin-left: 60px; float: none; } .user.pinPage .name{ height:37px; display: block; float: none; } .user.pinPage .name a{ display:block; float: left !important; } .user.pinPage .timeAdd{ clear: left; display:inline; float: none; } .details article header nav{ background: #f3f3f3; border-top: 1px solid #FFF; border-bottom: 1px solid #F6CBCC; height: 38px; } .details article header nav .pinBg{ height:38px; width: 125px; border-right: 1px solid #dcdcdc; float:left; cursor:pointer;} .details article header nav .likeBg { height:38px; width: 125px; border-left: 1px solid #ffffff; float:left; cursor:pointer;} .details article header nav .editBg { height:38px; width: 125px; border-left: 1px solid #ffffff; float:right; cursor:pointer;} .details article header nav .ico { margin:7px 0 0 28px; height:25px; width: 25px; } .details article header nav .ico span{ line-height: 24px; height: 25px; padding-left: 35px; font-weight: bold; font-size: 10px; color: #0f425b; text-shadow: 0 1px #FFF; } .details article header nav .pin{ background: url('../images/sprites.png') -18px -53px; } .details article header nav .like{ background: url('../images/sprites.png') -94px -53px; } .details article header nav .numbers { display:block;} .details article header nav .nrLeft { background: url('../images/sprites.png') -79px -29px; display:block; width:8px; height:18px; float:left;} .details article header nav .nrMiddle { background: url('../images/nrLine.png') repeat-x; display:block; min-width:5px; height:18px; line-height:17px; float:left; font-weight:bold; color:#a51d22; text-shadow: 0px 1px #fcfcfc; font-size:11px; } .details article header nav .nrRight { background: url('../images/sprites.png') -90px -29px; display:block; width:7px; height:18px; float:right;} .details article header nav .likeBg .numbers ul{ margin-left: 42px; } .details article header nav .numbers ul { float: left; margin: 0 0 0 44px; list-style-type: none; padding: 0; position: relative; } .details article header nav .numbers ul li { float: left; position: relative; right: 50%; } .details article figure{ margin: 30px 30px 20px 30px; width: 560px; } .details article figure figcaption{ margin-top: 15px; color: #777; overflow: hidden; } .details article figure > a{ width: 560px; display: block; background: #FFF; text-decoration: none; color: #efefef; margin-bottom: 20px; } .details article figure h1{ font-family: 'Museo300',Arial,sans-serif; color: #7A6C5C; font-weight: normal; } .details article figure img{ margin: 0 auto; display: block; max-width: 560px; } .addthis_toolbox { float: right; width: 150px; margin: 15px 0 0 15px; } .item figure.itemPhoto figcaption br { clear: both; } .details article iframe{ position: relative; z-index: 0; } .details article .assets{ position: relative; background: url('../images/navNextPrev.png') 0 0 no-repeat; width: 560px; height: 33px; margin-bottom: 20px; } .details article .assets h1{ margin: 0 0 0 47px; padding: 0; height: 32px; line-height: 34px; color: #605446; } .details article .assets .browseBT{ position: absolute; top:0; display: block; text-indent: -99999em; height: 32px; } .details article .assets .browseBT-left{ left: 0; width: 36px; background: url('../images/navNextPrev.png') 0 -34px no-repeat; } .details article .assets .browseBT-right{ right: 0; width: 105px; } .details article .assets .browseBT-left:hover{ background: url('../images/navNextPrev.png') 0 0 no-repeat; } .details article .assets .browseBT-right:hover{ background: url('../images/navNextPrev.png') -455px -34px no-repeat; } .details article .renderContent{ position: relative; } .details article .renderContent .browseBT{display: none; } .details article .renderContent:hover .browseBT{ display: block; position: absolute; top:0; display: block; text-indent: -99999em; height: 100%; width: 60px; background: url('../images/navNextPrevBGr.png') repeat; } .details article .renderContent .browseBT-left{ left: 0; } .details article .renderContent .browseBT-right{ right: 0; } .details article .renderContent .browseBT-left span{ display: block; background: url('../images/navPrev.png') center center no-repeat; width: 60px; height: 100%;} .details article .renderContent .browseBT-right span{ display: block; background: url('../images/navNext.png') center center no-repeat; width: 60px; height: 100%;} .pin-details article .pin-wrapper{ display: inline-block; position: relative; } .pin-details article .pin-wrapper:after {position: absolute; background: #fff; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 33px; } .pin-details article .browseBT.browseBT-left{ width: 46px; min-height: 67px; background: url("../images/pin_prev.png") no-repeat left center transparent; left: -9px; } .pin-details article .browseBT.browseBT-left span{ display: none; } .pin-details article .browseBT.browseBT-right{ width: 46px; min-height: 67px; background: url("../images/pin_next.png") no-repeat right center transparent; right: -9px; } .pin-details article .browseBT.browseBT-right span{ display: none; } .pin-details article .browseBT:hover{ opacity: 1; } .pin-details article .pin-actions.actions-twins{ left: 50%; margin-left: -80px; padding-left: 0; padding-right: 0; } .pin-details article .pin-actions.actions-triple{ left: 50%; margin-left: -120px; padding-left: 0; padding-right: 0; } .details footer{ border-top: 1px solid #F6CBCC; } .details .commentBlock{ min-height:28px; background: #f3f3f3; border-top:1px solid #fefefe; border-bottom:1px solid #ccc; padding: 5px 30px; position:relative; } .details .commentBlock .miniPhoto { display:block; overflow: hidden; position:absolute; top:6px; left:30px; z-index:5; width:24px; height:24px; border:1px solid white;} .details .commentBlock .miniPhoto span{ background: url('../images/sprites.png') -45px -26px; width:24px; height:24px; display:block; position:absolute; top:0; left:0;} .details .commentBlock img { display:block; width: 24px; height: 24px; } .details .commentBlock h3 { padding: 0 0 0 34px; font-weight:bold; margin:0px; color:#9C1313; text-shadow: 0px 1px #fcfcfc; font-size:11px;} .details .commentBlock h3 a{ text-decoration: none; } .details .commentBlock p { padding: 0 0 0 34px; margin:0px; color:#606060; text-shadow: 0px 1px #fcfcfc;} .details .commentBlock p a{ text-decoration: none; font-weight: bold; } .details .commentBlock .ico{ display: block; width: 25px; height: 25px; position: absolute; top: 5px; } .details .commentBlock.typePin{ } .details .commentBlock.typePin .ico{ background: url('../images/sprites.png') -19px 0px; left: -1px; } .details .commentBlock.typePin h3{ display: inline; line-height: 26px; } .details .commentBlock.typePin p{ display: inline; padding: 0; line-height: 26px; } .details .commentBlock.typeLike{ } .details .commentBlock.typeLike .ico{ background: url('../images/sprites.png') -94px 0px; left: 1px; } .details .commentBlock.typeLike h3{ display: inline; line-height: 26px; } .details .commentBlock.typeLike p{ display: inline; padding: 0; line-height: 26px; } .details footer .showMore{ height: 38px; line-height: 38px; background: #E9EBEB; border-top: 1px solid #FFF; text-align: center; display: block; text-decoration: none; font-weight: bold; color: #9C1313; text-shadow: 0px 1px #f9fafa; } .details .addComment{ margin: 0 0 0 0; overflow: hidden; } .setShadow { box-shadow: 0px 1px 5px #444; margin-bottom: 15px; height: 1px; background: #FFF; line-height: 1px; margin-top: -1px; } .details .addComment .control-group > label{ width: 126px; color: #666; } .details .addComment .controls{ margin-left: 150px; } .details .addComment .controls textarea{ width: 390px; } .details .addComment .form-actions{ margin-bottom: 0; padding-left: 150px; } .addComment .alert{ margin: 20px 60px; text-align: center; } .error_list{ list-style: none; } .error_list li{ margin: 0; padding: 0; } .details footer .controls .error_list { width: 370px; background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .wall{ } .wall aside .header { padding: 20px 0; } .wall aside .header .ownerInfo {height: auto; display: inline-block; float: right; margin: 0;} .wall aside .header h3{ margin: 5px 0 0 0; overflow: hidden; min-height: 33px;} .wall aside .header p{ padding-left: 36px; margin: 5px 0; color: #444; text-shadow: 0 1px #FFF; } .wall aside .header h3 span{ float: left; display: block; } .wall aside .header h3 i{ display: block; float: left; margin-left: 5px; margin-top: -3px; } .detailsWall{ padding: 0 20px; position: relative; } .ownerInfo{ margin: 19px 0 20px 0; padding-left: 41px; height: 115px; } .ownerInfo .smallUserBlock { width: 130px !important; } .ownerInfo .smallUserBlock h6 { margin: 0; font-size: 11px; } .ownerInfo .smallUserBlock img { width: 50px; height: 50px; } .wall .smallUserBlock{ min-height:28px; padding: 5px 30px 5px 0; position:relative; margin-top: 6px; } .wall .smallUserBlock .miniPhoto { display:block; overflow: hidden; position:absolute; top:6px; left:0; z-index:5; width:24px; height:24px; border:1px solid white;} .wall .smallUserBlock .miniPhoto span{ background: url('../images/sprites.png') -45px -26px; width:24px; height:24px; display:block; position:absolute; top:0; left:0;} .wall .smallUserBlock img { display:block; width: 24px; height: 24px; } .wall .smallUserBlock h6 { padding: 0 0 0 34px; font-weight:bold; margin:0px; color:#9C1313; text-shadow: 0px 1px #fcfcfc; font-size:11px; line-height: 25px; } .wall .smallUserBlock h6 a{ text-decoration: none; } .wall .header a.follow{ float: left; margin: 8px 5px 0 10px; display: block; padding: 2px 5px; } .wall .detailsWall .ico {opacity:1;} .wall .detailsWall .ico a{ display: block; height: 28px; width: 50px; text-decoration: none; text-indent: -9999em; } .wall .detailsWall .pinBg{ height:28px; width: 50px; position: absolute; left: 7px; top: -5px; } .wall .detailsWall .pin{ height:25px; width: 25px; background: url('../images/sprites.png') -18px -53px; margin:0 0 0 9px;} .wall .detailsWall .numbers { display:block;} .wall .detailsWall .nrLeft { background: url('../images/sprites.png') -79px -29px; display:block; width:8px; height:18px; float:left;} .wall .detailsWall .nrMiddle { background: url('../images/nrLine.png') repeat-x; display:block; min-width:5px; height:18px; line-height:17px; float:left; font-weight:bold; color:#971212; text-shadow: 0px 1px #fcfcfc; font-size:11px; } .wall .detailsWall .nrRight { background: url('../images/sprites.png') -90px -29px; display:block; width:7px; height:18px; float:right;} .wall .detailsWall .numbers ul { float: left; left: 50%; list-style-type: none; margin: -3px auto 0; padding: 0; position: relative; } .wall .detailsWall .numbers ul li { float: left; position: relative; right: 50%; } .server-error{ margin: 70px auto; background: url(../images/server-error-badge.jpg) no-repeat; width: 359px; height: 139px; padding-top: 222px; text-align: center; font-size: 17px; font-family: 'Museo300', Arial, sans-serif; color: #7c6c5c; text-shadow: 0 1px #F5F5F5; line-height: 34px; } /* custom modal styles */ .modal{ background: none; width: 560px; } .modal .modal-header, .likeBoxModal .modal-header{ background: url('../images/headerBg.png') repeat-x 0 -89px; position: relative; z-index: 5; padding: 9px 15px 12px; border:0; } .modal .modal-header h3, .likeBoxModal .modal-header h3{ line-height: 25px; height: 26px; font-size: 16px; margin: 0; font-family: 'Museo300',Arial,sans-serif; color: #7A6C5C; font-weight: normal; } .modal .modal-body{ background: #FFF; border-top: 1px solid #FFF; margin: -8px 0 0 0; padding: 0; position: relative; z-index: 4; } .modal .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #9C1313; text-shadow: 0 1px 0 #7A6C5C; opacity: 0.9; filter: alpha(opacity=90); } .modal .modal-body .nav{ margin: 20px 15px; } .modal .nav a{ color: #9C1313; } .modal .nav .active a{ color: #9C1313; } .modal .controls .progress{ margin: 5px 0 0 0; } .modal .control-group{ margin: 0 0 15px 0; } .modal .input-xlarge{ width: 245px; } .modal label{ color: #555; } .modal .dropdown-menu{ width: 230px; overflow-x: hidden; overflow-y: auto; max-height: 160px; } .modal .dropdown-menu a{ text-decoration: none; } .modal .newBoard{ display: none; } .modal .input-prepend{ margin: 0; } .modal .form-elements{ margin: 0 15px 0 0; float: left; width: 360px; } .modal .form-actions{ margin-bottom: 0; padding-left: 267px; clear: both; background: transparent; } /* .modal #addVideo .form-actions{ padding-left: 100px; } arek - dodalem thumba, wiec wywalam*/ .modal .form-actions button{ display: block; } .modal .form-actions .shareOnFacebook{ font-size: 10px; display: inline-block; margin-bottom: 10px; padding: 1px 8px; } .modal .form-actions .shareOnFacebook.active i{ display: inline-block; margin: 2px 0 0 0; vertical-align:top; width: 19px; background-position: -288px 0;} .modal .form-actions .shareOnFacebook i{ display: none; } .modal .form-actions .makeNsfw{ font-size: 10px; display: inline-block; margin-bottom: 10px; padding: 1px 8px; } .modal .form-actions .makeNsfw.active i{ display: inline-block; margin: 2px 0 0 0; vertical-align:top; width: 19px; background-position: -288px 0;} .modal .form-actions .makeNsfw i{ display: none; } .modal .form-horizontal .control-group > label{ width: 80px; } .modal .form-horizontal .controls{ margin-left: 100px; } .modal .addUrl input[type="text"]{ width: 120px; } .modal .error .addUrl input[type="text"]{ float: left; } .modal .addUrl .alert{ clear: left; } .modal .input-prepend{ width: 245px; } .modal .input-prepend input{ width: 190px; } .modal .thumbWrapper{ margin-left: 15px; width: 152px; float: left; } .modal .thumbWrapper .thumbnail{ width: 150px; height: 120px; overflow: hidden; background: url(../images/noPhoto.png) center no-repeat; padding: 0; } .modal .thumbWrapper .btn-small{ padding: 3px; line-height: 14px; margin-top: 5px; } .modal #imagesCounter{ text-align: center; line-height: 25px; display: block; margin: 5px 30px 0 30px; color: #666; font-size: 11px; } .modal .controls .alert, .modal .form-actions .alert{ padding: 3px 7px; float: left; font-size: 11px; margin-top: 3px; margin-bottom: 0; } .modal .thumbnail > img{ vertical-align: middle; max-width: 152px; width: 152px; } .modal.repin .form-elements{ margin: 30px; } .modal.repin .form-actions{ padding-left: 130px; } .icon-loader{ background: url('../images/btnLoader.png') left center no-repeat; margin: 0; } .modal.repinError .alert{ width: 300px; margin: 40px auto; padding: 8px 14px; } .modal.repinError .alert h4{ font-size: 16px; margin-top: 15px; } .modal #addVideo .error .controls input[type="text"]{ float: left; } .modal #addVideo .error .controls .alert{ clear: left; } .editFolder{ } .editFolder .input{ margin-bottom: 20px; } .editFolder .input select{ padding-top: 12px; padding-bottom: 10px; height: 40px; width: 355px; } .editFolder .input textarea{ min-height: 60px; min-width: 344px; max-width: 344px; } .editFolder .noBorder, .noBorder{ border-top: 0 !important; } .editFolder .accordion-heading { padding: 10px 0 10px 176px; } .editFolder .legend { padding-top: 19px; } .editFolder .legend legend { padding-top: 0; } .fanpageContainer legend { width: auto; text-align: center; font-size: 15px; color: #5B5B5B; padding: 0; } .fanpageContainer .fanpageAction { margin: 20px 0; } .fanpageContainer .actionContainer { text-align: center; border: none; } #fanpageListContainer { text-align: center; } .modal.modal-external{} .modal.modal-external .modal-header{overflow: hidden;} .modal.modal-external .modal-header h3{ position: relative; padding-right: 90px; float: left; } .modal.modal-external .modal-header h3 span{ width: 85px; height: 32px; background: url(../images/logo-pinka-modal.png) no-repeat; position: absolute; right: 0; top: -4px; } .modal.modal-external .modal-body{padding: 30px 0 0 0; } .modal form.setMargins{ margin-top: 0px; } .modal form .fieldContainer > *{ float: left; } .modal form .fieldContainer label{ width: 102px; line-height: 30px; font-size: 13px; padding-right: 10px; } .modal form .fieldContainer input[type=text], .modal form .fieldContainer input[type=password]{ width: 234px; height: 28px; border: 1px solid #777; padding: 0 10px; line-height: 30px; } .modal form .fieldContainer input[type=checkbox]{ margin: 9px 0 0 0; } .modal form .fieldContainer input[type=submit]{ font-size: 14px; font-weight: 100; } .modal .alert-silver{ margin-bottom: 15px; } .insideModal{ overflow-y: scroll; border-radius: 3px; position: absolute; width: 100%; height: 100%; } ##cboxLoadedContent{ position: relative; } .insideModal body{ overflow: hidden; background: transparent; } #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{ display: none; } .insideModal .modal{ margin: 0; left: 0; position: relative; top: 0; border: 0; box-shadow: none; border-radius: none; min-height: 630px; } #cboxLoadedContent { margin: 0; background: #F5F5F5; } #colorbox{ background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #cboxOverlay{ background: #222; } #cboxClose{ background: none; text-indent: -9999em; top: 10px; right: 9px; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } #infscr-loading{ background: url(../images/loader.png) top center no-repeat; position: relative; display: none; margin: 20px auto; width: 150px; padding-top: 30px; height: 30px; text-align: center; } .fb_edge_comment_widget {display: none !important;} .alert-silver{ background-color: #efe9e3; border-color: #dcccc3; } .alert-silver, .alert-silver .alert-heading { color: #7d6751; } .noAuthorized #header{ background: url("../images/headerBg.png") repeat-x scroll center bottom transparent; height: 110px; position: relative; z-index: 100; overflow: hidden; } .noAuthorized #main{ padding: 0; margin-top: -4px; } .noAuthorized .loginFBAction, .notAuth .loginFBAction{ margin: 20px auto 0 auto; } .noAuthorized .setAlertPosition{ margin: 60px auto 0 auto; width: 320px; } .notAuth #header .registerAccount { border-bottom: 1px solid #C4B5A6; color:#9C1313; background: none; padding-bottom: 3px; padding-left: 20px; } #users_avatar_file {margin:0 0 0 170px;} /* flat rounded buttons */ .btn-flat{ display: inline-block; padding: 8px 15px; font-size: 12px; text-decoration: none; } .btn-rounded{ border-radius: 10px; } .btn-red{ background: #b22411; color: #FFF; border: 1px solid #9C1313; } .btn-red:hover{ background: #9C1313; color: #FFF; } .btn-brown{ background: #D6CFC2; color: #7A6C5C; border: 1px solid #BCA892; } .btn-brown:hover{ background: #BCA892; color: #7A6C5C; } table.newsletter-desc {width: 520px;} table.newsletter-desc tr {} table.newsletter-desc tr th {border: 1px solid #999; padding: 3px;} table.newsletter-desc tr td {border: 1px solid #999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:3px;} table.newsletter-desc tr td:last-child form {text-align: center; margin: 3px 0; border-bottom: 1px solid #ccc; padding: 5px;} table.newsletter-desc tr td:last-child form:last-child {border: 0;} table.newsletter-desc tr td:last-child form input {display: block; margin: 3px auto;} table.newsletter-desc tr td:last-child form input[type="text"] {width: 90%; margin-bottom: 6px;} table.newsletter-desc tr td:last-child form input[type="submit"] {padding: 4px 6px;} #template-builder { } #template-builder ul.radio_list {} #template-builder ul.radio_list li {list-style-type: none; line-height: 18px;} #template-builder ul.radio_list li input {display: inline-block; margin-right: 5px;} #template-builder ul.radio_list li label {display: inline-block; line-height: 18px;} /* =============== ALL: IE Fixes =============== */ .ie7 #title{ padding-top:20px; } /* ============================================================================= Non-semantic helper classes Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear{ clear: both; } /* ==|== media queries ====================================================== */ @media only screen and (max-width: 320px) { #colorbox{ left: 0 !important; width: 320px !important; } #colorbox #cboxWrapper{ width: 320px !important; } #colorbox #cboxWrapper #cboxContent{ width: 320px !important; } #colorbox #cboxWrapper #cboxContent #cboxLoadedContent{ width: 320px !important; } .auth #login .username{ display: none; } .auth #login .avatar{ margin-right: 0; } #header #login{ background-position: -30px 40px; padding-right: 0; } } @media only screen and (max-width: 480px) { #header .wrapper{ padding: 0; } #header #mainNav ul .one{ width: 112px; padding-left: 10px; } #header #mainNav ul .two{ width: 83px; } #header #mainNav ul .three{ width: 62px; } #header #mainNav ul li .subCat{ background: none; border: 0; box-shadow: none; display: none; padding: 0; } #header #arrow{ z-index: 5; } #header #mainNav ul li ul{ position: relative; left: -113px; overflow: hidden; padding: 4px 10px 6px 10px; background: #F3F3F3; border: 1px solid #9C1313; border-top: 1px solid #122732; border-color: #FFF #aaa #999; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); } .modal .form-elements{ clear: both; float: none; padding-top: 20px; width: 320px; } .modal .form-actions{ padding-left: 37px; } /* #footer{ display: none; } */ } @media only screen and (max-width: 768px) { #bookmarklet { display: none; } .notAuth {min-height: 600px} .notAuth #header{ height: auto; } .notAuth #header #mainNav, #header #mainNav ul li .subCat{ z-index: 9999; } #header .user{ right: 13px; top:10px; } .notAuth #header .loginAccount, .notAuth #header .registerAccount, #header .loginAccount, #header .registerAccount{ float: none; position: absolute; right: 0; text-align: right; background: none; padding: 0; border: 0; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px } .notAuth #header .loginAccount, #header .loginAccount{ top: 30px; width: 50px; } .notAuth #header .registerAccount, #header .registerAccount{ top: 0; width: 70px; } #sfWebDebug{ display: none; } } @media only screen and (min-width: 1140px) { } /* ============================================================================= Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } #comments .commentBlock form button.delComment, #lastComment .commentBlock form button.delComment { color: #9C1313; border: 0; padding: 0; margin: 0; } #loginWithFacebook { display:block; text-indent:-9999em; height:43px; width:262px; margin: 20px auto; background:url(../images/btn-register-with-facebook.png) center top no-repeat; } .fb-facepile.fb_iframe_widget{ width: 300px; margin: 0 auto; display: block; } .trueLoginWithFacebook #loginWithFacebook{ background:url(../images/btn-login-with-facebook.png) center top no-repeat; } #loginWithFacebook.spinner { width: 64px; height: 22px; background:url(../images/loader.png); } #registerWithFacebook { display: block; text-indent: -9999em; height: 43px; width: 262px; margin: 40px auto 0px; background: url(../images/btn-register-with-facebook.png) center top no-repeat; } .add-next-folder { display: none; margin-left: 100px; } #searchBoxBig { display: block; width: 250px; margin: 0 auto; } #searchBoxBig .input-append button.add-on { height: inherit !important; } #fbFixed { position: fixed; top:300px; left:0; margin-left: 0; width: 41px; background: url(/images/facebook_button.png) no-repeat top left; height: 40px; z-index: 999; } #fbWrap { position: relative; margin-left:0px; height: 278px; background: white; margin-top: 0px; width: 570px; overflow: hidden; } .control-inline-2 .control-group{ width: 50%; float: left; } .control-inline-2 .control-group .control-label.big{ width: 90px; } .control-inline-2 .control-group input{ width: 80%; } /* .pralin_migration{ background-color: #F7F5F3; } .pralin_migration body{ background-image: linear-gradient(top, #FFFFFF 9%, #F7F5F3 55%); background-image: -o-linear-gradient(top, #FFFFFF 9%, #F7F5F3 55%); background-image: -moz-linear-gradient(top, #FFFFFF 9%, #F7F5F3 55%); background-image: -webkit-linear-gradient(top, #FFFFFF 9%, #F7F5F3 55%); background-image: -ms-linear-gradient(top, #FFFFFF 9%, #F7F5F3 55%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.09, #FFFFFF), color-stop(0.55, #F7F5F3) ); } */ /*.pralin_migration #header{ height: auto; background-position: center bottom; } .pralin_migration #header #mainHeader{ height: auto; } .pralin_migration #header #mainHeader h1{ background-size: 80%; }*/ .pralin_migration #header{ height: 108px; background: url('/images/pralinMigration.png') no-repeat center; margin-top: 20px; } .pralin_migration .content .text{ text-align: center; font-size: 17px; margin: 20px 0px; color: #6B553F; } .pralin_migration .content .form{ text-align: center; } .pralin_migration .content .form form{ margin-top: 10px; } .pralin_migration .alert{ text-align: center; } .pralin_migration .text-center{ text-align: center; }