/* ==$4$=========================================================================== HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; display: inline; zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ root { display: block; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } html, body { font-family: Arial, sans-serif; font-size: 12px; line-height: 1.20em; color: #000; } html, body { height: 100%; width: 100%; padding: 0; margin: 0; } p { padding-top: 5px; padding-bottom: 5px; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #555; } a:visited { color: #555;; } a:hover { color: #555; } a:focus { outline: 0; } /* * Improve readability when focused and hovered in all browsers: h5bp.com/h */ 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; } del { text-decoration: line-through; color: #555 } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* * Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: inherit; } /* * Improve readability of pre-formatted text */ 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: h5bp.com/k */ 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: 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0;} /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */ img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; padding: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } /* * 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) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: 13px; height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea:focus, input:focus { outline: none; } input,textarea { outline: none;} input, textarea {-webkit-appearance: none; } button, input { *overflow: visible; } table button, table input { *overflow: auto; } button:active { position: relative; top: 0; left: 0; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } table { width: 100%; border: none; border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; padding: 0; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* * Image replacement */ .ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .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: h5bp.com/p */ .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: h5bp.com/q */ .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } 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; } } h1, h2, h3, h4, h5, h6 { margin: 0; } h1, h2, h3, h4, h5, h6 { line-height: normal; } /* STICKY FOOTER * --------------------------------------------------------- */ /* http://ryanfait.com/resources/sticky-footer-stick-to-bottom-of-page/ */ #sticky-wrapper { clear: both; float: none; height: auto !important; margin: 0 auto -165px; min-height: 100%; } #sticky-footer { height: 200px; clear: both; float: none; overflow:hidden; } #sticky-footer2 { height: 40px; clear: both; float: none; overflow:hidden; } #sticky-push { clear: both; float: none; height: 200px; overflow: hidden; } /* SITE STYLING * --------------------------------------------------------- */ @font-face { font-family: 'Futura'; src: url('../fonts/Futura.eot'); src: url('../fonts/Futura.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura.woff') format('woff'), url('../fonts/Futura.ttf') format('truetype'), url('../fonts/Futura.svg#Futura') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: 'Zurich'; src: url('../fonts/zurichExtraCondensedBT/24192-webfont.eot'); src: url('../fonts/zurichExtraCondensedBT/24192-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zurichExtraCondensedBT/24192-webfont.woff') format('woff'), url('../fonts/zurichExtraCondensedBT/24192-webfont.ttf') format('truetype'), url('../fonts/zurichExtraCondensedBT/24192-webfont.svg#zurich_xcn_btregular') format('svg'); font-weight: normal; font-style: normal; } .body { clear: both;width: 990px; margin: 0 auto; padding: 0; text-align: left; position: relative; } #sticky-wrapper, #sticky-footer, #sticky-push { min-width: 1078px; } .clear { display: block; float: none; clear: both; position: relative; z-index: 0; overflow: hidden; font-size: 0px; height:0px; zoom: 1; } /* HEADER * --------------------------------------------------------- */ #client-navigation-container { margin: 0 10px 0 0; float: left; padding: 0; max-width: 180px; } /* GLOBAL ELEMENTS * --------------------------------------------------------- */ input:focus{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only; } input[type="text"]{ outline:none; } /***************FONT***************/ option, select, span, a, h1, h2, h3, h4 { font-family: 'Trebuchet MS', Helvetica, sans-serif; } p { font-family: 'Tahoma', Geneva, sans-serif; } /**********************************************************************************************/ /***************FIXED ELEMENTS***************/ body { background: url('../images/background/background.jpg') repeat; } .fixed-button { display: block; position: fixed; top: 35%; right: 0; width: 69px; height: 333px; background: url('../images/items/back.png') no-repeat; z-index: 2 } .content { background: transparent; } /**********************************************************************************************/ /***************HEADER***************/ /***************HEADER***************/ #header { background: url('../images/background/top-bar.png') repeat-x; } #header .body { box-shadow: 0 0 0 ; width: 1078px; } #header a.logo { display: block; float: left; text-decoration: none; } #header ul li div { display: inline-block; zoom: 1; *display: inline; } #header ul li a { display: inline-block; text-decoration: none; } #header ul li div.flapper { padding-left: 25px; background: url('../images/items/sprite-items.png') 0 -164px no-repeat; } #header ul li div.heart { padding-left: 25px; background: url('../images/items/sprite-items.png') 0 -188px no-repeat; } #header ul li div.sharp { padding-left: 25px; background: url('../images/items/sprite-items.png') 0 -215px no-repeat; } #header ul li div span { display: inline-block; vertical-align: middle; line-height: 25px; color: #fff; font-size: 15px; font-weight: bold; *display: inline; } #header ul li a span { display: inline-block; vertical-align: middle; line-height: 22px; color: #fff; font-size: 15px; *display: inline; } #header .button { display: inline-block; padding: 0 0 0 6px; margin: 0; height: 25px; background: url("../images/sprite/sprite-button.png") 0 -298px no-repeat; } #header .button span { display: inline-block; padding: 0 13px 0 5px; height: 25px; line-height: 26px; background: url("../images/sprite/sprite-button.png") 100% -327px no-repeat ; color: #9d9d9d; font-size: 13px; font-weight: bold; text-transform: uppercase;} #header .button:hover { background-position: 0 -356px; } #header .button:hover span { background-position: 100% -385px; color: #313131; } #header .button.active { background-position: 0 -356px; } #header .button.active span { background-position: 100% -385px; color: #313131; } #header ul { display: block; float: right; padding: 0; margin: 6px 0 0 0; white-space: nowrap; } #header ul li:first-child { background: none; } #header ul li.last-child { padding: 0 0 6px 7px;} #header ul li.style { padding: 0 3px 6px 7px;} #header ul li { display: inline-block; padding-bottom: 2px; vertical-align: middle; margin: 0; list-style-type: none; background: url('../images/background/top-bar-line.png') no-repeat; overflow: hidden;zoom: 1; *display: inline; } #header ul li.total-video { width: 190px; } #header ul li.total-girls { width: 170px; } #header ul li.last-update { width: 218px; } #header ul li div.heart { padding-left: 25px; margin-left: 8px; background: url('../images/items/sprite-items.png') 0 -188px no-repeat; } #header ul li div.sharp { padding-left: 25px; margin-left: 8px; background: url('../images/items/sprite-items.png') 0 -215px no-repeat; } #header ul li .number { display: inline-block; margin-left: 5px; padding: 0; vertical-align: middle; line-height: 22px; color: #f7ca00; font-size: 16px; font-weight: bold; *display: inline; } /**********************************************************************************************/ /***************FOOTER***************/ .footer-join-title { color: #032cb0; font: bold 48px/80px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center;} #footer .informative-block { text-align: center; font: Arial, Helvetica, sans-serif;} #footer .informative-block p { color: #606060; padding: 0;} #footer .informative-block span { display: block; margin: 2px 0 0 0; } #footer .informative-block strong { display: block; margin: 2px 0 0 0; } #footer .informative-block ul { padding: 0 0 27px 0; margin: 8px 0 0 0; text-align: center; } #footer .informative-block ul li:first-child { list-style-type: none; border-left: none; } #footer .informative-block ul li { display: inline-block; padding: 0; margin: 0; list-style-type: none; border-left: 1px solid #747474; *display: inline; } #footer .informative-block ul li a { display: inline-block; padding: 0 4px 0 4px; color: #032cb0; } #footer .informative-block div a, #sticky-footer div.informative-text a { display: block; cursor: pointer; letter-spacing: -1px; font: bold 28px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; color: #032cb0; } #footer .informative-block div a:hover, #footer .informative-block ul li a:hover, #sticky-footer div.informative-text a:hover { text-decoration: none; color: #0439e2; } #sticky-footer div.informative-text a { text-align: center; } #sticky-footer2 div.informative-text a { display: block; cursor: pointer; letter-spacing: -1px; font: bold 28px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; color: #032cb0; } #sticky-footer2 div.informative-text a:hover { text-decoration: none; color: #0439e2; } #sticky-footer2 div.informative-text a { text-align: center; } /**********************************************************************************************/ /***************CONTENT***************/ .mycarousel.user-content { position: relative; overflow: hidden; } .mycarousel.user-content .banner { float: left; text-align: center; width: 360px; height: 399px; } .mycarousel.user-content .banner img { display: inline-block; height: 397px; } .mycarousel.user-content .interactive-block { padding: 0; margin: 0; width: 713px; height: 400px; } .mycarousel.user-content .interactive-block li { position: relative; display: inline-block; padding: 0 2px; margin: 0; list-style-type: none; overflow: hidden; } .mycarousel.user-content .interactive-text .text { display: block; line-height: 22px; padding: 8px 20px 0px 23px; color: #fff; font-size: 20px; } .mycarousel.user-content .interactive-text { display: block; position: absolute; bottom: 1px; left: 0; width: 714px; height: 61px; overflow: hidden; background: url("../images/background/img-bg.png") repeat; z-index: 1;} .mycarousel.user-content .label-hd { display: block; overflow: hidden; position: absolute; top: -4px; left: -3px; width: 122px; height: 121px; background: url('../images/items/hd-lable.png') no-repeat; z-index: 1; zoom: 1; } .mycarousel.user-content ul li img { display: block; float: left; width: 710px; height: 399px; } .mycarousel.user-content .play-link { display: none; position: absolute; top: 164px; left: 325px; overflow: hidden; z-index: 2; width: 98px; height: 66px; background: url('../images/items/play-link.png') no-repeat; cursor: pointer; } .mycarousel.user-content .loading.active { display: block; position: absolute; top: 150px; left: 325px; overflow: hidden; z-index: 1; width: 94px; height: 94px; background: url('../images/items/ajax-loader.gif') no-repeat; } .mycarousel.user-content:hover .play-link { display: block; } #header .menu { width: 100%; height: 414px; background: url('../images/background/bg_header.jpg') no-repeat center top transparent; position: relative; zoom:1; } #header .menu h1 {left: 50%; margin-left: 60px; position: absolute; } #header .menu ul {bottom: 10px; display: block; float: none; left: 50%; margin: 0 auto 0 -360px; padding: 0; position: absolute; text-align: left; width: 800px;} #header .menu ul li {background: none; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; } #header .menu ul li a {color: #fff; float: none; font: 48px/1 "Zurich",Haettenschweiler, Tahoma,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold",Calibri,sans-serif; height: auto; letter-spacing: -1px; margin-right: 150px; padding: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; text-decoration: underline; width: auto; display:inline-block; display:-moz-inline-stack; vertical-align:top; zoom:1; *display:inline; } #header .menu ul li a:hover { color: #f2f2f2; text-decoration: none; text-shadow: 0 0 1px #000; text-shadow: 1px 1px 1px rgba(0,0,0,0.9); } #header .menu ul li a.active { position: relative; top: 1px; } .pagination { margin: 20px auto 40px; text-align: center; clear: both;} .pagination a { color: #2b2929; padding: 10px 20px; text-decoration: none; text-transform: uppercase; width: 320px; margin: 0 auto; } .pagination a.active { position: relative; top: 1px; box-shadow: 1px 1px 0 rgba(0,0,0,0.7); } .pagination a.disabled:hover { border-color: #545454; background: transparent; } .pagination a.disabled { cursor: default; } .content .form-block { position: relative; padding: 0; margin: 0; text-align: center; }/*ie7*/ .content .movie { position: relative; padding: 0; margin: 0; text-align: center; } .content .movie .quality { position: absolute; right: 35px; top: 49px; z-index: 1; } .content .movie .quality .container { position: relative; border: 1px solid #000; } .content .movie .quality div:first-child { border: none; } .content .movie .quality div:last-child { border: none; } .content .movie .quality div { padding: 5px 0 3px 0; width: 50px; border-top: 1px solid #000; background: #262E33; text-align: center; } .content .movie .quality .img { vertical-align: middle; cursor: pointer; zoom:1; } .content .movie .video-block .hd-lable.active {background-position: 1px -57px; } .content .movie .video-block .hd-lable { display: block; position: absolute; bottom: 51px; left: 30px; margin: 0; padding: 0; width: 57px; height: 44px; background: url('../images/sprite/sprite-hd.png') 0 1px no-repeat; } .content .movie .video-block .time { display: none; position: absolute; bottom: 51px; right: 30px; margin: 0; padding: 0; width: 76px; height: 36px; line-height: 36px; background: url('../images/items/time-big-bg.png') no-repeat; color:#fff; font-size: 21px; } .content .movie .video-block .play-link { display: none; width: 98px; height: 66px; position: absolute; top: 50%; left: 50%; margin: -33px 0 0 -48px; z-index: 2; background: url('../images/items/play-link.png') no-repeat; cursor: pointer; } .content .movie .video-block .loading { display: none;} .content .movie .video-block .loading.active { display: block; width: 94px; height: 94px; position: absolute; top: 50%; left: 50%; margin: -47px 0 0 -47px; overflow: hidden; z-index: 1; background: url("../images/items/ajax-loader.png") no-repeat scroll 0 0 transparent; } .content .movie .video-block.hover:hover .play-link { display: block; } .content .movie .video-block.hover:hover .time { display: block; } .content .movie .video-header { margin-bottom: 3px; } .content .movie .video-block .link { display: block; color: #000; text-align: left; zoom:1; font: 25px Arial, Helvetica, sans-serif; text-transform: uppercase; } .content .movie .video-block .link.video-title { text-decoration: none; width: 740px; float: left; } .content .movie .video-block .link.video-title:hover { text-decoration: underline; } .content .movie .video-block .images { display: block; width: 940px; height: 530px; margin: 0 auto; } .content .movie .video-block .menu-decoration { width: 960px; height:31px; background: url('../images/items/play-table.png') no-repeat; } .content .movie .description {color: #606060; font-size: 12px; line-height: 16px; margin: 15px auto; padding: 0; text-align: left; } .content .movie .quality .triangle { position: absolute; bottom: -23px; width: 48px; height: 15px; background: url('../images/items/sprite-items.png') 0 -300px no-repeat; } .content .movie .quality .inner { width: 166px; z-index: 2; } .content .movie .quality .inner.windows { display: none; position: absolute; right: 60px; top: 7px; } .content .movie .quality .windows .img { display: block; margin: 0 0 0 6px; width: 37px; height: 35px; background: url('../images/sprite/sprite-ios.png') 0 0 no-repeat; } .content .movie .quality .apple .img { display: block; margin: 0 0 0 11px; width: 37px; height: 35px; background: url('../images/sprite/sprite-ios.png') 0 -50px no-repeat; } .content .movie .quality .android .img { display: block; margin: 0 0 0 11px; width: 37px; height: 35px; background: url('../images/sprite/sprite-ios.png') 0 -105px no-repeat; } .content .movie .quality .inner.apple { display: none; position: absolute; right: 59px; top: 53px; } .content .movie .quality .inner.android { display: none; position: absolute; right: 60px; top: 101px; } .content .movie .quality .inner a:first-child { border: none; } .content .movie .quality .inner { display: none; padding: 0; } .content .movie .quality .inner a { display: inline; float: left; border-left: 1px solid #000000; padding: 12px 14px; background: none repeat scroll 0 0 #262E33; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 17px; } .content .movie .quality .inner .triangle { position: absolute; top: 7px; right: -27px; width: 27px; height: 26px; border: none; background: url('../images/items/sprite-items.png') 0 -392px no-repeat; } .content .movie .quality .device:hover .inner { display: block; } .content h2 { padding: 10px 0px 13px 0px; font-weight: normal; color: #f7ca00; text-align: center; font-size: 21px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; max-width: 985px; margin: 0 auto; } .content h2.style { padding: 14px 0px 0px 0px; font-weight: normal; color: #F7CA00; text-align: center; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } .content .movie-block {-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.4); margin-bottom: 35px;} .content .movie .video-block { width: auto; position: relative; margin: 16px auto 0; background: #fff; padding: 10px 25px; } .content .movie .video-block .preview-link {display: block; height: 530px; position: relative; width: 940px; } .content .movie .video-block .preview-link .overlay {background: url("../images/play.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: block; height: 530px; left: 0; position: absolute; top: 0; width: 940px; } .content .movie .video-block .preview-link:hover .overlay { background-image: url("../images/play2.1.png"); } .video-header .rating {color: #616161; float: left; line-height: 30px; text-align: right; vertical-align: middle; width: 200px; } .video-header .rating > img { margin: -4px 0 0 2px; } .content .movie .signup-link, .pagination a {background: #ff59bb; background: -moz-linear-gradient(top, #ff59bb 0%, #ff0096 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff59bb), color-stop(100%,#ff0096)); background: -webkit-linear-gradient(top, #ff59bb 0%,#ff0096 100%); background: -o-linear-gradient(top, #ff59bb 0%,#ff0096 100%); background: -ms-linear-gradient(top, #ff59bb 0%,#ff0096 100%); background: linear-gradient(to bottom, #ff59bb 0%,#ff0096 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff59bb', endColorstr='#ff0096',GradientType=0 ); border: 1px solid #fa4aa4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 -1px 1px 1px #e52c5f inset, 1px 1px 2px 0 rgba(32,32,32,0.5); -moz-box-shadow: 0 -1px 1px 1px #e52c5f inset, 1px 1px 2px 0 rgba(32,32,32,0.5); box-shadow: 0 -1px 1px 1px #e52c5f inset, 1px 1px 2px 0 rgba(32,32,32,0.5); color: #000; display: block; font: 40px/1 "Futura", "Arial Black", "Arial Bold", Gadget, sans-serif; text-shadow: 0 0 1px #fff; text-shadow: 1px 1px 1px rgba(255,255,255,0.6); } .content .movie .signup-link:hover, .pagination a:hover {background: #ff26a6; background: -moz-linear-gradient(top, #ff26a6 0%, #ff33ab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff26a6), color-stop(100%,#ff33ab)); background: -webkit-linear-gradient(top, #ff26a6 0%,#ff33ab 100%); background: -o-linear-gradient(top, #ff26a6 0%,#ff33ab 100%); background: -ms-linear-gradient(top, #ff26a6 0%,#ff33ab 100%); background: linear-gradient(to bottom, #ff26a6 0%,#ff33ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff26a6', endColorstr='#ff33ab',GradientType=0 ); border: 1px solid #fb7cbd; color: #111; text-shadow: 1px 1px 0 #fff; text-shadow: 1px 1px 0 rgba(255,255,255,0.9);} .content .movie .signup-link { margin: 15px auto; padding: 12px 0 15px; } .content .movie .thumbnails { padding: 0; margin: 0 auto; text-align: left; } .content .movie .thumbnails li { float: left; padding: 0; margin: 0 10px 0 0; width: 227px; height: 169px; background: #fff; vertical-align: middle; text-decoration: none; text-align: left; } .content .movie .thumbnails li.last { margin-right: 0; } .content .movie .thumbnails li img { display: inline-block; } .content .movie .thumbnails-container { position: relative; overflow: hidden; height: 169px; margin-top: 10px; } .content .movie .thumbnails-container .prev { position: absolute; top: 50%; left: 47px; margin-top: -10px; width: 38px; height: 38px; background: url("../images/items/sprite-items.png") no-repeat scroll 0 0 transparent; } .content .movie .thumbnails-container .next { position: absolute; top: 50%; right: 47px; margin-top: -10px; width: 38px; height: 38px; background: url("../images/items/sprite-items.png") no-repeat scroll 0 -39px transparent; } .content .movie .video-footer-link { color: #032CB0; display: block; font: 30px/1 Arial, Helvetica, sans-serif; margin-bottom: 10px; text-align: left; text-decoration: underline;} .content .movie .video-footer-link:hover { color: #0439e2; text-decoration: none; } .content .bottom-content { margin-top: 19px; } .content .bottom-content .banner { display: block; text-align: center; } .content .bottom-content .banner img { display: block; } .content .bottom-content .container.carousel { position: relative; width: 900px; background: #000; margin: 15px auto; } .content .bottom-content.style { margin: 13px 0 0 0px; } .container.carousel .jcarousel-skin ul { margin: 0; text-align: center; } .container.carousel ul li { display: inline-block; padding: 8px 0; margin: 0 0 0 10px; width: 287px; height: 216px; list-style-type: none; *display: inline; } .container.carousel ul li a { display: inline-block; position: relative; width: 287px; height: 216px; background: #000; } .container.carousel ul li a img { width: 287px; height: 216px; } .container.carousel ul li a div span { display: block; overflow: hidden; white-space: nowrap; padding: 0 0 0 10px; margin: 0; width: 300px; line-height: 32px; text-align: left; color: #FFF; font-size: 17px; } .container.carousel ul li a div { position: absolute; top: 0; height: 35px; width: 301px; background: url('../images/background/img-bg.png') repeat;} .container.carousel ul li a div div { display: block; position: absolute; top: 0; right: -20px; height: 35px; width: 20px; background: url('../images/background/img-bg.png') repeat; } .content .movie.tube { overflow: hidden; } .content .movie.tube .link { display: block; float: left; margin: 7px 0 0 28px; line-height: 20px; color: #F7CA00; font-size: 24px; text-decoration: none; font-weight: bold; } .content .movie.tube .link.update { display: block; padding-bottom: 2px; margin: 17px 0 0 28px; line-height: 20px; color: #F7CA00; font-size: 24px; text-decoration: none; font-weight: bold; } .content .movie.tube ul { padding: 0; margin: 0; } .content .movie.tube ul li { display: inline-block; float: left; overflow: hidden; padding: 6px 5px 3px; margin: 15px 0 0 20px; text-align: center; list-style-type: none; border: 1px solid #0A0A0A; *display: inline; } .content .movie.tube ul li a { display: inline-block; position: relative; padding: 0; width: 320px; height: 240px; } .content .movie.tube ul li a .text { display: none; position: absolute; top: 0; padding: 0; width: 297px; line-height: 24px; text-align: left; background: url('../images/background/img-bg.png') repeat-x; white-space: nowrap; color: #FFF; font-size: 13px; zoom: 1; } .content .movie.tube ul li a .text .inner { display: block; padding: 0 0 0 5px; width: 308px; overflow: hidden; } .content .movie.tube ul li a .text .hide-background { display: block; position: absolute; top: 0; right: -21px; padding: 0; width: 21px; height: 24px; background: url('../images/background/img-bg.png') repeat-x; } .content .movie.tube ul li a .play-button { display: none; position: absolute; top: 52%; right: 46%; margin: -16px; padding: 0; width: 46px; height: 32px; background: url('../images/items/sprite-items.png') 0 -126px no-repeat; } .content .movie.tube ul li a .hd-lable { display: block; position: absolute; bottom: 6px; left: 7px; margin: 0; padding: 0; width: 39px; height: 23px; background: url('../images/items/sprite-items.png') 0 -77px no-repeat; } .content .movie.tube ul li a .time { display: none; position: absolute; bottom: 6px; right: 7px; margin: 0; padding: 0; width: 39px; height: 22px; line-height: 20px; background: url('../images/items/sprite-items.png') 0 -353px no-repeat; color:#fff; } .content .movie.tube ul li a img { width: 317px; } .content .movie.tube ul li.hover:hover .text { display: block; } .content .movie.tube ul li.hover:hover .play-button { display: block; } .content .movie.tube ul li.hover:hover { border: 1px solid #898A8C; border-radius: 5px 5px 5px 5px; } .content .movie.tube ul li.hover:hover .time { display: block; } .content .movie.tube ul li .hd-lable.active { background-position: 0 -100px; } .content .movie.tube.style .pagination { float: none; margin: 34px 0 0 0; text-align: center; } .content .movie.tube.style .pagination.style { padding-bottom: 7px; margin: 31px 0 0 28px; } .content .movie.tube.style .link.style { float: none; text-align: center; text-transform: uppercase; } .content .join-now.style { display: block; padding-top: 38px; padding-bottom: 33px; color: #F7CA00; font-size: 31px; cursor: pointer; text-transform: uppercase; font-weight: bold; } .content .join { display: block; padding-top: 15px; padding-bottom: 42px; color: #F7CA00; font-size: 30px; cursor: pointer; text-transform: uppercase; font-weight: bold; } .content .join.style { display: block; padding-top: 31px; padding-bottom: 7px; color: #F7CA00; font-size: 24px; cursor: pointer; text-transform: uppercase; font-weight: bold; } .sprite { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../images/items/sprite.png) 0 0 no-repeat; line-height: 0; font-size: 0; } .rating .sprite.stars { width: 80px; height: 16px; background-position: 0 -15px; position: relative; top: -2px; text-align: left;} .rating .sprite.stars .rating-fill { width: 0; height: 16px; background-position: 0 0; } .rating .sprite.stars .rating-fill.rating-10 { width: 7px; } .rating .sprite.stars .rating-fill.rating-20 { width: 15px; } .rating .sprite.stars .rating-fill.rating-30 { width: 22px; } .rating .sprite.stars .rating-fill.rating-40 { width: 30px; } .rating .sprite.stars .rating-fill.rating-50 { width: 37px; } .rating .sprite.stars .rating-fill.rating-60 { width: 45px; } .rating .sprite.stars .rating-fill.rating-70 { width: 52px; } .rating .sprite.stars .rating-fill.rating-80 { width: 60px; } .rating .sprite.stars .rating-fill.rating-90 { width: 67px; } .rating .sprite.stars .rating-fill.rating-100 { width: 75px; } /**********************************************************************************************/ /***************DIALOG WINDOW***************/ .modal-carousel { width:875px; margin: 0 auto; padding: 12px 0;} .site-modal-style { width: 995px; margin:56px auto 0; padding-bottom: 21px; background: #333333 url('../images/background/new/window-carousel-bg.png') 0 0 repeat-x; box-shadow: inset 0 1px 0 #626262; border-radius: 10px; border: 1px solid #242424; } .site-modal-style .inner-bg { width: 991px; margin: 0 auto; height: auto; background: url('../images/background/new/window-carousel-top-shadow.png') 0 0 no-repeat; border-radius: 10px; } .site-modal-style .info { display: block; padding: 24px 10px 0; line-height: 25px; text-transform: uppercase; color: #F7CA00; text-align: center; font-weight: bold; font-size: 29px; *padding-top: 15px;} .site-modal-style .text { display: block; margin: 13px 0 0 0; line-height: 18px; text-transform: uppercase; color: #FFF; font-size: 25px; text-align: center; font-weight: bold; } .site-modal-style .text.small { text-transform: none; font-size: 25px; } .site-modal-style .container { z-index: 1000; } .site-modal-style .container.carousel ul { width:882px; height:216px; background: none; zoom:1; margin: 0; padding: 0; } .site-modal-style .container.carousel ul li { padding: 0; margin: 0 7px 0 0; width: 287px; height: 216px; float: left;} .site-modal-style .container.carousel ul li a { padding: 0; width: 287px; height: 215px; background: none; } .site-modal-style .container.carousel { width: 979px; margin: 31px auto 0; background: #121212 url(../images/background/new/carousel-window-bg.png) 0 0 repeat-x; border-radius: 10px; border: 1px solid #242424; box-shadow: inset 0 1px 0 #626262; } .site-modal-style .container.carousel ul li a span { width: 267px; } .site-modal-style .container.carousel ul li a div { width: 267px; } .site-modal-style .container.carousel ul li a div div { width: 20px; } .site-modal-style .container.carousel ul li img { width: 287px; height: 216px; } .site-modal-style .link { zoom:1; display: block; margin: 8px 0 0 0; line-height: 34px; text-transform: uppercase; color: #F7CA00; text-align: center; letter-spacing: 1px; font-weight: bold; font-size: 28px; } .site-modal-style .close { display: block; position: absolute; top: 0; right: 23px; z-index: 1003; width: 167px; height: 56px; background: url('../images/items/close.png') 0 0 no-repeat transparent; cursor: pointer; } .mycarousel.user-content .wrapper { position: relative; float: left; padding: 0; margin: 0; width: 713px; height: 400px; } .instance-access { display: block; text-decoration: none; width: 995px; text-align: center; height: 72px; margin: 10px auto 0; background: url(../images/background/instance-access-button.png) 0 0 no-repeat; } .menu.bottom {background: transparent; } .content .menu.bottom .pagination { margin-top: 19px; } .content .movie .video-block .play-link.show { display: block; position: relative;} .fancybox-carousle-dialog .fancybox-skin { background: transparent; } .fancybox-carousle-dialog .fancybox-close { display: none; } @media screen and (min-device-width:768px) and (orientation:portrait), screen and (max-device-width:1024px) and (orientation:landscape){ #header .button span { margin-left: -1px; } } @media screen and (min-device-width : 320px) and (orientation:portrait), screen and (max-device-width : 568px) and (orientation:landscape) { #header .button span { margin-left: -1px; } } .back-title { background: #a98a6b; background: rgba(0,0,0,.24); color: #fff; display: block; font: 19px/25px Arial, Helvetica, sans-serif; margin: 10px auto; padding: 5px 8px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); text-transform: uppercase; }