/* Copyright 2010 Adworks Media, All Rights Reserved */ /* Have a nice day! */ /* TABLE OF CONTENTS ---------------------------------------------------------------- 01. Reset 02. General 03. General Type 04. Main Containers a) Regular b) Main Layout Configurations c) Campaign Fake-Iframe 05. Grid 06. Main Sprites 07. General User Interface a) Buttons b) Box List and Interractions Dropdown c) Form Elements d) Info Tooltip d) Modal Windows e) Messages f) Default Pagination g) Lightbox h) Loader 08. General Header a) Logo b) Search c) Login-Signup c) Listen Links d) Shows 09. Ads 10. General Navigation a) Main b) Second Level c) Upgrade Browser 11. Presentator Homepage 12. General Content Box a) Header b) Body 13. Carousels a) General (Small News / Small Video) b) Tall (Small Events / Small Contests) c) List View / Detail View Settings d) Large (Large News) e) Detail View f) List View g) Large Tall (Large Events / Large Contests) 14. Scrollers a) Controls b) Box c) Podcasts d) Fresh top 40 e) Last 10 Tracks 15. Lists a) Podcasts / Foto Galleries b) Fresh Top 40 16. General Footer 17. Article Page a) Article Headers b) Mediabox c) Article Content d) Comments 18. Specific Pages a) Schedule Page b) Blogs Page c) Downloads Page d) Search Page e) Listen Live Popup f) Cronica Carcotasilor 19. Specific (Sidebar) Boxes a) Kiss Cash b) Facebook Related (Chat, Profile) c) Presenter Posters (Events, Contests) d) Thumbs Lists (Latest Foto Galleries) f) Posts Lists (Latest Blog Posts) g) Events Schedule 20. Campaign Page (Fake-Iframe) a) Topbar b) Navigation 21. Campaigns a) Kiss Cash (Dec 2010) b) Cronica - Box home (Aprilie 2011) 00. Always Last Settings */ /*================================================================== [01] RESET ================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; } table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; }/* remember to define focus styles! */ ins { text-decoration: none; }/* remember to highlight inserts somehow! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */ /*================================================================== [02] GENERAL ================================================================== */ html, body { } body { overflow:-moz-scrollbars-vertical; overflow-y:scroll; background:#fff; } a img { border: 0px; } img.centered { display: block; margin: 0 auto;} small { font-size: 11px; line-height:13px; } big { } img { -ms-interpolation-mode: bicubic; } /* IE will rander html resized images decent */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .clearfix { display:inline-block; display:block; } .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } * html .clearfix, *:first-child+html .clearfix { zoom:1 } .right { float: right; } .left { float: left; } #wrapper img { vertical-align:middle; } .disabled { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; cursor:default; } /*================================================================== [03] TYPE ================================================================== */ body { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#7a7a7a; } a { color:#0099cc; text-decoration:none; cursor:pointer; cursor:hand; } a:hover { color:#f2554a; } h1 { font:normal normal 26px/28px Arial, Helvetica, sans-serif; } h3 { font:normal normal 16px/18px Arial, Helvetica, sans-serif; } ::selection { background:#000; color:#ccc; } ::-moz-selection { background:#000; color:#ccc; } ul.bullet-list { } ul.bullet-list li { text-indent:15px; background:url(../images/bull.png) 4px 7px no-repeat scroll; } /*================================================================== [04] MAIN CONTAINERS ================================================================== */ /*===== REGULAR ======*/ body { background:#161616 url(../images/background-big-logo.png) left 30px no-repeat fixed; } #wrapper { width:960px; margin:0 auto; border-right:1px solid #161616; } /*===== MAIN LAYOUT CONFIGURATIONS ======*/ #body { background-color:#e5e5e5; } #body.layout-1 { background: #e5e5e5 url(../images/border.gif) 640px top repeat-y scroll; background-color: #e5e5e5e; background-image:url(../images/border.gif), url(../images/border-2.gif); background-repeat: repeat-y, repeat-y; background-position: 640px top, 0px top; } #layout-1-maincolumn { width:640px; float:left; } #layout-1-sidebar, #layout-2-column { width:320px; float:left; position:relative; } #body.layout-2 { background: #e5e5e5 url(../images/border.gif) 640px top repeat-y scroll; background-color: #e5e5e5e; background-image:url(../images/border.gif), url(../images/border-2.gif), url(../images/border-3.gif); background-repeat: repeat-y, repeat-y, repeat-y; background-position: 640px top, 320px top, 0px top; } /*===== CAMPAIGN FAKE-IFRAME ======*/ #wrapper-campaign { width:960px; margin:0 auto; } /*===== AUDIOPOPUP ======*/ body#live-stream { background-image:none; } /*================================================================== [05] GRID ================================================================== */ /* 24 column 960px grid */ .col { float:left; position:relative; border-bottom:1px solid #161616; border-left:1px solid #161616; background:#fff; } .col.black { background:#000; border-bottom-color:#000; } .col.ads { background:#262626; } .col.dark { background:#404040; } .col.light { background:#e5e5e5; } .col.bl-grey { border-left:1px solid #2b2b2b; } .col.bl-light { border-left:1px solid #cdcdcd; } .col.bl-lighter { border-left:1px solid #bcbcbc; } .col.bl-dark { border-bottom:1px solid #161616; } .col.first { border-left:0; } .col.bottom { border-bottom:0; } .x1 { width:39px; } .x1-full { width:40px; border:0; } .x2 { width:79px; } .x2-full { width:80px; border:0; } .x3 { width:119px; } .x3-full { width:120px; border:0; } .x4 { width:159px; } .x4-full { width:160px; border:0; } .x5 { width:199px; } .x5-full { width:200px; border:0; } .x6 { width:239px; } .x6-full { width:240px; border:0; } .x7 { width:279px; } .x7-full { width:280px; border:0; } .x8 { width:319px; } .x8-full { width:320px; border:0; } .x9 { width:359px; } .x9-full { width:360px; border:0; } .x10 { width:399px; } .x10-full { width:400px; border:0; } .x11 { width:439px; } .x11-full { width:440px; border:0; } .x12 { width:479px; } .x12-full { width:480px; border:0; } .x13 { width:519px; } .x13-full { width:520px; border:0; } .x14 { width:559px; } .x14-full { width:560px; border:0; } .x15 { width:599px; } .x15-full { width:600px; border:0; } .x16 { width:639px; } .x16-full { width:640px; border:0; } .x17 { width:679px; } .x17-full { width:680px; border:0; } .x18 { width:719px; } .x18-full { width:720px; border:0; } .x19 { width:759px; } .x19-full { width:760px; border:0; } .x20 { width:799px; } .x20-full { width:800px; border:0; } .x21 { width:839px; } .x21-full { width:840px; border:0; } .x22 { width:879px; } .x22-full { width:880px; border:0; } .x23 { width:919px; } .x23-full { width:920px; border:0; } .x24 { width:959px; } .x24-full { width:960px; border:0; } .col, .x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .x13, .x14, .x15, .x16, .x17, .x18, .x19, .x20, .x21, .x22, .x23, .x24, .col:after, .x1:after, .x2:after, .x3:after, .x4:after, .x5:after, .x6:after, .x7:after, .x8:after, .x9:after, .x10:after, .x11c:after, .x12:after, .x13:after, .x14:after, .x15:after, .x16:after, .x17:after, .x18:after, .x19:after, .x20:after, .x21c:after, .x22:after, .x23:after, .x24:after { zoom:1; } /*================================================================== [06] MAIN SPRITES ================================================================== */ /*===== TOP ======*/ a.top-search-btn, #iframe-topbar #nav ul.main-nav li a.search, #top-listen a, #top-shows a.controls, li span.circle-frame, #top-shows div ul li span.top-ico, #nav span.top-ico, #nav ul.main-nav li a.main-category.home, #nav ul.main-nav li a.main-category.home.over, #nav ul.main-nav li a.main-category span.arrow, #iframe-topbar #nav ul.main-nav li a.main-category.home, .banner a.ad-contact, #nav a.rss span, #big-presenter .controls a, #iframe-topbar a.live-track { background-image:url(../images/sprite-top.png); } /*===== USER INTERFACE ======*/ .section-header, .small-header, .section-header .pag a, .section-header .controls a, .media-box .pag a, .media-box .controls a, a.options, a.drag-me, a.thumb span.copy, a.thumb span.video, a.thumb span.foto-zoom-in, a.thumb span.next, .details span.stats, a.love, a.embed, a.embed-white, a.small-zoomin, a.play, a.download, a.go, a.play-big, a.btn-easylink, #kisscash-box a.submit, .scroll, .fresh-top li .status, .upper-footer a.go-top, .details.top-article, .details a.mini-breadcrumb, .media-list .header a, li a.title span.icon, span.dj, .comments-footer a.more-comments span, .media-content .foto a.zoom-in, .media-content .foto a.gallery, .info, .default-pagination a.control, .schedule-header a.control, .message a.close, .modal h2 a.close, .upgrade-browser a.close, .small-header span.arrow, .dropselect, .media-content .audio .now-playing, #nav .sec-nav ul.drop-list li a.thumb .class, .advanced-search a.as-drop-trigger, .live-stream-player a.winamp, #lightbox-secNav-btnClose, .ft-header { background-image:url(../images/sprite-ui.png); } /*===== ICONS ======*/ .ico, a.voted .ico.love { background-image:url(../images/icons.png); } /*================================================================== [07] GENERAL USER INTERFACE ================================================================== */ /*===== BUTTONS ======*/ /*Easylink*/ a.btn-easylink { display:inline-block; display:-moz-inline-stack; vertical-align:top; padding:0 30px 0 20px; margin:0 5px; height:21px; line-height:21px; font-size:11px; font-weight:bold; border:1px solid transparent; -moz-border-radius:999px; -webkit-border-radius:999px; border-radius:999px; } a.btn-easylink.white { border-color:#b8b8b8; color:#262626; background-position: right -335px; } a.btn-easylink.white:hover { border-color:#404040; background-color:#404040; color:#fff; background-position: right -356px; } a.btn-easylink.black { border-color:#3d3d3d; color:#fff; background-position: right -356px; } a.btn-easylink.black:hover { border-color:#ed1c0d; background-color:#ed1c0d; color:#fff; background-position: right -335px; } /*Default Buttons*/ a.btn { -webkit-user-select: none; -moz-user-select: none; font: bold 14px/29px "Arial", sans-serif; padding:1px 20px 0 20px; margin:0 auto; min-width:60px; display:inline-block; display:-moz-inline-stack; vertical-align:top; border:none; color:#fff; text-align:center; text-shadow: 0 -1px 0 rgba(0,0,0,.15); text-decoration: none; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); -moz-box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); } a.btn:hover { text-decoration:none; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; } a.btn:active { -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,0), 1px 1px 2px rgba(0,0,0,0), inset 1px 1px 5px rgba(0,0,0,.5); -moz-box-shadow: inset -1px -1px 0 rgba(0,0,0,0), 1px 1px 2px rgba(0,0,0,0); box-shadow: inset -1px -1px 0 rgba(0,0,0,0), 1px 1px 2px rgba(0,0,0,0); padding:0px 20px 1px 20px; } a.btn.blue { background-color:#09c; } a.btn.fb { background-color:#3b5998; } a.btn.grey { background-color:#9c9c9c; } a.btn.dark { background-color:#404040; } /*===== BOX LIST AND INTERRACTIONS DROPDOWN ======*/ /*List, Controls*/ ul.list { display:block; } ul.list li { display:block; position:relative; } ul.list li:hover { background-color:#e4e4e4; } ul.list li.on { background-color:#e4e4e4; } a.options { display:none; width:29px; height:15px; text-indent:-9999px; position:absolute; right:3px; top:3px; background-position:-232px -54px;} a.options:hover { background-position:-261px -54px; } a.options.open { background-position:-290px -54px; display:block; z-index:110; } ul.list li:hover a.options, ul.list li:hover a.drag-me { display:block; } a.drag-me { display:none; width:60px; height:15px; text-indent:-9999px; position:absolute; right:35px; top:3px; background-position:-30px -487px; cursor:move; } a.drag-me:hover { background-position:-90px -487px; } /*List, Controls*/ ul.interactions { display:block; width:150px; background:#fff; position:absolute; right:-118px; top:18px; z-index:100; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3); box-shadow: 0 3px 20px rgba(0,0,0,.3); -moz-border-radius: 0 7px 7px 7px; -webkit-border-radius: 0 7px 7px 7px; border-radius: 0 7px 7px 7px; } ul.interactions li { height:auto; border-bottom:1px solid #c7c7c7; } ul.interactions li a { padding:0 2px 0 6px; font-size:11px; line-height:21px; display:block; color:#535353; } ul.interactions li:first-child a, ul.interactions li:first-child { -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0; } ul.interactions li:last-child a, ul.interactions li:last-child { -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } ul.interactions li:hover { background:#404040; border-bottom:1px solid #404040; } ul.interactions li a:hover { background:#404040; color:#fff; } ul.interactions li:last-child { border-bottom:0; } ul.interactions li a.love { background-image:none; text-indent:0; width:auto; line-height:23px; } /*Interractions Icons*/ .ico { background-repeat:no-repeat; background-attachment:scroll; display:block; height:21px; width:21px; text-indent:-9999px; } .ico.play { background-position: 0 0; } .ico.lyrics { background-position: 0 -21px; } .ico.comment { background-position: 0 -42px; } .ico.love { background-position: 0 -63px; } .ico.ok { background-position: 0 -84px; } .ico.succes { background-position: 0 -84px; } .ico.success { background-position: 0 -84px; } .ico.alert { background-position: 0 -105px; } .ico.user { background-position: 0 -126px; } .ico.error { background-position: 0 -147px; } .ico.small-info { background-position: 0 -168px; } .ico.download { background-position: 0 -189px; } .ico.go { background-position: 0 -210px; } a.voted .ico.love { background-position: 0 -231px; } /*===== FORM ELEMENTS ======*/ /*General*/ input, textarea { overflow-x: hidden; overflow-y: auto; border:0; outline:0; background: transparent; font: normal 14px Arial, Helvetica, sans-serif; color:#7a7a7a; -webkit-transition: border-color .2s ease; -moz-transition: border-color .2s ease; transition: border-color .2s ease; } textarea { resize:none; } input.check { border: none; vertical-align: middle; width: 14px; height:14px; line-height:14px; margin:0; margin-top:8px; padding:0; outline:0; } .separator { height:10px; border-bottom:1px dotted #7d7d7d; margin-bottom:10px; display:block; line-height:10px; font-size:1px; text-indent:-9999px; } form div { position:relative; margin-bottom:10px; } form div:last-child { margin-bottom:0; } /*Labels*/ label { line-height:30px; text-align:left; font-size:14px; color:#7a7a7a; } label.inlined { font: normal 14px/30px Arial, Helvetica, sans-serif; color:#7a7a7a; position:absolute; z-index:100; top:0px; left:8px; -webkit-transition: opacity 0.15s linear; } label.focus { filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; } label.has-text { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition-duration:0s; } label.radiocheck { margin-left:10px; } label.tworows { line-height:14px; font-size:14px; color:#7a7a7a; margin-top:1px; } /*Textfields*/ p.txtfield { } p.txtfield input { padding:4px 8px 4px 8px; height:22px; background-color:#fff; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); } /*Textareas*/ p.txtarea textarea { padding:4px 8px 4px 8px; line-height:22px; background-color:#fff; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); } /*Over, Focus, Error*/ p.txtfield input:hover, p.txtarea textarea:hover { color:#535353; } p.txtfield input:focus, p.txtarea textarea:focus { color:#535353; -moz-box-shadow: inset 0 0 6px rgba(0,153,204,.7), inset 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: inset 0 0 6px rgba(0,153,204,.7), inset 1px 1px 2px rgba(0,0,0,.5); box-shadow: inset 0 0 6px rgba(0,153,204,.7), inset 1px 1px 2px rgba(0,0,0,.5); } div.error p.txtfield input, div.error p.txtarea textarea { background-color:#ed1c0d; color:#fff; } div.error label { color:#fff; } div.error p.txtfield input:focus, div.error p.txtarea textarea:focus { background-color:#fff; color:#7a7a7a; } /*Selects*/ .dropdown { position:relative; z-index:1; margin:0; padding:0; } .dropselect { position:relative; z-index:10; display:block; padding:0 8px 0 8px; height:30px; font: normal 14px/30px Arial, Helvetica, sans-serif; color:#7a7a7a; background-color:#fff; background-position: right -488px; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); box-shadow: inset 1px 1px 2px rgba(0,0,0,.5); } .dropselect:hover { text-decoration:none; color:#7a7a7a; background-position: right -458px; } .droplist { display:block; position:absolute; z-index:20; left:0px; overflow:auto; overflow-x:hidden; background-color:#fff; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3); box-shadow: 0 3px 20px rgba(0,0,0,.3); } .droplist li { display: block; height:30px; line-height:30px; } .droplist li a { display:block; padding:0 8px; font-size:14px; color:#7a7a7a; } .droplist li a.active { color:#fff; background:#404040; } .droplist li a:hover { color:#fff; background:#09c; } .droplist li a.active, .droplist li a.active:hover { background-position:0 -210px; } .droplist li.last a { border-bottom:0; } .showit { display: block; } .hideit { display: none; } /*Specific Form Styling*/ .form { background:#e5e5e5; border-bottom:1px solid #c7c7c7; padding:20px 0; } .form.comments div { margin-left:20px; } .form.comments div:last-child { margin-right:20px; } .form.login { padding:20px 20px 20px 19px; min-height:320px;} .form.login a.right { margin-top:6px; } .form.login .facebook { font-size:12px; line-height:14px; padding-top:10px; } .form.contact { padding:20px 20px 20px 19px; } .form.big-search { padding:20px 20px 20px 19px; } .form.signin, .form.profil { padding:0; border-bottom:0; } .form.signin div:last-child .small-header { border-bottom:0; } .form.signin div:last-child .small-header.expanded { border-bottom:1px solid #737373; } .form.signin div, .form.profil div { margin-bottom:0; } .form .small-header { margin-bottom:0; } .small-header.collapsed { background:none; color:#404040; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .small-header.collapsed:hover { background:#f3f3f3; } .small-header span.arrow { display:block; height:23px; width:40px; position:absolute; right:0px; top:17px; } .small-header.collapsed span.arrow { background-position:right -386px; } .small-header.expanded span.arrow { background-position:right -425px; } .accordeon-body { border-bottom:1px solid #737373; } .form .accordeon-body fieldset { padding:20px 0; } .form .accordeon-body fieldset div { margin:0 19px 10px 19px; } .form .accordeon-body fieldset div div { margin:0; } .form .accordeon-body fieldset a.dropselect { margin:0; } .form .accordeon-body fieldset div:last-child { margin-bottom:0; } .form.big-search p.txtfield input { padding:8px 8px 8px 8px; height:22px; } .form.big-search div label.inlined { top:4px; } .form.big-search div a.top-search-btn { height:30px; width:40px; display:block; position:absolute; top:4px; background-repeat:no-repeat; background-attachment:scroll; text-indent:-9999px; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; border:0; } .form.big-search div a.top-search-btn.submit { background-position: 0 0; right:36px; } .form.big-search div a.top-search-btn.submit:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .no-results { text-align:center; line-height:18px; padding:50px 0; } .teaser-signup { padding:20px; font-size:14px; line-height:18px; overflow:auto; min-height:321px; } .teaser-profil { min-height:300px; height: auto; } .teaser-signup h3, .accordeon-body h3 { font-size:bold; margin-bottom:18px; } .teaser-signup p { margin-bottom:18px; } .teaser-signup ul.bullet-list { margin-bottom:18px; } .accordeon-body h3 { padding:0 19px; } /*===== INFO TOOLTIP ======*/ .info { display:inline-block; display:-moz-inline-stack; vertical-align:top; height:30px; width:30px; background-position:0 -356px; text-indent:-9999px; position:relative; cursor:pointer; } .info:hover { background-position:-30px -356px; } .info ul.info-content { display:none; position:absolute; bottom:30px; left:30px; width:158px; padding:12px 20px; background:#ffffe1; background:rgba(255,255,225,.95); border:1px solid #161616; z-index:100; text-indent:0; white-space:normal; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.3); box-shadow: 5px 5px 5px rgba(0,0,0,.3); } .info ul.info-content li { padding:0; margin:8px 0; min-height:0; line-height:16px; font-size:12px; color:#5b5b53; } .info ul.info-content li .ico { height:16px; margin-top:-3px; margin-right:3px; } .info:hover ul.info-content { display:block } /*===== MODAL WINDOWS ======*/ /*Overlay*/ .modal-overlay { position:fixed; top:0; left:0; width:100%; height:100%; display:block; z-index:800; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; background:#161616; } * html div.modal-overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /*Modal Box*/ .modal { background:#161616; background:rgba(22,22,22,.95); color:#535353; padding:20px; position:absolute; top:220px; left:50%; z-index:1000; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.3); box-shadow: 5px 5px 5px rgba(0,0,0,.3); } .modal h2 { height:80px; position:relative; display:block; background:#01222e; color:#fff; } .modal h2.soft-border.blue { border-left:1px solid #1b3943; } .modal h2 span { text-transform:uppercase; font-size:30px; position:absolute; bottom:15px; left:19px; } .modal h2 a.close, .upgrade-browser a.close { display:block; height:40px; width:40px; position:absolute; right:0px; top:0px; background-position:-170px -386px; text-indent:-9999px; z-index:1500; } .modal h2 a.close:hover, .upgrade-browser a.close:hover { background-position:-210px -386px; } /*===== MESSAGES ======*/ .message { line-height:16px; font-size:12px; color:#5b5b53; position:fixed; right:20px; top:30px; width:158px; padding:20px 20px; background:#ffffe1; background:rgba(255,255,225,.95); border:1px solid #161616; z-index:1100; text-indent:0; white-space:normal; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.3); box-shadow: 5px 5px 5px rgba(0,0,0,.3); } .message .ico { height:16px; margin-top:-3px; margin-right:3px; } .message a.close { position:absolute; display:block; height:20px; width:20px; top:0px; right:0px; text-indent:-9999px; background-position:-130px -386px; } .message a.close:hover { background-position:-150px -386px; } .msg { text-align: center; padding: 40px; font-size: 16px; font-weight: bold; } /*===== DEFAULT PAGINATION ======*/ .default-pagination { height:80px; } .default-pagination a.control { display:block; float:right; height:40px; padding-bottom:40px; width:39px; text-indent:-9999px; background-repeat:no-repeat; border-left: 1px solid #e5e5e5; } .default-pagination a.control.next { background-position:-41px -386px; } .default-pagination a.control.prev { background-position:1px -386px; } .default-pagination a.control:hover { background-color: #e5e5e5; } .default-pagination .pages { padding:10px; } .default-pagination a.pag { float:left; display:block; height:30px; width:30px; margin-left:5px; text-align:center; line-height:30px; font-size:14px; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; } .default-pagination a.pag:hover { background-color:#09c; color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); -moz-box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); } .default-pagination a.pag.activ { border:1px solid #cdcdcd; color:#535353; width:28px; height:28px; line-height:28px; cursor:default; } .default-pagination a.pag.activ:hover { background:#fff; -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,0), 1px 1px 2px rgba(0,0,0,0); -moz-box-shadow: inset -1px -1px 0 rgba(0,0,0,0), 1px 1px 2px rgba(0,0,0,0); box-shadow: inset -1px -1px 0 rgba(0,0,0,0), 1px 1px 2px rgba(0,0,0,0); } .default-pagination span { float:left; display:block; height:30px; margin:0 10px; line-height:30px; font-size:14px; } /*===== LIGHTBOX ======*/ #jquery-overlay { position: fixed; top: 0; left: 0; z-index:900; width: 100%; height: 600px; background:#161616; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index:950; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position:relative; width: 600px; height: 600px; margin: 0 auto; padding:20px; background:#161616; background:rgba(22,22,22,.95); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.3); box-shadow: 5px 5px 5px rgba(0,0,0,.3); } #lightbox-container-image { } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { display:none; font-size: 10px; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { display:none; padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { display:none; width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { display:none; font-weight: bold; } #lightbox-image-details-currentNumber { display:none; display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { display:block; height:40px; width:40px; position:absolute; right:0px; top:0px; text-indent:-9999px; background-position:-170px -386px; background-color:#161616; -moz-border-radius:999px; -webkit-border-radius:999px; border-radius:999px; } a#lightbox-secNav-btnClose:hover { background-position:-210px -386px; } /*===== LOADER ======*/ .loader-blocker { display: none; width: 100%; height: 100%; text-indent: -9999px; background-color: #fff; position:absolute; top:0; left:0; z-index: 900; background-image: url(../images/redloader.gif); background-position: center center; background-repeat: no-repeat; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; cursor:default; } .loader-blocker.dark { background-color:#404040; background-image: url(../images/loader-dark.gif); } /*================================================================== [08] GENERAL HEADER ================================================================== */ /*===== LOGO ======*/ #top-logo-container { height:100px; position:relative; height:211px; width:209px; } #top-logo-container a.top-logo { display:block; height:210px; width:209px; text-indent:-9999px; background: url(../images/top-logo-big.png) 50% 50% no-repeat scroll; } #top-logo-container img.beta { position:absolute; left:9px; bottom:9px; display:none; } /*===== SEARCH ======*/ #top-search { height:30px; line-height:30px; border-left:1px solid #000; margin-left:-1px; width:429px;} #top-search form { display:block; height:30px; position:relative; } #top-search form a.top-search-btn { height:30px; width:40px; display:block; background-color:#404040; position:absolute; top:0px; background-repeat:no-repeat; background-attachment:scroll; text-indent:-9999px; } #top-search form a.top-search-btn:active { background-color:#262626; } a.top-search-btn.submit { background-position: 0 0; right:-1px; z-index:120; border-left:1px solid #000; border-right:1px solid #000; } a.top-search-btn.submit:hover { background-position: -80px 0; } a.top-search-btn.close { background-position: -40px 0; right:-41px; z-index:100; } a.top-search-btn.close:hover { background-position: -120px 0; } #top-search .top-search-field { position: absolute; right:41px; } .top-search-field input { height:22px; width:186px; line-height:22px; padding:4px 7px; background:#d7e035; color:#000; } /*===== LOGIN-SIGNUP ======*/ #top-login-signup { height:30px; line-height:30px; border-left: 1px solid #000; text-align:right; } #top-login-signup a { padding:0 10px; margin:5px 0; display:block; display:inline-block; display:-moz-inline-stack; vertical-align:top; line-height:20px; color:#bababa; } #top-login-signup a:first-child { border-right: 1px solid #333; } #top-login-signup a:hover { color:#fff; } /*===== LISTEN LINKS ======*/ #top-listen { height:69px; padding-left:79px; width:440px; padding-left:0; padding-left:19px; width:410px; } #top-listen a { display:block; float:left; width:60px; padding:3px 0 0 40px; font-size:11px; color:#bababa; line-height:12px; height:30px; margin-top:30px; background-repeat:no-repeat; background-attachment:scroll; } #top-listen a.live { background-position: -570px 0; background-position: -570px -350px; font-size:30px; text-transform:uppercase; } #top-listen a.live:hover { background-position: -570px -150px; color:#fff; } #top-listen a.podcasts { background-position: -570px -50px; } #top-listen a.podcasts:hover { background-position: -570px -200px; color:#fff; } #top-listen a.iphone { background-position: -570px -100px; } #top-listen a.iphone:hover { background-position: -570px -250px; color:#fff; } #top-listen a.android { background-position: -570px -400px; } #top-listen a.android:hover { background-position: -570px -450px; color:#fff; } /*===== SHOWS ======*/ #top-shows { height:69px; position:relative; } #top-shows a.controls { display:block; height:69px; width:19px; position:absolute; text-indent:-9999px; top:0; background-color:#535353; background-repeat:repeat; background-attachment:scroll; } #top-shows a.controls.prev { background-position:0 -66px; left:0px; border-right:1px solid #2b2b2b; } #top-shows a.controls.next { background-position:-19px -66px; right:0px; border-left:1px solid #2b2b2b; } #top-shows a.controls.prev.disabled, #top-shows a.controls.next.disabled { display:none; } #top-shows a.controls.prev:hover { background-position:-38px -66px; background-color:#09c; } #top-shows a.controls.next:hover { background-position:-57px -66px; background-color:#09c; } #top-shows div { width:279px; height:69px; position:relative; margin-left:20px; overflow:hidden; } #top-shows div ul { display:block; height:69px; white-space:nowrap; overflow:none; list-style:none; position:absolute; top:0; left:0px; } #top-shows div ul li { height:55px; width:259px; padding:7px 10px; display:inline; display:-moz-inline-stack; display:inline-block; vertical-align:top; background-repeat:no-repeat; background-position: 219px 10px; position:relative; font-size:11px; color:#7b7a7a; } #top-shows div ul li span.circle-frame { display:block; height:50px; width:50px; position:absolute; top:10px; right:10px; background-position: -80px -66px; text-indent:-9999px; } #top-shows div ul li p { line-height:16px; } #top-shows div ul li span.top-ico { display:block; display:inline-block; display:-moz-inline-stack; vertical-align:top; height:16px; background-repeat:no-repeat; } #top-shows div ul li span.top-ico.sound { width:12px; background-position:0 -50px; margin-right:5px; } #top-shows div ul li span.top-ico.arrow { width:21px; background-position: -12px -50px; } #top-shows div ul li a.live { color:#ed1c0d; margin-right:5px; } #top-shows div ul li a.show { color:#7b7a7a; display:block; padding-top:6px; width:200px; overflow:hidden; } #top-shows div ul li a.show:hover { color:#fff; } #top-shows div ul li h6 { line-height:14px; font-size:11px; color:#e4e4e4; font-weight:normal; width:210px; overflow:hidden; } /*================================================================== [09] ADS ================================================================== */ .col.x24.ads { padding:10px 10px 10px 9px; width:940px; } .col.x19.ads { padding:10px 10px 10px 9px; width:730px; margin-left:-1px; z-index:1; } .col.x8.ads { padding:0 10px 50px 9px; width:300px; } .banner { background-color:#1e1e1e; position:relative; } .banner.b900x90 { width:900px; height:90px; } .banner.b728x90 { width:728px; height:90px; margin:0 auto; } .banner.b300x250 { width:300px; height:250px; margin-bottom:10px; } .banner.b300 { width:300px; margin-top:10px; } .banner a.ad-contact { position:absolute; display:block; text-indent:-9999px; } .banner.b900x90 a.ad-contact { width:5px; height:54px; background-position: -152px -66px; background-repeat:no-repeat; top:18px; right:-15px; z-index:100; } .banner.b728x90 a.ad-contact { width:5px; height:54px; background-position: -152px -66px; background-repeat:no-repeat; top:18px; right:-15px; z-index:100; } .banner.b300x250 a.ad-contact { width:54px; height:5px; background-position: -167px -66px; background-repeat:no-repeat; bottom:-15px; right:15px; z-index:100; } /*================================================================== [10] GENERAL NAVIGATION ================================================================== */ #nav { background-color:#ed1c0d; height:40px; display:block; } #nav a.rss { line-height:40px; font-size:11px; color:#fac6c2; margin-right:10px; } #nav a.rss span { display:inline-block; vertical-align:middle; height:12px; width:12px; text-indent:-9999px; background-position:-130px -66px; margin:-2px 0 2px 6px; } #nav a.rss:hover { color:#fff; } /*===== MAIN ======*/ #nav ul.main-nav { width:639px; border-right:1px solid rgba(0,0,0,.2); position:relative; } #nav ul.main-nav li { float:left; } #nav ul.main-nav li a.main-category { line-height:40px; height:40px; display:block; padding:0 15px; color:#fac6c2; font-size:14px; /*-webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease;*/ } #nav ul.main-nav li a.main-category:hover, #nav ul.main-nav li a.main-category.over { background:#000; color:#fff; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.5); box-shadow: 0 3px 20px rgba(0,0,0,.5); } #nav ul.main-nav li a.main-category.home { text-indent:-9999px; width:40px; padding:0; background-position:0 -150px; background-repeat:no-repeat; background-attachment:scroll; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; background-color:transparent; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0); -moz-box-shadow: 0 3px 20px rgba(0,0,0,0); box-shadow: 0 3px 20px rgba(0,0,0,0); } #nav ul.main-nav li a.main-category.home:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } /*#nav ul.main-nav li a.main-category.activ { color:#fff; cursor:default; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #nav ul.main-nav li a.main-category.activ:hover { background-color:transparent; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0); -moz-box-shadow: 0 3px 20px rgba(0,0,0,0); box-shadow: 0 3px 20px rgba(0,0,0,0); }*/ #nav ul.main-nav li a.main-category span.arrow { width:5px; height:40px; display:inline-block; display:-moz-inline-stack; vertical-align:top; text-indent:-9999px; margin-left:10px; background-position: -40px -150px; background-repeat:no-repeat; } #nav ul.main-nav li a.main-category:hover span.arrow, #nav ul.main-nav li a.main-category.over span.arrow { background-position:-45px -150px; } /*===== SECOND LEVEL ======*/ #nav .sec-nav { display:block; width:920px; padding:30px 20px; background:rgba(0,0,0,.97); line-height:14px; font-size:12px; position:absolute; top:40px; left:-1px; z-index:200; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.5); box-shadow: 0 3px 20px rgba(0,0,0,.5); } #nav .sec-nav .col { background:none; } #nav .sec-nav h3 { text-transform:uppercase; font-size:20px; color:#fff; border-bottom:1px dotted rgba(255,255,255,.2); padding-bottom:10px; margin-bottom:10px; display:block; } /*Thumb List*/ #nav .sec-nav ul.drop-list { border-bottom:1px dotted rgba(255,255,255,.2); margin-bottom:12px; } #nav .sec-nav ul.drop-list li { margin:10px 0; } #nav .sec-nav ul.drop-list li:first-child { margin-top:0; } #nav .sec-nav ul.drop-list li a { font-size:12px; line-height:14px; float:left; color:#bababa; } #nav .sec-nav ul.drop-list li a.thumb { display:block; height:30px; width:30px; margin-right:10px; position:relative; } #nav .sec-nav ul.drop-list li a.thumb img { filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } #nav .sec-nav ul.drop-list li:hover a.thumb img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #nav .sec-nav ul.drop-list li a.thumb .class { display:block; height:16px; width:16px; position:absolute; top:22px; left:22px; } #nav .sec-nav ul.drop-list li a.thumb .class.video { background-position: -59px -248px; } #nav .sec-nav ul.drop-list li a.title { width:160px; margin-top:2px; } #nav .sec-nav ul.drop-list li:hover a.title { color:#fff; } /*#nav .sec-nav ul.drop-list li:hover a.thumb .class.video { background-position: -91px -248px; }*/ /*Regular List*/ #nav .sec-nav ul.drop-list.small { padding-bottom:15px; padding-top:5px; } #nav .sec-nav ul.drop-list.small li { margin:3px 0; display:block; float:left; } #nav .sec-nav ul.drop-list.small li a { float:none; } #nav .sec-nav ul.drop-list.small li a.title { width:auto; } #nav .sec-nav ul.drop-list.small li a.title.live b { color:#ed1c0d; } #nav .sec-nav ul.drop-list.small li a b { font-weight:normal; color:#7b7a7a; padding-right:5px; font-size:9px; } #nav .sec-nav ul.drop-list.small li { color:#bababa; } #nav .sec-nav ul.drop-list.small li em { color:#fff; font-style:normal; padding-right:5px; } #nav .sec-nav ul.drop-list.small li a b span.top-ico { display:inline-block; display:-moz-inline-stack; vertical-align:top; height:14px; background-repeat:no-repeat; } #nav .sec-nav ul.drop-list.small li a b span.top-ico.arrow { width:20px; background-position: -12px -52px; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } /*Specific*/ #nav .drop-map { border-bottom:1px dotted rgba(255,255,255,.2); margin-bottom:12px; padding-bottom:15px; margin-top:-20px; } #nav a.btn-easylink { margin-right:0px; } #nav span.station { display:block; font-size:11px; color:#7b7a7a; } /*===== UMPGRADE BROWSER ======*/ .upgrade-browser { display:none; padding:20px 0; background:#01222e; position:relative; zoom:1; clear:both; } .upgrade-browser .col { background:none; } .upgrade-browser .col h2 { font-size:54px; text-transform:uppercase; color:#d7e035; margin-left:19px; } .upgrade-browser .col h2 span { margin-top:-10px; display:block; } .upgrade-browser .x9-full, .upgrade-browser .x7-full { margin-top:4px; color:#fff; } .upgrade-browser .col h3 { text-transform:uppercase; font-size:20px; color:#fff; margin-bottom:10px; display:block; } .upgrade-browser .col a { font-size:14px; } .upgrade-browser .col ul.bullet-list li { text-indent:0; } /*================================================================== [11] HOME PRESENTER ================================================================== */ /*Box*/ #big-presenter { display:block; height:479px; width:959px; background:#404040; border-left:1px solid #161616; border-bottom:1px solid #161616; position:relative; overflow:hidden; clear:both; } #big-presenter .main-preloader { display:block; height:16px; width:16px; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; } /*Panels*/ #big-presenter ul.panels { display:block; height:480px; width:640px; position:absolute; /*left:-1px;*/ top:0px; border-right:1px solid #161616; } #big-presenter ul.panels.out { left:-641px; } #big-presenter ul.panels.in { left:-1px; } #big-presenter ul.panels li, .main-article { position:relative; } .main-article { border-top:1px solid #161616; } #big-presenter ul.panels li a.pic img , .main-article a.pic img { filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } #big-presenter ul.panels li a.pic:hover img, .main-article a.pic:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #big-presenter ul.panels li .title, .main-article .title { position:absolute; bottom:40px; left:40px; width:360px; } #big-presenter ul.panels li .title h3.category { display:block; font-size:30px; } ul.panels li .title h3.category a { color:#fff; display:inline-block; padding:5px 10px; height:30px; text-transform:uppercase; } ul.panels li .title h3.category.contests a { background:#461731; } ul.panels li .title h3.category a:hover { background:#404040; } #big-presenter ul.panels li .title h2, .main-article .title h2 { display:inline-block; font-size:72px; padding:0 10px; font-weight:normal; text-transform:uppercase; color:#fff; background:#000;} /*Controls*/ #big-presenter .controls { display:block; height:30px; width:80px; position:absolute; right:360px; } #big-presenter .controls.out { bottom:-120px; } #big-presenter .controls.in { bottom:40px; } #big-presenter .controls a { display:block; height:30px; width:40px; float:left; text-indent:-9999px; } #big-presenter .controls a.prev { background-position:0 -200px; } #big-presenter .controls a.next { background-position:-40px -200px; } #big-presenter .controls a.prev:hover { background-position:-80px -200px; } #big-presenter .controls a.next:hover { background-position:-120px -200px; } /*Thumbs*/ #big-presenter ul.sec-panels { display:block; width:320px; height:479px; position:absolute; top:0px; background:#535353; } #big-presenter ul.sec-panels.out { right:-321px; } #big-presenter ul.sec-panels.in { right:-1px; } #big-presenter ul.sec-panels li { height:95px; width:320px; display:block; border-bottom:1px solid #161616; background:#404040; position:relative; } #big-presenter ul.sec-panels li a.thumb img { filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } #big-presenter ul.sec-panels li a.thumb:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #big-presenter ul.sec-panels li .title { position:absolute; bottom:10px; left:10px; width:200px; } #big-presenter ul.sec-panels li h3 a { display:inline-block; background:#404040; padding:3px 5px 1px 5px; color:#fff; font-size:20px; text-transform:uppercase; } #big-presenter ul.sec-panels li.activ a.thumb { cursor:default; } #big-presenter ul.sec-panels li.activ a.thumb img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #big-presenter ul.sec-panels li.activ h3 a { background:#000; } /*Preloader*/ #big-presenter ul.sec-panels li .preloader { display:none; height:1px; line-height:1px; font-size:1px; position:absolute; bottom:0px; left:0px; background:#d7e035; } #big-presenter ul.sec-panels li.activ .preloader { display:block; } /*================================================================== [12] GENERAL CONTENT BOX ================================================================== */ /*===== HEADER ======*/ .section-header { padding:38px 15px 12px 15px; height:29px; border-bottom:1px solid #737373; position:relative; background-color:#9c9c9c; background-position:0 77px; } .section-header.facebook, .small-header.facebook { background-color:#3b5998; border-color:#2c4372; } .section-header h3 { color:#fff; font-size:24px; position:relative; bottom:-2px; line-height:29px; } .section-header a.section-link { text-align:left; position:absolute; right:15px; top:13px; color:#fff; line-height:14px; } .section-header a.section-link:hover { border-bottom:1px dotted rgba(255,255,255,.5); } .section-header .controls { display:block; width:100px; position:absolute; bottom:15px; right:15px; } .section-header .pag { display:block; width:55px; height:11px; position:absolute; top:15px; left:15px; } .section-header .pag a { display:block; height:11px; width:11px; float:left; background-position:-11px -23px; text-indent:-9999px; } .section-header .pag a:hover { background-position:-22px -23px; } .section-header .pag a.activ { background-position:0 -23px; cursor:default; } .section-header .controls { display:block; height:20px; width:150px; position:absolute; right:15px; bottom:15px; } .section-header .controls a { display:block; height:20px; width:26px; float:right; text-indent:-9999px; } .section-header .controls a.prev { background-position:0 -34px; width:25px; margin-left:10px; } .section-header .controls a.next { background-position:-25px -34px; } .section-header .controls a.prev:hover { background-position:-51px -34px; } .section-header .controls a.next:hover { background-position:-76px -34px; } .section-header .controls a.disabled { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .section-header .controls a.prev.disabled { background-position:-102px -34px; } .section-header .controls a.next.disabled { background-position:-127px -34px; } .section-header .controls a.options-trigger { width:40px; background-position:0 -54px; } .section-header .controls a.options-trigger:hover { background-position:-40px -54px; } .section-header .controls a.options-trigger.open { background-position:-80px -54px; } .section-header .controls a.options-trigger.open:hover { background-position:-120px -54px; } .section-header .controls a.detail-view { background-position:-451px -54px; width:35px; margin-left:10px; } .section-header .controls a.list-view { background-position:-486px -54px; width:34px; } .section-header .controls a.detail-view:hover { background-position:-520px -54px; } .section-header .controls a.list-view:hover { background-position:-555px -54px; } .section-header .controls a.detail-view.activ { background-position:-520px -34px; cursor:default; } .section-header .controls a.list-view.activ { background-position:-555px -34px; cursor:default; } .section-options { height:20px; background:#e5e5e5; border-bottom:1px solid #c7c7c7; padding:10px 5px 10px 4px; } a.sec-btn { -webkit-user-select: none; -moz-user-select: none; display:inline-block; display:-moz-inline-stack; vertical-align:top; padding:0 15px; margin:0 5px; height:18px; line-height:18px; font-size:12px; border:1px solid transparent; color:#535353; -moz-border-radius:999px; -webkit-border-radius:999px; border-radius:999px; } a.sec-btn:hover { border:1px solid rgba(0,0,0,.3); } a.sec-btn.activ { background:#0099cc; border:1px solid #0099cc; color:#fff; cursor:default; } /*===== BODY ======*/ .section-body { } /*================================================================== [13] CAROUSELS ================================================================== */ /*===== GENERAL (NEWS, VIDEO) ======*/ /*Layout*/ .carousel { height:230px; position:relative; overflow:hidden; } .carousel ul { display:block; height:230px; white-space:nowrap; overflow:none; list-style:none; position:absolute; top:0; left:0px; } .carousel ul li { height:210px; width:140px; padding:10px 10px 10px 9px; border-right:1px solid #cdcdcd; display:inline; display:-moz-inline-stack; display:inline-block; vertical-align:top; position:relative; white-space:normal; } .carousel ul li a.thumb { position:relative; display:block; width:140px; height:100px; background-color:#e5e5e5; } .carousel ul li .over .abstract { line-height:16px; } .carousel ul li .over h6 { margin-bottom:10px; font-size:12px; font-weight:bold; line-height:16px; color:#666; } .carousel ul li .over h6.contests { color:#461731; } /*Item Over*/ .carousel ul li .over { display:none; height:210px; width:141px; padding:10px 10px 10px 9px; position:absolute; top:0; left:-1px; background:rgba(255,255,255,.95); border-right:1px solid #fff; border-left:1px solid #fff; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3); box-shadow: 0 3px 20px rgba(0,0,0,.3); } .carousel ul li:hover .over { display:block; } /*Item Details And Stats*/ .details { font: normal 11px/29px Georgia, "Times New Roman", Times, serif; color:#8e8e8e; height:29px; margin-bottom:5px; height:29px; overflow:hidden; } .details.top-article { border-bottom:1px solid #2b2b2b; background-color:#404040; color:#bababa; background-position:0 26px; margin-bottom:0; } .details span em { font-style:italic; } .details span.date { float:left; display:inline-block; white-space:nowrap; overflow:hidden; } .details.top-article span.date { width:110px; border-right:1px solid #333; padding-left:9px; } .details a.mini-breadcrumb {color:#e4e4e4; padding-left:30px; margin-left:6px; background-position:-580px -247px; background-repeat:no-repeat; display:inline-block; display:-moz-inline-stack; vertical-align:top; float:left; font: normal 14px/29px Arial, Helvetica, sans-serif; } .details a.mini-breadcrumb:hover { color:#fff; } .details span.stats { float:right; margin-left:3px; padding-left:20px; background-repeat:no-repeat; } .details.top-article span.stats { margin-left:10px; } .details.top-article span.stats:first-child { margin-right:10px; } .details span.stats.comments { background-position:-580px -103px; } .details span.stats.likes { background-position:-580px -74px; } .details span.stats.likes.zero { background-position:-580px -132px; } .details span.stats.videos { background-position:-580px -161px; } .details span.stats.audios { background-position:-580px -190px; } .details span.stats.fotos { background-position:-580px -219px; } .details span.stats.news { background-position:-580px -306px; } .details span.stats.downloads { background-position:-580px -277px; } .details span.stats.length { background-position:-580px -542px; } .details span.stats.views { background-position:-580px -571px; } .list .details { float:left; width:auto; height:auto; overflow:visible; margin-bottom:0; } /*Title, Abstract*/ .section-body h3.title { font-size:14px; line-height:18px; margin-bottom:15px; height:54px; overflow:hidden; } .section-body h3.title.bigger { font-size:18px; line-height:22px; } .section-body h3.title a { color:#535353; display:block; } .section-body h3.title a:hover { color:#000; } .section-body .abstract { } /*Actions (Love, Download, Embed, Zoomin, Go, Play)*/ .carousel ul li .actions, .carousel ul li .over .actions { position:absolute; left:9px; bottom:10px; right:5px; height:23px; display:block; } a.love, a.small-zoomin, a.go { display:block; height:23px; width:23px; text-indent:-9999px; background-position:0 -84px; } a.love:hover, a.love.voted { background-position:-23px -84px; } a.love.voted { cursor:default; } a.embed { display:block; height:23px; width:23px; text-indent:-9999px; background-position:-372px -84px; } a.embed:hover { background-position:-395px -84px; } a.embed-white { display:block; height:23px; width:23px; text-indent:-9999px; background-position:-372px -107px; } a.embed-white:hover { } a.download { display:block; height:23px; width:23px; text-indent:-9999px; background-position:-418px -84px; } a.download:hover { background-position:-441px -84px; } a.small-zoomin { background-position:-464px -84px; } a.small-zoomin:hover { background-position:-487px -84px; } a.go { background-position:-510px -84px; } a.go:hover { background-position:-533px -84px; } a.play { display:block; height:23px; width:23px; text-indent:-9999px; background-position:-46px -84px; } a.play:hover, a.play.on { background-position:-69px -84px; } ul.list li.on a.play { background-position:-69px -84px; } a.play-big { display:block; height:140px; width:140px; text-indent:-9999px; background-position:-92px -84px; } a.play-big:hover { background-position:-232px -84px; } .actions a.love { float:left; } .actions a.btn-easylink, .actions a.play, .actions a.go { float:right; } .actions a.play { margin-right:5px; } /*Thumb Icons*/ a.thumb span.copy { height:18px; width:18px; display:block; position:absolute; bottom:2px; left:2px; text-indent:-9999px; background-position:-53px -14px; } a.thumb span.copy:hover { background-position:-75px -14px; } a.thumb span.video { height:30px; width:30px; display:block; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; text-indent:-9999px; background-position:0 -117px; } a.thumb:hover span.video { background-position:-30px -117px; } a.thumb span.next { height:50px; width:50px; display:block; position:absolute; top:0; right:0; text-indent:-9999px; background-position:-80px -386px; } a.thumb span.foto-zoom-in { height:30px; width:30px; display:none; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; text-indent:-9999px; background-position:0 -487px; } a.thumb:hover span.foto-zoom-in { display:block; } /*===== TALL (EVENTS, CONTESTS) ======*/ .carousel.tall { height:260px; } .carousel.tall ul { height:260px; } .carousel.tall ul li { height:240px; width:140px; } .carousel.tall ul li a.thumb { width:140px; height:196px; } .carousel.tall ul li .over { height:240px; } .carousel.tall ul li .over h3 { height:auto; margin-bottom:10px; } .carousel.video ul li .over { } /*===== LIST VIEW / DETAIL VIEW SETTINGS ======*/ .carousel.detail-view { height:auto; overflow:hidden; } .carousel.detail-view ul { height:auto; position:static; white-space:normal; } .carousel.detail-view ul li { border-bottom:1px solid #cdcdcd; } /*===== LARGE (NEWS, NEWS LIST, EVENTS LIST, CONTESTS LIST) ======*/ .carousel.large { height:375px; } .carousel.large ul { height:375px; } .carousel.large ul li { height:355px; width:193px; } .carousel.large ul li a.thumb { width:193px; height:138px; } .carousel.large ul li.bigger { padding-left:10px; width:193px; } /*===== DETAIL VIEW ======*/ .carousel.large.detail-view { height:auto; overflow:hidden; } .carousel.large.detail-view ul { height:auto; position:static; white-space:normal; } .carousel.large.detail-view ul li { border-bottom:1px solid #cdcdcd; } /*===== LIST VIEW ======*/ .carousel.large.list-view { height:auto; overflow:hidden; } .carousel.large.list-view ul { height:auto; position:static; white-space:normal; } .carousel.large.list-view ul li { border-bottom:1px solid #cdcdcd; padding:10px 10px 10px 212px; width:417px; height:138px; } .carousel.large.list-view ul li a.thumb { position:absolute; top:10px; left:9px; } .carousel.large.list-view ul li h3.title { margin-bottom:15px; height:18px; overflow:hidden; } .carousel.large.list-view ul li .actions { left:212px; } /*===== LARGE TALL (EVENTS LIST, CONTESTS LIST) ======*/ .carousel.large-tall { height:311px; } .carousel.large-tall ul { height:311px; } .carousel.large-tall ul li { height:290px; width:193px; } .carousel.large-tall ul li a.thumb { width:193px; height:270px; } .carousel.large-tall ul li.bigger { padding-left:10px; width:193px; } .carousel.large-tall ul li .over { width:194px; height:291px; } .carousel.large-tall.detail-view { height:auto; overflow:hidden; background: url(../images/border-grey.gif) 0 bottom repeat-x scroll; } .carousel.large-tall.detail-view ul { height:auto; position:static; white-space:normal; } .carousel.large-tall.detail-view ul li { border-bottom:1px solid #cdcdcd; } .carousel.large-tall.detail-view ul li .details .date { width:130px; } /*================================================================== [14] SCROLLERS ================================================================== */ /*===== CONTROLS ======*/ a.scroll { display:block; height:40px; text-indent:-9999px; } a.scroll.up { background-position: right -377px; background-repeat:no-repeat; border-bottom:1px solid #e5e5e5; } a.scroll.down { background-position: right -417px; background-repeat:no-repeat; border-top:1px solid #e5e5e5; } a.scroll:hover { background-color:#e5e5e5; } a.scroll.disabled { border-color:#cecece; } a.scroll.disabled:hover { background-color:transparent; } a.scroll.left.top { width:320px; border-top:0; border-bottom:1px solid #e5e5e5; } a.scroll.left.bottom { width:320px; border-bottom:0; border-top:1px solid #e5e5e5; } a.scroll.left.down { border-left:1px solid #e5e5e5; width:319px; } .scroller-controls { overflow:hidden; white-space:nowrap; } /*===== BOX ======*/ .scroller { display:block; position:relative; /*overflow:hidden;*/ } .scroller.podcasts { height:230px; margin:15px 10px; } .scroller.podcasts.main-list { height:918px; } .scroller.fresh-top { height:210px; margin:20px 10px; } .scroller.last10tracks { height:auto; margin:20px 10px; } .scroller.fresh-top.main-list { height:auto; } /*===== PODCASTS ======*/ .podcasts ul.list { position:absolute; top:0px; left:0px; width:299px; } .podcasts li { height:46px; } .podcasts li .details { margin-bottom:0; white-space:normal; } .podcasts li .details p { display:block; } .podcasts li .details span.date { float:left; width:auto; } .podcasts li .details span.stats { float:left; } .podcasts li .details span.length { } .podcasts li a.play { float:left; margin:10px; } .podcasts li a.title { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#535353; display:block; width:210px; line-height:4px; } .podcasts li:hover a.title { color:#161616; } /*===== FRESH TOP 40 ======*/ .fresh-top li { height:21px; line-height:21px; } .fresh-top li .status { display:block; display:inline-block; display:-moz-inline-stack; vertical-align:top; width:30px; text-indent:-9999px; } .fresh-top li .status.hold { background-position: 0 -266px; } .fresh-top li .status.up { background-position: 0 -224px; } .fresh-top li .status.down { background-position: 0 -245px; } .fresh-top li .pos { display:inline-block; display:-moz-inline-stack; vertical-align:top; width:25px; color:#8e8e8e; font-weight:normal; } .fresh-top li .frequency { display:inline-block; display:-moz-inline-stack; vertical-align:top; width:70px; color:#8e8e8e; font-weight:normal; padding-left:10px; } .fresh-top li .track, .fresh-top li .track a { color:#535353; } .fresh-top li:hover .pos, .fresh-top li:hover .track, .fresh-top li .track a:hover { color:#161616; } .fresh-top li .play { display:inline-block; display:-moz-inline-stack; vertical-align:top; width:30px; } #fresh-top-40-list li { background-color:#f7f7f7; } #fresh-top-40-list li.even { background-color:#fff; } #fresh-top-40-list li:hover { background-color:#e4e4e4; } /*===== LAST 10 TRACKS ======*/ .last10tracks li .pos { padding-left:5px; } /*================================================================== [15] LISTS ================================================================== */ /*===== PODCASTS ======*/ .podcasts.main-list ul.list { width:619px; } .podcasts.main-list ul.list li .details { width:345px; } .podcasts.main-list li a.title { width:320px; } .podcasts.main-list ul.list li .more-details { width:180px; float:left; overflow:hidden; } .podcasts.main-list ul.list li .more-details .show { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#f2554a; display:block; width:210px; margin-top:-7px; } .podcasts.main-list ul.list li .more-details .length { font: normal 11px/29px Georgia, "Times New Roman", Times, serif; color:#8e8e8e; height:29px; } .podcasts.main-list ul.list li a.thumb, .downloads-list li a.thumb { float:left; margin:8px; display:block; height:30px; width:30px; background-position:0 0; background-repeat:no-repeat; background-attachment:scroll; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; } .podcasts.main-list ul.list li a.thumb img, .downloads-list li a.thumb img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } /*===== FRESH TOP 40 ======*/ .fresh-top.main-list li { } .fresh-top.main-list .track { width:334px; display:inline-block; display:-moz-inline-stack; vertical-align:top; overflow:hidden; } .fresh-top.main-list .old-pos { color:#8e8e8e; } /*================================================================== [16] GENERAL FOOTER ================================================================== */ /*Upper Footer*/ .upper-footer { height:80px; border-top:1px solid #161616; margin-top:-1px; } .upper-footer strong { color:#535353; font-weight:normal; margin:50px 0 0 15px; display:block; } .upper-footer a.go-top { display:block; height:18px; width:18px; margin:50px 0 0 8px; background-position:0 -306px; text-indent:-9999px; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .upper-footer a.go-top:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } /*Main Footer*/ #footer { } #footer .col { padding:15px 0 0 0; min-height:193px; } #footer .col ul { padding-bottom:15px; } #footer .col ul li a { padding:0 10px; display:block; color:#bababa; } #footer .col ul li a:hover { background:#535353; color:#fff; } #footer .col ul li.head strong { font-weight:normal; padding:0 10px; } #footer .col ul li.head a, #footer .col ul li.head strong { color:#fff; } #footer .col ul li a.live { color:#ed1c0d; } #footer .col ul li a.live:hover { background:#ed1c0d; color:#fff; } #footer .col ul li.respect-trafic-ro { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; cursor:default; } #footer .col ul li.respect-trafic-ro a { cursor:default; } /*Adworks*/ .adworks { text-align:right; } .adworks a { display:block; height:22px; width:22px; margin:5px; float:right; } /*================================================================== [17] ARTICLE PAGE ================================================================== */ /*===== ARTICLE HEADERS ======*/ .article-header { } .article-header h1 { width:480px; padding:20px; margin-left:119px; border-left:1px solid #cdcdcd; min-height:84px; color:#535353; } .large-header { height:240px; border-bottom:1px solid #161616; background-color:#01222e; background-position:50% 50%; background-repeat:no-repeat; position:relative; top:0px; left:0px } .large-header h2 { display:inline-block; display:-moz-inline-stack; vertical-align:top; font-size:72px; padding:0 10px; font-weight:normal; text-transform:uppercase; color:#fff; background:#000; position:absolute; left:20px; bottom:55px; } .large-header h3 { color:#fff; display:block; padding:5px 10px; height:30px; position:absolute; bottom:20px; left:20px; width:580px; background:#404040; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3); box-shadow: 0 3px 20px rgba(0,0,0,.3); } .large-header h3 span { text-transform:uppercase; font-size:26px; position:relative; top:3px; } .large-header.twolines h2 { bottom:81px } .large-header.twolines h3 { height:56px; } .large-header h3 a { float:right; font-size:14px; color:#e4e4e4; margin-top:10px; font-weight:normal; } .large-header h3 a:hover { color:#fff; } .large-header h3 span a { text-transform:uppercase; font-size:26px; float:none; margin-top:0; } .small-header { padding:0; height:49px; border-bottom:1px solid #737373; position:relative; background-color:#9c9c9c; background-position:0 47px; color:#fff; position:relative; } .small-header h3 { padding:22px 15px 10px 15px; } .small-header.search { background-color:#e5e5e5; border-top:1px solid #bcbcbc; border-bottom:1px solid #a5a5a5; } .small-header.article h3 { padding:22px 20px 10px 20px; margin-left:119px; border-left:1px solid #7d7d7d; } .small-header.search h3 { padding:22px 20px 10px 20px; margin-left:119px; color:#7d7d7d; border-left:1px solid #bcbcbc; } /*===== MEDIABOX ======*/ /*Content*/ .media-box { overflow:hidden; } .media-content { overflow:hidden; margin-left:-1px; /*border-bottom:1px solid #161616;*/ } .media-content .video { height:457px; border-bottom:0; } .media-content .audio { background:url(../images/preview-pic-audioplayer.gif) 0 0 no-repeat; padding-top:377px; height:80px; } .media-content .audio.compact { border-top:1px solid #161616; padding-top:0; background-image:none; } .media-content .now-playing { height:40px; border-bottom:1px solid #a6a6a6; position:relative; background-color:#e5e5e5; background-position:0 37px; color:#535353; line-height:40px; padding:0 15px; } .media-content .audio .now-playing .soundbar { opacity:.65; position:absolute; right:15px; top:12px; } .media-content .foto { height:457px; background-color:#000; background-repeat:no-repeat; background-position:50% 50%; } .media-content .foto a.next { display:block; height:457px; width:640px; position:absolute; top:0px; left:0px; text-indent:-9999px; } .media-content .foto a.zoom-in { display:block; height:80px; width:80px; position:absolute; top:20px; left:20px; background-position:-39px -279px; text-indent:-9999px; } .media-content .foto a.zoom-in:hover { background-position:-119px -279px; } .media-content .foto a.gallery { display:block; height:79px; width:79px; position:absolute; top:110px; left:20px; background-position:-198px -279px; text-indent:-9999px; } .media-content .foto a.gallery:hover { background-position:-277px -279px; } /*List Categories*/ .media-list { display:block; overflow:hidden; background:#404040; position:relative; } .media-list .header { height:39px; border-bottom:1px solid #161616; border-top:1px solid #161616; } .media-list .header a { height:39px; float:left; display:block; width:149px; padding:0 10px 0 0; margin-left:-1px; border-right:1px solid #858585; border-left:1px solid #858585; position:relative; font:normal 14px/39px Georgia, "Times New Roman", Times, serif; background-color:#9c9c9c; background-position:0 36px; color:#cecece; text-align:right; } .media-list .header a span { font-size:20px; color:#fff; position:absolute; left:9px; top:11px; text-transform:uppercase; } .media-list .header a:hover { background:#d7e035; color:#767b25; } .media-list .header a:hover span { color:#161616; } .media-list .header a.activ { background:#404040; color:#9c9c9c; border-right:1px solid #161616; border-left:1px solid #161616; z-index:10; cursor:default; } .media-list .header a.activ span { /*color:#d7e035;*/ color:#fff; } .media-list .header a:last-child { border-right:0; } /*List Thumbs*/ .media-list ul.thumbs { position:absolute; top:40px; left:0; display:block; white-space:nowrap; overflow:hidden; list-style:none; min-width:639px; background:url(../images/mediabox-thumbs-bg.gif) 0 0 repeat scroll; } .media-list ul.thumbs li { height:100px; width:140px; padding:10px 10px 10px 9px; border-right:1px solid #333; border-bottom:1px solid #333; display:inline; display:-moz-inline-stack; display:inline-block; vertical-align:top; position:relative; white-space:normal; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .media-list ul.thumbs li a.title { display:none; position:absolute; top:0px; left:-1px; background:rgba(0,0,0,.95); width:141px; height:100px; padding:10px; color:#e5e5e5; line-height:16px; } li a.title span.icon { height:16px; width:16px; display:block; position:absolute; left:10px; bottom:10px; background-repeat:no-repeat; } li.video a.title span.icon { background-position: -75px -248px; } li.audio a.title span.icon { background-position: -75px -248px; } .media-list ul.thumbs li:hover a.title { display:block; } li.foto img { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } li.foto:hover img { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .media-list ul.thumbs li.mediabox-info { width:640px; text-align:center; line-height:100px; background:#404040; } .media-list ul.thumbs li.activ { } .media-list ul.thumbs li.activ a { cursor:default; } .media-list ul.thumbs li.activ img { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .media-list ul.thumbs li.activ:hover a.title { display:none; } /*List Footer*/ .media-list .footer { height:40px; position:relative; display:block; border-top:1px solid #161616; margin-top:-1px; } .media-list .pag { display:block; height:11px; position:absolute; top:15px; left:8px; } .media-list .pag a { display:block; height:11px; width:11px; float:left; background-position:-33px -23px; text-indent:-9999px; } .media-list .pag a:hover { background-position:-44px -23px; } .media-list .pag a.activ { background-position:0 -23px; cursor:default; } .media-list .controls { display:block; height:20px; width:150px; position:absolute; right:10px; top:10px; } .media-list .controls a { display:block; height:20px; width:26px; float:right; text-indent:-9999px; } .media-list .controls a.prev { background-position:-153px -34px; width:25px; margin-left:10px; } .media-list .controls a.next { background-position:-178px -34px; } .media-list .controls a.prev:hover { background-position:-204px -34px; } .media-list .controls a.next:hover { background-position:-229px -34px; } .media-list .controls a.disabled { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .media-list .controls a.prev.disabled { background-position:-255px -34px; } .media-list .controls a.next.disabled { background-position:-280px -34px; } .media-list .controls a.layout-trigger { width:33px; background-position:-319px -54px; } .media-list .controls a.layout-trigger:hover { background-position:-352px -54px; } /*List Expanded*/ .media-list.open ul.thumbs { white-space:normal; overflow:hidden; width:640px; } .media-list.open .controls a.layout-trigger { background-position:-385px -54px; } .media-list.open .controls a.layout-trigger:hover { background-position:-418px -54px; } .media-list.open a.prev, .media-list.open a.next, .media-list.open .pag { display:none; } /*List Expanded Gallery*/ .media-list.gallery ul.thumbs { white-space:normal; overflow:hidden; width:640px; } /*===== ARTICLE CONTENT ======*/ /*Body*/ .article-content { } .article-content .article-body { width:480px; padding:20px 20px 40px 20px; margin-left:119px; border-left:1px solid #cdcdcd; font-size:14px; line-height:18px; /*min-height:350px;*/ } .article-content .article-body p.deck { color:#535353; } /*TAF*/ .taf { border-top:1px solid #cdcdcd; margin:20px -20px 0 -20px; padding:20px 20px; width:480px; } .taf span.facebook { margin-right:15px; margin-top:1px; float:left; } .taf span.twitter { margin-right:15px; margin-top:1px; float:left; } .taf a.love, .taf a.embed { float:right; } .taf a.embed { margin-right:10px; } /*Body Specific*/ .article-content.video .article-body { padding-top:0; padding-bottom:0; } .article-content.video .article-body .taf { margin-top:0; border-top:0; } .article-content.video .embed-holder { margin:0px -20px 0 -20px; padding:20px 20px; background:#e5e5e5; border-top:1px solid #cdcdcd; width:479px; } /*===== COMMENTS ======*/ .article-comments { } /*Avatar*/ .avatar { display:block; height:80px; width:80px; background-position:0 0; background-repeat:no-repeat; background-attachment:scroll; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; } .avatar img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .article-comments .avatar { margin-left:19px; } /*List*/ .article-comments ul { font-size:14px; line-height:18px; padding:10px 0; } .article-comments ul li { display:block; padding: 10px 20px 10px 140px; position:relative; } .article-comments ul li a.avatar { position:absolute; left:0px; top:10px; } .article-comments ul li a.avatar span.dj { position:absolute; bottom:0; right:0; display:block; height:31px; width:31px; background-position: -107px -248px; } .article-comments ul li p { border-bottom:1px dotted #cdcdcd; min-height:80px; } .article-comments ul li.dj-reply p { color:#535353; } .article-comments ul li:last-child p { border-bottom:0; } .article-comments ul li a { } .article-comments ul li small { display:block; text-align:right; margin:10px 0 20px 0; color:#9c9c9c; } /*Footer*/ .comments-footer { height:80px; border-top: 1px solid #cdcdcd; } .comments-footer span.total-amount { display:block; height:60px; width:100px; padding:20px 0 0 19px; float:left; font-family:Georgia, "Times New Roman", Times, serif; } .comments-footer a.more-comments { display:block; padding:20px; position:relative; font-size:14px; width:479px; height:40px; float:left; border-left:1px solid #e5e5e5; } .comments-footer a.more-comments:hover { background:#e5e5e5; color:#535353; } .comments-footer a.more-comments span { display:block; height:9px; width:13px; position:absolute; right:15px; top:25px; background-position:-574px -433px; } /*================================================================== [18] SPECIFIC PAGES ================================================================== */ /*===== SCHEDULE PAGE ======*/ .schedule { height:707px; overflow:hidden; position:relative; } .schedule-inner { position:absolute; top:0px; left:0px; } .schedule div.day { border-bottom:1px solid #bcbcbc; } .schedule div.day:last-child { border-bottom:0; } .schedule em.day { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding:20px; display:block; } .schedule .show { border-bottom:1px solid #e5e5e5; padding:0 10px 0 20px; height:70px; } .schedule .show a.thumb { float:right; margin:10px 0; display:block; height:50px; width:50px; background-position:0 0; background-repeat:no-repeat; background-attachment:scroll; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; filter:alpha(opacity=8); -moz-opacity:.8; opacity:.8; } .schedule .show a.thumb img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .schedule .show:last-child { border-bottom:0; } .schedule .show span.time { font-family:Georgia, "Times New Roman", Times, serif; display:block; padding:15px 0 0 0; } .schedule .show a.title { font-size:18px; line-height:22px; width:300px; overflow:hidden; float:left; } .schedule .show a.btn-easylink { float:left; visibility:hidden; } .schedule .show:hover { background:#e4e4e4; } .schedule .show:hover a.btn-easylink { visibility:visible; } .schedule .show:hover a.thumb { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .schedule .show.live { background:#f7f7f7; } .schedule .show.live a.thumb { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .schedule .show u { font-family: Arial, Helvetica, sans-serif; color:#ed1c0d; text-decoration:none; margin-right:10px; } /*===== BLOGS PAGE ======*/ .blog-post { border-bottom:1px solid #bcbcbc; } .blog-post em.date { padding:20px 15px; line-height:14px; display:block; font-family:Georgia, "Times New Roman", Times, serif; } .blog-post p.category { font-size:12px; margin-bottom:5px; color:#999; } .blog-post p.category a { text-transform:uppercase; } .blog-post h1 { padding:20px; color:#535353; } .blog-post .abstract { padding:0px 20px 20px 20px; font-size:14px; line-height:18px; } .blog-post .footer { padding:20px 15px 20px 20px; border-top:1px solid #bcbcbc; text-align:right;} .blog-post .footer a.station { font-size:14px; margin-top:3px; } .blog-post .footer a.station span { color:#535353; } /*===== DOWNLOADS PAGE ======*/ .downloads-list { overflow:hidden; } .downloads-list li { display:block; float:left; width:314px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:15px 0 0 5px; } .downloads-list li .details .stats.downloads { float:left; } .downloads-list li h3 { font-size:14px; font-weight:normal; line-height:16px; margin-bottom:-5px; } .downloads-list li h3 a { color:#535353; } .downloads-list li h3 a:hover { color:#000; } .downloads-list li a.thumb { margin:0 8px; } .downloads-list li a.download { margin:5px 15px; } /*===== SEARCH PAGE ======*/ .advanced-search { position:absolute; top:0px; right:37px; } .advanced-search a.as-drop-trigger { display:block; height:38px; width:38px; position:absolute; top:0px; left:0px; background-position:-30px -502px; text-indent:-9999px; } .advanced-search a.as-drop-trigger:hover, .advanced-search a.as-drop-trigger.active { background-position:-68px -502px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3); box-shadow: 1px 1px 2px rgba(0,0,0,.3); } .advanced-search .as-drop-list { position:absolute; right:-38px; top:38px; width:561px; padding:20px; background:#fff; z-index:100; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3); box-shadow: 0 3px 20px rgba(0,0,0,.3); /*-moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px;*/ } .advanced-search .as-drop-list ul, .advanced-search .as-drop-list ul li { display:block; } .advanced-search .as-drop-list ul li { } .advanced-search .as-drop-list ul li.category label { color:#09C; font-weight:bold; } .advanced-search .as-drop-list ul li label { line-height:18px; } .advanced-search .as-drop-list ul li input { margin-top:2px; } .advanced-search .as-drop-list ul { margin-bottom:15px; } .search-mini-footer { padding:20px 15px 40px 15px; } /*===== LISTEN LIVE POPUP ======*/ .live-stream-player { position:relative; display:block; } .live-stream-player a.winamp { position:absolute; right:0px; top:0px; z-index:100; display:block; height:40px; width:40px; text-indent:-9999px; background-position:-106px -502px; } .live-stream-player a.winamp:hover { background-position:-146px -502px; } .live-stream-player h3 { font-size:14px; line-height:14px; position:absolute; top:27px; left:107px; color:#ed1c0d; } .live-stream-player h3 span { display:block; font-size:11px; color:#404040; } .live-stream-player .player-embed { position:absolute; height:40px; bottom:0px; right:10px; background:url(../images/ico-embed.gif) 15px 13px no-repeat scroll; padding-left:40px; } .live-stream-player .player-embed p.txtfield input { padding:0px 5px 0px 5px; margin-top:9px; height:22px; font-size:11px; color:#ccc; } .live-stream-player .player-embed p.txtfield input:focus { color:#666; } /*===== CRONICA CARCOTASILOR PAGE ======*/ .cronica .details .stats { font-size:0; } .cronica .media { border-bottom:1px solid #c7c7c7; } .cronica .body { padding:10px 10px 10px 9px; } .cronica .body h3.title { font-size:14px; line-height:18px; margin-bottom:15px; height:36px; overflow:hidden; } .cronica .body h3.title a { color:#535353; display:block; } .cronica .body .abstract { margin-bottom:15px; } .cronica .body h3.title a:hover { color:#000; } /*================================================================== [19] SPECIFIC (SIDEBAR) BOXES ================================================================== */ /*===== KISSCASH ======*/ #kisscash-box { } #kisscash-box h3 { padding:10px 15px; float:left; width:215px; color:#d7e035; font-size:30px; text-transform:uppercase; } #kisscash-box a.submit { height:50px; width:50px; float:left; margin:15px 0 0 15px; background-color:#535353; background-position: 0 -147px; text-indent:-9999px; -moz-border-radius:1000px; -webkit-border-radius:1000px; border-radius:1000px; } #kisscash-box a.submit:hover { background-color:#e5e5e5; color:#404040; } #kisscash-box input { border-bottom:2px dotted #464646; width:312px; font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; color:#cdcdcd; padding:5px 0; margin-top:8px; text-align:center; } #kisscash-box input:hover, #kisscash-box input:focus { border-bottom:2px dotted #686868; } /*===== FACEBOOC CHAT, FACEBOOK PROFILE BOX ======*/ .facebook-likebox { overflow:hidden; width:294px; height:400px; margin:15px 12px; position:relative; } .facebook-chatbox-sidebar { overflow:hidden; width:319px; height:643px; position:relative; } .facebook-chatbox-main { overflow:hidden; width:639px; height:479px; position:relative; } /*===== PRESENTER POSTERS (EVENTS, CONTESTS) ======*/ .sidebar-presenter { display:block; height:382px; width:319px; background:url(../images/concursuri-bg.jpg) 0 0 no-repeat scroll; position:relative; overflow:hidden; } span.cleme { display:block; height:33px; width:200px; background:url(../images/concursuri-cleme.png) 0 0 no-repeat scroll; position:absolute; top:35px; left:59px; } .sidebar-presenter ul.posters { position:absolute; left:63px; top:56px; } ul.posters li { position:relative; } ul.posters li a.thumb { display:block; height:270px; width:193px; } ul.posters li .over { display:none; height:250px; width:173px; padding:10px 10px 10px 10px; position:absolute; top:0; left:0; background:rgba(0,0,0,.95); -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3); box-shadow: 0 3px 20px rgba(0,0,0,.3); } ul.posters li:hover .over { display:block; } ul.posters li .over .abstract { line-height:16px; } ul.posters li .over h6 { margin-bottom:10px; font-size:12px; font-weight:bold; line-height:16px; color:#666; } ul.posters li .over h6.contests { color:#461731; } ul.posters li .over .actions { position:absolute; left:9px; bottom:10px; right:5px; height:23px; display:block; } ul.posters li .over h3.title { font-size:14px; line-height:18px; margin-bottom:15px; margin-top:18px; height:36px; overflow:hidden; } ul.posters li .over h3.title a { color:#bababa; display:block; } ul.posters li .over h3.title a:hover { color:#fff; } ul.posters li .over .details span.date { width:auto; color:#7b7a7a; } /*===== THUMBS LIST (LATEST FOTO GALLERIES) ======*/ .side-thumbs-list { } .side-thumbs-list ul li { padding:10px 10px 10px 159px; position:relative; border-bottom:1px solid #cdcdcd; height:100px; } .side-thumbs-list ul li:last-child { border-bottom:0; } .side-thumbs-list ul li a.thumb { position:absolute; top:10px; left:9px; } .side-thumbs-list ul li .details { margin-top:-5px; } .side-thumbs-list ul li h3.title { height:36px; margin-bottom:0; } .side-thumbs-list ul li .actions { position:absolute; bottom:10px; width:155px; right:10px; } /*===== POSTS LIST (LASTEST BLOG POSTS) ======*/ .side-posts-list { } .side-posts-list ul li { min-height:50px; border-bottom:1px solid #cdcdcd; padding:10px 10px 10px 70px; position:relative; } .side-posts-list ul li:last-child { border-bottom:0; } .side-posts-list ul li a.thumb { display:block; height:50px; width:50px; position:absolute; left:10px; top:10px; background-position:0 0; background-repeat:no-repeat; background-attachment:scroll; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; } .side-posts-list ul li a.thumb img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .side-posts-list ul li .details { margin-bottom:0; margin-top:-5px; } .side-posts-list ul li h3.title { height:18px; margin-bottom:0px; margin-top:-5px; } /*===== EVENTS SCHEDULE ======*/ /*Header*/ .schedule-header { height:40px; background:#e5e5e5; padding:0 0 0 15px; font-size:14px; line-height:40px; border-bottom:1px solid #c7c7c7; } .schedule-header a.control { display:block; float:right; height:40px; width:39px; text-indent:-9999px; background-repeat:no-repeat; border-left: 1px solid #c7c7c7; } .schedule-header a.control.next { background-position:-41px -386px; } .schedule-header a.control.prev { background-position:0px -386px; } .schedule-header a.control:hover { background-color: #c7c7c7; } /*Body*/ .schedule-container { margin:20px 19px; } .schedule-table { margin:0; color:#4d4d4d; } .schedule-table th { height:40px; line-height:40px; color:#d10000; font-weight:bold; font-size:12px } .schedule-table td { color:#4d4d4d; vertical-align:middle; height:40px; line-height:40px; text-align:center; } .schedule-table td .sch-day { display:block; height:30px; width:30px; line-height:27px; margin:5px; position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; } .schedule-table a { display:block; text-decoration:none; } a.sch-day.currentday { background:#fff; color:#000; } a.sch-day.pastevents { background-color:#e5e5e5; cursor:default; } a.sch-day.upcomingevents { background-color:#09c; color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); -moz-box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); box-shadow: inset -1px -1px 0 rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.3); } a.sch-day.currentday.upcomingevents { color:#000; font-weight:bold; } a.sch-day.upcomingevents:hover { background:#404040; color:#fff; } a.sch-day.upcomingevents span, a.sch-day.pastevents span { position:absolute; bottom:30px; left:30px; line-height:16px; font-size:12px; color:#5b5b53; font-family:Arial, Helvetica, sans-serif; display:none; width:140px; padding:20px 20px; background:#ffffe1; background:rgba(255,255,225,.95); border:1px solid #161616; z-index:200; text-indent:0; white-space:normal; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.3); box-shadow: 5px 5px 5px rgba(0,0,0,.3); } a.sch-day.pastevents span { filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7; } a.upcomingevents:hover span, a.pastevents:hover span { display:block; } /*===== VIDEO ======*/ .sidebar-player { height:227px; overflow:hidden; border-bottom:1px solid #161616; border-top:1px solid #161616; } /*================================================================== [20] CAPAIGN FAKE-IFRAME ================================================================== */ /*===== TOPBAR ======*/ #iframe-topbar { height:40px; background:#000; line-height:40px; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); box-shadow: 0 3px 20px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); position:fixed; text-align:center; top:0px; width:100%; z-index:1500; } #iframe-topbar a.logo { display:block; height:40px; width:72px; background:url(../images/logo-top-campaign.gif) 0 0 no-repeat scroll; position:absolute; left:20px; top:0; text-indent:-9999px; } #iframe-topbar a.live-track { color:#8a8a8a; background-position:-570px -300px; background-repeat:no-repeat; padding-left:30px; display:inline-block; display:-moz-inline-stack; vertical-align:middle; } #iframe-topbar a.live-track:hover { color:#fff; } /*===== NAVIGATION ======*/ /*First*/ #iframe-topbar #nav { background-color:#404040; height:40px; position:absolute; right:0px; top:0px; } #iframe-topbar #nav ul.main-nav { width:auto; border:0; } #iframe-topbar #nav ul.main-nav li a.main-category { color:#d9d9d9; } #iframe-topbar #nav ul.main-nav li a.main-category.over { z-index:2000; position:relative; } #iframe-topbar #nav ul.main-nav li a.main-category.live { background:#ed1c0d; } #iframe-topbar #nav ul.main-nav li a.main-category.live:hover { background:#000; } #iframe-topbar #nav ul.main-nav li { position:relative; } #iframe-topbar #nav ul.main-nav li a.search { } /*Second*/ #iframe-topbar #nav ul.main-nav li .dropdown-nav { position:absolute; right:0; top:40px; text-align:left; display:block; background:rgba(0,0,0,.97); z-index:1600; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 20px rgba(0,0,0,.5); box-shadow: 0 3px 20px rgba(0,0,0,.5); } #iframe-topbar #nav ul.main-nav li .dropdown-nav .col { background:none; } #iframe-topbar .dropdown-nav .col { padding:15px 0 0 0; min-height:174px; line-height:18px; } #iframe-topbar .dropdown-nav .col ul { padding-bottom:15px; } #iframe-topbar .dropdown-nav .col ul li { float:none;} #iframe-topbar .dropdown-nav .col ul li a { padding:0 10px; display:block; color:#bababa; } #iframe-topbar .dropdown-nav .col ul li a:hover { background:#404040; color:#fff; } #iframe-topbar .dropdown-nav .col ul li.head strong { font-weight:normal; padding:0 10px; } #iframe-topbar .dropdown-nav .col ul li.head a, #iframe-topbar .dropdown-nav .col ul li.head strong { color:#fff; } #iframe-topbar .dropdown-nav .col ul li a.live { color:#ed1c0d; } /*Live*/ #iframe-topbar .dropdown-nav .col ul li a.live:hover { background:#ed1c0d; color:#fff; } /*Search*/ #iframe-topbar #nav ul.main-nav li a.search { height:40px; width:40px; display:block; background-color:#404040; background-repeat:no-repeat; background-attachment:scroll; text-indent:-9999px; } #iframe-topbar #nav ul.main-nav li a.search:active { background-color:#262626; } #iframe-topbar #nav ul.main-nav li a.search.submit { background-position: 0 6px; } #iframe-topbar #nav ul.main-nav li a.search.submit:hover { background-position: -80px 6px; } #iframe-topbar .top-search-field input { height:28px; width:186px; line-height:28px; padding:6px 7px; background:#d7e035; color:#000; } /*================================================================== [21] CAPAIGN FAKE-IFRAME ================================================================== */ /*===== KISS CASH (DEC 2010) ======*/ /*===== CRONICA - BOX HOME (APRILIE 2011) ======*/ .section-header.cronica { background-image:url(../images/boxes/header-bg-cronica.jpg); background-color:#ed1c0d; border-color:#8e1108; background-position:0 0; } .section-header.cronica .pag a { display:block; height:11px; width:11px; float:left; background-image:url(../images/boxes/sprite-ui-cronica.png); background-position:-11px -23px; text-indent:-9999px; } .section-header.cronica .pag a:hover { background-image:url(../images/boxes/sprite-ui-cronica.png); background-position:-22px -23px; } .section-header.cronica .pag a.activ { background-image:url(../images/boxes/sprite-ui-cronica.png); background-position:0 -23px; cursor:default; } .section-header.cronica .controls a.prev { background-image:url(../images/boxes/sprite-ui-cronica.png); background-position:0 -34px; width:25px; margin-left:10px; } .section-header.cronica .controls a.next { background-image:url(../images/boxes/sprite-ui-cronica.png); background-position:-25px -34px; } #homebox_pastile_audio a.play { position:relative; zoom:1; text-indent:0; } #homebox_pastile_audio a.play span.coarne { display:block; height:22px; width:34px; background:url(../images/boxes/coarne.png) 0 0 no-repeat; position:absolute; top:-15px; left:-7px; } /*ADONS ___________________*/ /*Summerkiss 2011*/ .summerkiss-badge { display:none; } .cronica-badge { display:none; } /*Fresh top 40 - 2011*/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; height:404px; border-top:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; margin:20px 0; } .jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#e5e5e5 url(../images/custom/ft40/scroll-track-bg.gif) 0 0 repeat-y; } .jScrollPaneDrag { position:absolute; background:#9c9c9c url(../images/custom/ft40/scroll-drag-bg.gif) 50% 50% no-repeat; cursor:pointer; overflow:hidden; border:1px solid #161616; -moz-box-shadow: 0px 7px 5px -3px rgba(0, 0, 0, .7); -webkit-box-shadow: 0px 7px 5px -3px rgba(0, 0, 0, .7); box-shadow: 0px 7px 5px -3px rgba(0, 0, 0, .7); } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } .details h6 { font-size:11px; font-weight:normal; font-style:italic; margin-left:14px; } .details h6 a { font-size:14px; text-decoration: underline; color: #d4d4d4; } .details h6 a:hover { text-decoration: none; color: #fff; } .details a.head-taf { display:block; width:39px; height:29px; border-left:1px solid #2b2b2b; text-indent:-9999px; background-repeat:no-repeat; background-image: url(../images/custom/ft40/sprite-ft40.png); } .details a.head-taf.fb { background-position:0 0; } .details a.head-taf.tw { background-position: -39px 0; } .details a.head-taf.fb:hover { background-position:0 -29px; background-color:#069; } .details a.head-taf.tw:hover { background-position: -39px -29px; background-color:#0af; } .ft-carousel { height:240px; width:639px; overflow:hidden; position:relative; background-color:#161616; } .ft-carousel ul { position:absolute; top:0; left:0; white-space:nowrap; overflow:none; list-style:none; } .ft-carousel ul li { height:240px; width:639px; display:inline; display:-moz-inline-stack; display:inline-block; vertical-align:top; white-space:normal; } .ft-carousel .pags { position:absolute; left:15px; top:10px; } .ft-carousel .pags a { color:#fff; color:rgba(255,255,255,.5); font-size:26px; padding:0 1px; } .ft-carousel .pags a:hover { color:#fff; } .ft-carousel .pags a.active { color:#d6df3b; } .ft-header { background-color:#404040; background-position:0 117px; padding-top:25px;} .ft-header h3 { color:#fff; font-size:24px; position:relative; bottom:-2px; line-height:29px; margin-left:14px; margin-bottom:25px; } .ft-header span.date { margin-right:15px; margin-top:4px; } .ft-header ul.navigation { height:40px; } .ft-header ul.navigation li { float:left; height:40px; } .ft-header ul.navigation li a { float:left; font-size:20px; text-transform:uppercase; color:#bababa; padding:10px 20px; height:20px; border-right:1px solid #2b2b2b; } .ft-header ul.navigation li a:hover { -moz-opacity:.7; opacity:.7; } .ft-header ul.navigation li a.active { background-color:#fff; padding:11px 40px 10px 40px; border-right:0; color:#bababa; position:relative; top:1px; z-index:10; } .ft-header ul.navigation li a.active:hover { -moz-opacity:1; opacity:1; cursor:default; } .ft-header ul.navigation li a.topcuvot { color:#d6df3b; } .ft-lists ul.main-list { height:404px; border-top:1px solid #a5a5a5; overflow:auto; margin-top:-1px; } .ft-lists ul.main-list.pastile-audio { } .ft-lists ul.main-list li { border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; margin-top:-1px; position:relative; zoom:1; top:0; background-color:#fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0); box-shadow: 0 1px 3px rgba(0,0,0,0); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } .ft-lists ul.main-list li:first-child { border-top:0; } .ft-lists ul.main-list li:last-child { border-bottom:0; } .ft-lists ul.main-list li.over:hover { -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); position:relative; top:-1px; z-index:20; /*background-color:#ffffe1;*/ } .ft-lists ul.main-list li.added { background-color:#ffffe1; } .ft-lists .pastile-section-header {border-bottom:1px solid #a5a5a5; height:240px; margin-top:20px; background:#fff; } .ft-lists .pastile-section-header img { border-top:1px solid #a5a5a5; } .ft-lists ul.main-list li .pos, .ft-lists ul.main-list li .evo, .ft-lists ul.main-list li .track-details { border-right:1px solid #cdcdcd; min-height:80px; } .ft-lists ul.main-list li .pos { width:46px; background-color:rgba(0,0,0,.05); padding:15px 0 0 13px; min-height:65px; font-size:24px; line-height:18px; font-weight:bold; color:#ed1c0d; } .ft-lists ul.main-list li .pos span { display:block; font-weight:normal; font-size:12px; color:#7a7a7a; margin-top:20px; } .ft-lists ul.main-list li .evo { width:10px; padding:15px 5px 0 5px; min-height:65px; } .ft-lists ul.main-list li .evo a { display:block; height:10px; width:10px; text-indent:-9999px; background-image: url(../images/custom/ft40/sprite-ft40.png); background-repeat:no-repeat; } .ft-lists ul.main-list li .evo a.up { background-position:0 -58px; margin-bottom:30px; } .ft-lists ul.main-list li .evo a.down { background-position:0 -68px; } .ft-lists ul.main-list li .thumb { width:60px; height:60px; display:block; margin:10px; background-position:50% 50%; background-repeat:no-repeat; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; } .ft-lists ul.main-list li .track-details { padding:13px 15px 0 15px; min-height:67px; width:288px; position:relative; zoom:1; overflow:hidden; } .ft-lists ul.main-list.pastile-audio li .track-details { width:428px; } .ft-lists ul.main-list li .track-details h3.track { font-size:18px; color:#404040; margin-bottom:3px; height:20px; width:258px; overflow:hidden; } .ft-lists ul.main-list li .track-details h6.artist { font-size:14px; font-weight:normal; font-style:italic; margin:-2px 0 2px 0; height:18px; width:258px; overflow:hidden; } .ft-lists ul.main-list.pastile-audio li .track-details h3.track { width:398px; } .ft-lists ul.main-list li .track-details .stats { font:italic 11px/14px Georgia, "Times New Roman", Times, serif; } .ft-lists ul.main-list li .track-details .stats strong { /*color:#404040;*/ font-weight:normal; font-style:normal; } .ft-lists ul.main-list li .track-details .grabber { display:block; height:80px; width:40px; position:absolute; right:-80px; top:0; background:rgba(0,0,0,.05) url(../images/custom/ft40/sprite-ft40.png) -600px 0 no-repeat; text-indent:-9999px; border-left:1px solid #cdcdcd; -webkit-transition: right .5s ease-out; -moz-transition: right .5s ease-out; transition: right .5s ease-out; /*filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;*/ } .ft-lists ul.main-list li .track-details .grabber:hover { background-color:#404040; background-position:-600px -80px; } .ft-lists ul.main-list li:hover .track-details .grabber { right:0; } .ft-lists ul.main-list li .track-details .remove { display:none; } .ft-lists ul.main-list li .actions a.trigger, .ft-lists ul.main-list li .track-details a.remove { width:39px; height:80px; display:block; border-right:1px solid #cdcdcd; text-indent:-9999px; background-image: url(../images/custom/ft40/sprite-ft40.png); background-repeat:no-repeat; background-color:rgba(0,0,0,.05); } .ft-lists ul.main-list li .actions .ft-player { width:39px; height:80px; display:block; border-right:1px solid #cdcdcd; background-color:rgba(0,0,0,.05); } .ft-lists ul.main-list li .actions a.trigger.disabled { background-color:#fff; } .ft-lists ul.main-list li .actions a.trigger:hover { background-color:#404040; } .ft-lists ul.main-list li .actions a.audio, .ft-lists ul.main-list li .actions a.audio.disabled:hover { background-position:-119px 0; } .ft-lists ul.main-list li .actions a.video, .ft-lists ul.main-list li .actions a.video.disabled:hover { background-position:-158px 0; } .ft-lists ul.main-list li .actions a.news, .ft-lists ul.main-list li .actions a.news.disabled:hover { background-position:-197px 0; } .ft-lists ul.main-list li .actions a.news, .ft-lists ul.main-list li .actions a.news.disabled { border-right:0; } .ft-lists ul.main-list li .actions a.disabled:hover { background-color:transparent; } .ft-lists ul.main-list li .actions a.audio:hover { background-position:-236px 0; } .ft-lists ul.main-list li .actions a.video:hover { background-position:-275px 0; } .ft-lists ul.main-list li .actions a.news:hover { background-position:-314px 0; } .ft-lists ul.main-list li .actions a.download, .ft-lists ul.main-list li .actions a.download.disabled:hover { background-position:-119px -80px; } .ft-lists ul.main-list li .actions a.download:hover { background-position:-158px -80px; } .ft-lists ul.main-list li .track-details a.remove { width:30px; padding:0 5px; position:absolute; right:0; top:0; border:0; background-color:transparent; background-position:-348px 0; } .ft-lists ul.main-list li .track-details a.remove:hover { background-position:-378px 0; } .ft-lists ul.main-list li .news-list { border-top: 1px dotted #cdcdcd; padding:13px 0; background-color:rgba(0,0,0,.05); } .ft-lists ul.main-list li .news-list h3 { font:italic 11px/14px Georgia, "Times New Roman", Times, serif; width:66px; padding-left:15px; color:#404040; } .ft-lists ul.main-list li .news-list ul.main-titles { width: 439px; } .ft-lists ul.main-list li .news-list ul.main-titles li { border:0; margin:0; font-size:12px; line-height:18px; background:transparent; } .ft-lists ul.main-list li .news-list ul.main-titles li a { color:#7a7a7a; } .ft-lists ul.main-list li .news-list ul.main-titles li a:hover { color:#404040; } .ft-lists ul.main-list li .news-list a.close-news { font:italic 11px/14px Georgia, "Times New Roman", Times, serif; } .ft-mixer { height:141px; position:relative; zoom:1; background:#404040 url(../images/custom/ft40/mixer-bg.jpg) 0 0 repeat-x; } .ft-mixer .mixer-head { height:29px; line-height:29px; } .ft-mixer .mixer-head h3 { font-size:11px; line-height:29px; font-weight:normal; font-style:italic; margin-left:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#bababa; } .ft-mixer .mixer-head span { color:#fff; display:block; width:80px; text-align:center; } .ft-mixer .mixer-tracks, .ft-mixer .mixer-tracks ul, .ft-mixer .mixer-tracks ul li, .ft-mixer .mixer-tracks ul li .minithumb, .ft-mixer .mixer-tracks ul li .minithumb span, .ft-mixer .mixer-tracks ul li .minithumb a { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; user-select:none; } .ft-mixer .mixer-tracks { height:112px; width:520px; overflow:hidden; position:relative; zoom:1; } .ft-mixer .mixer-tracks ul { height:112px; position:absolute; left:0px; top:0px; white-space:nowrap; overflow:none; list-style:none; } .ft-mixer .mixer-tracks ul li { display:inline; display:-moz-inline-stack; display:inline-block; vertical-align:top; white-space:normal; width:41px; height:112px; margin-left:-1px; background-color:#404040; } .ft-mixer .mixer-tracks ul li .mini-thumb { width:39px; height:80px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #161616; border-left-color:#242424; border-right-color:#242424; overflow:hidden; position:relative; zoom:1; } .ft-mixer .mixer-tracks ul li:hover { -moz-box-shadow: 0px 7px 5px -3px rgba(0, 0, 0, .7); -webkit-box-shadow: 0px 7px 5px -3px rgba(0, 0, 0, .7); box-shadow: 0px 7px 5px -3px rgba(0, 0, 0, .7); z-index:100; position:relative; } .ft-mixer .mixer-tracks ul li .mini-thumb span.overlay { display:block; height:80px; width:39px; position:absolute; top:0; left:0; background-color:#d6df3b; filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7; } .ft-mixer .mixer-tracks ul li .mini-thumb a.remove-track { text-indent:-9999px; display:block; height:17px; width:17px; position:absolute; right:0; top:0; background: url(../images/custom/ft40/sprite-ft40.png) -390px -52px no-repeat; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .ft-mixer .mixer-tracks ul li .mini-thumb a.drag-track { text-indent:-9999px; display:block; height:26px; width:39px; position:absolute; right:0; bottom:0; cursor:move; background: url(../images/custom/ft40/sprite-ft40.png) -561px 0 no-repeat; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .ft-mixer .mixer-tracks ul li:hover .mini-thumb a.remove-track { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;} .ft-mixer .mixer-tracks ul li .mini-thumb a.remove-track:hover { background-position:-390px -52px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .ft-mixer .mixer-tracks ul li:hover .mini-thumb a.drag-track { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} .ft-mixer .mixer-tracks ul li .track-number { display:block; height:30px; line-height:30px; text-align:right; color:#fff; border-left:1px solid #242424; border-right:1px solid #242424; padding-right:5px; border-bottom:1px solid #161616; } .ft-mixer .mixer-controls, .ft-mixer .big-download, .ft-mixer .ajutor { display:block; position:absolute; } .ft-mixer .mixer-controls { height:80px; width:39px; top:29px; left:519px; background-color:#404040; border:1px solid #161616; } .ft-mixer .mixer-controls a { display:block; height:39px; width:39px; background-image:url(../images/custom/ft40/sprite-ft40.png); background-repeat:no-repeat; text-indent:-9999px; background-color:#404040; } .ft-mixer .mixer-controls a.prev { background-position:-443px 0; border-bottom:1px solid #2b2b2b; height:40px; } .ft-mixer .mixer-controls a.next { background-position:-443px -40px; } .ft-mixer .mixer-controls a:hover { background-color:#535353; } .ft-mixer .mixer-controls a.disabled { filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; } .ft-mixer .mixer-controls a.disabled:hover { background-color:#404040; } .ft-mixer a.big-download { display:block; text-indent:-9999px; height:80px; width:79px; top:29px; right:-1px; background: #404040 url(../images/custom/ft40/sprite-ft40.png) -482px 0 no-repeat; border:1px solid #161616; } .ft-mixer a.big-download:hover { background-color:#535353; } .ft-mixer .ajutor { color:#fff; display:block; width:80px; height:30px; line-height:30px; text-align:center; bottom:0; right:0px; padding-left:39px; border-left:1px solid #161616; font-size:11px; line-height:29px; font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#bababa; } .ft-mixer a.big-download.disabled { background-position:-482px -79px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .ft-mixer a.big-download.disabled:hover { background-color:#404040; } .ft-mixer .info-text { color:#ffffc5; display:inline-block; background-color:#333; margin:33px 0 0 215px; padding:0 5px; } .ft-lists ul.main-list.modalitati-ascultare { height:auto; overflow:hidden; } .ft-lists ul.main-list.modalitati-ascultare li { padding:30px 15px; font-size:14px; line-height:18px; } .ft-lists ul.main-list.modalitati-ascultare li h1 { color:#535353; margin-bottom:30px; } .ft-lists ul.main-list.modalitati-ascultare li .aside { width:210px; float:right; text-align:center; } #inna { display: none; } /*================================================================== [00] ALLWAYS LAST ================================================================== */ .mt0px { margin-top:0; } .mb0px { margin-bottom:0; } .mt5px { margin-top:5px; } .mb5px { margin-bottom:5px; } .mt10px { margin-top:10px; } .mb10px { margin-bottom:10px; } .mt15px { margin-top:15px; } .mb15px { margin-bottom:15px; } .mt20px { margin-top:20px; } .mb20px { margin-bottom:20px; } .mt25px { margin-top:25px; } .mb25px { margin-bottom:25px; } .mt30px { margin-top:30px; } .mb30px { margin-bottom:30px; } .mt40px { margin-top:40px; } .mb40px { margin-bottom:40px; } .mt50px { margin-top:50px; } .mb50px { margin-bottom:50px; } .ml0px { margin-left:0; } .mr0px { margin-right:0; } .ml5px { margin-left:5px; } .mr5px { margin-right:5px; } .ml10px { margin-left:10px; } .mr10px { margin-right:10px; } .ml15px { margin-left:15px; } .mr15px { margin-right:15px; } .ml20px { margin-left:20px; } .mr20px { margin-right:20px; } .ml25px { margin-left:25px; } .mr25px { margin-right:25px; } .ml30px { margin-left:30px; } .mr30px { margin-right:30px; } .ml40px { margin-left:40px; } .mr40px { margin-right:40px; } .ml50px { margin-left:50px; } .mr50px { margin-right:50px; } .pt0px { padding-top:0; } .pb0px { padding-bottom:0; } .pt5px { padding-top:5px; } .pb5px { padding-bottom:5px; } .pt10px { padding-top:10px; } .pb10px { padding-bottom:10px; } .pt15px { padding-top:15px; } .pb15px { padding-bottom:15px; } .pt20px { padding-top:20px; } .pb20px { padding-bottom:20px; } .pt25px { padding-top:25px; } .pb25px { padding-bottom:25px; } .pt30px { padding-top:30px; } .pb30px { padding-bottom:30px; } .pt40px { padding-top:40px; } .pb40px { padding-bottom:40px; } .pt50px { padding-top:50px; } .pb50px { padding-bottom:50px; } .pl0px { padding-left:0; } .pr0px { padding-right:0; } .pl5px { padding-left:5px; } .pr5px { padding-right:5px; } .pl10px { padding-left:10px; } .pr10px { padding-right:10px; } .pl15px { padding-left:15px; } .pr15px { padding-right:15px; } .pl20px { padding-left:20px; } .pr20px { padding-right:20px; } .pl25px { padding-left:25px; } .pr25px { padding-right:25px; } .pl30px { padding-left:30px; } .pr30px { padding-right:30px; } .pl40px { padding-left:40px; } .pr40px { padding-right:40px; } .pl50px { padding-left:50px; } .pr50px { padding-right:50px; } .hide { display:none; }