/*******************************************************************/ /* RESET */ /*******************************************************************/ body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; } body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; line-height: 140%; background: #B5BDC1 url(/img/bg-body.png) repeat-x left top; width: 1000px; margin: 0px auto; } hr { display: none; } hr.visible { display: block; height: 1px; background: #E1E1E1; border: none; line-height: 1px; overflow: hidden; } /*******************************************************************/ /* GLOBAL */ /*******************************************************************/ .clear { clear: both; height: 0px; overflow: hidden;} .hide { display: none; } .red { color: #CC0000; } .green { color: #009900; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .small { font-size: 11px; } .grey { color: #CCCCCC; } .w50 { width: 50px; } .w100 { width: 100px; } .w200 { width: 200px; } .w300 { width: 300px; } .w400 { width: 400px; } img { border: none; } a img { border: none; } a { color: #007DC9; text-decoration: underline; font-weight: bold;} a:hover { color: #CC0000; } img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; position: relative; } img.left { float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 3px; position:relative; } .input { border: 1px solid #8D8D8E; height: 19px; color: #333333; font-size: 11px; line-height: 18px; } .pmn { display: block; height: 15px; line-height: 15px; } #fotogal .pmn { display: block; height: 15px; line-height: 15px; clear: both; overflow: hidden; } /* NERAZENY SEZNAM S ODRAZKOU V ODKAZU */ /* ~ toto je obecna definice, prizpusobeni pro blok je u kazdeho bloku zvlast ~ */ .unordered-m-link-list {} .unordered-m-link-list li { list-style-type: none; padding: 0px; margin: 0px; } .unordered-m-link-list a { display: block; font-weight: normal !important; color: #666666 !important; background: url(/img/bg-unordered-m-link-list-a.gif) no-repeat left 9px; padding: 4px 0px 4px 12px; } .unordered-m-link-list a:visited { color: #666666; background-image: url(/img/bg-unordered-m-link-list-a-visited.gif); } .unordered-m-link-list a:hover { color: #1991CC !important; } /*******************************************************************/ /* LAYOUT */ /*******************************************************************/ body { text-align: left; } #page-wrapper { margin: 0 0; text-align: left; width: 1000px; } #body {} #body #first-part {} #body #second-part {} .content-column { width: 730px; float: left;} .content-column-content { padding: 0px; } .block-column { width: 250px; float: left;} .block-column-content { padding: 0px; } /*******************************************************************/ /* BANNERY */ /*******************************************************************/ #banner-top { width: 1000px; margin: 0px 0px; } .banner-486x60 { width: 486px; padding-bottom: 10px; } .banner-486x60-content { height: 60px; overflow: hidden; } .subpage-column-layout .banner-486x60 { margin-bottom: 10px; } #banner-sky { position: absolute; margin-left: 1005px; } #banner-sky-levy { position: absolute; margin-left: -125px; } /*******************************************************************/ /* HEADER */ /*******************************************************************/ #header { height: 60px; background: #0F8AC9 url(/img/bg-header.gif) repeat-x left top; position: relative; z-index: 2; } #header-content { width: 100%; position: relative; height: 60px; } #blog-header { height: 100px; background: #0F8AC9 url(/img/blog-header.png) repeat-x left top; position: relative; z-index: 2; } #blog-header-content { width: 100%; position: relative; height: 100px; } /***********************/ /* LOGO MUSICSERVER.CZ */ /***********************/ #logo { position: absolute; top: 13px; left: 21px; } #logo * { display: block; width: 268px; height: 36px; overflow: hidden; } #logo p { margin: 0px; } #logo a { position: relative; } #logo span { background: url(/img/logo-musicserver.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; cursor: pointer; } #blog-logo { position: absolute; top: 0px; left: 0px; } #blog-logo * { display: block; width: 476px; height: 100px; overflow: hidden; } #blog-logo p { margin: 0px; } #blog-logo a { position: relative; } #blog-logo span { background: url(/img/blog-logo-trans.png) no-repeat left top; position: absolute; top: 0px; left: 0px; cursor: pointer; } /************/ /* TOP MENU */ /************/ #top-menu { position: absolute; bottom: 0px; right: 10px; z-index: 20;} #top-menu li { list-style-type: none; float: left; background: url(/img/menu-separator.gif) no-repeat left top; padding-left: 2px; position: relative; font-size: 14px; } #top-menu li, #top-menu a, #top-menu span { display: block; height: 26px; } #top-menu a { position: relative; color: #FFFFFF; text-align: center; text-decoration: none; line-height: 26px; font-weight: normal; } #top-menu span { background-position: left top; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; cursor: pointer; } #menu-novinky, #menu-novinky a, #menu-novinky span { width: 65px; } #menu-recenze, #menu-recenze a, #menu-recenze span { width: 63px; } #menu-recenze-cd, #menu-recenze-cd a, #menu-recenze-cd span { width: 84px; } #menu-recenze-dvd, #menu-recenze-dvd a, #menu-recenze-dvd span { width: 93px; } #menu-audio-video, #menu-audio-video a, #menu-audio-video span { width: 88px; } #menu-nazory, #menu-nazory a, #menu-nazory span { width: 53px; } #menu-nazivo, #menu-nazivo a, #menu-nazivo span { width: 52px; } #menu-publicistika, #menu-publicistika a, #menu-publicistika span { width: 82px; } #menu-ostatni, #menu-ostatni a, #menu-ostatni span { width: 56px; } #menu-o-nas, #menu-o-nas a, #menu-o-nas span { width: 51px; } #menu-blog, #menu-blog a, #menu-blog span { width: 37px; } #menu-interpreti, #menu-interpreti a, #menu-interpreti span { width: 71px; } #menu-novinky span { background-image: url(/img/menu-novinky.gif); } #menu-recenze span { background-image: url(/img/menu-recenze.gif); } #menu-recenze-cd span { background-image: url(/img/menu-recenze-cd.gif); } #menu-recenze-dvd span { background-image: url(/img/menu-recenze-dvd.gif); } #menu-audio-video span { background-image: url(/img/menu-audio-video.gif); } #menu-nazory span { background-image: url(/img/menu-nazory.gif); } #menu-nazivo span { background-image: url(/img/menu-nazivo.gif); } #menu-publicistika span { background-image: url(/img/menu-publicistika.gif); } #menu-ostatni span { background-image: url(/img/menu-ostatni.gif); } #menu-o-nas span { background-image: url(/img/menu-o-nas.gif); } #menu-blog span { background-image: url(/img/menu-blog.gif); } #menu-interpreti span { background-image: url(/img/menu-interpreti.gif); } #top-menu li#menu-novinky { background-image: url(/img/bg-menu-first.gif); padding-left: 13px; } /***********/ /* SUBMENU */ /***********/ #top-menu {} #top-menu li { overflow: visible; } #top-menu li ul { position: absolute; top: 26px; left: 0px; display: none; } #top-menu li:hover ul { display: block; } #top-menu #menu-novinky ul { left: 13px; } #top-menu li ul ul { position: static !important; bottom: auto; left: auto; width: auto !important; background-color: #00689F; display: block; } #top-menu li ul li { color: #FFFFFF; float: none; width: auto; height: auto; background: none; padding-left: 0px; font-size: 11px; text-transform: uppercase; } #top-menu li ul li a { background-color: #00689F; color: #FFFFFF; border-top: 1px solid #3FAADC; text-decoration: none; width: auto; line-height: 26px; padding-left: 8px; text-align: left; font-weight: bold; height: 24px;} #top-menu li ul li a:hover { background-color: #0F8AC8; color: #FFFFFF; } #top-menu li ul li li { width: auto; } #top-menu li ul li li * { width: auto; } #top-menu li ul li ul { padding-left: 10px; } /* Defaultni sirka */ #top-menu li ul { width: 160px; } /* Zakladni sirka pro vsechna menu */ /* Uprava sirky submenu - pokud je potreba upravit sirku submenu, staci dle ID doplnit atribut width napr.: width: 170px; Doladeni horizontalni pozice - v pripade, ze menu napr. presahuje okraj vymezeny strankou, je mozne doladit umisteni submenu doplnenim parametru left napr.: left: -100px; - lze take zarovnat submenu na pravou stranu polozky hlavniho menu pouzitim: left: auto; right: 0px; */ #top-menu #menu-novinky ul {} #top-menu #menu-recenze-cd ul {} #top-menu #menu-recenze-dvd ul {} #top-menu #menu-audio-video ul {} #top-menu #menu-nazory ul {} #top-menu #menu-nazivo ul {} #top-menu #menu-ostatni ul { width: 70px; } #top-menu #menu-o-nas ul { width: 60px; } #top-menu #menu-publicistika ul { width: 185px; } /**************/ /* FORM LOGIN */ /**************/ #form-login { position: absolute; top: 7px; right: 257px;} #form-login div { display: inline; } #form-login label { display: none; } #form-login .input { border: 1px solid #8D8D8E; height: 19px; width: 78px; float: left; margin-right: 5px; color: #333333; font-size: 11px; line-height: 18px; } #form-login .button-vstup { width: 48px; height: 21px; float: left; margin-right: 5px;} #form-login #text-prihlaseni, #form-login #text-prihlaseni span { display: block; width: 51px; height: 21px; overflow: hidden;} #form-login #text-prihlaseni { position: relative; margin: 0px 13px 0px 0px; padding: 0px; float:left;} #form-login #text-prihlaseni span { position: absolute; top: 0px; left: 0px; background: url(/img/text-prihlaseni.gif) no-repeat left top; cursor: pointer; } #form-login #text-registrace { float: left; } #form-login #text-registrace, #form-login #text-registrace a, #form-login #text-registrace span { display: block; width: 53px; height: 21px; overflow: hidden; } #form-login #text-registrace a { position: relative; } #form-login #text-registrace span { position: absolute; top: 0px; left: 0px; background: url(/img/text-registrace.gif) no-repeat left top; cursor: pointer; } /***************/ /* FORM SEARCH */ /***************/ #form-search { position: absolute; top: 7px; right: 2px;} #form-search div { display: inline; } #form-search label { display: none; } #form-search .input { border: 1px solid #8D8D8E; height: 19px; width: 78px; float: left; margin-right: 5px; color: #333333; font-size: 11px; line-height: 18px; } #form-search .button-vstup { width: 48px; height: 21px; float: left; margin-right: 5px;} #form-search #text-vyhledavani, #form-search #text-vyhledavani span { display: block; width: 64px; height: 21px; overflow: hidden;} #form-search #text-vyhledavani { position: relative; margin: 0px 13px 0px 0px; padding: 0px; float:left;} #form-search #text-vyhledavani span { position: absolute; top: 0px; left: 0px; background: url(/img/text-vyhledavani.gif) no-repeat left top; cursor: pointer; } /*******************************************************************/ /* TOP STRIP */ /*******************************************************************/ #top-strip { background: url(/img/bg-top-strip.gif) repeat-x left top; position: relative; width: 1000px; overflow: hidden;} #top-strip p { margin: 0px; line-height: 30px; font-weight: bold; } #top-strip #title-vyhrajte, #top-strip #title-vyhrajte span { display: block; width: 104px; height: 30px; overflow: hidden; cursor: default !important; } #top-strip #title-vyhrajte { position: relative; float: left; } #top-strip #title-vyhrajte span { position: absolute; top: 0px; left: 0px; background: url(/img/title-vyhrajte.gif) no-repeat left top; cursor: pointer; } #top-strip .mooquee { position: absolute; left: 104px; top: 0px; overflow: hidden; white-space: nowrap; background: url(/img/bg-top-strip.gif) repeat-x left top; } #top-strip .mooquee-text { position: absolute; } /*******************************************************************/ /* FOOTER */ /*******************************************************************/ #footer { font-size: 11px; color: #666666; } #footer-content {position: relative; width: 100%; padding: 15px 0px 20px 0px; font-weight: normal; } #copyright { width: 50%; padding-left: 10px; } #copyright a { color: #666666; font-weight: normal; } #foot-menu { position: absolute; top: 15px; left: 400px;} #foot-menu a { color: #666666; font-weight: normal; } #credits { position: absolute; top: 10px; right: 10px;} #credits a { color: #666666; font-weight: normal; text-decoration: none; } #credits a.giant img { vertical-align: middle;} /*******************************************************************/ /* BODY */ /*******************************************************************/ #body { background-color: #FFFFFF; } #body-content { padding: 10px 10px 20px 10px; } /*******************************************************************/ /* RSS FEEDS */ /*******************************************************************/ #rss-feeds { border-top: 4px solid #B5BDC1; background-color: #F4F5F6; clear:both;} #rss-feeds-content { padding: 0px 10px 10px 10px; } #rss-feeds .block-content { padding-left: 0px; padding-top: 0px; } #rss-feeds .rss-block-title { font-size: 14px; color: #576368; line-height: 14px; height: 20px; font-weight: bold; padding-left: 13px; overflow: hidden; } #rss-feeds .rss-block-note { position: absolute; top: 7px; right: 0px; font-size: 12px; color: #576368; } #rss-feeds .rss-block-note a { color: #576368; } #rss-feeds .rss-block-note a:hover { color: #007DC9; } #rss-feeds li.rss-block { list-style-type: none; display: block; width: 323px; float: left; position: relative; padding-top: 5px;} #rss-feeds ul.list {border-top: 2px solid #D8D8D9; padding-bottom: 10px; width: 310px; margin-left: 13px; overflow: hidden;} #rss-feeds ul.list li { list-style-type: none; background-color: #FFFFFF; } #rss-feeds ul.list li.odd { background-color: #F2F8FC; } #rss-feeds ul.list li a { background: url(/img/bg-rss-li.gif) no-repeat 8px 8px; padding-left: 24px; color: #033A59; font-size: 11px; font-weight: normal; line-height: 25px; height: 25px; overflow: hidden; display: block; } #rss-feeds ul.list li a:hover { color: #CC0000; } /*******************************************************************/ /* SLOUPCOVE LAYOUTY */ /*******************************************************************/ .layout-two-columns {} .layout-two-columns .column1, .layout-two-columns .column2 { width: 365px; float: left; } .layout-two-columns2 {} .layout-two-columns2 .column1 { width: 490px; float: left; } .layout-two-columns2 .column2 { width: 240px; float: left; } .layout-three-columns {} .layout-in-block-three-columns {} .layout-in-block-three-columns .column { width: 233px; float: left; } .layout-in-block-three-columns .column .column-content { padding: 0px 10px; } #second-part { margin-top: 10px; } .subpage-column-layout {} .subpage-column-layout .column1 { width: 200px; float: left; } .subpage-column-layout .column2 { width: 530px; float: left;} .subpage-column-layout .column2 .column-content { padding: 0px 15px; } /*******************************************************************/ /* BLOKY */ /*******************************************************************/ /* Bannery */ .banner { margin-top: 15px; } /* Obecna sablona pro bloky */ .block { position: relative; } .block .block-title { position: absolute; top: -24px; left: 0px; font-size: 14px; font-weight: normal; line-height: 24px; } .block .block-title .overlap, .block .block-title .overlap span { display: block; height: 24px; overflow: hidden; } .block .block-title .overlap { position: relative; float: left; margin-right: 8px;} .block .block-title .overlap span { position: absolute; top: 0px; left: 0px; background-position: 0px 0px; background-repeat: no-repeat; } .block .block-content { margin-top: 39px; border-top-width: 2px; border-top-style: solid; padding: 10px; } .block .block-corner { width: 13px; height: 13px; background-position: 0px 0px; background-repeat: no-repeat; position: absolute; top: 2px; left: 0px; } .first-block .block-content { margin-top: 24px; } .block .block-note { font-size: 11px; color: #666666; position: absolute; top: -24px; right: 5px; line-height: 24px; } .block .block-note a { font-weight: bold; color: #666666; text-decoration: underline; } .block .block-note a:hover { color: #007DC9; } .block .block-title a { color: white; text-decoration: none; } /* Block column */ .block-column .block-content { background: #F5F5F5 url(/img/bg-block.gif) repeat-x left bottom; color: #666666; line-height: 150%; } .block-column .block-content a { color: #3FAADC; font-weight: bold; text-decoration: underline; } .block-column .block-content a:hover { color: #CC0000; } /* Content column */ .content-column .block { margin-right: 10px; } .content-column .block .block-content { margin-top: 24px;} .content-column .subpage-column-layout .block { margin-right: 0px; } .content-column .subpage-column-layout .block .block-content { margin-top: 39px;} .content-column .subpage-column-layout .first-block .block-content { margin-top: 24px;} /* Blok v textu */ .in-text-block { padding: 10px 10px 5px 10px; margin-bottom: 10px; } .in-text-block .block-corner { width: 13px; height: 13px; background-position: 0px 0px; background-repeat: no-repeat; position: absolute; top: -3px; left: 0px; } .in-text-block .block-content { font-weight: normal; margin-top: 0px; border-top: none; padding: 0px 10px 5px 10px; position: relative; } .in-text-block p { padding-top: 5px; padding-bottom: 5px !important; margin: 0px !important; } .in-text-block h2 { font-size: 14px; line-height: 26px; color: #ffffff; font-weight: normal; font-style: normal; margin-bottom: 0px; padding-bottom: 0px; } .in-text-block h2 span { padding: 4px !important; line-height: 26px; } .in-text-block-blue { background-color: #E2F2FA; color: #00689F; } .in-text-block-blue h2 span { background: #0084C2; } .in-text-block-blue .block-corner { background-image: url(/img/block-corner-blue.gif); } .in-text-block-blue .block-content a:link { color: #00689F;} .in-text-block-light-blue { background-color: #EAF2FF; color: #3FAADC; } .in-text-block-light-blue h2 span { background: #3FAADC; } .in-text-block-light-blue .block-corner { background-image: url(/img/block-corner-light-blue.gif); } .in-text-block-light-blue .block-content a:link { color: #3FAADC;} .in-text-block-grey { background-color: #ECECEC; color: #666666; } .in-text-block-grey h2 span { background: #929292; } .in-text-block-grey .block-corner { background-image: url(/img/block-corner-dark-grey.gif); } .in-text-block-grey .block-content a:link { color: #666666;} .in-text-block-light-green { background-color: #E2FAE2; color: #86BA35;} .in-text-block-light-green h2 span { background: #86BA35; } .in-text-block-light-green .block-corner { background-image: url(/img/block-corner-light-green.gif); } .in-text-block-light-green .block-content a:link { color: #86BA35; } .in-text-block-orange { background-color: #FAF2E2; color: #F79700; } .in-text-block-orange h2 span { background: #F79700; } .in-text-block-orange .block-corner { background-image: url(/img/block-corner-orange.gif); } .in-text-block-orange .block-content a:link { color: #F79700; } .in-text-block-dark-orange { background-color: #FAECE2; color: #E48B00; } .in-text-block-dark-orange h2 span { background: #E48B00; } .in-text-block-dark-orange .block-corner { background-image: url(/img/block-corner-dark-orange.gif); } .in-text-block-dark-orange .block-content a:link { color: #E48B00; } .in-text-block-yellow { background-color: #FAFAEA; color: #D9C123; } .in-text-block-yellow h2 span { background: #D9C123; } .in-text-block-yellow .block-corner { background-image: url(/img/block-corner-yellow.gif); } .in-text-block-yellow .block-content a:link { color: #D9C123; } .in-text-block-khaki { background-color: #F2FAE2; color: #919B33; } .in-text-block-khaki h2 span { background: #919B33; } .in-text-block-khaki .block-corner { background-image: url(/img/block-corner-khaki.gif); } .in-text-block-khaki .block-content a:link { color: #919B33; } /* Nadpisy bloku */ #block-album-tydne .overlap, #block-album-tydne .overlap span { width: 97px; } #block-album-tydne .overlap span { background-image: url(/img/title-album-tydne.gif); } #block-na-okraj .overlap, #block-na-okraj .overlap span { width: 69px; } #block-na-okraj .overlap span { background-image: url(/img/title-na-okraj.gif); } #block-co-kdy-kde .overlap, #block-co-kdy-kde .overlap span { width: 92px; } #block-co-kdy-kde .overlap span { background-image: url(/img/title-co-kdy-kde.gif); } #block-anketa .overlap, #block-anketa .overlap span { width: 60px; } #block-anketa .overlap span { background-image:url(/img/title-anketa.gif); } #block-recenze-cd .overlap, #block-recenze-cd .overlap span { width: 90px; } #block-recenze-cd .overlap span { background-image:url(/img/title-recenze-cd.gif); } #block-podpulty .overlap, #block-recenze-cd .overlap span { width: 90px; } #block-podpulty .overlap { background-color: #3FAADC; color: white; font-size: 13px; padding-left: 7px; } #block-makrorecenze-cd .overlap, #block-makrorecenze-cd .overlap span { width: 125px; } #block-makrorecenze-cd .overlap span { background-image:url(/img/title-makrorecenze-cd.gif); } #block-recenze-dvd .overlap, #block-recenze-dvd .overlap span { width: 102px; } #block-recenze-dvd .overlap span { background-image:url(/img/title-recenze-dvd.gif); } #block-rozhovory .overlap, #block-rozhovory .overlap span { width: 84px; } #block-rozhovory .overlap span { background-image:url(/img/title-rozhovory.gif); } #block-audio-video .overlap, #block-audio-video .overlap span { width: 90px; } #block-audio-video .overlap span { background-image:url(/img/title-audio-video.gif); } #block-nazivo .overlap, #block-nazivo .overlap span { width: 61px; } #block-nazivo .overlap span { background-image:url(/img/title-nazivo.gif); } #block-fotogalerie .overlap, #block-fotogalerie .overlap span { width: 85px; } #block-fotogalerie .overlap span { background-image:url(/img/title-fotogalerie.gif); } #block-odjinud .overlap, #block-odjinud .overlap span { width: 67px; } #block-odjinud .overlap span { background-image:url(/img/title-odjinud.gif); } #block-publicistika .overlap, #block-publicistika .overlap span { width: 90px; } #block-publicistika .overlap span { background-image:url(/img/title-publicistika.gif); } #block-neprehlednete .overlap, #block-neprehlednete .overlap span { width: 115px; } #block-neprehlednete .overlap span { background-image:url(/img/title-neprehlednete.gif); } #block-novinky .overlap, #block-novinky .overlap span { width: 73px; } #block-novinky .overlap span { background-image:url(/img/title-novinky.gif); } #block-top-story .overlap, #block-top-story .overlap span { width: 75px; } #block-top-story .overlap span { background-image:url(/img/title-top-story.gif); } #block-aktuality-e-mailem .overlap, #block-aktuality-e-mailem .overlap span { width: 139px; } #block-aktuality-e-mailem .overlap span { background-image: url(/img/title-aktuality-e-mailem.gif); } #block-nejnovejsi-clanky-sekce .overlap, #block-nejnovejsi-clanky-sekce .overlap span { width: 124px; } #block-nejnovejsi-clanky-sekce .overlap span { background-image: url(/img/title-nejnovejsi-clanky-sekce.gif); } #block-top-clanky-sekce .overlap, #block-top-clanky-sekce .overlap span { width: 124px; } #block-top-clanky-sekce .overlap span { background-image: url(/img/title-top-clanky-sekce.gif); } #block-autor .overlap, #block-autor .overlap span { width: 51px; } #block-autor .overlap span { background-image: url(/img/title-autor.gif); } #block-souvisejici-clanky .overlap, #block-souvisejici-clanky .overlap span { width: 124px; } #block-souvisejici-clanky .overlap span { background-image: url(/img/title-souvisejici-clanky.gif); } #block-nazory .overlap, #block-nazory .overlap span { width: 60px; } #block-nazory .overlap span { background-image: url(/img/title-nazory.gif); } /* Barvy bloku */ .block-light-green .block-title { color: #86BA35; } .block-light-green .block-content { border-top-color: #86BA35; } .block-light-green .block-corner { background-image: url(/img/block-corner-light-green.gif); } .block-light-green .block-content a:link { color: #86BA35; } .block-light-green-2 .block-title { color: #6DBD3E; } .block-light-green-2 .block-content { border-top-color: #6DBD3E; } .block-light-green-2 .block-corner { background-image: url(/img/block-corner-light-green-2.gif); } .block-light-blue .block-title { color: #3FAADC; } .block-light-blue .block-content { border-top-color: #3FAADC; } .block-light-blue .block-corner { background-image: url(/img/block-corner-light-blue.gif); } .block-blue .block-title { color: #0081C3; } .block-blue .block-content { border-top-color: #0081C3; } .block-blue .block-corner { background-image: url(/img/block-corner-blue.gif); } .block-dark-blue .block-title { color: #0075BB; } .block-dark-blue .block-content { border-top-color: #0075BB; } .block-dark-blue .block-corner { background-image: url(/img/block-corner-dark-blue.gif); } .block-green .block-title { color: #558F14; } .block-green .block-content { border-top-color: #558F14; } .block-green .block-corner { background-image: url(/img/block-corner-green.gif); } .block-khaki .block-title { color: #919B33; } .block-khaki .block-content { border-top-color: #919B33; } .block-khaki .block-corner { background-image: url(/img/block-corner-khaki.gif); } .block-orange .block-title { color: #F79700; } .block-orange .block-content { border-top-color: #F79700; } .block-orange .block-corner { background-image: url(/img/block-corner-orange.gif); } .block-dark-orange .block-title { color: #E48B00; } .block-dark-orange .block-content { border-top-color: #E48B00; } .block-dark-orange .block-corner { background-image: url(/img/block-corner-dark-orange.gif); } .block-yellow .block-title { color: #D9C123; } .block-yellow .block-content { border-top-color: #D9C123; } .block-yellow .block-corner { background-image: url(/img/block-corner-yellow.gif); } .block-dirty-yellow .block-title { color: #C2CA33; } .block-dirty-yellow .block-content { border-top-color: #C2CA33; } .block-dirty-yellow .block-corner { background-image: url(/img/block-corner-dirty-yellow.gif); } .block-grey .block-title { color: #B5BDC1; } .block-grey .block-content { border-top-color: #B5BDC1; } .block-grey .block-corner { background-image: url(/img/block-corner-grey.gif); } .block-violet .block-title { color: #990066; } .block-violet .block-content { border-top-color: #990066; } .block-violet .block-corner { background-image: url(/img/block-corner-violet.gif); } .block-dark-violet .block-title { color: #8D3D60; } .block-dark-violet .block-content { border-top-color: #8D3D60; } .block-dark-violet .block-corner { background-image: url(/img/block-corner-dark-violet.gif); } .block-orange-red .block-title { color: #CC3300; } .block-orange-red .block-content { border-top-color: #CC3300; } .block-orange-red .block-corner { background-image: url(/img/block-corner-orange-red.gif); } .block-red .block-title { color: #CC3333; } .block-red .block-content { border-top-color: #CC3333; } .block-column .block-content a:hover { color: #CC0000; } /*************/ /* TOP STORY */ /*************/ #block-top-story { height: 435px; background-color: #F0F0F0; line-height: 150%; position: relative; } #block-top-story .block-content { border: none; margin: 0px; margin-bottom: 60px; position: absolute; top: 175px; left: 0px; height: 180px; width: 330px; overflow: hidden; } #block-top-story .block-title { top: 0px; z-index: 10; } #block-top-story .block-corner { top: 24px; z-index: 10 } #block-top-story .thumbnails { width: 100%; height: 50px; position: absolute; bottom: 0px; left: 0px; background-color: #D7D7D7; overflow: hidden; } #block-top-story .thumbnails ul { margin-top: 7px; margin-left: 13px; } #block-top-story .thumbnails li { list-style-type: none; display: inline; } #block-top-story .thumbnails li a { display: block; width: 60px; height: 47px; float: left; margin-right: 7px;} #block-top-story .thumbnails li a img { border: 2px solid #666666;} #block-top-story .thumbnails li a:hover { background-color: #3FAADB; } #block-top-story .thumbnails li a:hover img { border-color: #3FAADB; } #block-top-story h1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 25px; font-weight: normal; line-height: 1em; margin-bottom: 8px; } #block-top-story h1 span { background-color: #3FAADC; padding: 1px 6px 4px 5px; display: block; float: left; margin-right: -5px; white-space: nowrap; } #block-top-story p { clear: both; padding-top: 5px; } /*************/ /* SLIDESHOW */ /*************/ .slide { overflow: hidden; position: absolute; width: 355px; height: 435px; overflow: hidden; background-color: #F0F0F0;} .slide a { text-decoration: none; } #slide-wrapper {display: none; } #slide-outer .slide-inner { overflow: hidden; position: relative; } #slide-loading { display: none; } #block-top-story .thumbnails li a#playButton { display: block; height: 23px; width: 42px; line-height: 23px; border: 1px solid #CBCBCB; text-decoration: none; color: #666666; text-align: center; cursor: pointer; } #block-top-story .thumbnails li a.navi-active { background-color: #3FAADB; } #block-top-story .thumbnails li a.navi-active img { border-color: #3FAADB; } /***************/ /* ALBUM TYDNE */ /***************/ #block-album-tydne p { color: #333333;} #block-album-tydne img.left { margin-right: 5px; margin-bottom: -27px; } #block-album-tydne .title { font-size: 14px; } #block-album-tydne .block-content { background: #F0F0F0; padding-bottom: 37px; position: relative; } #block-album-tydne .block-content .block-corner { top: 0px; } #block-album-tydne-old { text-align: right; padding: 0px; position: absolute; left: 115px; bottom: 10px; padding-left: 7px; height: 26px; background: #5B8024 url(/img/block-album-tydne-old.gif) no-repeat right center; } #block-album-tydne-old a { line-height: 25px; padding: 5px 18px 6px 0px; white-space: nowrap; color: #FFFFFF; font-size: 11px; font-weight: bold; } /**********/ /* ANKETA */ /**********/ #block-anketa .block-content { color: #333333; } #block-anketa form { margin-top: 5px; } #block-anketa .button-odeslat { margin-top: 10px; } /***********/ /* NOVINKY */ /***********/ #block-novinky {} #block-novinky .block-content { padding: 0px; } #block-novinky li { list-style-type: none; line-height: 24px; height: 24px; overflow: hidden; } #block-novinky li.odd { background-color: #F7F7F7; } #block-novinky li a { font-weight: bold; color: #333333; text-decoration: underline; background: url(/img/bg-novinky-a-link.gif) no-repeat 5px center; padding-left: 22px; } #block-novinky li a:visited { font-weight: normal; background-image: url(/img/bg-novinky-a-visited.gif); } #block-novinky li a:hover { color: #007DC9; } #block-novinky li span { font-size: 10px; font-weight: normal; padding-left: 5px;} #page-news .page-news-item { padding-top: 1px; cursor: pointer; } #page-news .page-news-item h3 { margin-bottom: -3px; } #page-news .page-news-item h3 a { font-weight: bold; line-height: 26px; } #page-news .page-news-item h3 .time { padding: 5px 0px; } #page-news .page-news-item a { color: #333333; text-decoration: none; font-weight: normal; } #page-news .page-news-item:hover { background-color: #F0F0F0; } #page-news .page-news-item p { padding-top: 5px; } #page-news .page-news-item .line-fix { padding: 5px 0px; } /*** VIDEO JUKEBOX ***/ #block-vj {} #block-vj .block-content { padding: 0px; } #block-vj li { list-style-type: none; line-height: 24px; height: 24px; overflow: hidden; } #block-vj li.odd { background-color: #F7F7F7; } #block-vj li a { font-weight: bold; color: #333333; text-decoration: underline; background: url(/img/bg-novinky-a-link.gif) no-repeat 5px center; padding-left: 22px; } #block-vj li a:visited { font-weight: normal; background-image: url(/img/bg-novinky-a-visited.gif); } #block-vj li a:hover { color: #007DC9; } #block-vj li span { font-size: 10px; font-weight: normal; padding-left: 5px;} #block-tema {} #block-tema .block-content { padding: 0px; padding-bottom: 20px; } #block-tema li { list-style-type: none; line-height: 24px; height: 24px; overflow: hidden; } #block-tema li.odd { background-color: #F7F7F7; } #block-tema li a { font-weight: bold; color: #333333; text-decoration: underline; background: url(/img/bg-novinky-a-link.gif) no-repeat 5px center; padding-left: 22px; } #block-tema li a:visited { font-weight: normal; background-image: url(/img/bg-novinky-a-visited.gif); } #block-tema li a:hover { color: #007DC9; } #block-tema li span { font-size: 10px; font-weight: normal; padding-left: 5px;} #block-tema img { padding-left: 10px; } #block-tema h3 { padding: 5px 10px; } /*****************/ /* NEPREHLEDNETE */ /*****************/ #block-neprehlednete p { margin-bottom: 10px; line-height: 100%; } .subpage-column-layout .column1 #block-neprehlednete .block-content { padding: 7px 0px; } /****************/ /* PUBLICISTIKA */ /****************/ #block-publicistika { line-height: 145%;} #block-publicistika h3 { font-size: 14px; font-weight: bold; line-height: 100%; margin-bottom: 5px; } #block-publicistika h3 a { font-size: 14px; } #block-publicistika .item { padding-top: 10px; } #block-publicistika .first { padding-top: 0px; } #block-publicistika .item .img { width: 58px; float: left; margin-top: 3px; } #block-publicistika .item .text { width: 277px; float: left; } /***********/ /* RECENZE */ /***********/ .item-list-big h3 { font-size: 14px; font-weight: bold; line-height: 120%; margin-bottom: 3px; } .item-list-big h3 a { font-size: 14px; } .item-list-big { width: 233px; float: left; } .item-list-big-content { padding-left: 5px; } .item-list-big .img { width: 68px; float: left; margin-top: 2px; height: 100px; } .item-list-big .text { width: 160px; float: left; font-size: 13px; } #block-recenze-cd .item-list-big .img { height: 80px; } #block-podpulty .item-list-big .img { height: 80px; } #block-makrorecenze-cd .item-list-big .img { height: 80px; } #review .item:hover { background-color: #f0f0f0; } #review .item { padding-bottom: 10px; position: relative;} #review .item * { cursor: pointer; } #review .item a { font-weight: normal; text-decoration: none; color: #333333; } #review .item .text h3 { margin-bottom: -1px; } #review .item .text h3 a { font-weight: bold; } #review .item .text h3 .title { padding: 5px 8px; color: #FFFFFF; background-color: #3FAADC; } #review .item .text h3 .notes { padding: 5px 0px 13px 5px; } #review .item .text p { margin-top: 1px; } #review .item .text p .line-fix { padding-top: 6px; padding-bottom: 3px; } /*************/ /* ROZHOVORY */ /*************/ #block-rozhovory .block-content {padding: 0px; } #block-rozhovory .corner { background: url(/img/block-corner-orange.gif) no-repeat left top; } /***************/ /* AUDIO/VIDEO */ /***************/ #block-audio-video .block-content {padding: 0px; } #block-audio-video .corner { background: url(/img/block-corner-dark-orange.gif) no-repeat left top; } /**********/ /* NAZIVO */ /**********/ #block-nazivo .block-content { padding: 0px; } #block-nazivo .corner { background: url(/img/block-corner-dark-yellow.gif) no-repeat left top; } /***************/ /* FOTOGALERIE */ /***************/ #block-fotogalerie .block-content { padding: 0px; } #block-fotogalerie .corner { background: url(/img/block-corner-dirty-yellow.gif) no-repeat left top; } /**********************/ /* AKTUALITY E-MAILEM */ /**********************/ #block-aktuality-e-mailem { font-size: 11px; } #block-aktuality-e-mailem form { position: relative; height: 21px; overflow: hidden; margin-top: 7px; } #block-aktuality-e-mailem form .input { position: absolute; top: 0px; left: 0px; width: 150px; } #block-aktuality-e-mailem form .submit { position: absolute; top: 0px; left: 160px; } /***************************/ /* NEJNOVEJSI CLANKY SEKCE */ /***************************/ #block-nejnovejsi-clanky-sekce { font-size: 11px; } #block-nejnovejsi-clanky-sekce .block-content { padding: 1px; background: none; background-color: #F0F0F0; } #block-nejnovejsi-clanky-sekce .unordered-m-link-list a { padding-left: 25px; padding-right: 10px; background-position: 13px 9px; background-color: #F0F0F0; } #block-nejnovejsi-clanky-sekce .unordered-m-link-list .even a { background-color: #FFFFFF; } /********************/ /* TOP CLANKY SEKCE */ /********************/ #block-top-clanky-sekce { font-size: 11px; } #block-top-clanky-sekce .block-content { padding: 1px; background: none; background-color: #F0F0F0; } #block-top-clanky-sekce .unordered-m-link-list a { padding-left: 25px; padding-right: 10px; background-position: 13px 9px; background-color: #F0F0F0; } #block-top-clanky-sekce .unordered-m-link-list .even a { background-color: #FFFFFF; } /*********/ /* AUTOR */ /*********/ #block-autor { font-size: 11px; color: #666666;} #block-autor .block-content { background-color: #F0F0F0; padding: 8px; } #block-autor .block-content h3 { font-size: 14px; color: #0081C3; } #block-autor .block-content h4 { font-size: 12px; font-weight: bold; clear: both; padding-top: 7px; } #block-autor .unordered-m-link-list a { padding-top: 3px; padding-bottom: 3px; } #block-autor .block-content .vice { font-size: 12px; padding-top: 4px; margin-left:85px; } #block-autor .block-content .vice a { color: #666666; } /***************/ /* NAZEV SEKCE */ /***************/ #block-nazev-sekce {} #block-nazev-sekce .block-content { background: none; border-top: none; margin-top: 0px; padding: 10px 0px 0px 0px; } #block-nazev-sekce .block-corner { top: 24px; } #block-nazev-sekce #title-nazev-sekce { position: static; font-size: 14px; line-height: 26px; color: #FFFFFF; line-height: 1em; } #block-nazev-sekce #title-nazev-sekce a { color: #FFFFFF; text-decoration: underline; font-weight: normal; } #block-nazev-sekce #title-nazev-sekce span { background-color: #CC3300; padding: 4px; line-height: 26px; font-weight: bold; } .column2 #title-nazev-sekce { margin-bottom: -12px; } .column2 #block-nazev-sekce h2 { padding-top: 10px; font-size: 14px; line-height: 26px; color: #ffffff; font-weight: normal; font-style: normal; margin-bottom: 0px; padding-bottom: 0px; } .column2 #block-nazev-sekce h2 span { padding: 4px !important; line-height: 26px; background-color: #0084C2; } /**********/ /* NAZORY */ /**********/ #block-nazory { } #block-nazory .block-content { } /* FORM */ #block-nazory form * { color: #000000; font-family: Arial, Helvetica,sans-serif; font-size: 12px; } #block-nazory form fieldset { padding: 10px; margin: 0px; border: none;background-color: #EEE2E7; position: relative; } #block-nazory form h3 { color: #FFFFFF; font-size: 15px; font-weight: bold;letter-spacing: -1px; background-color: #8D3D60; line-height: 24px;text-align: center; position: relative; padding: 0px; margin: 0px; } #block-nazory form h3, #block-nazory form h3 span { display: block; width: 90px; height: 36px;overflow: hidden; } #block-nazory form h3 span { position: absolute; top: 0px; left: 0px;background-image: url(/img/form-nazory-vlozit-nazor.gif); } #block-nazory form .input { height: auto; width: 136px; } #block-nazory form .input, #block-nazory form textarea { border: 1px solid #A7A6AA; padding: 4px;} #block-nazory form input { vertical-align: middle; } #block-nazory form label { font-weight: bold; width: 53px; display: block;float: left; line-height: 25px; } #block-nazory form p { clear: both; padding-top: 10px; font-size: 11px; } /* FORM FIELDS */ #block-nazory form .form-field-name { margin-right: 31px; } #block-nazory form .form-field-name, #block-nazory form .form-field-email { float: left; } #block-nazory form .form-field-title .input { width: 366px; } #block-nazory form .form-field-message { padding-top: 17px; } #block-nazory form .form-field-message textarea { width: 366px; height:97px; overflow: auto; } #block-nazory form .form-field-antispam { padding: 6px; padding-bottom: 0px;text-align: center; background-color: #CCA8B8; font-size: 12px; } #block-nazory form .form-field-antispam .input { width: 42px; margin-left:10px; } #block-nazory form .form-field-antispam .note { font-size: 11px;line-height: 30px; } #block-nazory form .form-buttons { position: relative; height: 55px; } #block-nazory form .form-buttons input { background: none; border: none;height: auto; padding: 0px; margin: 0px; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 100%; } #block-nazory form .form-buttons .button-reset { background: #FFFFFF url(/img/button-reset-bg.gif) no-repeat center top; width: 125px; padding-top: 16px; padding-bottom: 5px; color: #333333; position: absolute; top: 10px; left: 10px; } #block-nazory form .form-buttons .button-submit { background: #8D3D60 url(/img/button-submit-bg.gif) no-repeat center bottom; width: 130px; font-weight: bold; color: #FFFFFF; padding-bottom: 15px; padding-top: 6px; position: absolute; top: 20px; left: 319px; } /* REAKCE */ #reakce { position:relative; padding: 0px; margin: 0px; width: 100%; padding-top: 27px; } #reakce li { position:relative; list-style: none; padding: 0px; margin: 0px; } #reakce li ul { margin-left: 25px; } #reakce p { padding: 0px; } #reakce .answer { background: #666666 url(/img/reakce-answer-bg.gif) no-repeat right center; padding: 3px 13px 4px 8px; line-height: 100%; font-size: 11px; color: #FFFFFF; text-decoration: none; position: absolute; top: 3px; right: 3px; } #reakce li .info { background-color: #E4E4E4; position: relative; line-height: 16px; padding: 4px 80px 4px 10px; } #reakce li .text { background: url(/img/block-corner-light-gray.gif) no-repeat left top; padding: 12px 16px 10px 16px; } /**********/ /* COMMON */ /**********/ #block-rozhovory, #block-audio-video, #block-nazivo, #block-fotogalerie { margin-top: 34px; } /**********************/ /* SOUVISEJICI CLANKY */ /**********************/ #block-souvisejici-clanky {} #block-souvisejici-clanky .unordered-m-link-list { margin-left: 12px; } #block-souvisejici-clanky .unordered-m-link-list li { padding-bottom: 4px; text-indent: -12px; } #block-souvisejici-clanky .unordered-m-link-list a { display: inline; } /*********/ /* OTHER */ /*********/ .item-list-small { color: #666666; } .item-list-small li { list-style-type: none; clear: left; padding: 5px 5px 5px 11px; } .item-list-small img { float: left; margin-right: 5px; position: relative;} .item-list-small p { margin: 0px; } .item-list-small a.title { font-size: 14px; color: #666666; display: block; } .item-list-small a.title:hover { color: #007DC9; } .item-list-small span { font-size: 10px; } .item-list-small li.odd { background-color: #F2F8FC !important; } /**********/ /* PAGING */ /**********/ #paging { display: block; height: 30px; position: relative; font-size: 11px; text-transform: uppercase; line-height: 15px; } #paging .previous { position: absolute; top: 10px; left: 0px; background: #E4E4E4 url(/img/paging-previous.gif) no-repeat left center; color: #000000; font-weight: normal; padding: 5px 7px 6px 18px; } #paging .next { position: absolute; top: 10px; right: 0px; background: #CC3333 url(/img/paging-next.gif) no-repeat right center; color: #FFFFFF; font-weight: bold; padding: 5px 18px 6px 7px; } /*******************************************************************/ /* PODSTRANKY */ /*******************************************************************/ .subpage-column-layout .column2 h1 { font-size: 26px; letter-spacing: -1px; color: #0081C3; font-weight: normal; line-height: 110%; padding-bottom: 10px; } .subpage-column-layout .column2 p { line-height: 170%; padding-bottom: 10px; margin: 0px;} .subpage-column-layout .column2 p.small-margin { padding-bottom: 0.1em; } .subpage-column-layout .column2 .perex { font-size: 14px; font-weight: bold; line-height: 150%; padding-bottom: 1em; } .subpage-column-layout .column2 ul { margin-left: 1.3em; } .subpage-column-layout .column2 ol { margin-left: 2em; } .cd-box { background-color: #E2F2FA; margin-bottom: 10px;} .cd-box .img { position: relative; display: block; margin: 0px; padding: 0px; width: 260px; overflow: hidden; float: left; } .cd-box .rating { position: absolute; top: 0px; left: 0px; display: block; width: 40px; height: 38px; margin: 0px; padding: 0px; overflow: hidden; line-height: 100%; } .cd-box .rating span { width: 40px; height: 38px; overflow: hidden; background-position: left top; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; } .cd-box .r1 span { background-image: url(/img/hodnoceni-1.gif); } .cd-box .r2 span { background-image: url(/img/hodnoceni-2.gif); } .cd-box .r3 span { background-image: url(/img/hodnoceni-3.gif); } .cd-box .r4 span { background-image: url(/img/hodnoceni-4.gif); } .cd-box .r5 span { background-image: url(/img/hodnoceni-5.gif); } .cd-box .r6 span { background-image: url(/img/hodnoceni-6.gif); } .cd-box .r7 span { background-image: url(/img/hodnoceni-7.gif); } .cd-box .r8 span { background-image: url(/img/hodnoceni-8.gif); } .cd-box .r9 span { background-image: url(/img/hodnoceni-9.gif); } .cd-box .r10 span { background-image: url(/img/hodnoceni-10.gif); } .cd-box .text { margin-left: 260px; } .cd-box .text-content { padding: 6px 5px 6px 0px; } .cd-box p { padding-left: 6px; padding-right: 6px; padding-bottom: 0.2em !important; line-height: 160% !important; } .cd-box .cd-title { font-size: 16px; color: #333333; font-weight: bold; padding-top: 6px; padding-bottom: 0px !important; margin-bottom: 0px; } .cd-box .clear { height: 3px; } /***********/ /* NOVINKY */ /***********/ #page-news {} #page-news .page-news-date { background: url(/img/block-corner-orange-red-flipped.gif) no-repeat right 26px; padding-bottom: 20px; margin-bottom: -12px; font-size: 14px; } #page-news h2 { font-size: 14px; color: #FFFFFF; text-align: right; font-weight: normal; line-height: 22px; } #page-news h2 span { background-color: #CC3300; padding: 5px 6px; } #page-news h3 { font-size: 12px; font-weight: bold; line-height: 24px; } #page-news h3 .title { color: #FFFFFF; background-color: #3FAADC; padding: 5px 7px; } #page-news h3 .time { padding-left: 5px; font-size: 11px; } #page-news p { padding: 6px 0px 6px 7px; } /***********/ /* RECENZE */ /***********/ #review {} #review .item { padding-top: 10px;} #review .item .img { line-height: 100%; width: 110px; padding-top: 24px; position: relative; padding-bottom: 11px; float: left; } #review .item .rating { position: absolute; bottom: 0px; right: 10px; display: block; width: 40px; height: 38px; margin: 0px; padding: 0px; overflow: hidden; line-height: 100%; } #review .item .rating span { width: 40px; height: 38px; overflow: hidden; background-position: left top; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; } #review .item .rating.r1 span { background-image:url(/img/hodnoceni-1.gif); } #review .item .rating.r2 span { background-image:url(/img/hodnoceni-2.gif); } #review .item .rating.r3 span { background-image:url(/img/hodnoceni-3.gif); } #review .item .rating.r4 span { background-image:url(/img/hodnoceni-4.gif); } #review .item .rating.r5 span { background-image:url(/img/hodnoceni-5.gif); } #review .item .rating.r6 span { background-image:url(/img/hodnoceni-6.gif); } #review .item .rating.r7 span { background-image:url(/img/hodnoceni-7.gif); } #review .item .rating.r8 span { background-image:url(/img/hodnoceni-8.gif); } #review .item .rating.r9 span { background-image:url(/img/hodnoceni-9.gif); } #review .item .rating.r10 span { background-image:url(/img/hodnoceni-10.gif); } /* DESETINNE HODNOCENI */ #review .item .rating2 { position: absolute; bottom: 0px; right: 10px;display: block; width: 48px; height: 38px; margin: 0px; padding: 0px;overflow: hidden; line-height: 100%; background: url(/img/rating-bg.gif) no-repeat right top; line-height: 24px; color: #FFFFFF; font-size: 14px; } #review .item .rating2 span.first { padding-left: 4px; } #review .item .rating2 span { display: block; width: 8px; height: 26px; overflow: hidden; position: relative; float: left; background-color: #CC3300; text-align: center; } #review .item .rating2 span span { position: absolute; top: 0px; left: 0px; float: none; background: none; background-position: left top; background-repeat: no-repeat; } #review .item .rating2 .first span { left: 4px; } #review .item .rating2 .r1 span { background-image:url(/img/rating-1.gif); } #review .item .rating2 .r2 span { background-image:url(/img/rating-2.gif); } #review .item .rating2 .r4 span { background-image:url(/img/rating-4.gif); } #review .item .rating2 .r6 span { background-image:url(/img/rating-6.gif); } #review .item .rating2 .r7 span { background-image:url(/img/rating-7.gif); } #review .item .rating2 .r8 span { background-image:url(/img/rating-8.gif); } #review .item .rating2 .r9 span { background-image:url(/img/rating-9.gif); } #review .item .rating2 .r3 { width: 7px; } #review .item .rating2 .r3 span { width: 7px; background-image:url(/img/rating-3.gif); } #review .item .rating2 .r5 { width: 7px; } #review .item .rating2 .r5 span { width: 7px; background-image:url(/img/rating-5.gif); } #review .item .rating2 .r10 { width: 16px; } #review .item .rating2 .r10 span { width: 16px; background-image:url(/img/rating-10.gif); } #review .item .rating2 .rcom { width: 2px; } #review .item .rating2 .rcom span { width: 2px; background-image:url(/img/rating-com.gif);} #review .item .rating2 .rfrom { width: 22px; } #review .item .rating2 .rfrom span { width: 22px; background-image:url(/img/rating-from.gif); } #review .item .block-corner { width: 12px; height: 12px; background: url(/img/block-corner-light-blue.gif) no-repeat left top; position: absolute; top: 24px; left: 0px; } #review .item .text h3 { text-indent: -110px; line-height: 24px; font-size: 14px; } #review .item .text h3 .title { padding: 5px 8px; color: #FFFFFF; background-color: #3FAADC; } #review .item .text h3 .notes { font-size: 11px; color: #333333; font-weight: bold; white-space: nowrap; padding-left: 5px; } #review .item .text p { padding-top: 2px; } /** OBRAZKY PRO CLANEK FOTOGALERIE **/ .imgfg { text-align: center; margin-bottom: 15px; } .imgfg span { font-size: 10px; margin: 0px; padding: 0px; } /*****************/ /* NADPIS CLANKU */ /*****************/ h1.title-bg { color: #ffffff; } h1.title-bg span { color: #ffffff; background-color: #3FAADC; padding: 0px 7px 0px 6px; display: block; height: 32px; line-height: 32px; float: left; margin-right: -6px; white-space: nowrap; } h1.title-bg span.clear { padding: 0px; } .title-bg-clear { clear: both; height: 1px; overflow: hidden; background:none; padding: 0px; margin: 0px; padding-bottom: 5px; } /* INTERPRETI */ .int-list a:visited { color: #666666 } /* NAPOVEDY */ .napoveda { position:absolute; background-color: #F0F080; width:500px; height:50px; display:none; padding:5px } /* SLIMBOX */ #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } #links { width: 100%; background: #F0F0F0; padding: 2px; margin-top: 10px; margin-bottom: 2px; text-align: center; height: 22px; } #links a { text-decoration: none } #links a img { margin-top: 2px; } .intos { border-bottom:1px dotted;text-decoration:none;color: #333333;font-weight:bold } .intos:hover { color: #CC0000; } /*** Video jukebox obrazek ***/ #videojukebox {} #videojukebox .item {} #videojukebox .item .img { line-height: 100%; width: 110px; padding-top: 5px; position: relative; padding-bottom: 11px; float: left; } #videojukebox .item .rating { position: absolute; bottom: 0px; right: 10px; display: block; width: 40px; height: 38px; margin: 0px; padding: 0px; overflow: hidden; line-height: 100%; } #videojukebox .item .rating span { width: 40px; height: 38px; overflow: hidden; background-position: left top; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; } #videojukebox .item .rating.r1 span { background-image:url(/img/hodnoceni-1.gif); } #videojukebox .item .rating.r2 span { background-image:url(/img/hodnoceni-2.gif); } #videojukebox .item .rating.r3 span { background-image:url(/img/hodnoceni-3.gif); } #videojukebox .item .rating.r4 span { background-image:url(/img/hodnoceni-4.gif); } #videojukebox .item .rating.r5 span { background-image:url(/img/hodnoceni-5.gif); } #videojukebox .item .rating.r6 span { background-image:url(/img/hodnoceni-6.gif); } #videojukebox .item .rating.r7 span { background-image:url(/img/hodnoceni-7.gif); } #videojukebox .item .rating.r8 span { background-image:url(/img/hodnoceni-8.gif); } #videojukebox .item .rating.r9 span { background-image:url(/img/hodnoceni-9.gif); } #videojukebox .item .rating.r10 span { background-image:url(/img/hodnoceni-10.gif); } #upoutavky { background-color: #FFFFFF; padding: 5px; width: 990px; height: 120px; } #upoutavky .upone { float:left; margin: 3px; border: 1px solid #007DC9; width: 190px; height: 120px; overflow: hidden; } #upoutavky .upone a { text-decoration: none; display: block; } #upoutavky .upone a:hover { background-color: #007DC9; color: white; } #upoutavky .upone img { width: 190px; height: 80px; display: block; } #upoutavky .upone div { padding: 3px 5px 5px 5px; }