body /* ca3a strona - przegladarka */ {font: normal normal normal 14px/normal Arial, Helvetica, Verdana, Seans-serif; Verdana, Sans-serif; /* CZCIONKA */ text-align: center; /* WYSRODKOWANIE tekstu = wszystkiego, np. tabel - nie. Dzia3a tylko w IE6.0. Dla nowszych przegladarek ustawiam prawy i lewy margines strony na 'auto' - dzi骩 temu w Operze i FF tabele sa wysrodkowane*/ margin: 0 auto 0 auto; /* marginesy zewn鳲zne: g��prawo d��ewo = wysrodkowanie wnetrza i kontenera/ramy */ padding: 0 0 0 0; /* marginesy wewn鳲zne, np. odleg3osc tekstu od ramki */ background: url('grafika/tapeta.png') repeat-x fixed; /* url('grafika/tapeta.jpg') repeat-x; TLO, powielaj np. wg x */ /* Inne wartosci tla: background-attachment: fixed; // grafika w tle ma si蟮ie przesuwa䟲azem z trescia strony ] background-repeat: no-repeat; // powtarzanie t3a [mo¿liwosci: repeat, repeat-x, repeat-y, no-repeat (-powtarzaj, powt. poziomo, powt. pionowo, nie powtarzaj]]. background-position: X Y; // ustawienie t3a. Odleg3os䟯d lewej [x] i od g��[y]. Jednostki: px, em, cm, in, %. */ } #kontener /*g3�� zewn鳲zny element BLOKOWY - w nim pozosta3e elementy sa */ /* z-index: 0; position: absolute; - lepiej tu nie stosowa䞽 powoduje ¿e ten glowny=zewnetrzny div nie jest centrowany wg okna przegladarki = lepiej to zrobic dla jakiegos div-a wewnatrz glownego */ {position: relative; width: 980px; height: auto; /* szerokosc i wysokosc witryny */ margin: 0 auto 0 auto; /*auto konieczne jezeli ma wysrodkowa䟳trone - marginesy zewnetrzne*/ padding: 230px 0 10px 0; /* odst鯹 - odleg3os䟯d elementu wewnatrz - marginesy wewn鳲zne */ background: url('grafika/kontener_zie.png'); border: 0px ridge #FF0033; /*TLO i obramowanie*/ } #srodek /*podstawowy element BLOKOWY - tutaj wpisujemy teksty stron aby tekst mial odleglos䟯d kontenera */ {width: 84%; height: auto; /* szerokosc i wysokosc bloku */ margin: 0 auto 0 auto; /*marginesy zewnetrzne, ¿eby si蟮ie powi骳za3o okno ponad 100% ustawione to musi by䟳zerkosc auto (zamiast 0) ustawiona dla paddingow wiekszych od 0 */ padding: 0 0 0 0; /* marginesy wewnetrzne - jak powi骳zam to ro¶nie po szeroko¶ci okno ? */ background: transparent; border: 0px solid #FFFF00; /*TLO i obramowanie*/ } #srodek2 /*podstawowy element BLOKOWY - dla jpg z matematyki ksiazki */ {width: 84%; height: auto; /* szerokosc i wysokosc bloku */ margin: 0 auto 0 auto; /*marginesy zewnetrzne, ¿eby si蟮ie powi骳za3o okno ponad 100% ustawione to musi by䟳zerkosc auto (zamiast 0) ustawiona dla paddingow wiekszych od 0 */ padding: 0 0 0 0; /* marginesy wewnetrzne - jak powi骳zam to ro¶nie po szeroko¶ci okno ? */ background: transparent; border: 0px solid #FFFF00; /*TLO i obramowanie*/ } #labirynt /*podstawowy element BLOKOWY - z grafik± labiryntu dla mapa serwisu */ {width: 90%; height: auto; /* szerokosc i wysokosc bloku */ margin: 0 auto 0 auto; /*marginesy zewnetrzne0 */ padding: 0 0 0 0; /* marginesy wewnetrzne*/ background: url('grafika/labirynt.png') repeat-y right; border: 0px solid #FFFF00; background-attachment: scroll; /*TLO i obramowanie*/ } #neon /*podstawowy element BLOKOWY - dla jpg z matematyki ksiazki */ {width: 30%; height: auto; float:left; /* oplywowo obok divy */ margin: 0 auto 0 auto; padding: 0 0 0 0; /* marginesy wewnetrzne - jak powi骳zam to rosnie po szerokosci okno ? */ background: transparent; border: 0px solid #FFFF00; /*TLO i obramowanie*/ text-align: left; text-indent: 0px; /*powieksza okenko tekstu za margines*/ } .neon1 {text-decoration: blink; text-align: left} #naglowek /* tlo naglowka strony - z-index: 0; np.=-1 w niekt��h przegladark. znika pod tapeta */ {background: url('grafika/naglowek.jpg'); /* url('grafika/naglowek.jpg'); clear: both;= nast鯮y pod spodem, linea;=obok */ width: 100%; height: 140px; /* szerokosc i wysokosc naglowka */ position: absolute; top: 0; left: 0; /* po3o¿enie absolutne wzgl飥m zewnetrz.bloku = kontenera */ } #n_tytull /* cien tytulu naglowka - zobacze czy wykorzystac */ { background: transparent; border: 0px ridge #FFFF00; width: 72%; height: 100%; /* szer. i wysok. */ position: absolute; top: 0px; left: 2px; font-variant: small-caps; /* polozenie absolut. wzgledem zewnetrz. bloku =kontenera */ } #n_tytul /* tytul naglowka - może zmienie na pozycjonowanie bezwzgledne potem zamiast oblewanie*/ { background: transparent; border: 0px ridge #FFFF00; width: 72%; height: 100%; /* szer. i wysok. */ position: absolute; top: -2px; left: 0px; font-variant: small-caps; /* polozenie absolut. wzgledem zewnetrz.bloku =kontenera */ } #uwaga /* div absolutny na menu do info o odświażaniu strony */ { background: transparent; border: 0px ridge #FFFF00; width: 28%; height: auto; position: absolute; top: 100px; left: 100px; color: #900; text-align: center; font: 500 italic 14px/normal "Times New Roman"; } #uwaga1 /* div absolutny nad menu - do migotającego tekstu */ { background: transparent; border: 0px solid #FF0; width: 50%; height: 15px; position: absolute; top: 99px; left: 380px; color: #060; text-align: center; font: 500 italic 13px/normal "Times New Roman"; line-height: 1px; margin: 0 auto; overflow: hidden; } .blink_me /* migający tekst */ { animation-name: blinker; -webkit-animation-name: blinker; -moz-animation-name: blinker; animation-duration: 13s; -webkit-animation-duration: 13s; -moz-animation-duration: 13s; /* prędkość migania + #przegląd. */ animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } #uwaga2 /* div absolutny pod menu na tekst plywajacy */ { background: transparent; border: 0px ridge #FFFF00; width: 50%; height: 17px; position: absolute; top: 213px; left: 20px; color: #060; text-align: center; font: 500 italic 14px/normal "Times New Roman"; line-height: 1px; margin: 0 auto; overflow: hidden; } #uwaga2 > p { position:absolute; margin:0; white-space: nowrap; animation: przesun 30s linear infinite; /* prędkość plynięcia tekstu, dla: IE itp. */ -webkit-animation:przesun 30s linear infinite; /* prędkość tekstu, dla: Opery 15+, G.Chrome, Safari */ } #uwaga2 > p:hover { animation-play-state:paused; -webkit-animation-play-state:paused; } .tabb_ { background: transparent; border: 1px ridge #CDCDCD; margin: 0 0 0 0; text-align: left; padding: 0 0 0 0; width: 100%; /*marg.wewn.: od gory; prawej, dolu, lewej*/} .tabb_0 { background: transparent; border: 1px ridge #CDCDCD; margin: 0 0 0 0; text-align: left; padding: 0 0 0 0; width: 50%; /*marg.wewn.: od gory; prawej, dolu, lewej*/} #autor /* prawa autorskie */ { background: transparent; border: 0px ridge #FFFF00; width: 100%; height: auto; position: absolute; top: 120px; left: 25px; color: #FF0000; text-align: center; font: 500 italic normal 14px/normal "Times New Roman"; } #licznik /* div - miejsce na licznik odwiedzi - umieszczam zaraz pod body i div top */ { background: transparent; border: 0px ridge #FFFFFF; width: 170px; height: 250px; position: absolute; top: 10px; right: 1px; color: #006600; } #okno /* div - miejsce na dodatki np. link google+ */ { background: transparent; border: 0px ridge #FFFFFF; width: 170px; height: 100px; position: absolute; top: 240px; right: 10px; color: #339900; } #klik /* div - rysunek klik odswiez strone */ { background: transparent; border: 0px ridge #FFFFFF; width: 100px; height: 37px; position: absolute; top: 90px; left: 0px; color: #FF0000; } a.klikk, a.klikk:link, a.klikk:visited /* linki1 og��e strony - dla nieodwiedzonych i kiedys odwiedzonych */ { background: url('grafika/klik6.png'); border: 0px ridge #FFFFFF; width: 100px; height: 37px; top: 0; left: 0; position: absolute; } a.klikk:focus, a.klikk:hover /* link najechany myszka oraz np. najehany klawiszem np. tab */ { background: url('grafika/klik7.png'); border: 0px ridge #FFFFFF; width: 100px; height: 37px; top: 0; left: 0; position: absolute;} a.klikk_, a.klikk:active /* link otwartej aktualnie strony oraz link klikni鳹 myszka */ { background: url('grafika/klik5.png'); border: 0px ridge #FFFFFF; width: 100px; height: 37px; top: 0; left: 0; position: absolute;} #rysunek /* div -na rysunek bezwzglednie umieszczony */ { background: url('grafika/wspinaczka.png') no-repeat; border: 0px ridge #FFFFFF; width: 150px; height: 200px; position: absolute; top: 100px; left: -121px; color: #FFFF00; } #n_grafika /* grafika naglowka */ { background: url('grafika/uczniowie.png') no-repeat; position: absolute; top: 0; right: 0; width: 28%; height: 100%; /* lub position: static; szer. i wysokos䞢auto" - nie dopasowuje do ilosci tekstu na IE display: inline; float: left; = p3y� prawo wewnatrz elementu */ } #n_grafika1 /* grafika naglowka */ { background: url('grafika/uczniowie1.png') no-repeat; position: absolute; top: 0; right: 0; width: 30%; height: 100%; /* lub position: static; szer. i wysokos䞢auto" - nie dopasowuje do ilosci tekstu na IE display: inline; float: left; = p3y� prawo wewnatrz elementu */ } /* linki wystepujace na stronie = w tresci = odnosniki */ a:link {color:#006600; text-decoration:none; } /* nieodwiedzony*/ a:visited {color:#336600; text-decoration:none; } /* odwiedzony*/ a:focus, a:hover {color:#666600; font-weight: 700; text-decoration:none; } /* link najechany klawiszem, myszka */ a:active {color:#996600; text-decoration:none; } /* link klikni鳹 myszka bez poszczenia */ /* poziome MENU g3�� strony N A J N O W S Z E */ .tlomenu /* both = nast鯮a linia znajdzie si蟰od obiektem .luz*/ { clear: both; width: 100%; height: 40px;/* 100% i auto nie dziala w Chrome*/ background: url('grafika/menu.jpg') repeat-x; position: absolute; top: 140px; left: 0; /* polozenie absolutne wzglendem zewnetrz.bloku = kontenera */ } a.men, a.men:link, a men:visited /* linki1 og��e strony - dla nieodwiedzonych i kiedys odwiedzonych */ { background-color:transparent; color:#006600; display:inline; float: left; width:192px; height:40px; padding:10px 0px 0px 0px; border-right: 2px solid #006600; border-left: 2px solid #006600; font-size:17px; text-decoration:none; text-align:center; font-weight: 700; letter-spacing: 4px; font-variant: small-caps; } a.men:focus, a.men:hover /* link najechany myszka oraz np. najehany klawiszem np. tab */ { background: url('grafika/menu1.png') repeat-x; color:#006600; letter-spacing: 4px; } a.men_, a.men:active /* link otwartej aktualnie strony oraz link klikni鳹 myszka */ { background: url('grafika/menu_.jpg') repeat-x; color:#FFFFFF; display:inline; float: left; width:192px; height:40px; padding: 10px 0px 0px 0px; border-right: 2px solid #006600; border-left: 2px solid #006600; font-size:17px; text-decoration:none; text-align:center; font-weight: 700; letter-spacing: 4px; font-variant: small-caps; } /* poziome podMENU strony N A J N O W S Z E - tam gdzie 2xn w nazwie to węższe przyciskina 153 zamiat 170 */ .tlopmen { clear: both; /* both = nast鯮a linia znajdzie si蟰od obiektem .luz*/ width: 100%; height: 30px; background: url('grafika/pmenu.jpg') repeat-x; position: absolute; top: 180px; left: 0; /* po3o¿enie absolutne wzgl飥m zewnetrz.bloku = kontenera */ } a.pmen, a.pmen:link, a pmen:visited /* linki1 og��e podstrony - dla nieodwiedzonych i kiedy¶ odwiedzonych */ { background-color:transparent; color:#FFFFFF; display:inline; float: left ; width:170px; height:26px; padding:4px 0px 0px 0px; margin: 0 5px 0 5px ; border-right: 0px solid #000000; font-size:15px; text-decoration:none; text-align:center; font-weight: 500; } a.pmenn, a.pmenn:link, a pmenn:visited /* linki1 og��e podstrony - dla nieodwiedzonych węższe na 153 zamiast 170 */ { background-color:transparent; color:#FFFFFF; display:inline; float: left ; width:153px; height:26px; padding:4px 0px 0px 0px; margin: 0 5px 0 5px ; border-right: 0px solid #000000; font-size:15px; text-decoration:none; text-align:center; font-weight: 500; } a.pmen:focus, a.pmen:hover /* link najechany myszka oraz np. najehany klawiszem np. tab */ { background: url('grafika/pmenu1.png') repeat-x; color:#006600; } a.pmenn:focus, a.pmenn:hover /* link najechany myszka oraz np. najehany klawiszem np. tab */ { background: url('grafika/pmenu1.png') repeat-x; color:#006600; } a.pmen_, a.pmen:active /* link otwartej aktualnie podstrony oraz link klikni鳹 myszka */ { color:#006600; display:inline; width:170px; height:26px; float: left; padding:4px 0px 0px 0px; margin: 0 5px 0 5px ; border-right: 0px solid #009900; background: url('grafika/pmenu_.png') repeat-x; font-size:15px; text-decoration:none; text-align:center; font-weight: 500; } a.pmenn_, a.pmenn:active /* link otwartej aktualnie podstrony oraz link klikni鳹 myszka węższy na 153 zamiast 170 */ { color:#006600; display:inline; width:153px; height:26px; float: left; padding:4px 0px 0px 0px; margin: 0 5px 0 5px ; border-right: 0px solid #009900; background: url('grafika/pmenu_.png') repeat-x; font-size:15px; text-decoration:none; text-align:center; font-weight: 500; } /* stopka menu N A J N O W S Z E */ .tlostopka { clear: both; /* both = nast鯮a linia znajdzie si蟰od obiektem .luz*/ width: 100%; height: 17px; background: #CCFFCC; position: fixed; bottom: 0; left: 0; border: 2px ridge #FFFFFF; } a.stop, a.stop:link, a stop:visited /* linki1 og��e podstrony -dla nieodwiedzonych i kiedys odwiedzonych*/ { background-color:transparent; color:#006600; display:inline; float: left; letter-spacing: 0px; width:120px; height:15px; padding:0 0 0 0; margin: 0 0 0 0 ; border-right: 0px solid #000000; font-size:13px; text-decoration:none; text-align:center; font-weight: 500; } a.stop:focus, a.stop:hover /* link najechany myszka oraz np. najehany klawiszem np. tab */ { background: #00FF00; color:#006600; } a.stop_, a.stop:active /* link otwartej aktualnie podstrony oraz link klikni鳹 myszka */ { color:#006600; display:inline; width:120px; height:15px; float: left; letter-spacing: 0px; padding:0 0 0 0; margin: 0 0 0 0 ; border-right: 0px solid #009900; background: #66FF00; font-size:13px; text-decoration:none; text-align:center; font-weight: 500; } .copyright { color:#000000; display:inline; width:250px; height:15px; float: right; padding:0 0 0 0; margin: 0 0 0 0 ; border-right: 0px solid #009900; font: 500 italic 13px ; background: transparent; text-align:right; } /* stopka g�� menu N A J N O W S Z E - jesli si蟰rzyda */ .tlostopka_g { clear: both; /* both = nast鯮a linia znajdzie si蟰od obiektem .luz*/ width: 100%; height: 17px; background: #CCFFCC; position: fixed; top: 0; left: 0; border: 0px solid #3300FF; display:inline; float: left; } /* pionowe podMENU strony N A J N O W S Z E */ .tlopion { clear: both; /* both = nast鯮a linia znajdzie si蟰od obiektem .luz*/ width: 150px; height: auto; background: url('grafika/kontener_zie.png') repeat-y; border: 0px solid #FFFF00; position: absolute; top: 230px; left: 770px; /* po3o¿enie absolutne wzgl飥m zewnetrz.bloku = kontenera */ } a.pion, a.pion:link, a pion:visited /* linki1 og��e podstrony -dla nieodwiedzonych i kiedys; odwiedzonych */ { background-color:transparent; color:#006600; display:block; width:90%; height:30px; padding:5px 0px 0px 10px; margin: 0 0 0 0; border-right: 0px solid #000000; font-size:15px; text-decoration:none; text-align:left; font-weight: 500; } a.pion:focus, a.pion:hover /* link najechany myszka oraz np. najehany klawiszem np. tab */ { background: url('grafika/pmenu1.png') repeat-x; color:#006600; } a.pion_, a.pion:active /* link otwartej aktualnie podstrony oraz link klikni鳹 myszka */ { color:#006600; display:block; width:90%; height:30px; padding:5px 0px 0px 10px; margin: 0 0 0 0 ; border-right: 0px solid #009900; background: url('grafika/pmenu_.png') repeat-x; font-size:15px; text-decoration:none; text-align:left; font-weight: 500; } /* poziome menu do przykladow */ .tlonap { clear: both; /* both = nastepna linia znajdzie się pod obiektem .luz*/ width: 100%; height: 00px; background: transparent; position: static; top: 10px; left: 0; /* polozenie */ } a.nap, a.nap:link, a nap:visited /* linki1 ogladane? podstrony */ { background-color:transparent; color:#006600; display:inline-table; float: left ; width:70px; height:27px; padding:4px 0px 0px 0px; margin: 0 5px 0 5px ; border-right: 0px solid #000000; font-size:17px; text-decoration:none; text-align:center; font-weight: 700; } a.nap:focus, a.nap:hover /* link najechany myszka oraz np. najechany klawiszem np. tab */ { background: url('grafika/menu1.png') repeat-x; color:#006600; } a.nap_, a.nap:active /* link otwartej aktualnie podstrony oraz link klikniety myszka */ { color:#006600; display:inline; width:70px; height:27px; float: left; padding:4px 0px 0px 0px; margin: 0 5px 0 5px ; border-right: 0px solid #009900; background: url('grafika/menu_.png') repeat-x; font-size:17px; text-decoration:none; text-align:center; font-weight: 700; } div /*podstawowy element BLOKOWY - ustawienia standardowe */ /* z-index: 0; position: absolute; - pozycjonowanie wzgl飥m zewnetrznego elementu o position-relative */ {width: 100%; height: auto; /* szerokosc i wysokosc bloku */ margin: 0 auto 0 auto; /*marginesy zewnetrzne */ padding: 0 0 0 0; /* marginesy wewnetrzne */ background: transparent; border: 0 ridge #FF0033; /*TLO i obramowanie*/ } .luz { /* transparentna przerwa mi飺y div - zw3aszcza p3ywajace */ clear: both; /* both = nast鯮a linia znajdzie si蟰od obiektem .luz*/ width: 100%; height: 10px; background: transparent; } .luz1 { /* transparentna przerwa mi飺y div - zw3aszcza p3ywajace */ clear: both; /* both = nast鯮a linia znajdzie si蟰od obiektem .luz*/ width: 100%; height: 60px; background: transparent; border: 0px ridge #FF0033; } /* CZCIONKI i tekst */ p { /* Akapit - oraz w razie potrzeby spos��raktowania wielokrotnych spacji: white-space: nowrap */ margin: 0; /* margin zewn. - to chyba nie dzia3a na tekst??? */ padding: 7px 0px 7px 0px; /* odst鯹 =m. wewn鳲zne - dzia3a na tekst? */ background-color: transparent; /* kolor t3a */ text-align: justify; text-indent: 30px; } .napis { font-size: 30px; color: #660000; text-align: center; letter-spacing: 0px; margin-top: 12px; margin-bottom: 5px; background: transparent; font-weight: 700; font-variant: small-caps; } .napis1 { font-size: 30px; color: #CCFFCC; text-align: center; letter-spacing: 0px; margin-top: 12px; margin-bottom: 5px; background: transparent; font-weight: 700; font-variant: small-caps; } .napis11 { font-size: 17px; color: #CCFFCC; text-align: center; margin-top: 5px; margin-bottom: 5px; font-weight: 500; font-variant: small-caps; } .napis2 { font-size: 17px; color: #006600; text-align: center; margin-top: 5px; margin-bottom: 5px; font-weight: 500; font-variant: small-caps; } .napis3 { font-size: 17px; color: #FF0066; text-align: center; margin-top: 7px; margin-bottom: 7px; font-weight: 500; font-variant: small-caps; } .napis4 { font-size: 15px; color: #3300FF; text-align: left; margin-top: 7px; margin-bottom: 7px; font-weight: 500; font-variant: small-caps; } .napis5 { font-size: 15px; color: #FF0066; margin-top: 7px; margin-bottom: 7px; font-weight: 700; font-variant: small-caps; } .tlo1 { background-color: #FFF; } .kontakt { font-size: 15px; color: #006600; text-align: center; margin-top: 7px; margin-bottom: 7px; } .lewy { font-size: 19px; color: #006600; text-align: left; } .lewy1 { font-size: 15px; color: #006600; text-align: left; font-weight: 500; margin-top: 3px; margin-bottom: 3px; } .prawy { font-size: 19px; color: #006600; text-align: right; } h1 { font-size: 24px; color: #990033; text-align: center; letter-spacing: 1px; margin-top: 7px; margin-bottom: 7px; background: transparent; font-weight: 700; } .cien1 { font-size: 26px; color: #0066FF; text-align: center; margin-top: 0px; margin-bottom: 9px; background: transparent; font-weight: 700; } h2 { font-size: 19px; color: #006600; text-align: center; margin-top: 7px; margin-bottom: 7px; } h3 { font-size: 17px; color: #009900; text-align: center; margin-top: 7px; margin-bottom: 7px; } h4 { font-size: 15px; color: #339900; text-align: center; margin-top: 7px; margin-bottom: 7px; } h5 { font-size: 15px; color: #000000; text-align: left; margin-top: 7px; margin-bottom: 7px; } h6 { font-size: 14px; color: #000000; text-align: left; margin-top: 7px; margin-bottom: 7px; } /* WYROZNIENIA czcionki wyroznione - kolory */ strong { font-weight: bolder;} /* mocne wyroznienie pogrubiajac - strong=wyrozniony, wazny */ em { font-style: italic;} /* wyr��j emfaza - zwykle=kursywa */ q { font-style: italic; color: #660000; } /* =cytat - sam daje cudzyslowy */ cite { font-style: italic; color: #660000;} /* odniesienie do zrodla=cytat */ blocquote { font-style: italic;} /* d3ugi cytat wyswietlany w bloku, np. wiersze - zamykamy zwykle w blokowy element np. div; blocquote dodaje marginesy po obu stronach tekstu */ .ewa { font-size: medium; font-style: normal; color: #000000; text-align: left; } .prawa_wyr { text-align: right; font-style: italic; color: #990000; } .lewa_wyr { text-align: left; color: #006600; text-indent: 0px; } .lewy_ { text-align: left; text-indent: 0px; margin-top: 3px; } .cz1 { color: #660000; font-weight: 700;} /* kolor 1 */ .cz2 { color: #996600; font-weight: 700; } /* kolor 2 */ .cyt { font-style: italic; font-weight: 700; } /* cytat */ .druk { font-weight: 700; font-variant: small-caps; } /* wyroznik drukowany */ /* zaczynam i ko�� spis definicji jako dl */ dfn { color: #660000; } /* definicja zwykle to s3owo kursyw±, a dalej jej/definicji tekst, np.:

Definicja: Jask�� to jest ptak.

*/ dl { text-align: left; } /* do utworzenia listy definicji, robi wiekszy odst鮠w pionie od tresci, bez tego i tak powtanie lista jesli definicje sa kolejno pisane, np.
M3otek
r颺ny impulsownik kinetyczny z naprowadzaniem trzonkowym
Lopata
r颺na koparka z impulsowym nap飥m no¿nym i dˇwigniowym sterowaniem manualnym
*/ dt { text-align: left; font-weight: 700; color: #009900; } /* slowo definicji - samo zaczyna si蟯d nowej linijki */ dd { text-align: justify; }/* wyjasnienie terminu definicji, samo ustawia si蟰od spodem dd z wci颩ami */ /* ul - tekst numerowany, li - kolejne nr akapit��ol - tekst punktowany */ ol, ul, li {text-align: justify; margin: 4px 10px 4px 0px; } td, th {font-size: 14px; text-align: justify; } /* TABELA glowna w niej tabelki i tekst */ table { background: transparent; border: 0px groove #FFFFFF; text-align: center; padding: 0 0 0 0; margin: auto auto auto auto; width: 94% /*marg.wewn.: od g�� prawej, do3u, lewej*/ } table.matma { background: transparent; border: 0px hidden #CF9; text-align: center; padding: 0 0 0 0; margin: auto auto auto auto; width: 97% /*marg.wewn.: od g�� prawej, do3u, lewej*/ } table.matma1 { background: #FFFFF1; border: 1px groove #FFFFFF; text-align: center; padding: 0 0 0 0; margin: auto auto auto auto; width: 97% /*marg.wewn.: od g�� prawej, dolu, lewej*/ } table.matma7 { background: transparent; border: 0px hidden #CF9; text-align: right; padding: 0 0 0 0; margin: auto auto auto auto; width: 70% /*marg.wewn.: od g�� prawej, dolu, lewej*/ } .tab_tyt { background: #99FF66; border: 3px ridge #CDCDCD; text-align: center; /* jasny szary #DCDCDC; */ padding: 7px 7px 7px 7px; font-weight: 800; color: #000000; word-wrap: break-word; } .tab_pom { width:100%; background: transparent; border: 0px ridge #CDCDCD; text-align: left; padding: 0 0 0 0; } .tab_pomoc { width:40%; background: transparent; border: 0px ridge #CDCDCD; text-align: left; padding: 0 0 0 0; } .tab_napn { width:100%; background: url('grafika/menu.jpg') repeat-x; border: 0px ridge #CDCDCD; text-align: left; padding: 0 0 0 0; clear: both; } .tab_nap { width:30%; background: transparent; border: 0px ridge #CDCDCD; text-align: center; padding: 0 0 0 0; } .tab_ { background: transparent; border: 0px ridge #CDCDCD; text-align: center; padding: 2px 1px 1px 1px; color: #090; } .tab_0 { background: transparent; border: 2px ridge #CDCDCD; text-align: left; padding: 4px 1px 4px 7px; } .tab_1 { background: #CCFFCC; border: 2px ridge #CDCDCD; text-align: left; padding: 4px 1px 4px 7px; } .tab_2 { background: transparent; border: 2px solid #CDCDCD; text-align: right; padding: 4px 7px 4px 7px; } /* kolory w tabeli matematyka */ .tab_3 { background: #CCFFCC; border: 2px ridge #CDCDCD; text-align: left; padding: 4px 7px 4px 7px; } .tab_4 { background: #FFFFF3; border: 2px ridge #CDCDCD; text-align: left; padding: 4px 7px 4px 7px; width: 25% } .tab_5 { background: #FFFFF3; border: 2px ridge #CDCDCD; text-align: left; padding: 4px 7px 4px 10px; width: 12% } .tab_7 { background: #FFFFF3; border: 2px ridge #CDCDCD; text-align: left; padding: 4px 7px 4px 10px; width: 70% } /* dodatkowe kolory w tabeli terminarza */ .tab_22 { background: #FFCCFF; border: 1px solid #9999CC; text-align: right; padding: 4px 7px 4px 7px; } .tab_222 { background: #CCFFFF; border: 1px solid #9999CC; text-align: right; padding: 4px 7px 4px 7px; } .tab_test0 { background: transparent; border: 0px ridge #CDCDCD; text-align: left; padding: 4px 1px 4px 7px; } .tab_test1 { background: #CCFF99; border: 0px ridge #CDCDCD; text-align: left; padding: 4px 1px 4px 7px; } .tab_test2 { background: #CCFFCC; border: 0px solid #CDCDCD; text-align: left; padding: 4px 7px 4px 7px; } .tab_test3 { background: #CCFF99; border: 0px solid #CDCDCD; text-align: right; padding: 4px 7px 4px 7px; } /* linie poziome */ hr.linia_300 {text-align: center; height: 1; width: 300px; color: #006600; } hr.linia_400 {text-align: center; height: 1; width: 400px; color: #006600; } hr.linia_474 {text-align: center; height: 1; width: 474px; color: #006600; } hr.linia_700 {text-align: center; height: 1; width: 700px; color: #CCCCCC; } /* FORMULARZE */ input.przycisk { border-right: #9B0000 1px solid; border-top: #9B0000 1px solid; border-bottom: #9B0000 1px solid; border-left: #9B0000 1px solid; font-size: 11px; background-color: #FFFFCC; cursor: hand; color: #FF0033; font-family: tahoma, sans-serif; height: 20px;} textarea.pole { border:0; font-size: 11px; color: white; scrollbar-arrow-color:#9B0000; scrollbar-base-color: white; scrollbar-darkshadow-color: white; scrollbar-face-color: black; scrollbar-shadow-color: silver; background-color: black; } /* ------------ANIMACJA-PRZESUN------------ */ @keyframes przesun { 0% { transform:translateX(0); padding-left:110%; } 100% { transform:translateX(-100%); padding-left:110%; } } @-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */ { 0% { -webkit-transform:translateX(0); padding-left:110%; } 100% { -webkit-transform:translateX(-100%); padding-left:110%; } } /* An XHTML 1.0 Strict standard template */