/* Klubweb.cz stylopis šablona: HCM Jaroměř Autor: Michal Berg (michal.berg@esports.cz) web: www.hcmjaromer.cz top: http://www.takurcite.cz/webcss/header.png (980x160px) menu-velke: hcmjaromer_menu_pozadi_velke.png (80x112 px) menu-male: hcmjaromer_menu_pozadi_male.png (42x59) infobox-pozadi: hcmjaromer_infobox_pozadi.png (66x92px) - pokud se nahrají nové soubory na stejné míst, stačí replace vyměnit jejich prefix použité barvy: modrá: #272b74 šedá: #E3E7EC4 bílá: #064a87 žlutá: #FFFB00 */ /* HELP obvykle se mění: GLOBAL - barva pozadí - body - unverzání barva odkazů - sekce global MENU: - background image menu - velke (sekce menu) - background image menu - male - background image infoboxu - stredni - barva pozadí když není k dispozici obrázek - linka okraje submenu TABULKY: - pozadí nadpisů tabulek - sloučené řádky na konci stylopisu - nadpisy tabulek HOMEPAGE: - barva textu infoboxu - #content .header - barva ankety - anketa_graf_vyplnene - barva posuvníku aktualit (dají se vyměnit šipky i posuvník) Barvu odkazů je obvykle možné vyměnit hromadně (replace), používá se to na různé orámování a podobně. :--- */ /* --- global --- */ html {background: url(bcg.jpg) no-repeat center 0px; background-attachment: fixed;background-color:#0d1752;} body {color: #000000; background: url(bcg2.png)no-repeat center 0px;} a {color: #6d1876;} a:hover {color: #6d1876;} a:visited {color: #6d1876;} a:link {color: #6d1876;} a:focus {color: #272b74;} img.border {padding: 0px; border: 1px solid #888888;} hr {background: #888888;} legend {color:e6e6e6; background: #888888;} fieldset {border: 1px solid #888888;} .line {background: #383431;} /*-------------------------- Layout --- */ /*-------------------------- version 2 --- */ #content #col_news{ margin: 0px 0px 0px -720px; } #content #col_text{ margin: 0px 20px 0px 240px; margin-top:0px; width:460px; } #content #col_games{ margin: 0px 0px 0px 10px; } #content #col_video{ width: 440px; margin: 0px 0px 20px 0px; display: none } /*-------------------------- TOP BAR + LOGO --- */ #top_bar, #top_bar a#logo_mysquad {background: #272b74;} #logo .toleft {background: #ffffff;} #logo .toright {background: #ffffff;} #logo .toright #logo_header {color:#968796; display: block;} /*-------------------------- MENU --- */ #layout #menu {margin-top:35px;background-color:#70167a; color:#fdf800;font-family:'Sarpanch', sans-serif;font-weight:600;} #menu ul li {position:relative} #menu ul li.menu {width:auto} #menu ul li a:link, #menu ul li a:visited {color: #ffffff;} #menu ul li a:hover {color:#fff500; text-decoration: none;} #menu ul li.show a {color:#fff500; background-color:rgba(0,0,0,0); } #menu ul li.show ol li a {background: #6d1876; color:#FFFFFF; border-bottom: 1px solid #272b74;width: 150px;} #menu ul li ol li a:hover{background: #6d1876; color: #fff500; text-decoration: none;} #menu ul li a {padding-left: 14px; padding-right: 14px;} /* okraje submenu */ #menu ul li.show ol li a {border-bottom: 1px solid #ffffff;} #menu ul li.show ol li a:hover {border-bottom: 1px solid #ffffff;} #menu ul li.matches ol li {background: #f0352e; color: #CE0000;} #menu ul li.matches ol li {background: #f0352e; color: #ffffff;} #menu ul li.matches ol li a {color: #ffffff; background: transparent;} #menu ul li.matches ol li span strong.submenu_header {color: yellow} #menu #search_box {background: #ffffff url(bcg_search_submit.png) no-repeat right 0px;} #search_box #search_text {color:#a6a6a6; background: #ffffff} /*-------------------------- Bottom --- */ #layout #bottom {background: #383433; color: #ffffff;font-weight:bold;} #layout #bottom a {color: #ffffff;} #layout #bottom_menu {color: #6d1876;} #bottom_menu a {color: #6d1876;} /*-------------------------- Layout --- */ #layout #content {background: #FFFFFF url(content.jpg) repeat-x center 0px;} #content .header {color: #ffffff; background: #f1f1f1;} #content .header a {color: #ffffff;} #content .box {background: #F1F1F1; color: #888888;} #content .box a {color: #888888;} /*-------------------------- NEWS --- */ .news_panel .header_news {color: #ffffff;} .news_panel span {font-weight: bold;} .header_news {font-weight: bold;} /*-------------------------- Anketa --- */ #col_news .anketa .anketa_otazka {border-bottom: 1px solid #C3C3C3;} #col_news .anketa .anketa_graf {background: #FFFFFF;} #col_news .anketa .anketa_graf_vyplnene {background:#272b74;} #col_news .anketa .hlasuj {border-top: 1px solid #C3C3C3;} #col_news .anketa .hlasuj input {color:#868686;} #col_text #infobar {background: #F1F1F1; border:1px solid #E5E5E5;} /*-------------------------- věci z obsahu --- */ #col_text .author {border-bottom: 1px solid #383431;color:#969696} #col_text h1, #col_text h1 a:link, #col_text h1 a:visited {color: #6d1876; text-decoration: none;font-family:'Sarpanch', sans-serif;font-weight:500;} #col_text h1 a:hover {text-decoration: underline} #col_text h2 {font-size: 24px; font-weight: bold;} #col_text h3 {margin-bottom: 0px; padding-bottom:0 px;} #gametime {font-size: 12px; background: #F4F4F4; padding-left: 3px; text-align: center;} #gameseason {font-size: 12px; background: #ffffff; padding: 4px; text-align: center;} #gameseason A {font-weight: bold;} #gameteams {border: 0px solid #f4f4f4;} #gameteams h2 {padding: 4px; margin: 0; font-size: 22px;} P#gamestats {border:0px solid #eee;margin-top:0;border-bottom:0px;margin-bottom:0;border-top:1px solid #272b74;padding-top:10px;} #gamespectators {border:0px solid #eee;margin-top:0;} #gamereport {border:0px solid #eee; border-top:0px;} #gamereport1 {border:0px solid #eee} #gamereport2 {border:0px solid #eee} #gamescomment {border:1px solid #eee} #gamequotes {border:0px solid #eee} #gamescore h2 {margin:0;padding:0;font-weight:bold;font-size:20px;} .center {background:#eee;} #tabroster {font-size:12px; background:#f1f1f1;} #tabroster A {font-weight:bold;} #tabroster THEAD {background:#ffffff} #tabroster TR TD {border-bottom:1px solid #272b74;} #tabroster TR.goalkeeper {background:#cccccc;} #tabroster TR.back {background:#e4e4e4;} #tabroster TR.forward {background:#F4F4F4;} #tabplayer THEAD {background:#ffffff} #tabplayer {background:#f4f4f4;} #tabmatches {width:100%; font-size: 11px} #tabmatches TR TD A {font-weight:bold;} #tabmatches THEAD {background:#ffffff} #tabmatches TR.doma {background:#e4e4e4;} #tabmatches TR.venku {background:#F4F4F4;} #tabmatches TR TD {border-bottom:1px solid #272b74;} /*-------------------------- nadpisy tabulek --- */ #col_news .header, #gamecomment .header, #gamequotes .header {background: url(boxa.png); color: #ffffff;} #col_games .header {background: url(boxb.png); color: #ffffff;} #tabmatches thead TR TH, #tabroster thead TR TH, #tabplayer thead TR TH {background: #34302d; color: #ffffff;} #tabmatches thead TR TH A, #tabroster thead TR TH A, #tabplayer thead TR TH A {background: #34302d; color: #ffffff;} #gameseason, .forumheader {background: #34302d; color: #ffffff;} #gameseason A, .forumheader A {color: #ffffff;} .forumheader {height: 23px; padding: 4px 5px 0px 5px;} #content .header {padding: 7px 10px 7px 20px; } /*-------------------------- posuvník --- */ #col_news .jScrollPaneTrack {background: url(scroll_track.png) repeat-y;} #col_news .jScrollPaneDrag {background: url(scroll_drag_middle.png) no-repeat 0 50%;} #col_news a.jScrollArrowUp {height: 17px; background:url(scroll_arrow_up.png) no-repeat 0 0;} #col_news a.jScrollArrowDown {height: 17px; background:url(scroll_arrow_down.png) no-repeat 0 0;} #col_news .jScrollPaneDragTop {background: none; height: 1px;} #col_news .jScrollPaneDragBottom {background: none; height: 1px; } #gallery a img {margin: 15px 30px 5px 0;} #content .header { font-size: 14px; } #menu ul { width: 720px; padding-left: 18px; } .header { font-family:'Sarpanch', sans-serif;font-weight:600; } @media (max-width: 760px) {#layout #menu {font-family:Arial, sans-serif;font-weight:600;}} a.rss {display:none;} #content .header { font-size: 14px; } /*-------------------------- kalendar --- */ .layout2.body-event-index #col_games {display:none;} .layout2.body-event-index #content #col_text {width:700px;} .layout2.body-event-index #content #col_news {margin: 0px 0px 0px -960px;} table.event_calendar {font-size:14px;} table.event_calendar tbody td span.day {color: #000000;} table.event_calendar tbody td a.event {text-decoration:none;} table.event_calendar tbody td a.event:hover {text-decoration:underline;} table.event_calendar tbody td.match_home {background-color: #840028; color:#fedd06;} table.event_calendar tbody td.match_home a.event {color:#fedd06;} table.event_calendar tbody td.match_home span.day {color:#ffffff;} table.event_calendar tbody td.match_guest {background-color: #fedd06; color:#840028;} table.event_calendar tbody td.match_guest a.event {color: #840028;} table.event_calendar tbody td.event {background-color: #a5a5a5; color:#ffffff;} table.event_calendar tbody td.event a.event {color:#000000;} table.event_calendar tbody td.match_home, .event_calendar_help .match_home span.color {background-color: #840028;} table.event_calendar tbody td.match_guest, .event_calendar_help .match_guest span.color {background-color: #fedd06;} table.event_calendar tbody td.event, .event_calendar_help .event span.color {background-color: #a5a5a5;} #col_games .box.block-custom img:hover {opacity:0.75;} #col_news .box.block-custom img:hover {opacity:0.75;} .layout2.body-roster-detail #col_games {display:none;} .layout2.body-roster-detail #content #col_text {width:700px;} .layout2.body-roster-detail #content #col_news {margin: 0px 0px 0px -960px;} .layout2.body-rosterplayer-detail #col_games {display:none;} .layout2.body-rosterplayer-detail #content #col_text {width:700px;} .layout2.body-rosterplayer-detail #content #col_news {margin: 0px 0px 0px -960px;} .vlajky{width: 100%;text-align: center;} .vlajky img{padding:0px 15px 0px 15px;}