/* Disclaier ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | Bron Radom - styl CSS / CSS style | Author / Autor: Tomek Buszewski | Version / Wersja: 1.0 | Creation date / Data utworzenia: 2009-01-01 | Last modified / Data ostatniej modyfikacji: 2009-01-05 | Mozesz wykorzystac fragmenty tego stylu do celow wlasnych, jednak | unikalne polaczenie kolorow, typografii, obrazkow i pozycjonowania | jest chronione prawem autorskim i nie moze byc powielane. | You can use fragments of this style for your purposes, but unique | combination of colours, typography, images and positioning is | protected by copyrights and cannot by duplicate. | | (C) 2008/2009 - Tomek Buszewski - Buszewski.com | zmiany: kahapl@gmail.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Reset and body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ * { border-style: none; border-width: 0; font-style: normal; list-style: none; margin: 0; padding: 0; text-decoration: none } ul, li, li a { vertical-align: middle; } body { background: #15456d url(images/bg-2.jpg) repeat-x left top } /* Site wrap ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#wrap { margin: auto; width: 1024px } /* Site top ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#top { height: 37px; width: 1024px; margin-top: -1px; } div#top div { color: #15456d; display: block; float: left; font: 11px/31px "Tahoma", Arial, Helvetica, sans-serif; height: 31px } div#top div.top-left { margin-left: 20px } div#top div.top-center { margin-left: 18px; } div#top div.top-center input { width: 50px; font: 11px/31px "Tahoma", Arial, Helvetica, sans-serif; color: #15456d; } div#top div.top-center input.login { background: url('images/loguj-button.jpg') no-repeat; width: 21px; height: 24px; position: relative; top: 6px; } div#top div.top-right { float: right; margin-right: 40px } div#top div span,div#center div#archive span { color: #95c4eb; margin-left: 8px; margin-right: 8px } div#top div a, div#center div#archive a { color: #15456d } /* Site header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#header { display: block; height: 162px; text-align: center; width: 1024px } /* Main content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#content { width: 1024px } /* Left block (menu) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#left { background: url(images/left-bg.jpg) repeat-y right; float: left; margin-top: 16px; width: 202px } div#left img { display: block } div#left li a { background: url(images/link-left-bg.jpg) no-repeat right; color: #fff; display: block; font: 11px/26px "Tahoma", Arial, Helvetica, sans-serif; height: 26px; padding-right: 25px; text-align: right } div#left li a:hover { background: url(images/link-left-bg-hover.jpg) no-repeat right; font-weight: 700 } div#left li.reklama { margin-bottom: 10px } div#left li a.big { height: 68px; margin: 0; padding: 0 } div#left li.reklama-bg { background:url(images/reklama-bg.gif); height: 56px; width: 202px; margin: 0; } div#left li a.button { background: url(none); margin-left:36px; padding: 0px; width: 155px; } div#left li.bottom { height: 25px; background: url(images/left-bottom.jpg); width: 202px; display: block; } /* Left block titles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#left li a#aktualnosci { width: 176px; height: 33px; background: url(images/aktualnosci.jpg); display: block; } div#left li#o-klubie { width: 202px; height: 32px; background: url(images/oklubie.jpg); display: block; } div#left li#seniorzy { width: 202px; height: 30px; background: url(images/seniorzy.jpg); display: block; } div#left li#mlodziez { width: 202px; height: 29px; background: url(images/mlodziez.jpg); display: block; } div#left li a#galeria { width: 176px; height: 30px; background: url(images/galeria.jpg); display: block; } div#left li#kibice { width: 202px; height: 32px; background: url(images/kibice.jpg); display: block; } div#left li a#wstap-do-nas { width: 176px; height: 30px; background: url(images/wstap-do-nas.jpg); display: block; margin-bottom: 10px } /* Center of the site ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center { background: #FFF url(images/content-top.gif) no-repeat center top; float: left; padding: 7px 7px 76px 6px; width: 572px; height:auto !important; height: 1050px; min-height: 1050px; position: relative; } div#center h2 { font: bold 12px "Tahoma", Arial, Helvetica, sans-serif; color: #1f6ba8; display: block; background: url(images/h2.gif) no-repeat bottom left; margin-left: 14px; margin-bottom: 17px; padding: 20px 0 5px 10px; position: relative } div#center h2 a:visited { font-size: 12px; color: #1f6ba8; font-weight: bold; } div#center h2.red { color: #af1d1d; } div#center h2 span { font-size: 11px; color: #14466f; font-weight: normal; } div#center h2 span em { color: #5082ab; } div#center h2 strong { position: absolute; right: 20px; font-size: 11px; font-weight: normal; color: #9d9d9d } div#center h2 strong a { color: #b10202; } div#center p { font: 11px/20px "Tahoma", Arial, Helvetica, sans-serif; padding: 0 20px 10px 20px; color: #4b4b4b; } div#center div.more { font: 11px/20px "Tahoma", Arial, Helvetica, sans-serif; color: #616161; padding: 0 20px 20px 20px; min-height: 150px; height: auto !important; height: 150px; } div#center div.more h2 { background-image: none } div#center div.more a { color: #b10202; } div#center div.more div { font: 11px/20px "Tahoma", Arial, Helvetica, sans-serif; color: #616161; } div#center div.more p { font: 11px/20px "Tahoma", Arial, Helvetica, sans-serif; color: #616161; padding: 0; } div#center div img.big { border: 2px solid #e2e2e2; float: left; margin: 5px 15px 0 0 } /* Video news ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center div#video-news { background: url(images/video-news-bg.jpg) no-repeat; height: 184px; padding-left: 10px; padding-top: 36px; position: relative; width: 562px } div#center div#video-news div#tab1 { border: 3px solid #b61717; width: 304px; height: 164px; overflow: hidden; display: block; visibility: visible; } div#center div#video-news div#tab1 a, div#center div#video-news div#tab1 a:hover { color: #fff } div#center div#video-news div#tab2 { border: 3px solid #b61717; width: 304px; height: 164px; overflow: hidden; display: none; visibility: hidden; } div#center div#video-news div#tab2 a, div#center div#video-news div#tab2 a:hover { color: #fff } div#center div#video-news div#tab3 { border: 3px solid #b61717; width: 304px; height: 164px; overflow: hidden; display: none; visibility: hidden; } div#center div#video-news div#tab3 a, div#center div#video-news div#tab3 a:hover { color: #fff } div#center div#video-news img#main { width: 304px; float: left; height: 164px; } div#center div#video-news p.desc { color: #fff; font: 12px "Tahoma", Arial, Helvetica, sans-serif; left: 13px; position: absolute; top: 160px; width: 264px; height: 33px; background: black; filter: alpha(opacity=60); -moz-opacity:.60; opacity:.60; } div#center div#video-news p.desc span { float: left; padding-top: 15px; width: 260px} div#center div#video-news p.desc em { color: #c7c7c7; float: right; font-style: normal } div#center div#video-news ul { float: left; margin-top: 3px; left: 320px; position: absolute; top: 35px } div#center div#video-news ul li { color: #ff8383; display: block; font: 11px "Tahoma", Arial, Helvetica, sans-serif; height: 36px; margin-bottom: 1px; padding-left: 67px; padding-top: 10px; position: relative } div#center div#video-news ul li em { color: #ff8383; margin-left: -40px; } div#center div#video-news ul li a { color: #fff; display: block; margin-bottom: 2px; margin-left: -40px; overflow: hidden; } div#center div#video-news a#see-more { color: #ffb4b4; font: 11px "Tahoma", Arial, Helvetica, sans-serif; left: 350px; position: absolute; top: 192px } div#center div#video-news p.desc b, div#right li.mecz img.plate { float: left } div#center div.banner { display: block; margin-bottom: 17px; margin-top: 17px; text-align: center; height: 62px; } div#center div.bottom { position: absolute; bottom: 7px; bottom: 0; left: 50px; z-index: 1; } /* News ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center div#news ul { background: url(images/news-top.gif) no-repeat top; padding-top: 1px } div#center div#news ul h2 { background-image: none } div#center div#news ul li { border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: block; font: 11px/18px "Tahoma", Arial, Helvetica, sans-serif; min-height: 126px; height: auto !important; height: 126px; padding: 10px 5px; position: relative } div#center div#news ul#comm li { border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: block; font: 11px/18px "Tahoma", Arial, Helvetica, sans-serif; min-height: 120px; height: auto !important; height: 120px; padding: 10px 5px; position: relative } div#center div#news ul#comm li.noavatar { border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: block; font: 11px/18px "Tahoma", Arial, Helvetica, sans-serif; min-height: 50px; height: auto !important; height: 50px; padding: 10px 5px; position: relative } div#center div#news ul#comm li span.com { color: #8e8e8e; } div#center div#news ul#comm li span.comments { color: #8e8e8e; display: block; text-align: right; margin-left: 100px; } div#center div#news ul#comm li span.comments a { color: #8e8e8e; } div#center div#news ul#comm li p.comment { margin-top: 25px; left: 79px; color: #6c0000; } div#center div#news ul#comm li p.commenta { margin-top: 25px; margin-left: 9px; color: #6c0000; } div#center div#news ul li.c { border-top: 1px solid #e3e3e3; } div#center div#news ul li img { margin-right: 9px; margin-top: 20px; float: left; border: 1px solid #e2e2e2; } div#center div#news ul li img.avatar { border: 2px solid #e9e9e9; } div#center div#news ul li span.date { color: #b1b1b1; display: block; left: 91px; position: absolute; top: 5px } div#center div#news ul li h3 a { color: #1f6ba8; display: block; font-size: 11px; left: 95px; position: absolute; top: 25px } div#center div#news ul span.nr { margin-top: 0px; position: absolute; right: 10px; top: -2px; color: #b10202; font-weight: bold } div#center div#news ul li p { color: #616161; display: block; margin-left: 89px; margin-top: 42px; width: 470px; padding:0; } div#center div#news ul li div { color: #616161; margin-left: 89px; display: block } div#center div#news ul li p.comment { margin-top: 20px; left: 79px; color: #6c0000; } div#center div#news ul li p a { color: #c80000 } /*div#center div#news ul li p div a { color: #c80000 } div#center div#news ul li p a:hover { color: #c80000 } div#center div#news ul li p div a:hover { color: #c80000 } */ div#center div#news ul li span.comments { color: #8e8e8e; display: block; text-align: right; margin-left: 100px; } div#center div#news ul li span.comments a { color: #c80000; } div#center div#news ul li.even, div#center ul.others li.even { background: url(images/news-bg-even.jpg) repeat-x bottom } div#center div#news ul li h4 { left: 4px; position: absolute; top: 5px; } div#center div#news ul li h4 span { color: #154770; width: auto; display: block; text-align: center; font-size: 12px; margin: 0px !important; margin-left: -5px; } div#center div#news ul li h4 span.admin { color: #c80000; width: auto; display: block; text-align: center; font-size: 12px; margin: 0px !important; margin-left: -5px; } div#center div#news ul li h4 span.admin a { color: #c80000; } div#center div#archive { color: #7293ae; font: 11px "Tahoma", Arial, Helvetica, sans-serif; margin: 10px 0; text-align: center } div#center div#archive b { font-weight: 400; margin-right: 15px } div#center div#news ul li.addcomment { color: #154770; border: 1px solid #e2e2e2; display: block; margin-top: 5px; } div#center div#news ul li.addcomment div input,textarea { font: 11px "Tahoma", Arial, Helvetica, sans-serif; border: 1px solid #e2e2e2; padding: 2px; } div#center div#news ul li.addcomment div#code { margin-top: 10px; } div#center div#news ul li.addcomment div#code img.code { border: 0; height: 27; float: none; display: block; margin: -25px auto 0; padding-right: 150px; } div#center div#news ul li.addcomment div input.inputdodaj { background: url('images/dodaj-komentarz.jpg') no-repeat; width: 86px; height: 27px; text-align: center; margin: 15px 0 5px 95px;} /* Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center h2.galery a { color: #1f6ba8; } div#center h2.galery a:visited { color: #1f6ba8; } div#center h2.galery span { color: #14466f; } div#center p.return { clear: both; color: #1f6ba8; background: url(images/h2.gif) no-repeat bottom left; margin-left: 14px; margin-bottom: 17px; font: bold 12px "Tahoma", Arial, Helvetica, sans-serif; color: #1f6ba8; padding: 20px 0 5px 10px; position: relative } div#center p.return a:visited { color: #1f6ba8; } div#center ul.gallery li { display: block; height: 28px; font: 11px/28px "Tahoma", Arial, Helvetica, sans-serif; background: url(images/galeria-li.gif) no-repeat bottom; padding-left: 28px; position: relative; } div#center ul.gallery li b { font-weight: normal; color: #aa1818; margin-right: 20px; } div#center ul.gallery li a { color: #5c5c5c; } div#center ul.gallery li span.date { position: absolute; right: 28px; bottom: 1px; color: #a5a5a5; } div#center ul.gallery-display { margin-left: 30px !important; margin-left: 22px; } div#center ul.gallery-display div { font: 12px "Tahoma", Arial, Helvetica, sans-serif; color: #1f6ba8; margin-bottom: 10px; } div#center ul.gallery-display li { width: 113px; display: block; float: left; margin: 0 5px 150px 5px; } div#center ul.gallery-display li img { border: 2px solid #e9e9e9; position: absolute; } div#center img#down { position: absolute; display: block; left: 0; bottom: 0 } /* Shop ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center ul.shop-display li { display: block; width: 141px; height:150px; border: 1px solid #bdbdbd; border-top: none; padding: 20px 0 0 1px; float: left } div#center ul.shop-display li p { font: bold 11px "Tahoma", Arial, Helvetica, sans-serif; color: #195e97; padding: 18px 0 5px 12px; } div#center div.inform { font: 13px "Tahoma", Arial, Helvetica, sans-serif; color: #195e97; padding: 5px 0 5px 12px; } div#center div.pictures { margin: 0 auto; display: block; text-align: center; } div#center div.pictures a, div#center div.pictures a:hover { color: #c80000; } div#center div.pictures img.imgbuy { margin-left: 5px; border: 2px solid #e2e2e2; } div#center ul.shop-display li strong { font: 18px "Tahoma", Arial, Helvetica, sans-serif; color: #b10101; display: block; text-align: right; padding-right: 20px; } div#center ul.shop-display li.side { border-left: none; border-right: none; } div#center ul.shop-display li.middle { border-left: none; } /* TV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center div.tv { display: block; text-align: center; } div#center div.tv li { font: 11px/20px "Tahoma", Arial, Helvetica, sans-serif; color: #6d6d6d; text-align: left } div#center div.tv li b { font-weight: normal; color: #376ba2; padding-left: 60px; padding-top: 10px; display: block } div#center div.tv li b span { font-weight: normal; color: #b10202 } div#center div.tv li p { padding-left: 60px; } div#center ul.others { clear: both; display: block; margin-top: 10px; } div#center ul.others li { width: 275px; font-size: 10px; border-bottom: 1px solid #d9d9d9; float: left; padding: 14px 0 0 10px; min-height: 70px; height: auto !important; height: 70px; } div#center ul.others li.l { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; width: 274px } div#center ul.others li.r { border-right: 1px solid #e6e6e6; } div#center ul.others li.t { border-top: 1px solid #e6e6e6; } /*div#center ul.others li img { float: left; margin-right: 8px; }*/ div#center ul.others li a { display: block; float: left; margin-top: -4px; font-weight: bold; color: #376ba2; width: 250px; } div#center ul.others li a span { font-weight: normal; color: #b10202; } div#center ul.others li p { display: block; font-size: 10px; } div#center ul.others li p.commenttv { display: block; margin-left: -55px; margin-top: 10px; color: #6c0000; } div#center ul.others li p em { color: #376ba2; } /* League table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center ul.league { width: 529px; margin-left: 21px; } div#center ul.league li { height: 21px; display: block; font:11px/21px "Tahoma", Arial, Helvetica, sans-serif; color: #fff; background: url(images/tabela-l-content.jpg); } div#center ul.league li a { color: #fff } div#center ul.league li a:hoover { color: #fff } div#center ul.league li.first { height: 29px; background: url(images/tabela-l-top.jpg); font: bold 11px/29px "Tahoma", Arial, Helvetica, sans-serif; color: #c4e8ff; } div#center ul.league li.big { background: url(images/tabela-content-big.jpg); height: 25px; line-height: 25px; } div#center ul.league li.bottom { background: url(images/tabela-l-bottom.jpg); height: 22px; line-height: 22px; margin-bottom: 20px; } div#center ul.league li.big span, div#center ul.league li.content span { float: left; text-align: center; display: block; margin-right: 1px; } div#center ul.league li span.lp { width: 46px; } div#center ul.league li span.druzyna { width: 214px; } div#center ul.league li span.m { width: 33px; } div#center ul.league li span.z { width: 35px; } div#center ul.league li span.r { width: 33px; } div#center ul.league li span.p { width: 35px; } div#center ul.league li span.bz { width: 39px; } div#center ul.league li span.bs { width: 34px; } div#center ul.league li span.pkt { width: 48px; } div#center ul.league li.first span.lp { margin-left: 18px; } div#center ul.league li.first span.druzyna { margin-left: 93px; } div#center ul.league li.first span.m { margin-left: 100px; } div#center ul.league li.first span.z { margin-left: 26px; } div#center ul.league li.first span.r { margin-left: 28px; } div#center ul.league li.first span.p { margin-left: 27px; } div#center ul.league li.first span.bz { margin-left: 28px; } div#center ul.league li.first span.bs { margin-left: 22px; } div#center ul.league li.first span.pkt { margin-left: 25px; } div#center p.league { color: #717171; padding: 0 } div#center div#queue { display: block; width: 480px; height: 776px; overflow: scroll; overflow-x: hidden; padding: 18px; padding-top: 0; } div#center div#queue h4 { color: #c50000; font: bold 12px/21px "Tahoma", Arial, Helvetica, sans-serif; padding-top: 18px; } div#center div#queue h5 { color: #989898; font: normal 11px/21px "Tahoma", Arial, Helvetica, sans-serif; } div#center div#queue ul li { height: 23px; font: 11px/23px "Tahoma", Arial, Helvetica, sans-serif; border-bottom: 1px solid #dbe1e4; color: #004079; margin: 0 15px; } div#center div#queue ul li.up { height: 26px; border: none; margin: 10px 0 5px 15px; } div#center div#queue ul li.up span { float: left; display: block; width: 198px; height: 26px; font: bold 11px/26px "Tahoma", Arial, Helvetica, sans-serif; text-align: center; background: url(images/queue-bg.jpg); color: #fff; } div#center div#queue ul li.up span.title { margin: 0 27px 0 0px; } div#center div#queue ul li span.host { float: left; width: 152px; padding-left: 36px; margin-right: 0px; } div#center div#queue ul li span.hostb { float: left; width: 160px; padding-left: 35px; margin-right: 0px; color: #c50000; font-weight: bold } div#center div#queue ul li span.guest { float: left; width: 152px; padding-left: 40px; } div#center div#queue ul li span.guestb { color: #c50000; font-weight: bold; float: left; width: 160px; padding-left: 40px; } div#center div#queue ul li span.score { color: #c50000; float: left; width: 10px; padding-left: 15px; } div#center div#queue ul li span.scoreb { font-weight: bold; color: #c50000; float: left; width: 10px; padding-left: 7px; } /* Navigationp ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center div.navigation { clear: both; padding: 20px 0; text-align: center; font: 11px "Tahoma", Arial, Helvetica, sans-serif; color: #aaa; } div#center div.navigation strong { color: #791414; font-weight: bold; } div#center div.navigation a { color: #144579; } /* Right block (polls and infos) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#right { float: right; margin-top: 16px; width: 237px; } div#right li { background: url(images/right-li-bg.jpg); display: block; font-family: "Tahoma", Arial, Helvetica, sans-serif; height: 28px; line-height: 11px; padding: 3px 56px 3px 12px } div#right li.bottom { background: url(images/right-li-bg-bottom.jpg); height: 36px } div#right li.big, div#right li.tabela { background: url(none); height: auto; padding: 0 } div#right li.advert { background: url(none); padding: 0; width: 237px; height: 175px; } /* Right block titles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#right li#przed-nami-title { background: url(images/przed-nami.jpg); width: 237px; height: 37px; padding: 0 } div#right li#sonda-title { background: url(images/sonda.jpg); width: 237px; height: 33px; padding: 0 } div#right li#nastepny-mecz-title { background: url(images/nastepny-mecz.jpg); width: 237px; height: 30px; padding: 0 } div#right li#poprzedni-mecz-title { background: url(images/poprzedni-mecz.jpg); width: 237px; height: 30px; padding: 0 } /* Poll ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#news div.answer { color: #5c5c5c; font: 13px/28px "Tahoma", Arial, Helvetica, sans-serif; margin-left: 10px; clear: both; } div#news div.answer span { width: 180px; float: left; } div#news div.vote { color: #5c5c5c; font: 13px/28px "Tahoma", Arial, Helvetica, sans-serif; text-align: center; clear: both; } div#news div.vote span { color: #c80000; font: 14px/28px "Tahoma", Arial, Helvetica, sans-serif; font-weight: bold; } div#right li.sonda { background: url(images/sonda-bg-new.jpg) no-repeat top; height: 108px; height: auto !important; margin-bottom: 10px; padding: 0 32px 0 0px; position: relative; } div#right li.sonda form { background: url(images/sonda-bottom.jpg) 0px bottom no-repeat; padding: 0 5px 0 8px; } div#right li.sonda p { color: #cce7ff; font: 10px/16px "Tahoma", Arial, Helvetica, sans-serif; margin-bottom: 3px; clear: both; display: block; } div#right li.sonda p.nope { color: #cce7ff; font: 10px/16px "Tahoma", Arial, Helvetica, sans-serif; margin-left: 8px; clear: both; display: block; font-weight: bold; } div#right li.sonda input { margin-left: 5px; } div#right li.sonda input#glosuj { background: url(images/glosuj-input.jpg); height: 25px; width: 86px; margin: 8px 0 0 100px; } div#right li.sonda img#wyniki { height: 25px; width: 86px; margin-top: 8px; position: absolute; } div#right li.sonda label { color: #fff; margin-left: 5px; } /* Results ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#right li.tabela a#tabela { background: url(images/tabela-button.jpg) no-repeat; display: block; float: left; height: 18px; width: 74px } div#right li.tabela a#wyniki { background: url(images/wyniki-button.jpg); display: block; float: left; height: 18px; width: 57px } div#right li.tabela a#spotkania { background: url(images/spotkania-button.jpg); display: block; float: left; height: 18px; width: 69px } div#right li.tabela-title { background: url(images/tabela-title.jpg); clear: both; color: #7dc5ff; display: block; float: none; font: 10px "Tahoma", Arial, Helvetica, sans-serif; height: 16px; padding: 5px 42px 0 0; text-align: right; width: 195px } div#right li.tabela-content { background: url(images/right-tabela-link.jpg) no-repeat left; color: #fff; font: 10px/21px "Tahoma", Arial, Helvetica, sans-serif; height: 21px; padding: 0 37px 0 0; position: relative } div#right li.tabela-content a:hover { background: url(images/right-tabela-link-hover.jpg) } div#right li.tabela-content a { color: #fff; display: block; padding-left: 19px } div#right li.tabela-content span.m { left: 127px; top: 0px; position: absolute } div#right li.tabela-content span.p { left: 147px; top: 0px; position: absolute } div#right li.tabela-content span.b { left: 170px; top: 0px; position: absolute } div#right li.tabela-bottom { background: url(none); height: 7px; padding: 0 } /* Future/past matches ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#right li.nastepny-mecz { height: auto; padding: 0 } div#right li.nastepny-mecz-content { background: url(images/nastepny-mecz-bg.jpg); height: 105px; padding: 0 } div#right li.nastepny-mecz-content img { margin-left: 11px; } div#right li.mecz div.info { color: #3c7aaf; float: left; font-size: 10px; line-height: 20px; margin-top: 25px; text-align: center; width: 56px; margin-left: 10px } div#right li.mecz div.info strong { display: block; font-weight: 400; } div#right li.poprzedni-mecz-content { background: url(images/poprzedni-mecz-bg.jpg); height: 145px; padding: 0; } div#right li.poprzedni-mecz-content img { margin-left: 10px; padding-top: 5px; } div#right li.mecz div.result { clear: both; color: #dc4549; font: bold 24px "Tahoma", Arial, Helvetica, sans-serif; margin-right: 31px; padding-top: 12px; text-align: center } div#right li.mecz div.teams { clear: both; font: 11px "Tahoma", Arial, Helvetica, sans-serif; color: #cce7ff; } div#right li.mecz div.teams span.team-left { width: 75px; display: block; float: left; text-align: center; padding: 0 0 0 2px; } div#right li.mecz div.teams span.team-right { width: 75px; display: block; float: right; text-align: right; padding: 0 40px 0 0; } div#right li.mecz div.result em { color: #356c9c; display: inline; font-size: 24px; font-weight: 700; line-height: 18px; margin-left: 45px; margin-right: 45px } div#right li b { color: #cce7ff; display: block; font-size: 11px; font-weight: 400; margin-bottom: 4px } div#right li em { color: #71bdff; display: block; font-size: 11px } div#right p.typer { clear: both; color: #c80000; font-weight: bold; font-size: 12px; text-align: center; margin-right: 25px; padding-top: 8px; } div#right p.typer a, a:visited { color: #ffffff; } /* Site footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#footer { background: url(images/footer.jpg) no-repeat top; clear: both; color: #acd8fc; font: 11px "Tahoma", Arial, Helvetica, sans-serif; height: 95px; padding-top: 15px; text-align: center; width: 1024px } div#footer a { color: #acd8fc } /* Pager ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#news div#pager div.pagination { padding: 3px; margin: 3px; text-align: center; font: 11px/31px "Tahoma", Arial, Helvetica, sans-serif; } div#news div#pager div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #e3e3e3; color: #1f6ba8; } div#news div#pager div.pagination a:hover { border: 1px solid #1f6ba8; color: #1f6ba8; } div#news div#pager div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #1f6ba8; font-weight: bold; background-color: #1f6ba8; color: #FFF; } div#news div#pager div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px;border: 1px solid #EEE; color: #DDD; } /* Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#news div#regform { font: 11px "Tahoma", Arial, Helvetica, sans-serif; color: #1f6ba8; text-align: left; display: block; margin-top: 5px; clear: both; } div#news div#regform div { margin-top: 5px; } div#news div#regform img.captcha { position: absolute; margin-left: 8px; } div#news div#regform input { border: 1px solid #e2e2e2; } div#news div#regform input.add { background: url('images/dodaj-komentarz.jpg') no-repeat; width: 85px; height: 25px; margin-left: 50px; } div#news div#register div { font-weight: bold; font: 11px "Tahoma", Arial, Helvetica, sans-serif; color: #1f6ba8; text-align: left; display: block; margin-top: 5px; clear: both; } div#news div#register div span { color: #c80000; } div#news div#panel div, div#news div#panel div a, div#news div#panel div a:visited { font: 11px "Tahoma", Arial, Helvetica, sans-serif; color: #1f6ba8; text-align: left; display: block; margin-top: 5px; clear: both; } div#news div#panel div span { font-weight: bold; } div#news div#panel div input.addimg { background: url('images/dodaj-komentarz.jpg') no-repeat; width: 85px; height: 25px; margin-left: 20px; } /* Inne ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#center div#txt a:hover { font-weight: bold; color: #c80000; } div#center div#txt a { font-weight: bold; color: #c80000; } div#center-live { background: #FFF url(images/content-top.gif) no-repeat center top; float:left; padding: 7px 7px 76px 6px; width: 572px; height:auto !important; height: 1050px; min-height: 1050px; position: relative; margin-top: 5px } div#center-live div#relacja { background: url(images/relacja-tlo.jpg) no-repeat; height: 76px; padding-left: 10px; padding-top: 2px; position: relative; width: 562px } div#top-live { background: #ffffff repeat-x left top; height: 200px; } div#center-live img#down-live { position: absolute; display: block; left: 0; bottom: 0 } div#left-live { float: left; margin-top: 16px; width: 300px } div#right-live { float: right; margin-top: 16px; } div#top-live div#infos { background: #fff; width: 600px; height: 130px; left:300px; top: 40px; position: absolute; text-align: center } div#top-live div#infos div.when { color: #1f6ba8; display: block; font-size: 13px; } div#top-live div#infos td { background: white; text-align: center } div#top-live div#infos td.polowa { background: white; color: #1f6ba8; font-size: 13px; text-align: center } div#top-live div#infos td.img { background: white; width: 60px; } div#top-live div#infos td.name { background: white; color: #000000; width: 167px; font: 20px bold; text-align: center } /* Kadra ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#kadra h2.position { border-bottom: 1px solid red; width: 110px; margin: 0 auto; text-align: center; margin-bottom: 10px; } div#kadra ul.lists { width: 560px; margin: 0 auto; height: auto !important; overflow: hidden; } div#kadra ul.lists li { float: left; text-align: center; margin-right: 10px; height: 120px; } div#kadra ul.lists li img { height: 88px; padding-bottom: 5px; } div#kadra ul.lists li a { text-decoration: none; font: 13px "Tahoma", Arial, Helvetica, sans-serif; color: #1f6ba8; } div#kadra ul.lists li a:hover { color: red } /*kadra, zawodnik*/ div#kadra div.left_img { float: left; width: 255px; margin-left: 10px; height: auto !important; overflow: hidden; } div#kadra div.left_img img { border: 1px solid gray } div#kadra div.right_inf { float: right; width: 280px; font: 13px "Tahoma", Arial, Helvetica, sans-serif; color: #616161; line-height: 25px; margin-right: 5px } div#kadra div.right_inf span { font-weight: bold; color: red } div#kadra div.zaw_kariera { font: 13px "Tahoma", Arial, Helvetica, sans-serif; color: #616161; margin-left: 15px } /*ankieta*/ div#right li#ank-title { background: url(images/ank-maz.jpg); width: 237px; height: 37px; padding: 0 } div#right li.middle { background: url(images/right-li-bg-an.jpg) } div#right li.middle img.ico { position: relative; top: -39px; left: 10px } div#right li.middle a { color: #CCE7FF; font-size: 13px; font-weight: bold } div#right li.middle a.down { position: relative; top: -45px; left: 10px; } div#right li.middle a.more { position: relative; top: -25px; left: 100px; } div#right li.an { background: url(images/right-li-bg-bottom-an.jpg) }