alebo

, je cierna */ } /*-------------------------------------------------------------------------------------------*/ /* HEADER */ #header { width: 800px; /* rozmer obrazka */ height: 106px; margin: 0 auto; /* ziadny okraj a auto-zarovnanie na stred...funguje v mozille */ padding: 0px; background: url('/images/backgrounds/kika_header_800.png'); position:relative; top: 50px; /* tieto dve veci vytvorili tu odrazku headera - vidiet nad nim 50 pikslov pozadia */ } /*-------------------------------------------------------------------------------------------*/ /* UBERDOLEZITE pre LAVYSTLPEC - positioning */ p.nadpis { position:relative; right:-140px; font-weight: bold; font-size: 16px; color: black; border: 3px dotted #e4e4e4; } p.datumcek { position:relative; right: -140px; top: 35px; font-size: 12px; font-weight: bold; color: black; border-bottom: 3px solid white /*#0c98df*/; } span.datumcek { font-size: 12px; font-weight: bold; color: black; border-left: 15px solid #0c98df; } p.kratky_text { position:relative; right:-140px; top: 35px; } p.nadpisy { position:relative; right: -140px; top: 35px; font-size: 16px; font-weight: bold; color: black; border-bottom: 3px solid white /*#0c98df*/; } p.dlhy_text /* aby sa objavil scrollbar, ked vkladam dlhy text */ { position:relative; right:-140px; top: 35px; width:440px; height:510px; overflow: auto; padding-right: 15px; } ul.pos_right /* velice fajn vec, ale robi odrazky, tak pouzivam span */ { position:relative; right: -140px; top: 35px; font-size: 14px; } ul.pos_right_boldom /* velice fajn vec, ale robi odrazky, tak pouzivam span */ { position:relative; right: -140px; top: 35px; font-size: 14px; font-weight: bold; } /*-------------------------------------------------------------------------------------------*/ /* UBERDOLEZITE pre PRAVYSTLPEC: BUTTONY - positioning */ a.rozpal { /* toto robi medzierky medzi buttonmi */ padding-top: 5px; padding-bottom: 5px; } .pozicia /* class pre span, ktory ulozi buttony na miesto */ { position:relative; right: -15px; top: 85px; } .pozicia_linky /* class pre span pre linky (zdravoachutne) na ine stranky pod menu */ { position:relative; left: 17px; top: 140px; } /*-------------------------------------------------------------------------------------------*/ * TELO STRANKY */ /* vseobecne */ #wrap { /*ten class ktory musim hodit jednemu divu nad div #telo, aby sa text nerozdrapoval kam chce...zaujimave, ze musi byt specifikovany, ale v html ho nemam pouzity*/ margin: 0 auto; width: 800px; } #telo { /*ten class divu, v ktorom su vclenene lavy a pravy sptlpcek */ width: 800px; margin: 0 auto; padding: 0px; background: url('/images/backgrounds/kika_body_800.png'); } /* vclenene v tele */ #lavystlpec { float: left; width: 600px; height: 611px; text-align: justify; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ background: url('/images/backgrounds/kika_left_600.png'); position:relative; top: 50px; } #lavypokec { float: left; width: 440px; height: 611px; text-align: justify; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ } #pravystlpec { float: right; width: 200px; height: 611px; text-align: left; /* toto tu ani nemusi byt, lebo v body je ten text align: center;, ale radsej nech je */ background: url('/images/backgrounds/kika_right_200.png'); position:relative; top: 50px; } #pravypokec { float: left; width: 140px; height: 611px; text-align: justify; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ } /*-------------------------------------------------------------------------------------------*/ /* FOOTER */ #footer { width: 800px; margin: 0 auto; background: white; clear: both; text-align: center; font-family: "Century Gothic",Tahoma; font-size: 9px; color: #0c98df; /* farba pisma vo footeri je takato modra...inac by zdedil footer farbu pisma z */ position:relative; /* tymito dvoma vecami sa cely footer posuva o 50 pikslov dole */ top: 50px; } .footernabok /* class pre span, kory posunie cely text footera pod pravu tabulku */ { position:relative; right:-280px; } /*-------------------------------------------------------------------------------------------*/ /* PISMO, NADPISY, ODSTAVCE */ h1, h2 { margin: 0; padding: 0; text-transform: uppercase; font-family: "Arial",Tahoma; color: black; } h3, h5, h6 { margin: 0; padding: 0; text-transform: uppercase; font-style: italic; font-family: "Arial",Tahoma; color: black; } h4 { color: #0c98df; font-weight: bold; text-transform: uppercase; font-family: "Arial",Tahoma; } p { font-size: 13px; } em { font-weight: bold; font-size: 16px; color: black; } .boldom { font-weight: bold; } /*-------------------------------------------------------------------------------------------*/ /* LINKY */ a { color: #0c98df; border: none; text-decoration: none; } a:hover { color: #dd137b; border: none; text-decoration: none; } /*-------------------------------------------------------------------------------------------*/