/* Autorem kodu jest: www.finaldesign.pl */ /* UWAGA !!! Do edycji tego pliku polecam program PSPad odradzam notatnik */ /* tutaj ogolnie definujemy wyglad strony WWW, ustalamy najczesciej czcionke, marginesy, tla itd., w HTMLu jest to znacznik zaczyna sie od a konczy na */ body { margin: 0px; font-family: Verdana, Sans-Serif; color: #333333; background-image: url('gfx/bg_body.jpg'); background-repeat: repeat-x; } /* tutaj definiujemy, ze tak powiem "czesc uzytkowa" strony WWW, czyli w przypadku wysrodkowanej strony odnosi sie to wlasnie do tej czesci po srodku strony */ #site { width: 80%; margin: 0 auto; width: 1000px; height: auto; } #top { font-size: 10px; margin-right: 25px !important; margin-right: 10px; padding-top: 10px; padding-bottom: 4px; padding-left: 10px; float: both; color: #003366; } /* tutaj definiujemy wyglad potocznie zwanego loga strony, w HTMLu nosi ono nazwe header */ #header { height: 150px; width: 1000px; float: left; background-image: url('gfx/header.jpg'); margin-bottom: 1px; margin-top: 1px; } /* tutaj definiujemy tylko polozenie nawigacji, do szczegolowego definiowania wygladu nawigacji sluzy osobny plik *.css (nawigacja.css) */ #navigation { float: left; background-color: #FFFFFF; text-align: left; } /* tutaj definiujemy wyglad obiektu/menu po lewej stronie, ja w HTMLu nazwalem to left, w nim znajdowac sie beda tzw. boxy */ #left { font-size: 12px; margin-top: 15px; float: left; width: 250px; height: auto; border-right: 1px dashed rgb(210,210,210); text-align: left; } #left a:link {color: #003366;text-decoration: underline;} #left a:visited {color: #003366;text-decoration: underline;} #left a:hover {color: #cc3333;text-decoration: none;} #left a:active {color: #cc3333;text-decoration: none;} /* tutaj definiujemy wyglad tresci, w HTMLu nosi to nazwe content */ #content { font-size: 12px; margin-top: 15px; float: right; width: 734px; height: auto; } #content a:link {color: #003366;text-decoration: underline;} #content a:visited {color: #003366;text-decoration: underline;} #content a:hover {color: #cc3333;text-decoration: none;} #content a:active {color: #cc3333;text-decoration: none;} /* tutaj definiujemy wyglad stopki, czyli w HTMLu jest to footer */ #footer { font-size: 12px; padding: 12px; float: left; clear: both !important; clear: none; width: 976px !important; width: 1000px; background-image: url('gfx/bg_nawigacja_akt.gif'); border-top: 1px solid rgb(210,210,210); margin-top: 15px; text-align: left; } #webmaster p { margin:0px; padding:0px; } #w3c { padding-right: 0px; color: #666666; float: left; clear:left; width: 1000px !important; width: 400px; margin-top: 15px; margin-bottom: 15px; text-align: left; font-size: 10px; } #webmaster { font-size: 10px; padding-right: 0px; float: right; width: 300px !important; width: 400px; margin-bottom: 15px; color: #666666; text-align: right; } /* tutaj definiujemy naglowek typu H3, musimy zadbac aby wygladal tak samo pod FF jak po IE bo ma tendecje do niespodzianek */ h3 { margin-top: 0px; margin-bottom: 5px !important; margin-bottom: 0px; font-size: 14px; font-weight: bold; text-align: left; } /* tutaj definiujemy wyglad linii poziomej hr, w HTMLu wystepuje jako znacznik

, zazwyczaj po naglowku */ hr { border-top:1px dashed rgb(200,200,200); border-width:1px 0 0 0; height:1px; margin-top: 5px !important; margin-top: 0px; margin-bottom: 5px !important; margin-bottom: -5px; } p { margin-top:15px !important; margin-top:0px; margin-bottom: 15px !important; margin-bottom:10px; } /* tutaj definiujemy wyglad odnosnikow w menu gornym, czyli w HTMLu top */ #top a:link {color: #333333;text-decoration: none;margin-left: 7px;font-weight: bold;} #top a:visited {color: #333333;text-decoration: none;margin-left: 7px;font-weight: bold;} #top a:hover {color: #cc3333;text-decoration: none;font-weight: normal;} #top a:active {color: #cc3333;text-decoration: none;font-weight: normal;} /* tutaj ustalamy wyglad odsylacza w stopce, w HTMLu to footer */ #footer a:link { text-decoration: none;margin-left: 7px;} #footer a:visited { text-decoration: none;margin-left: 7px;} #footer a:hover {text-decoration: none;} #top a:active {text-decoration: none;} /* tutaj ustalamy wyglad odsylacza pod stopka, w HTMLu to webmaster */ #webmaster a:link {color: #333333;text-decoration: none;} #webmaster a:visited {color: #333333;text-decoration: none;} #webmaster a:hover {color: #cc3333;text-decoration: none;} #webmaster a:active {color: #cc3333;text-decoration: none;} #w3c a:link {color: #333333;text-decoration: none;} #w3c a:visited {color: #333333;text-decoration: none;} #w3c a:hover {color: #cc3333;text-decoration: none;} #w3c a:active {color: #cc3333;text-decoration: none;} input.pole, input, textarea, select { font-size: 14px; color: black; font-family: Arial, Verdana; font-weight: none; border: 1px solid black; background: white } input:focus, textarea:focus { background: #dddddd; border-color: #FF0000; } #info { margin: 10px 20px 0px 0px; padding: 5px 5px 5px 40px; color: #777; BORDER: #cc3333 1px solid; background-color: #f8f8f8; float: left; } #info p { margin:0px; padding:0px; }