/* Arkusz CSS - dla RWD SMART --------------------- KOMPUTERY ------------------------ */ body {font-family: serif, Calibri, Tahoma; margin: 0;} .clear {clear: both;} /* przestrzen dolna pod menu */ .clear_1 {clear: both; height: 100px;} /* stopka */ .container {margin: 0 auto; padding-bottom: 5px;} #log o {border: 2px red solid; width: 88px; height: 51px; padding-bottom: 50px; margin: 0px 0 10px; display: block; background: url('images/handyman_car.jpg') no-repeat;} #topmenu {backgroun d: #636363; widt h: 1015px; margin-left: aut o; margin-right: aut o; font-family: serif, "Ubuntu Condensed", Calibri, Tahoma;} /* gdy wpisac ...width: 1015... plus margin-left i margin-rght to calosc przestaje byc RWD */ #topmenu .container {padding: -10px;} #topmenu ul > li {display: block; float: left; background: #636363;} /* lista menu glownego - tlo */ #topmenu ul > li > a {font-size: 1.2em; font-family: serif, Calibri, Tahoma; margin: 6px; padding: 5px; display: block; color: #ffffff; text-decoration: none;} #topmenu ul > li > a:hover {background: #212121;} #content {wid th: 487p x; background: silver; float: left; height: auto;} /* pole glowne strony */ #content {wid th: 487p x; background: silver; float: left; height: auto;} /* oryginal - blok pierwszy od lewej */ #sideba r-a {width: 238px; background: red; height: 300px; float: left;} #sideba r-b {width: 238px; background: green; height: 300px; float: left;} /*MONITOR 3-kolumny - oryginal - komputery @media (min-width: 1024px) { .container {width: 994px;} #content {width: 476px; margin-right: 10px;} #sidebar-a {width: 238px; margin-right: 10px;} #sidebar-b {width: 238px;} } */ /*MONITOR 3-kolumny - komputery*/ @media (min-width: 1024px) /* - oryginal */ /* @media screen and (min-width: 1001px) and (max-width: 1050px) - Ipad mini poziom - oryginal z Schaumburg Music */ /*@media screen and (min-width: 961px) and (max-width: 1050px) */ /* - Iphone poziom - przerobiony oryginal Ipad mini poziom z Schaumburg Music */ { .container {width: 994px;} #content {width: 994px; margin-right: 10px;} #sidebar-a {width: 238px; margin-right: 10px;} #sidebar-b {width: 238px;} /* to ponizej dopisalem */ #blok {width: 823px !important; left: 1px !important;} /* blok z CSS3 */ .figuremlenka a img {left: -1px !important} /* zdjecie po lewej stronie CSS3 */ /* .obrazektla {position: relative; visibility: hidden;} - ukrywa menu z tlami obrazkowymi */ /* .tlokolor {position: relative; visibility: hidden;} - ukrywa menu z kolorami tla */ .ani ma1 {position: fixed; background-color: red !important; left: 5px !important; width: 310px !important;} /* formatuje pole pod polem animowanych przyciskow */ .ani ma {position: fixed; font-size: 14px !important; margin-left: auto !important; margin-right: auto !important;} /* formatuje to co wyswietla sie w animowanych przyciskach */ } /* ===================================== M O B I L N E POCZATEK ======================================== */ /*MONITOR 2-kolumny - oryginal @media (max-width: 1023px) { .container {width: 715px;} #content {width: 456px; margin-right: 10px;} #sidebar-a {width: 238px; margin-right: 10px;} #sidebar-b {display: none;} } */ /*MONITOR 1-kolumna - oryginal @media (max-width: 734px) { .container {width: 550px;} #content {width: 550px; margin-right: 10px;} #sidebar-a, #sidebar-b {display: none;} } */ /*SMARTFON - oryginal @media (max-width: 599px) { .container {width: 88%;} #logo {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;} #topmenu .container {padding: 4px;} #topmenu ul {display: table; margin: 0 auto; padding: 0; min-width: 100%; margin-left: 0;} #topmenu ul > li {width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px gray dotted;} #topmenu ul > li:last-child {border: 0;} #topmenu ul > li > a {font-size: 1.1em; padding: 12px;} #sidebar-a, #sidebar-b {display: none;} #content {width: 100% !important;} } */ /*MONITOR 2-kolumny - Ipad pion - reszta kodów jest na ...poszczegolnych stronach w sekcji ... style.css ... */ /* @media (max-width: 1023px) - oryginal - dziala dobrze w Ipad pion */ @media screen and (min-width: 735px) and (max-width: 960px) /* Ipad pion */ /* @media screen and (min-width: 735px) and (max-width: 1000px) - Ipad pion - @media screen and (max-width: 1023px) - dziala w Ipad pion */ { .container {width: 715px;} #content {width: 715px; margin-right: 10px;} #sidebar-a {width: 238px; margin-right: 10px;} #sidebar-b {display: none;} /* to ponizej dopisalem */ /* #blok {width: 545px !important; left: 1px !important;} - blok z CSS3 - ten kod jest na stronie ... contact.html ... w sekcji ... style.css ... */ .figuremlenka a img {left: 138px !important} /* zdjecie po lewej stronie CSS3 */ /* .obrazektla {position: relative; display: non e !important;} - ukrywa menu z tlami obrazkowymi */ /* .tlokolor {position: relative; display: non e !important;} - ukrywa menu z kolorami tla */ body div.snieg1 {position: relative; display: non e !important;} /* wylacza wszedzie w pionie skrypt ... snieg.js ... */ /* ------ Fly letters - kody w sekcji ... style.css ... na poszczegolnych stronach -------------- */ /* ---- animowane przyciski - kody w sekcji ... style.css ... na poszczegolnych stronach ----------- */ /* ----------------------- about_us.html -------------------------------------- */ /* te wszystkie kody przeniesione na strone ... about_us.html ... - #zaproszenie {position: relative; font-size: 25px !important; left: 100px !important;} - napis ...ZAPRASZAMY... na koncu strony ...about_us.html... #lewy {position: relative; left: -17px !important; width: 60px !important; height: 70px !important;} - lewy obrazek na koncu strony ...about_us.html... przy napisie ...ZAPRASZAMY... #prawy {position: relative; right: -15px !important; width: 60px !important; height: 70px !important;} - prawy obrazek na koncu strony ...about_us.html... przy napisie ...ZAPRASZAMY... */ #ikonapajaczek img {position: relative; width: 520px !important; height: 30px !important; right: 0px; margin-bottom: -35px !important;} /* ikona ...PAJACZEK... na koncu strony ...about_us.html... */ #kimjestesmy {position: relative; font-size: 23px !important; font-family: serif, Georgia !important;} /* formatuje napis ...KIM JESTESMY I DLA KOGO... na stronie ...about_us.html... */ /* ----------------------- contact.html ---------------------- */ /* #pocztacontact {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: -10px;} - te kody sa na stronie ...contact.html... w sekcji ... style.css ... - cala tabela/blok z telefonem, mailem i wyszukiwarkami na stronie ...contact.html... */ #komora1 {position: relative; padding-top: 5px !important; padding-bottom: 5px !important; margin-left: 10px !important; top: 10px !important; width: 295px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.... */ #komora1 font {position: relative; font-size: 19px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - tylko dla wielkosci czcionki */ /* te wszystkie kody sa na stronie ... contact.html ... w sekcji ... style.css ... - #komora2 {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; float: right; display: block; height: 125px !important; width: 295px !important; margin-top: 75px !important; left: -10px !important;} - druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 #komora2 input {position: relative; top: 2px !important;} - formatuje odleglosc inputow do wpisywania tekstu od siebie w poczcie na stronie ...contact.html... #komora2 input label {position: relative; top: -2px !important;} - formatuje odleglosc ukrytego inputu od siebie w poczcie na stronie ...contact.html... #komora2 nobr input {position: relative; top: 25px !important;} - 15 formatuje odleglosc inputow Na świecie i W Polsce /bez opisu/ od siebie w poczcie na stronie ...contact.html... #komora2 nobr label {position: relative; top: 25px !important;} - 15 formatuje odleglosc tylko opisu inputow Na świecie i w Polsce od siebie w poczcie na stronie ...contact.html... #komora2 input#inputszukaj {position: relative; left: -50px !important; top: 50px !important;} - top:30 formatuje odleglosc input...szukaj... od siebie w poczcie na stronie ...contact.html...*/ #pocztaform {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...conract.html... */ #formpoczta font {position: relative; font-size: 18px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...ZAMOWIENIE USLUG... w poczcie na stronie ...contact.html... */ #pocztaform fieldset {position: relative; left: 5px !important; display: block; width: 500px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...contact.html... */ #pocztaform fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...contact.html..*/ #pocztaform input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...contact.html... */ #szczegoly font {position: relative; font-size: 13px !important;} /* szczegoly zamawianej uslugi na stronie ...contact,html....*/ #pocztaform textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...contact.html... */ #wyslijreset input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...contact.html... */ #komora1a {position: relative; padding-top: 5px !important; padding-bottom: 5px !important; margin-left: 10px !important; top: 10px !important; width: 295px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.... */ #komora1a font {position: relative; font-size: 19px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - tylko dla wielkosci czcionki */ /* ---------------------- FORMULARZ Nr1 NA STRONIE ...formularz.html... ----------------------------------- */ #pocztaform1 {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...formularz.html... - bez zalacznika */ #formpoczta1 font {position: relative; letter-spacing: -1px !important; margin-left: 0px !important; font-size: 21px !important; font-family: serif !important;} /* formatuje napis tytul ...FORMULARZ BEZ ZALACZNIKA... w poczcie na stronie ...formularz.html...- bez zalacznika */ #pocztaform1 fieldset {position: relative; left: 5px !important; display: block; width: 503px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...formularz.html... - bez zalacznika*/ #pocztaform1 fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...formularz.html..- bez zalacznika*/ #pocztaform1 input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...formularz.html... - bez zalacznika*/ #szczegoly1 font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi na stronie ...formularz.html... - bez zalacznika*/ #pocztaform1 textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...formularz.html...- bez zalacznika */ #wyslijreset1 input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...formularz.html... - bez zalacznika*/ #wyczyscdane1 {position: relative; left: 0px !important;} /* formatuje tylko pole ...wyczysc dane... w poczcie na stronie ...formularz.html...- bez zalacznika */ /* ---------------------- FORMULARZ Nr2 NA STRONIE ...formularz.html... ----------------------------------- */ #pocztaform2 {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...formularz.html... - z zalacznikiem */ #formpoczta2 font {position: relative; letter-spacing: -1px !important; margin-left: 0px !important; font-size: 21px !important; font-family: serif !important;} /* formatuje napis tytul ...FORMULARZ Z ZALACZNIKIEM... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #pocztaform2 fieldset {position: relative; left: 5px !important; display: block; width: 503px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...formularz.html... - z zalacznikiem */ #pocztaform2 fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...formularz.html..- z zalacznikiem */ #pocztaform2 input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...formularz.html... - z zalacznikiem */ #szczegoly2 font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi na stronie ...formularz.html... - z zalacznikiem */ #pocztaform2 textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #wyslijreset2 input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...formularz.html... - z zalacznikiem */ #wyczyscdane2 {position: relative; left: 0px !important;} /* formatuje tylko pole ...wyczysc dane... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #nowynapis {position: relative; line-height: 35px !important;} /* formatuje opis przy ...WE TRANSFER... w poczcie z zalacznikiem na stronie ...formularz.html - w pionowym i poziomym polozeniu telefonu */ /* ----------------------------- bloki na stronie ...indexstart.html... */ /* #pocztacontact1 {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: 4px;} - cala tabela/blok z telefonem, mailem i wyszukiwarkami na stronie ...index.html... - przeniesione na strone ... index.html ... do sekcji ... style.css ... */ /* te wszystkie kody przeniesione na strone ... index.html ... do sekcji ... style.css ... - #blok1 {position: relative; left: 168px !important; width: 544px !important;} - formatuje caly blok nr1 od gory na stronie ...index.html... .uslugi {position: relative; left: 2px !important;} - formatuje obrazek w wykazem uslug w bloku nr1 na stronie ...index.html... #blok2 {position: relative; left: 168px !important; width: 544px !important;} - formatuje caly blok nr2 na stronie ...index.html... #blok3 {position: relative; left: 4px !important; width: 544px !important; height: 560px !important; margin-bottom: 35px !important; padding-bottom: 168px !important;} - formatuje caly blok nr3 na stronie ...index.html... #blok3a {position: relative; height: 510px !important} - blok z Muzyka i Filmami #direct {position: relative; top: -12px !important;} - tylko link do Get Directions .butondirect {position: relative; width: 300px !important; height: 30px !important;} - tylko button z Get Directions .uslugi a img {position: relative; width: 500px !important;} */ /* te wszystkie kody przeniesione na strone ... index.html ... - #komora2a {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; float: right; display: block; height: 125px !important; width: 295px !important; margin-top: 75px !important; left: -10px !important;} - druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...index.html... - formatuje formularz w bloku nr2 #komora2a input {position: relative; top: 2px !important;} - formatuje odleglosc inputow do wpisywania tekstu od siebie w poczcie na stronie ...index.html... #komora2a input label {position: relative; top: -2px !important;} - formatuje odleglosc ukrytego inputu od siebie w poczcie na stronie ...index.html... #komora2a nobr input {position: relative; top: 25px !important;} - 15 formatuje odleglosc inputow Na świecie i W Polsce /bez opisu/ od siebie w poczcie na stronie ...index.html... #komora2a nobr label {position: relative; top: 25px !important;} - 15 formatuje odleglosc tylko opisu inputow Na świecie i w Polsce od siebie w poczcie na stronie ...index.html... #komora2a input#inputszukaj {position: relative; top: 50px !important; left: -50px !important;} - top:30 formatuje odleglosc input...szukaj... od siebie w poczcie na stronie ...index.html...*/ /* ----------------------------- strona ...others.html... ----------------------------------------------- */ #napismagia1 font {position: relative; display: none !important;} /* formatuje napis o czarodziejskiej linii na stronie ...others.html...*/ #liniamagiczna2 {position: relative; display: none !important;} /* formatuje czarodziejska linie na stronie ...others.html... */ /* te wszystkie kody przeniesione na strone ... others.html ... do sekcji ... style.css ... - #blok1inne {position: relative; left: 103px !important; width: 310px !important; height: 115px !important;} - formatuje pierwszy blok od gory z wyszukiwarka na stronie ...others.html... #blok2inne {position: relative; left: 122px !important; width: 310px !important; height: 115px !important;} - formatuje drugi blok od gory z wyszukiwarka na stronie ...others.html... #kurs {position: relative; width: 315px !important; left: 5px !important;} - formatuje tabele z ..DARMOWY KURS HTML - LINK -... na stronie ...others.html... #kurs a {position: relative; font-size: 10px !important;} - formatuje tylko czcionke napisu .....DARMOWY KURS HTML - LINK -... na stronie ...others.html...*/ .cytat q {position: relative; line-height: 25px !important; text-decoration: none !important;} /* formauje cytat ...d w i e r z e c z y n i e m a j a g r a n i c w s z e c h Ĺ“ w i a t i l u d z k a g l u p o t a... na stronie ...others.html...*/ #pocztaformothers {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...others.html... */ #formpocztaothers font {position: relative; font-size: 18px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...ZAMOWIENIE USLUG... w poczcie na stronie ...others.html... */ #pocztaformothers fieldset {position: relative; left: 5px !important; display: block; width: 500px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...others.html... */ #pocztaformothers fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...others.html..*/ #pocztaformothers input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...others.html... */ #szczegolyothers font {position: relative; font-size: 13px !important;} /* szczegoly zamawianej uslugi na stronie ...others.html....*/ #pocztaformothers textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...others.html... */ #wyslijresetothers input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...others.html... */ /* --------------------- STRONA ...shop.html... ----------------------------------- */ #opiscen {position: relative; font-size: 22px !important;} /* formatuje napis ...Ceny nie wyszczegolnione - do negocjacji... na stronie ...shop.html... */ .cenniksmart {position: relative; left: 2px !important; width: 544px !important;} /* formatuje wszystkie trzy bloki z cennikiem na stronie ...shop.html... */ .cenniksmart figure a img {position: relative; width: 524px !important;} /* formatuje tylko wszystkie trzy obrazki cennika na stronie ...shop.html... */ /* ------------------------ Formularz na stronie ...offer_englform.html... ---------------------------- */ #englform {position: relative; left: 1px !important; width: 546px !important; border: 1px re d solid !important;} /*formatuje tylko blok formularza na stronie ...offer_englform.html... */ #englform p input {position: relative; width: 534px !important; left: 5px !important;} /*formatuje tylko pola input, oprocz RESET i SUBMIT w bloku formularza na stronie ...offer_englform.html... */ #opissmartform {position: relative; text-align: justify !important; left: 9px !important; width: 533px !important; font-size: 20px !important;} /* formatuje napis na formularzem o wypelnieniu go na stronie ...offer_englform.html... */ #polerest {position: relative: width: 300px !important; left: 5px !important; color: maroon !important; background-color: yellow !important; font-size: 25px !important;} /* formatuje polu ...RESET... w formularzu na stronie ...offer_englform.html... */ #polesubmit {position: relative; width: 300px !important; left: 5px !important; color: black !important; background-color: white !important; font-size: 25px !important;} /* formatuje polu ...SUBMIT... w formularzu na stronie ...offer_englform.html... */ /* ------------------------------------ ...media.html... ------------------------------------------------*/ #liniapodzialu1 {position: relative; display: none !important; background-color: lime !important; left: -130px !important;} /* ukrywa napis ...Witaj w Ĺ“wiecie muzyki i filmu... na stronie ...media.html... */ #liniapodzialu2 {position: relative; display: none !important; background-color: lime !important; left: -350px !important;} /* ukrywa ikone pary tancerzy na stronie ...media.html... */ #fortep img {position: relative; height: 155px !important; width: 255px !important;} /* formatuje sama ikone fortepianu na stronie ...media.html... */ #fortep {position: relative; left: 0px !important; height: 160px !important; width: 260px !important;} /* formatuje tabele z ikona fortepianu na stronie ...media.html... */ #muzyka {position: relative; background-color: aqua !important; left: 135px !important; width: 285px !important; font-size: 45px !important; font-family: Wide Latin, serif !important;} /* formatuje tytul MUZYKA na stronie ...media.html... */ /* ------------------------------------ ...media.html... ------------------------------------------------*/ #fortep img {position: relative; height: 155px !important; width: 255px !important;} /* formatuje sama ikone fortepianu na stronie ...media.html... */ #fortep {position: relative; left: 0px !important; height: 160px !important; width: 260px !important;} /* formatuje tabele z ikona fortepianu na stronie ...media.html... */ #liniapodzialu1 {position: relative; display: none !important; background-color: lime !important; left: -130px !important;} /* ukrywa napis ...Witaj w Ĺ“wiecie muzyki i filmu... na stronie ...media.html... */ #liniapodzialu2 {position: relative; display: none !important; background-color: lime !important; left: -350px !important;} /* ukrywa ikone pary tancerzy na stronie ...media.html... */ #muzyka {position: relative; background-color: aqua !important; font-size: 45px !important; font-family: Wide Latin, serif !important;} /* formatuje tytul MUZYKA na stronie ...media.html... */ #blokmuzyka1 {position: relative; width: 548px !important; left: 0px !important; padding-bottom: 28px !important;} /* formatuje blok nr1 z muzyka na stronie ...media.html... */ #tango {position: relative; left: -97p x !important; margin-bottom: 8px !important;} /* robi margines miedzy ...Kontraktorskie tango... i ...Dodlary, dolary... */ #blokmuzyka1 div {position: relative; width: 546px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr1 na stronie ...media.html... */ #blokmuzyka1 audio {position: relative; width: 546px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr1 na stronie ...media.html... */ #blokmuzyka2 {position: relative; width: 546px !important; left: 0px !important; padding-bottom: 26px !important; margin-top: 6px !important;} /* formatuje blok nr2 z muzyka na stronie ...media,html... */ #blokmuzyka2 div {position: relative; width: 546px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr2 na stronie ...media.html... */ #blokmuzyka2 audio {position: relative; width: 546px !important;} /* formatuje wszystkie odtwarzacze z muzyka w bloku glownym nr2 na stronie ...media.html... */ #filmymedia {position: relative; padding-left: 7px !important; padding-top: 0px !important; padding-right: 7px !important; padding-bottom: 0px !important; left: 170px !important; font-size: 45px !important; font-weight: bold !important; background-color: lime !important; margin-top: 80px !important;} /* formatuje napis ...FILMY... na stronie ...media.html... */ #filmy {position: relative; background-color: lim e !important; height: 1915px !important; left: 2px !important; width: 546px !important; margin-top: 830px !important} /* formatuje tylko blok z blokami z filmami na stronie...media.html... */ #filmy div {position: relative; left: -10px !important; width: 546px !important; font-size: 20px !important; borde r: 2px red solid !important;}/*formatuje wszystkie tylko bloki zawierajace odtwarzacze filmowe na stronie ...media.html.. */ #filmy div video {position: relative; width: 546px !important;} /* formatuje tylko odtwarzacze filmowe na stronie ...media.html... */ /* --------------------------- offer_english.html --------------------------------------- */ #instrukcja {position: relative; display: none;} #blokofferenglish1 {position: relative; left: -37px !important; width: 545px !important;} /* formatuje blok nr1 z oferta na stronie ...offer_engllish.html... */ #ofertaengl1 img {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr1 na stronie ...offer_english.html... */ #blokofferenglish2 {position: relative; left: -12px !important; width: 545px !important;} /* formatuje blok nr2 z oferta na stronie ...offer_engllish.html... */ #ofertaengl2 img {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr2 na stronie ...offer_english.html... */ /* ------------------------------- ...offer,html... --------------------------------------------- */ #instrukcja1 {position: relative; display: none !important;}/* ukrywa opis o zwiakszaniu czcioni w opisie na stronie ...offer.html.... */ #oferta1 {position: relative; left: -37px !important; width: 545px !important;} /* formatuje blok nr1 z oferta na stronie ...offer.html... */ #oferta1b {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr1 na stronie ...offer.html... */ #oferta2 {position: relative; left: -12px !important; width: 545px !important;} /* formatuje blok nr2 z oferta na stronie ...offer.html... */ #oferta2b {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr2 na stronie ...offer.html... */ /* ----------------------------------------- ...news.html... ---------------------------------------- */ /* #content a - to byÂło w dwoch ponizszych ... .etykiety ... i ... .cel ...ale psulo wszystkie linki w calym serwisie */ .etykiety {position: relative; left: 5px !important; top: -15px !important; line-height: 30px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;} /* formatuje tylko gorne etykiety na stronie ...news.html... */ .cel {position: relative; left: 5px !important; top: -25p x !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blu e !important;} /* formatuje tylko napisy ...Inne nowosci... i ...Koniec inne nowosci... w srodkowej i dolnej etykiecie na stronie ...news.html... */ .celetykieta1 {position: relative; left: 5px !important; line-height: 25px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;}/*formatuje tylko etykiety srodkowe na stronie ...news.html... */ .celetykieta2 {position: relative; left: 5px !important; line-height: 25px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;}/*formatuje tylko etykiety dolne na stronie ...news.html... */ #mozliwosci {position: relative; width: 540px !important; left: -14.7px !important;} /* formatuje napis ...ponizej widac niektĂłre z naszych mozliwosci... na stronie ...news.html...*/ #marqujeden {position: relative; width: 540px !important; left: 0px !important;}/* pierwsze od gory ...marquee... na stronie ...news.html... */ #marqudwa {position: relative; width: 540px !important; left: 0px !important;}/* drugie od gory ...marquee... na stronie ...news.html... */ .marque {position: relative; width: 540px !important; left: 5px !important;}/* formatuje trzecie i czwarte od gory ...marquee... w tersci strony ...news.html... */ #marquenapis {position: relative; font-size: 22px !important;}/* formatuje tylko napis ...Halo jest tu kto... tylko w tym ...marquee... w tresci strony ...news.html... */ .pusta {position: relative; margin-top: 30px !important;} /* formatuje pozioma linie pod ...marquee... na stronie ...news.html... */ #poziomemenu {position: relative; margin-bottom: -5px !important;} /* formatuje napis ...Rozwijane poziome menu... na stronie ...news.html... */ /* cz.2/3 kodu rozwijanego poziomego MENU */ /* ------------------------CZESC-GĂ“RNA-MENU------------------------ */ /* wyglÂąd g³ównego elementu - ol */ ol.wizja { list-style-type:none; padding:0; margin:0; background-color:#FFF; font-size:20px; height:1em; line-height:2em; text-align:left; } /* wyglÂąd wszystkich elementĂłw - a - znajdujÂących siĂŞ w elemencie - ol */ ol.wizja a { display:block; text-decoration:none; color:#000; padding:0 3px; } /* wyglÂąd elementĂłw - li - wszystkich dzieci elementu - ol */ ol.wizja > li { float:left; width:240px; margin-left:7px; background-color:#FDD700; /* kolor tel zewnetrznych pol */ height:2em; } /* wyglÂąd elementu - li - pierwszego dziecka elementu - ol */ ol.wizja > li:first-child { margin-left: +5px; } /* wyglÂąd elementĂłw - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li: { background-color:#EEE; } /* wyglÂąd elementu - a - dziecka elementu - li - bĂŞdÂącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li:hover > a { color:#09C; } /* wyglÂąd elementu - ul - dziecka elementu - li - bĂŞdÂącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li:hover > ul { display:block; } /* ------------------------CZESC-ROZWIJANA-MENU------------------------ */ /* wyglÂąd g³ównych rozwijanych elementĂłw - ul */ ol.wizja > li > ul { display:none; list-style-type:none; padding:0; margin:0; } /* wyglÂąd elementu - li - w czĂŞĹ“ci rozwijanej */ ol.wizja > li > ul > li { position:relative; background-color:#EEE; /* kolor tel pol rozwijanych po kliknieciu */ } /* wyglÂąd elementu - a - w czĂŞĹ“ci rozwijanej */ ol.wizja > li > ul > li > a { border-top:1px solid #FFF; } /* wyglÂąd elementu - li - w czĂŞĹ“ci rozwijanej, po najechaniu kursorem myszki na dany element - li */ ol.wizja > li > ul > li:hover { background-color:#DDD; } /* wyglÂąd elementu - a - w czĂŞĹ“ci rozwijanej, po najechaniu kursorem myszki na element - li */ ol.wizja > li > ul > li:hover > a { color:#09C; } /* koniec cz. 2/3 kodu rozwijaneg0 poziomego MENU */ #zestawpierwszy {position: relative; z-index: 4 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-1...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawpierwszy a {position: relative; z-index: 4 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-1...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawdrugi {position: relative; margin-top: 30px !important; z-index: 3 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-2...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawdrugi a {position: relative; z-index: 3 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-2...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawtrzeci {position: relative; margin-top: 30px !important; z-index: 2 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-3...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawtrzeci a {position: relative; z-index: 2 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-3...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawczwarty {position: relative; margin-top: 30px !important; margin-bottom: 50px !important; z-index: 1 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-4...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawczwarty a {position: relative; z-index: 1 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-4...w ...Rozwijane poziome menu... na stronie ...news.html... */ #menuwizja1 {position: relative; left: 8px !important; margin-top: 20px !important; margin-bottom: 10px !important;}/* formatuje napis ...PIONOWE MENU ...na stronie ...news.html... */ #menu1 {position: relative; left: 61.7px !important;}/*fromatuje blok z pierwszym pionowym menu na stronie ..news.html..*/ ul.wizja1, ul.wizja1 li { display: block; list-style: none; margin: 0; padding: 0; text-align: left; } ul.wizja1 { width: 290px !important; background-color: lim e !important; left: -7px !important; } ul.wizja1 a:link, ul.wizja1 a:visited { display: block; width: 290px !important; text-decoration: none; background-color: #ccc; font-size: 25px !important; font-weight: bold !important; color: #000; padding: 5px; border: 2px outset #ccc; } ul.wizja1 a:hover { border-style: inset; padding: 7px 3px 3px 7px; } #menu2 {position: relative; left: 122px !important; width: 316px !important;}/*fromatuje blok z drugim pionowym menu na stronie ..news.html..*/ .wiz ja 2 {position: relative; top: 15px !important; left: 8px !important;}/* formatuje liste w drugim menu na stronie ...news.html... - to zastapione ponizszymi kodami menu*/ /* Drugi Wewnetrzny Arkusz stylow - do Pionowego Menu */ ul.wizja2, ul.wizja2 li { display: block !important; list-style: none !important; margin: 0; padding: 0; left: -17px !important; /* ustawia cale menu */ top: 15px !important; text-align: left !important; } ul.wizja2 { width: 301p x !important; height: 225p x !important; padding: 2px 2px 1px 2px !important; background-color: #9ce !important; /* #9ce */ border: 3px double #28e !important; } ul.wizja2 li { border-bottom: 1px solid #9ce !important; padding-top: 15p x !important; margin-bottom: -15p x !important; } ul.wizja2 a:link, ul.wizja2 a:visited { display: block !important; width: 276px !important; margin-left: 5p x !important; text-decoration: none !important; padding: 7px !important; font-size: 25px !important; font-weight: bold !important; background-color: #27c !important; /* #27c */ color: #def !important; border-left: 10px solid #25b !important; } ul.wizja2 a:hover { width: 266px !important; background-color: #28e !important; color: #fff !important; border-left: 20px solid #26d !important; } /* Drugi Wewnetrzny Arkusz stylow - KONIEC - do Pionowego Menu */ #menu3 {position: relative; margin-top: 50px !important; margin-bottom: 30px !important; left:127px !important; width: 310px !important;}/*fromatuje blok z trzecim pionowym pionowym menu na stronie ..news.html..*/ /* Trzeci wewnetrzny Arkusz stylow - do Pionowego Menu */ ul.wizja3, ul.wizja3 li { display: block !important; list-style: none !important; padding: 0; left: -10px !important; } ul.wizja3 li { width: 277px !important; padding-top: 16p x !important; padding-left: 30p x !important; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px !important; border-style: solid !important; border-color: #dfe #365 #365 #dfe !important; } ul.wizja3 a:link, ul.wizja3 a:visited { display: block !important; width: 256.7px !important; margin-bottom: -13p x !important; text-decoration: none !important; padding: 5px 10px !important; font-size: 25px !important; font-weight: bold !important; background: #bfb url("tlo.gif") repeat-x top !important; color: #365 !important; border-left: 1px solid #797 !important; text-align: left !important; } ul.wizja3 a:hover { background-color: #797 !important; background-image: url("tlo2.gif") !important; color: #eff !important; } /* Trzeci wewnetrzny Arkusz styl0w - KONIEC - do Pionowego Menu */ #krecha {position: relative; margin-bottom: 30px !important;}/* linia pozioma pod trzecim pionowym menu na stronie ...news.html... */ .magik {position: relative; width: 500px !important;} /* czrodziejska linia na stronie ...news.html... */ #kurshtml {position: relative; left: 27px !important; width: 500px !important; background-color: re d !important;} /* formatuje pole z ...buuton... ale bez ...button... z napisem ...D A R M O W Y K U R S HTML - link -... na stronie ...news.html... */ #kurshtml button {position: relative; left: 0px !important; border: 2px #000000 ridge !important; font-size: 22px !important; font-weight: bold !important; width: 500px !important;} /* formatuje tylko ...button... z napisem ...D A R M O W Y K U R S HTML - link -... w powyzszym polu ...#kurshtml.... na stronie ...news.html... */ div#linkkurs1 a {position: relative; left: 0px !important; width: 490px !important; background-color: lim e !important; height: 40px !important;} /* formatuje pole pod linkiem pod logo Pajaczka na stronie ...news.html... */ img#linkkurs {position: relative; top: 5px !important; left: 0px !important; width: 490px !important; height: 40px !important;} /* formatuje logo Pajaczka na stronie ...news.html... */ #tekstopisu {position: relative; font-size: 20px !important; font-weight: bold !important;} /* formatuje ...PotrĂłjnie zagniezdzone obramowanie i cien... na stronie ...news.html... */ #blokzwyrownaniem {position: relative; left: 0px !important; height: 500px !important; width: 500px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem1 {position: relative; height: 400px !important; width: 480px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem2 {position: relative; height: 360px !important; width: 460px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem3 {position: relative; height: 300px !important; width: 410px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem4 {position: relative; height: 230px !important; width: 370px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem5 {position: relative; height: 210px !important; width: 350px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem6 {position: relative; height: 165px !important; width: 315px !important; top: 10px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem7 {position: relative; height: 145px !important; width: 300px !important; margin: 7.5px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #marcin {position: relative: margin-top: -80px !important; margin-bottom: -170px !important;} /* linia pozioma pd siedmioma zagniezdzonymi blokami na stronie ...news.html... */ #tabelaefekty {position: relative; display: none;} /* ukrywa opis nad tabela z efektami druga z kolei na stronie ...news.html... */ .obramowanie {position: relative; display: none;} /* ukrywa tabele z efektami, druga z kolei na stronie ...news.html...*/ #podkreslenie {position: relative; display: none;} /* ukrywa pozioma linie pod druga tabela z efektami na stronie ...news.html... */ #szyld1 {position: relative; display: none;}/*ukrywa napis ...ELEKTRONICZNY SZYLD DO BARU... na stronie ...news.html...*/ #szyld2 {position: relative; display: none;}/*ukrywa ... SZYLD DO BARU... na stronie ...news.html...*/ /* ----------------------------- ...indexa.html... dla ...news.html... --------------------------- */ #blokbaru1a {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - A szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru2b {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - B szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru3c {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - C szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru4d {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - D szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ /* ----------------------------- ...indexb.html... dla ...news.html... --------------------------- */ .kolortla {position: relative; display: none; width: 150px !important; height: 130px !important; top: 153px !important; left: 610px !important; z-index-5; font-size: 35px !important;}/* formatuje button ...Znien kolor tla... na stronie ...indexb.html... dla strony ...news.html... - Strona glowna do Baru - wersja 2 */ #marqueeup {position: relative; height: 800px !important;}/* formatuje ...marquee... na stronie ...indexb.html... dla strony ...news.html... - Strona glowna do Baru - wersja 2 */ #menuwroc {position: relative; width: 130px !important; height: 75px !important;}/* tylko klawisz menu glownego ... Menu wroc... na stronie ...indexb.html... */ .klawiszestron {position: relative; Width: 150px !important; height: 100px;}/* Wszystkie klawisze menu glownego oprocz klawisza ... Menu wroc... na stronie ...indexb.html... */ } /*MONITOR 2-kolumny - oryginal @media (max-width: 1023px) { .container {width: 715px;} #content {width: 456px; margin-right: 10px;} #sidebar-a {width: 238px; margin-right: 10px;} #sidebar-b {display: none;} } */ /*MONITOR 1-kolumna - oryginal @media (max-width: 734px) { .container {width: 550px;} #content {width: 550px; margin-right: 10px;} #sidebar-a, #sidebar-b {display: none;} } */ /*SMARTFON - oryginal @media (max-width: 599px) { .container {width: 88%;} #logo {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;} #topmenu .container {padding: 4px;} #topmenu ul {display: table; margin: 0 auto; padding: 0; min-width: 100%; margin-left: 0;} #topmenu ul > li {width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px gray dotted;} #topmenu ul > li:last-child {border: 0;} #topmenu ul > li > a {font-size: 1.1em; padding: 12px;} #sidebar-a, #sidebar-b {display: none;} #content {width: 100% !important;} } */ /*MONITOR 1-kolumna - HTC poziom */ /* @media (max-width: 734px) - oryginal - dziala w HTC poziom */ @media screen and (max-width: 734px) /* Dziala w HTC poziom */ /* @media screen and (min-device-width: 641px) and (max-device-width: 960px) - dziala dobrze w HTC poziom */ { .container {width: 550px;} /* - dla Monitor - i kolumna */ #content {width: 550px; margin-right: 10px;} #sidebar-a, #sidebar-b {display: none;} /* dopisalem to ponizej */ #blok {width: 459px !important; margin-bottom: 6px !important; left: 42px !important; right: auto !important;} /* blok z CSS3 - prasuawajacy sie pasek marquee */ .figuremlenka a img {left: 221px !important} /* zdjecie po lewej stronie CSS3 */ .obrazektla {position: relative; display: none;} /* ukrywa menu z tlami obrazkowymi */ .tlokolor {position: relative; display: none;} /* ukrywa menu z kolorami tla */ #topmenu {position: relative; top: -10px !important;} /* ustawia caly blok z menu glownym */ #content {position: relative; top: -9px !important;} /* ustawia pole glowne z terscia strony */ .clear_1 {position: relative; top: -9px; margin-bottom: 23px;} /* ustawia pole pod polem glownym - stopka */ body div.snieg1 {position: relative; display: none !important;} /* wylacza wszedzie ale tylko w poziomie skrypt ... snieg.js ... */ /* ---------------------------- Fly letters --------------------------------------- */ #fly {position: relative; font-size: 17.3px !important;} /* formatuje napis ... Fly letters... */ .clear {position: relative; top: 0p x !important; padding-top: 1px !important; line-height: 37px !important; width: 550px !important;} /* formatuje pole pod napisem ...Fly letters... */ /* dopisane do: .clear - top: 0px !important; */ /* -------------------------------- animowane przyciski ----------------------------------- */ .anima1 {position: fixed; background-color: blue !important; left: 45px !important; width: 550px !important; margin-lef t: auto !important; margin-righ t: auto !important;} /* formatuje pole pod polem animowanych przyciskow */ .anima {position: fixed; font-size: 14px !important; margin-left: auto !important; margin-right: auto !important;} /* formatuje to co wyswietla sie w animowanych przyciskach */ /* ----------------------------- about_us.html --------------------------------------------- */ #zaproszenie {position: relative; font-size: 25px !important; left: 100px !important;} /*napis ...ZAPRASZAMY... na koncu strony ...about_us.html... */ #lewy {position: relative; left: -17px !important; width: 60px !important; height: 70px !important;} /* lewy obrazek na koncu strony ...about_us.html... przy napisie ...ZAPRASZAMY... */ #prawy {position: relative; right: -15px !important; width: 60px !important; height: 70px !important;} /* prawy obrazek na koncu strony ...about_us.html... przy napisie ...ZAPRASZAMY... */ #ikonapajaczek img {position: relative; width: 520px !important; height: 30px !important; right: 0px; margin-bottom: -35px !important;} /* ikona ...PAJACZEK... na koncu strony ...about_us.html... */ #kimjestesmy {position: relative; font-size: 23px !important; font-family: serif, Georgia !important;} /* formatuje napis ...KIM JESTESMY I DLA KOGO... na stronie ...about_us.html... */ /* ------------------- contact.html -------------------------- */ .podkreslenie font {position: relative; font-family: serif; left: 0px; font-size: 26px !important; borde r: 2px red solid !important} /* formatuje napis ...NASZ KONTAKT... na stronie ...contact.html... */ #pocztacontact {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: 3px;} /* cala tabela/blok z telefonem, mailem i wyszukiwarkami na stronie ...contact.html... */ #komora1 {position: relative; padding-top: 5px !important; padding-bottom: 5px !important; margin-left: 10px !important; top: 10px !important; width: 295px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.... */ #komora1 font {position: relative; font-size: 19px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - tylko dla wielkosci czcionki */ #komora2 {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; float: right; display: block; height: 125px !important; width: 295px !important; margin-top: 75px !important; left: -10px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ #komora2 input {position: relative; top: 2px !important;}/* formatuje odleglosc inputow do wpisywania tekstu od siebie w poczcie na stronie ...contact.html...*/ #komora2 input label {position: relative; top: -2px !important;}/* formatuje odleglosc ukrytego inputu od siebie w poczcie na stronie ...contact.html...*/ #komora2 nobr input {position: relative; top: 15px !important;}/* 15 formatuje odleglosc inputow Na świecie i W Polsce /bez opisu/ od siebie w poczcie na stronie ...contact.html...*/ #komora2 nobr label {position: relative; top: 15px !important;}/* 15 formatuje odleglosc tylko opisu inputow Na świecie i w Polsce od siebie w poczcie na stronie ...contact.html...*/ #komora2 input#inputszukaj {position: relative; left: 7px !important; top: 30px !important;}/* top:30 formatuje odleglosc input...szukaj... od siebie w poczcie na stronie ...contact.html...*/ #pocztaform {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...conract.html... */ #formpoczta font {position: relative; font-size: 18px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...ZAMOWIENIE USLUG... w poczcie na stronie ...contact.html... */ #pocztaform fieldset {position: relative; left: 5px !important; display: block; width: 500px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...contact.html... */ #pocztaform fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...contact.html..*/ #pocztaform input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...contact.html... */ #szczegoly font {position: relative; font-size: 13px !important;} /* szczegoly zamawianej uslugi na stronie ...contact,html....*/ #pocztaform textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...contact.html... */ #wyslijreset input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...contact.html... */ #komora1a {position: relative; padding-top: 5px !important; padding-bottom: 5px !important; margin-left: 10px !important; top: 10px !important; width: 295px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.... */ #komora1a font {position: relative; font-size: 19px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - tylko dla wielkosci czcionki */ /* ---------------------- FORMULARZ Nr1 NA STRONIE ...formularz.html... ----------------------------------- */ #pocztaform1 {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...formularz.html... - bez zalacznika */ #formpoczta1 font {position: relative; letter-spacing: -1px !important; margin-left: 0px !important; font-size: 21px !important; font-family: serif !important;} /* formatuje napis tytul ...FORMULARZ BEZ ZALACZNIKA... w poczcie na stronie ...formularz.html...- bez zalacznika */ #pocztaform1 fieldset {position: relative; left: 5px !important; display: block; width: 503px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...formularz.html... - bez zalacznika*/ #pocztaform1 fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...formularz.html..- bez zalacznika*/ #pocztaform1 input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...formularz.html... - bez zalacznika*/ #szczegoly1 font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi na stronie ...formularz.html... - bez zalacznika*/ #pocztaform1 textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...formularz.html...- bez zalacznika */ #wyslijreset1 input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...formularz.html... - bez zalacznika*/ #wyczyscdane1 {position: relative; left: 0px !important;} /* formatuje tylko pole ...wyczysc dane... w poczcie na stronie ...formularz.html...- bez zalacznika */ /* ---------------------- FORMULARZ Nr2 NA STRONIE ...formularz.html... ------------------------------- */ #pocztaform2 {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...formularz.html... - z zalacznikiem */ #formpoczta2 font {position: relative; letter-spacing: -1px !important; margin-left: 0px !important; font-size: 21px !important; font-family: serif !important;} /* formatuje napis tytul ...FORMULARZ Z ZALACZNIKIEM... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #pocztaform2 fieldset {position: relative; left: 5px !important; display: block; width: 503px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...formularz.html... - z zalacznikiem */ #pocztaform2 fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...formularz.html..- z zalacznikiem */ #pocztaform2 input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...formularz.html... - z zalacznikiem */ #szczegoly2 font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi na stronie ...formularz.html... - z zalacznikiem */ #pocztaform2 textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #wyslijreset2 input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...formularz.html... - z zalacznikiem */ #wyczyscdane2 {position: relative; left: 0px !important;} /* formatuje tylko pole ...wyczysc dane... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #nowynapis {position: relative; line-height: 35px !important;} /* formatuje opis przy ...WE TRANSFER... w poczcie z zalacznikiem na stronie ...formularz.html - w pionowym i poziomym polozeniu telefonu */ /* ----------------------------- bloki na stronie ...index.html... --------------------------- */ #pocztacontact1 {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: 4px !important;} /* cala tabela/blok z telefonem, mailem i wyszukiwarkami na stronie ...index.html... */ #blok1 {position: relative; left: 4px !important; width: 544px !important;} /* formatuje caly blok nr1 od gory na stronie ...index.html... */ .uslugi {position: relative; left: 2px !important;} /* formatuje obrazek w wykazem uslug w bloku nr1 na stronie ...index.html... */ #blok2 {position: relative; left: 1px !important; width: 544px !important;} /* formatuje caly blok nr2 na stronie ...index.html... */ #blok3 {position: relative; left: 5px !important; width: 544px !important; height: 560px !important; margin-bottom: 35px !important; padding-bottom: 105px !important;} /* formatuje caly blok nr3 na stronie ...index.html... */ #blok3a {position: relative; height: 510px !important} #direct {position: relative; top: -12px !important;} .uslugi a img {position: relative; width: 500px !important;} #komora2a {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; float: right; display: block; height: 125px !important; width: 295px !important; margin-top: 75px !important; left: -10px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...index.html... - formatuje formularz w bloku nr2 */ #komora2a input {position: relative; top: 2px !important;}/* formatuje odleglosc inputow do wpisywania tekstu od siebie w poczcie na stronie ...index.html...*/ #komora2a input label {position: relative; top: -2px !important;}/* formatuje odleglosc ukrytego inputu od siebie w poczcie na stronie ...index.html...*/ #komora2a nobr input {position: relative; top: 15px !important;}/* 15 formatuje odleglosc inputow Na świecie i W Polsce /bez opisu/ od siebie w poczcie na stronie ...index.html...*/ #komora2a nobr label {position: relative; top: 15px !important;}/* 15 formatuje odleglosc tylko opisu inputow Na świecie i w Polsce od siebie w poczcie na stronie ...index.html...*/ #komora2a input#inputszukaj {position: relative; top: 20px !important; left: 7px !important;}/* top:30 formatuje odleglosc input...szukaj... od siebie w poczcie na stronie ...index.html...*/ /* ----------------------------- strona ...others.html... ----------------------------------------------- */ #napismagia1 font {position: relative; display: none !important;} /* formatuje napis o czarodziejskiej linii na stronie ...others.html...*/ #liniamagiczna2 {position: relative; display: none !important;} /* formatuje czarodziejska linie na stronie ...others.html... */ #blok1inne {position: relative; left: 103px !important; width: 310px !important; height: 115px !important;} /* formatuje pierwszy blok od gory z wyszukiwarka na stronie ...others.html...*/ #blok2inne {position: relative; left: 122px !important; width: 310px !important; height: 115px !important;} /* formatuje drugi blok od gory z wyszukiwarka na stronie ...others.html...*/ #kurs {position: relative; width: 315px !important; left: 5px !important;} /* formatuje tabele z ..DARMOWY KURS HTML - LINK -... na stronie ...others.html... */ #kurs a {position: relative; font-size: 10px !important;} /* formatuje tylko czcionke napisu .....DARMOWY KURS HTML - LINK -... na stronie ...others.html...*/ .cytat q {position: relative; line-height: 25px !important; text-decoration: none !important;} /* formauje cytat ...d w i e r z e c z y n i e m a j a g r a n i c w s z e c h œ w i a t i l u d z k a g l u p o t a... na stronie ...others.html...*/ #pocztaformothers {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 546px !important;} /* formatuje tabele z formularza w poczcie na stronie ...others.html... */ #formpocztaothers font {position: relative; font-size: 18px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...ZAMOWIENIE USLUG... w poczcie na stronie ...others.html... */ #pocztaformothers fieldset {position: relative; left: 5px !important; display: block; width: 500px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...others.html... */ #pocztaformothers fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...others.html..*/ #pocztaformothers input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...others.html... */ #szczegolyothers font {position: relative; font-size: 13px !important;} /* szczegoly zamawianej uslugi na stronie ...others.html....*/ #pocztaformothers textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...others.html... */ #wyslijresetothers input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...others.html... */ /* --------------------- STRONA ...shop.html... ----------------------------------- */ #opiscen {position: relative; font-size: 22px !important;} /* formatuje napis ...Ceny nie wyszczegolnione - do negocjacji... na stronie ...shop.html... */ .cenniksmart {position: relative; left: 2px !important; width: 544px !important;} /* formatuje wszystkie trzy bloki z cennikiem na stronie ...shop.html... */ .cenniksmart figure a img {position: relative; width: 524px !important;} /* formatuje tylko wszystkie trzy obrazki cennika na stronie ...shop.html... */ .clear_1.clear_shop {position: relative; width: 546px !important;} /* formatuje ...stopke... ale tylko na stronie ...shop.html... */ /* ------------------------ Formularz na stronie ...offer_englform.html... ---------------------------- */ #englform {position: relative; left: 1px !important; width: 550px !important; border: 1px re d solid !important;} /*formatuje tylko blok formularza na stronie ...offer_englform.html... */ #englform p input {position: relative; width: 538px !important; left: 3px !important;} /*formatuje tylko pola input, oprocz RESET i SUBMIT w bloku formularza na stronie ...offer_englform.html... */ #opissmartform {position: relative; text-align: justify !important; left: 9px !important; width: 533px !important; font-size: 20px !important;} /* formatuje napis nad formularzem o wypelnieniu go na stronie ...offer_englform.html... */ #polerest {position: relative: width: 300px !important; margin-left: 2px !important; color: maroon !important; background-color: yellow !important; font-size: 25px !important;} /* formatuje polu ...RESET... w formularzu na stronie ...offer_englform.html... */ #polesubmit {position: relative; width: 300px !important; margin-left: 2px !important; color: black !important; background-color: white !important; font-size: 25px !important;} /* formatuje polu ...SUBMIT... w formularzu na stronie ...offer_englform.html... */ /* ------------------------------------ ...media.html... ------------------------------------------------*/ #liniapodzialu1 {position: relative; display: none !important; background-color: lime !important; left: -130px !important;} /* ukrywa napis ...Witaj w œwiecie muzyki i filmu... na stronie ...media.html... */ #liniapodzialu2 {position: relative; display: none !important; background-color: lime !important; left: -350px !important;} /* ukrywa ikone pary tancerzy na stronie ...media.html... */ #fortep img {position: relative; height: 155px !important; width: 255px !important;} /* formatuje sama ikone fortepianu na stronie ...media.html... */ #fortep {position: relative; left: 0px !important; height: 160px !important; width: 260px !important;} /* formatuje tabele z ikona fortepianu na stronie ...media.html... */ #muzyka {position: relative; background-color: aqua !important; left: 135px !important; width: 285px !important; font-size: 45px !important; font-family: Wide Latin, serif !important;} /* formatuje tytul MUZYKA na stronie ...media.html... */ /* ------------------------------------ ...media.html... ------------------------------------------------*/ #fortep img {position: relative; height: 155px !important; width: 255px !important;} /* formatuje sama ikone fortepianu na stronie ...media.html... */ #fortep {position: relative; left: 0px !important; height: 160px !important; width: 260px !important;} /* formatuje tabele z ikona fortepianu na stronie ...media.html... */ #liniapodzialu1 {position: relative; display: none !important; background-color: lime !important; left: -130px !important;} /* ukrywa napis ...Witaj w œwiecie muzyki i filmu... na stronie ...media.html... */ #liniapodzialu2 {position: relative; display: none !important; background-color: lime !important; left: -350px !important;} /* ukrywa ikone pary tancerzy na stronie ...media.html... */ #muzyka {position: relative; background-color: aqua !important; font-size: 45px !important; font-family: Wide Latin, serif !important;} /* formatuje tytul MUZYKA na stronie ...media.html... */ #blokmuzyka1 {position: relative; width: 548px !important; left: 0px !important; padding-bottom: 28px !important;} /* formatuje blok nr1 z muzyka na stronie ...media.html... */ #tango {position: relative; left: -97p x !important; margin-bottom: 8px !important;} /* robi margines miedzy ...Kontraktorskie tango... i ...Dodlary, dolary... */ #blokmuzyka1 div {position: relative; width: 546px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr1 na stronie ...media.html... */ #blokmuzyka1 audio {position: relative; width: 546px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr1 na stronie ...media.html... */ #blokmuzyka2 {position: relative; width: 546px !important; left: 0px !important; padding-bottom: 26px !important; margin-top: 6px !important;} /* formatuje blok nr2 z muzyka na stronie ...media,html... */ #blokmuzyka2 div {position: relative; width: 546px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr2 na stronie ...media.html... */ #blokmuzyka2 audio {position: relative; width: 546px !important;} /* formatuje wszystkie odtwarzacze z muzyka w bloku glownym nr2 na stronie ...media.html... */ #filmymedia {position: relative; padding-left: 7px !important; padding-top: 0px !important; padding-right: 7px !important; padding-bottom: 0px !important; left: 170px !important; font-size: 45px !important; font-weight: bold !important; background-color: lime !important; margin-top: 80px !important;} /* formatuje napis ...FILMY... na stronie ...media.html... */ #filmy {position: relative; background-color: lim e !important; height: 1915px !important; left: 2px !important; width: 546px !important; margin-top: 830px !important} /* formatuje tylko blok z blokami z filmami na stronie...media.html... */ #filmy div {position: relative; left: -10px !important; width: 546px !important; font-size: 20px !important; borde r: 2px red solid !important;}/*formatuje wszystkie tylko bloki zawierajace odtwarzacze filmowe na stronie ...media.html.. */ #filmy div video {position: relative; width: 546px !important;} /* formatuje tylko odtwarzacze filmowe na stronie ...media.html... */ /* --------------------------- offer_english.html --------------------------------------- */ #instrukcja {position: relative; display: none;} #blokofferenglish1 {position: relative; left: 43px !important; width: 545px !important; margin-left: -40px !important; margin-right: -5px !important;} /* formatuje blok nr1 z oferta na stronie ...offer_engllish.html... */ #ofertaengl1 img {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr1 na stronie ...offer_english.html... */ #blokofferenglish2 {position: relative; left: 8px !important; width: 545px !important; margin-left: -5px !important; margin-right: -15px !important;} /* formatuje blok nr2 z oferta na stronie ...offer_engllish.html... */ #ofertaengl2 img {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr2 na stronie ...offer_english.html... */ /* ------------------------------- ...offer.html... --------------------------------------------- */ #instrukcja1 {position: relative; display: none !important;}/* ukrywa opis o zwiekszaniu czcioni w opisie na stronie ...offer.html.... */ #oferta1 {position: relative; left: 43px !important; width: 545px !important; margin-left: -40px !important; margin-right: -5px !important;} /* formatuje blok nr1 z oferta na stronie ...offer.html... */ #oferta1b {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr1 na stronie ...offer.html... */ #oferta2 {position: relative; left: 8px !important; width: 545px !important; margin-left: -5px !important; margin-right: -15px !important;} /* formatuje blok nr2 z oferta na stronie ...offer.html... */ #oferta2b {position: relative; left: -35px !important; width: 535px !important;} /* formatuje obrazek oferty w bloku nr2 na stronie ...offer.html... */ /* ----------------------------------------- ...news.html... ---------------------------------------- */ /* #content a - to bylo w dwoch ponizszych ... .etykiety ... i ... .cel ...ale psulo wszystkie linki w calym serwisie */ .etykiety {position: relative; left: 5px !important; top: -15px !important; line-height: 30px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;} /* formatuje tylko gorne etykiety na stronie ...news.html... */ .cel {position: relative; left: 5px !important; top: -25p x !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blu e !important;} /* formatuje tylko napisy ...Inne nowosci... i ...Koniec inne nowosci... w srodkowej i dolnej etykiecie na stronie ...news.html... */ .celetykieta1 {position: relative; left: 5px !important; line-height: 25px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;}/*formatuje tylko etykiety srodkowe na stronie ...news.html... */ .celetykieta2 {position: relative; left: 5px !important; line-height: 25px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;}/*formatuje tylko etykiety dolne na stronie ...news.html... */ #mozliwosci {position: relative; width: 540px !important; left: -16px !important;} /* formatuje napis ...ponizej widac niektóre z naszych mozliwosci... na stronie ...news.html...*/ #marqujeden {position: relative; width: 540px !important; left: 0px !important;}/* pierwsze od gory ...marquee... na stronie ...news.html... */ #marqudwa {position: relative; width: 540px !important; left: 0px !important;}/* drugie od gory ...marquee... na stronie ...news.html... */ .marque {position: relative; width: 540px !important; left: 5px !important;}/* formatuje trzecie i czwarte od gory ...marquee... w tersci strony ...news.html... */ #marquenapis {position: relative; font-size: 22px !important;}/* formatuje tylko napis ...Halo jest tu kto... tylko w tym ...marquee... w tresci strony ...news.html... */ .pusta {position: relative; margin-top: 30px !important;} /* formatuje pozioma linie pod ...marquee... na stronie ...news.html... */ #krecha {position: relative; margin-bottom: 30px !important; width: 90% !important;}/* linia pozioma pod trzecim pionowym menu na stronie ...news.html... */ .magik {position: relative; width: 500px !important;} /* czrodziejska linia na stronie ...news.html... */ #kurshtml {position: relative; left: 3px !important; width: 500px !important; background-color: re d !important;} /* formatuje pole z ...buuton... ale bez ...button... z napisem ...D A R M O W Y K U R S HTML - link -... na stronie ...news.html... */ #kurshtml button {position: relative; left: 22px !important; border: 2px #000000 ridge !important; font-size: 22px !important; font-weight: bold !important; width: 500px !important;} /* formatuje tylko ...button... z napisem ...D A R M O W Y K U R S HTML - link -... w powyzszym polu ...#kurshtml.... na stronie ...news.html... */ div#linkkurs1 a {position: relative; left: 0px !important; width: 490px !important; background-color: lim e !important; height: 40px !important;} /* formatuje pole pod linkiem pod logo Pajaczka na stronie ...news.html... */ img#linkkurs {position: relative; top: 5px !important; left: 0px !important; width: 490px !important; height: 40px !important;} /* formatuje logo Pajaczka na stronie ...news.html... */ #tekstopisu {position: relative; font-size: 20px !important; font-weight: bold !important;} /* formatuje ...Potr��e zagniezdzone obramowanie i cien... na stronie ...news.html... */ #blokzwyrownaniem {position: relative; left: 0px !important; height: 500px !important; width: 500px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem1 {position: relative; height: 400px !important; width: 480px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem2 {position: relative; height: 360px !important; width: 460px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem3 {position: relative; height: 300px !important; width: 410px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem4 {position: relative; height: 230px !important; width: 370px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem5 {position: relative; height: 210px !important; width: 350px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem6 {position: relative; height: 165px !important; width: 315px !important; top: 10px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem7 {position: relative; height: 145px !important; width: 300px !important; margin: 7.5px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #marcin {position: relative: margin-top: -80px !important; margin-bottom: -170px !important;} /* linia pozioma pd siedmioma zagniezdzonymi blokami na stronie ...news.html... */ #tabelaefekty {position: relative; display: none;} /* ukrywa opis nad tabela z efektami druga z kolei na stronie ...news.html... */ .obramowanie {position: relative; display: none;} /* ukrywa tabele z efektami, druga z kolei na stronie ...news.html...*/ #podkreslenie {position: relative; display: none;} /* ukrywa pozioma linie pod druga tabela z efektami na stronie ...news.html... */ #szyld1 {position: relative; display: none;}/*ukrywa napis ...ELEKTRONICZNY SZYLD DO BARU... na stronie ...news.html...*/ #szyld2 {position: relative; display: none;}/*ukrywa ... SZYLD DO BARU... na stronie ...news.html...*/ #poziomemenu {position: relative; margin-bottom: -5px !important;} /* formatuje napis ...Rozwijane poziome menu... na stronie ...news.html... */ /* cz.2/3 kodu rozwijanego poziomego MENU */ /* ------------------------CZESC-GLOWNA-MENU------------------------ */ /* wyglad glownego elementu - ol */ ol.wizja { list-style-type:none; padding:0; margin:0; background-color:#FFF; font-size:20px; height:1em; line-height:2em; text-align:left; } /* wyglad wszystkich elementow a - znajdujacych sie w elemencie - ol */ ol.wizja a { display:block; text-decoration:none; color:#000; padding:0 3px; } /* wyglad elementow li - wszystkich dzieci elementu - ol */ ol.wizja > li { float:left; width:240px; margin-left:7px; background-color:#FDD700; /* kolor tel zewnetrznych pol */ height:2em; } /* wyglad elementu - li - pierwszego dziecka elementu - ol */ ol.wizja > li:first-child { margin-left: +5px; } /* wyglad elementow li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li: { background-color:#EEE; } /* wyglad elementu - a - dziecka elementu - li - bedacego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li:hover > a { color:#09C; } /* wyglad elementu - ul - dziecka elementu - li - bedacego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li:hover > ul { display:block; } /* ------------------------CZESC-ROZWIJANA-MENU------------------------ */ /* wyglad glownych rozwijanych elementow ul */ ol.wizja > li > ul { display:none; list-style-type:none; padding:0; margin:0; } /* wyglad elementu - li - w czesci rozwijanej */ ol.wizja > li > ul > li { position:relative; background-color:#EEE; /* kolor tel pol rozwijanych po kliknieciu */ } /* wyglad elementu - a - w czesci rozwijanej */ ol.wizja > li > ul > li > a { border-top:1px solid #FFF; } /* wyglad elementu - li - w czesci rozwijanej, po najechaniu kursorem myszki na dany element - li */ ol.wizja > li > ul > li:hover { background-color:#DDD; } /* wyglad elementu - a - w czesci rozwijanej, po najechaniu kursorem myszki na element - li */ ol.wizja > li > ul > li:hover > a { color:#09C; } /* koniec cz. 2/3 kodu rozwijaneg0 poziomego MENU */ #zestawpierwszy {position: relative; z-index: 4 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-1...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawpierwszy a {position: relative; z-index: 4 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-1...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawdrugi {position: relative; margin-top: 30px !important; z-index: 3 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-2...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawdrugi a {position: relative; z-index: 3 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-2...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawtrzeci {position: relative; margin-top: 30px !important; z-index: 2 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-3...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawtrzeci a {position: relative; z-index: 2 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-3...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawczwarty {position: relative; margin-top: 30px !important; margin-bottom: 50px !important; z-index: 1 !important; left: 128px !important; width: 290px !important;}/* formatuje tylko pole z napisem ...dzial-4...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawczwarty a {position: relative; z-index: 1 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-4...w ...Rozwijane poziome menu... na stronie ...news.html... */ #menuwizja1 {position: relative; left: 8px !important; margin-top: 20px !important; margin-bottom: 10px !important;}/* formatuje napis ...PIONOWE MENU ...na stronie ...news.html... */ #menu1 {position: relative; left: 61.7px !important;}/*fromatuje blok z pierwszym pionowym menu na stronie ..news.html..*/ ul.wizja1, ul.wizja1 li { display: block; list-style: none; margin: 0; padding: 0; text-align: left; } ul.wizja1 { width: 290px !important; background-color: lim e !important; left: 57px !important; /* Ustawia cale ... PIONOWE MENU ... */ } ul.wizja1 a:link, ul.wizja1 a:visited { display: block; width: 290px !important; text-decoration: none; background-color: #ccc; font-size: 25px !important; font-weight: bold !important; color: #000; padding: 5px; border: 2px outset #ccc; } ul.wizja1 a:hover { border-style: inset; padding: 7px 3px 3px 7px; } #menu2 {position: relative; left: 122px !important; width: 316px !important;}/*fromatuje blok z drugim pionowym menu na stronie ..news.html..*/ .wiz ja 2 {position: relative; top: 15px !important; left: 8px !important;}/* formatuje liste w drugim menu na stronie ...news.html... - to zastapione ponizszymi kodami menu*/ /* Drugi Wewnetrzny Arkusz stylow - do Pionowego Menu */ ul.wizja2, ul.wizja2 li { display: block !important; list-style: none !important; margin: 0; padding: 0; left: -17px !important; /* ustawia cale menu */ top: 15px !important; text-align: left !important; } ul.wizja2 { width: 301p x !important; height: 225p x !important; padding: 2px 2px 1px 2px !important; background-color: #9ce !important; /* #9ce */ border: 3px double #28e !important; } ul.wizja2 li { border-bottom: 1px solid #9ce !important; padding-top: 15p x !important; margin-bottom: -15p x !important; } ul.wizja2 a:link, ul.wizja2 a:visited { display: block !important; width: 276px !important; margin-left: 5p x !important; text-decoration: none !important; padding: 7px !important; font-size: 25px !important; font-weight: bold !important; background-color: #27c !important; /* #27c */ color: #def !important; border-left: 10px solid #25b !important; } ul.wizja2 a:hover { width: 266px !important; background-color: #28e !important; color: #fff !important; border-left: 20px solid #26d !important; } /* Drugi Wewnetrzny Arkusz stylow - KONIEC - do Pionowego Menu */ #menu3 {position: relative; margin-top: 50px !important; margin-bottom: 30px !important; left:127px !important; width: 310px !important;}/*fromatuje blok z trzecim pionowym pionowym menu na stronie ..news.html..*/ /* Trzeci wewnetrzny Arkusz stylow - do Pionowego Menu */ ul.wizja3, ul.wizja3 li { display: block !important; list-style: none !important; padding: 0; left: -10px !important; } ul.wizja3 li { width: 277px !important; padding-top: 16p x !important; padding-left: 30p x !important; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px !important; border-style: solid !important; border-color: #dfe #365 #365 #dfe !important; } ul.wizja3 a:link, ul.wizja3 a:visited { display: block !important; width: 256.7px !important; margin-bottom: -13p x !important; text-decoration: none !important; padding: 5px 10px !important; font-size: 25px !important; font-weight: bold !important; background: #bfb url("tlo.gif") repeat-x top !important; color: #365 !important; border-left: 1px solid #797 !important; text-align: left !important; } ul.wizja3 a:hover { background-color: #797 !important; background-image: url("tlo2.gif") !important; color: #eff !important; } /* Trzeci wewnetrzny Arkusz styl0w - KONIEC - do Pionowego Menu */ /* ----------------------------- ...indexa.html... dla ...news.html... --------------------------- */ #blokbaru1a {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - A szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru2b {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - B szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru3c {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - C szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru4d {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - D szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ /* ----------------------------- ...indexb.html... dla ...news.html... --------------------------- */ .kolortla {position: relative; display: none; width: 150px !important; height: 130px !important; top: 153px !important; left: 610px !important; z-index-5; font-size: 35px !important;}/* formatuje button ...Znien kolor tla... na stronie ...indexb.html... dla strony ...news.html... - Strona glowna do Baru - wersja 2 */ #marqueeup {position: relative; height: 800px !important;}/* formatuje ...marquee... na stronie ...indexb.html... dla strony ...news.html... - Strona glowna do Baru - wersja 2 */ #menuwroc {position: relative; width: 130px !important; height: 75px !important;}/* tylko klawisz menu glownego ... Menu wroc... na stronie ...indexb.html... */ .klawiszestron {position: relative; Width: 150px !important; height: 100px;}/* Wszystkie klawisze menu glownego oprocz klawisza ... Menu wroc... na stronie ...indexb.html... */ /* ------------------ GNERATOR LOTTO na stronie ... generator_lotto.html ... -------------------- */ /* HTC poziom */ #gloteria /* formatuje caly Generator Lotto na ztronie ... generator_lotto.html ... */ { position: relative; left: 0px !important; width: 100% !important; } #tytullotto /* formatuje tytul ... GENERATOR LOTTO... na stronie ... generator_lotto.html ... */ { position: relative; font-size: 20px !important; } #textpole /* formatuje pole textowe z wyswietlanymi wybranymi losowo numerami w Generator Lotto na stronie ... generator_lotto.html ... */ { position: relative; left: 12px !important; width: 75% !important; top: -3px !important; } .akapitinputa /* pole z napisem .. Liczby od 1 do 99 .... w Generator Lotto ... na stronie ... generator.html ... */ { position: relative; left: -1px !important; } .button1 /* przycisk ... Pokaz ... w Generator Lotto na stronie ... generator.lotto.html ... */ { position: relative; top: 0px !important; left: -10px !important; margin-botto m: 1px !important; } #bottonreset /* przycisk ... Reset ... w Generator Lotto na stronie ... generator.lotto.html ... */ { position: relative; top: 0px !important; left: -2px !important; } /* ------------------ CHINSKI ZANK ZODIAKU na stronie ... generator_lotto.html ... -------------------- */ #tabelazodiaku /* formatuje cala tabele z Chnskim znakiem zodiaku na stronie ... generator_lotto.html ... */ { position: relative; margin-top: 120px !important; } #tabelazodiaku h1 /* formatuje napis ... CHINSKI ZNAK ZODIAKU ... na stronie ... generator_lotto.html ... */ { position: relative; font-size: 23px !important; } .pole1inputy /* formatuje pola input: Rok, znak slonca, chinski symbol w ... Chinski znak zoadiaku ... na stronie generator_lotto.html ... */ { position: relative; width: 100% !important; } .pole1a /* formatuje pole ...SELECT ... w Chinskim znaku zodiaku na stronie ... generator_lotto.html ... */ { position: relative; width: 95% !important; } .poledzien /*formatuje pole input ... dzien ... w Chinskim znaku zodiaku na stronie ... generator_lotto.html ... */ { position: relative; width: 50% !important; } .buttonpokaz /* formatuje buton ... Pokaz ... w Chinski znak zodiaku na stronie ... generator_lotto.html ... */ { position: relative; top: 50px !important; } .buttonreset /* formatuje buton ... Reset ... w Chinski znak zodiaku na stronie ... generator_lotto.html ... */ { position: relative; top: 50px !important; } #opisznakow /* formatuje pole z opisami znakow w Chinski znak zoadiaku na stronie ... generator_lotto.html ... */ { position: relative; width: 93% !important; } /* ------------------ SMART na stronie ... generator_lotto.html ... -------------------------- */ .smarttytul /* formatuje pole pod tytulem ... SMART... nad oknem z opcjami kalkulatorow i menu na stronie ... generator_lotto.html ... */ { position: relative; left: 2px !important; width: 280px !important; margin-top: 0px !important; } .smarttytul1 /* tytul SMART w SMART na stronie ... generator_lotto.html ... */ { position: relative; left: 20px !important; } .smartpodstawa /* formaruje okno z uslugami pod tytulem ... SMART ... na stronie generator_lotto.html ... */ { position: relative; left: -61.6px !important; } #kalulatornr1 /* Kalkulator nr1 w oknie uslug SMART na stronie ... generator_lotto.html ... */ { position: relative; top: -3px !important; left: -2px !important; } #kalkulat or21a /* ukryte w kodach wyjsciowych - cala tabela koloru ...red ... w Kalkulatorze nr2 pod tabela ... #kalkulator21b ... w Kalkulatorze nr2 w SMART na stronie ...generator_lotto.html ... */ { position: relative; width: 268p x !important; left: -10px !important; } #kalkulator21b /* cala tabela z wszystkimi przyciskami funkcji kalkulatora w Kalkulatorze nr2 w SMART na stronie ...generator_lotto.html ... */ { position: relative; width: 245px !important; left: 0px !important; top: 0px !important; } #kalkulator21c input /* tylko pole input z wynikiem dzialania w Kalkulatorze nr2 w SMART na stronie ...generator_lotto.html ... */ { position: relative; width: 205px !important; margin-left: 1px !important; margin-right: 1px !important; font-size: 18px !important; left: 0px !important; font-size: 20px !important; } #kalkulato r21d /* ukryte w kodach wyjsciowych - pole z napisem ... CALCULATOR ... w Kalkulatorze nr2 w SMART na stronie ...generator_lotto.html ...*/ { position: relative; width: 28px !important; } #menu1 /* MENU - pod napisem SMART na stronie ... generator_lotto.html ... */ { position: relative; left: -4.6px !important; } } /*MONITOR 2-kolumny - oryginal @media (max-width: 1023px) { .container {width: 715px;} #content {width: 456px; margin-right: 10px;} #sidebar-a {width: 238px; margin-right: 10px;} #sidebar-b {display: none;} } */ /*MONITOR 1-kolumna - oryginal @media (max-width: 734px) { .container {width: 550px;} #content {width: 550px; margin-right: 10px;} #sidebar-a, #sidebar-b {display: none;} } */ /*SMARTFON - oryginal @media (max-width: 599px) { .container {width: 88%;} #logo {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;} #topmenu .container {padding: 4px;} #topmenu ul {display: table; margin: 0 auto; padding: 0; min-width: 100%; margin-left: 0;} #topmenu ul > li {width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px gray dotted;} #topmenu ul > li:last-child {border: 0;} #topmenu ul > li > a {font-size: 1.1em; padding: 12px;} #sidebar-a, #sidebar-b {display: none;} #content {width: 100% !important;} } */ /*SMARTFON - HTC pion */ /* @media (max-width: 599px) - oryginal - dziala w HTC pion */ @media screen and (max-width: 599px) /* - dziala w HTC pion */ /* @media screen and (min-device-width: 361px) and (max-device-width: 540px) - dziala dobrze w HTC pion */ { .container {width: 88%;} #logo {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;} #topmenu .container {padding: 4px;} #topmenu ul {display: table; margin: 0 auto; padding: 0; min-width: 100%; margin-left: 0;} #topmenu ul > li {width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px gray dotted;} #topmenu ul > li:last-child {border: 0;} #topmenu ul > li > a {font-size: 1.1em; padding: 12px;} #sidebar-a, #sidebar-b {display: none;} #content {width: 100% !important; top: 9px;} /* poszerzony zapis do oryginalu o ...top: 9px...*/ /* dopisalem to ponizej */ #blok {width: 257px !important; margin-bottom: 6px !important; left: 26.5px !important; right: auto !important;} /* blok z CSS3 - prasuawajacy sie pasek marquee */ .figuremlenka a img {position: relative; left: 322px !important; right: auto !important; width: 50px !important;} /* zdjecie po lewej stronie CSS3 */ .obrazektla {position: relative; display: none;} /* ukrywa menu z tlami obrazkowymi */ .tlokolor {position: relative; display: none;} /* ukrywa menu z kolorami tla */ #topmenu {position: relative; top: 6.5px !important; left: 5.95px !important; width: 350px !important;} /* ustawia blok z menu glownym pod paskiem marquee */ #content {position: relative; top: 8.5px !important;} /* ustawia pole glowne z terscia strony */ .clear_1 {position: relative; top: 10.5px; margin-bottom: 37px;} /* ustawia pole pod polem glownym - stopka */ body div.snieg1 {position: relative; display: none !important;} /* wylacza wszedzie ale tylko w pionie skrypt ... snieg.js ... */ /* -------------------------------- Fly letters ----------------------------- */ #fly {position: relative; font-size: 17.3px !important;} /* formatuje napis ... Fly letters... */ .clear {position: relative; top: 0px !important; padding-top: 1px !important; line-height: 37px !important; width: 316px !important;} /* formatuje pole pod napisem ...Fly letters... */ /* dopsane do: .clear - top: 0px !important; */ /* ---------------------- animowane przyciski ------------------------------- */ .anima1 {position: fixed; background-color: aqua !important; left: 22px !important; width: 316px !important;} /* formatuje pole pod polem animowanych przyciskow */ .anima {position: fixed; font-size: 14px !important; margin-left: auto !important; margin-right: auto !important;} /* formatuje to co wuswietla sie w animowanych przyciskach */ #topmenu:visited {position: relative; background-color: aqua !important; } /* ustawia blok z menu glownym pod paskiem marquee */ /* -------------------------- about_us.html -------------------------------------- */ #zaproszenie {position: relative; font-size: 19px !important; left: 17.5px !important;} /*napis ...ZAPRASZAMY... na koncu strony ...about_us.html... */ #lewy {position: relative; left: -17px !important; width: 60px !important; height: 70px !important;} /* lewy obrazek na koncu strony ...about_us.html... przy napisie ...ZAPRASZAMY... */ #prawy {position: relative; right: -15px !important; width: 60px !important; height: 70px !important;} /* prawy obrazek na koncu strony ...about_us.html... przy napisie ...ZAPRASZAMY... */ #ikonapajaczek img {position: relative; width: 317px !important; height: 30px !important; right: 0px; margin-bottom: -35px !important;} /* ikona ...PAJACZEK... na koncu strony ...about_us.html... */ #kimjestesmy {position: relative; font-size: 23px !important; font-family: serif, Georgia !important;} /* formatuje napis ...KIM JESTESMY I DLA KOGO... na stronie ...about_us.html... */ /* ----------------------------- contact.html ------------------------------------*/ .podkreslenie font {position: relative; font-family: serif; left: 0px; font-size: 26px !important; borde r: 2px red solid !important} /* formatuje napis ...NASZ KONTAKT... na stronie ...contact.html... */ #pocztacontact {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: 0px;} /* cala tabela/blok z telefonem, mailem i wyszukiwarkami na stronie ...contact.html... */ #komora1 {position: relative; padding-top: 5px !important; padding-bottom: 5px !important; margin-left: 10px !important; top: 10px !important; width: 295px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.... */ #komora1 font {position: relative; font-size: 19px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - tylko dla wielkosci czcionki */ #komora2 {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; float: right; display: block; height: 125px !important; width: 295px !important; margin-top: 75px !important; left: -10px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ #komora2 input {position: relative; top: 2px !important;}/* formatuje odleglosc inputow do wpisywania tekstu od siebie w poczcie na stronie ...contact.html...*/ #komora2 input label {position: relative; top: -2px !important;}/* formatuje odleglosc ukrytego inputu od siebie w poczcie na stronie ...contact.html...*/ #komora2 nobr input {position: relative; top: 15px !important;}/* 15 formatuje odleglosc inputow Na świecie i W Polsce /bez opisu/ od siebie w poczcie na stronie ...contact.html...*/ #komora2 nobr label {position: relative; top: 15px !important;}/* 15 formatuje odleglosc tylko opisu inputow Na świecie i w Polsce od siebie w poczcie na stronie ...contact.html...*/ #komora2 input#inputszukaj {position: relative; left: 7px !important; top: 30px !important;}/* top:30 formatuje odleglosc input...szukaj... od siebie w poczcie na stronie ...contact.html...*/ #pocztaform {position: relative; left: 0px !important; display: block; padding-right: -20px !important; width: 312px !important;} /* formatuje tabele z formularza w poczcie na stronie ...conract.html... */ #formpoczta font {position: relative; font-size: 18px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...ZAMOWIENIE USLUG... w poczcie na stronie ...contact.html... */ #pocztaform fieldset {position: relative; left: 5px !important; display: block; width: 265px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...contact.html... */ #pocztaform fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...contact.html..*/ #pocztaform input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...contact.html... */ #szczegoly font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi */ #pocztaform textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...contact.html... */ #wyslijreset input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...contact.html... */ #komora1a {position: relative; padding-top: 5px !important; padding-bottom: 5px !important; margin-left: 10px !important; top: 10px !important; width: 295px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.... */ #komora1a font {position: relative; font-size: 19px !important;} /* pierwsza komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - tylko dla wielkosci czcionki */ /* ---------------------- FORMULARZ Nr1 NA STRONIE ...formularz.html... ------------------- */ #pocztaform1 {position: relative; left: -18p x !important; display: block; padding-right: -20px !important; width: 312px !important;} /* formatuje tabele z formularza w poczcie na stronie ...formularz.html... - bez zalacznika */ #formpoczta1 font {position: relative; letter-spacing: -1px !important; margin-left: 0px !important; font-size: 16px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...FORMULARZ BEZ ZALACZNIKA... w poczcie na stronie ...formularz.html...- bez zalacznika */ #pocztaform1 fieldset {position: relative; left: 5px !important; display: block; width: 265px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...formularz.html... - bez zalacznika*/ #pocztaform1 fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...formularz.html..- bez zalacznika*/ #pocztaform1 input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...formularz.html... - bez zalacznika*/ #szczegoly1 font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi na stronie ...formularz.html... - bez zalacznika*/ #pocztaform1 textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...formularz.html...- bez zalacznika */ #wyslijreset1 {position: relative; width: 308px !important} /* tabela inputow reset i wyslij w poczcie na stronie ...formularz.html... - z zalacznikiem */ #wyslijreset1 input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...formularz.html... - bez zalacznika*/ #wyczyscdane1 {position: relative; left: 0px !important;} /* formatuje tylko pole ...wyczysc dane... w poczcie na stronie ...formularz.html...- bez zalacznika */ /* ---------------------- FORMULARZ Nr2 NA STRONIE ...formularz.html... ---------------- */ #pocztaform2 {position: relative; left: -18p x !important; display: block; padding-right: -20px !important; width: 312px !important;} /* formatuje tabele z formularza w poczcie na stronie ...formularz.html... - z zalacznikiem */ #formpoczta2 font {position: relative; letter-spacing: -1px !important; margin-left: 0px !important; font-size: 16px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...FORMULARZ Z ZALACZNIKIEM... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #pocztaform2 fieldset {position: relative; left: 5px !important; display: block; width: 265px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...formularz.html... - z zalacznikiem */ #pocztaform2 fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...formularz.html..- z zalacznikiem */ #pocztaform2 input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...formularz.html... - z zalacznikiem */ #szczegoly2 font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi na stronie ...formularz.html... - z zalacznikiem */ #pocztaform2 textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #wyslijreset2 {position: relative; width: 308px !important} /* tabela inputow reset i wyslij w poczcie na stronie ...formularz.html... - z zalacznikiem */ #wyslijreset2 input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...formularz.html... - z zalacznikiem */ #wyczyscdane2 {position: relative; left: -0px !important;} /* formatuje tylko pole ...wyczysc dane... w poczcie na stronie ...formularz.html...- z zalacznikiem */ #nowynapis {position: relative; line-height: 35px !important;} /* formatuje opis przy ...WE TRANSFER... w poczcie z zalacznikiem na stronie ...formularz.html - w pionowym i poziomym polozeniu telefonu */ /* ----------------------------- bloki na stronie ...index.html... */ #pocztacontact1 {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: 0px;} /* cala tabela/blok z telefonem, mailem i wyszukiwarkami na stronie ...index.html... */ #blok1 {position: relative; left: 3px !important; width: 310px !important;} /* formatuje caly blok nr1 od gory na stronie ...index.html... */ .uslugi {position: relative; left: -10px !important;} /* formatuje obrazek w wykazem uslug w bloku nr1 na stronie ...index.html... */ #blok2 {position: relative; left: 0px !important; width: 310px !important;} /* formatuje caly blok nr2 na stronie ...index.html... */ #blok3 {position: relative; left: 4px !important; width: 310px !important; height: 560px !important; margin-bottom: 35px !important; padding-bottom: 105px !important;} /* formatuje caly blok nr3 na stronie ...index.html... */ #blok3a {position: relative; height: 510px !important} #direct {position: relative; top: -12px !important;} .uslugi a img {position: relative; width: 290px !important;} #komora2a {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; float: right; display: block; height: 125px !important; width: 295px !important; margin-top: 75px !important; left: -10px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...index.html... - formatuje formularz w bloku nr2 */ #komora2a input {position: relative; top: 2px !important;}/* formatuje odleglosc inputow do wpisywania tekstu od siebie w poczcie na stronie ...index.html...*/ #komora2a input label {position: relative; top: -2px !important;}/* formatuje odleglosc ukrytego inputu od siebie w poczcie na stronie ...index.html...*/ #komora2a nobr input {position: relative; top: 15px !important;}/* 15 formatuje odleglosc inputow Na świecie i W Polsce /bez opisu/ od siebie w poczcie na stronie ...index.html...*/ #komora2a nobr label {position: relative; top: 15px !important;}/* 15 formatuje odleglosc tylko opisu inputow Na świecie i w Polsce od siebie w poczcie na stronie ...index.html...*/ #komora2a input#inputszukaj {position: relative; top: 20px !important; left: 7px !important;}/* top:30 formatuje odleglosc input...szukaj... od siebie w poczcie na stronie ...index.html...*/ /* ----------------------------- strona ...others.html... ------------------------------------ */ #napismagia1 font {position: relative; display: none !important;} /* formatuje napis o czarodziejskiej linii na stronie ...others.html...*/ #liniamagiczna2 {position: relative; display: none !important;} /* formatuje czarodziejska linie na stronie ...others.html... */ #blok1inne {position: relative; left: -18px !important; width: 310px !important; height: 115px !important;} /* formatuje pierwszy blok od gory z wyszukiwarka na stronie ...others.html...*/ #blok2inne {position: relative; left: 1px !important; width: 310px !important; height: 115px !important;} /* formatuje drugi blok od gory z wyszukiwarka na stronie ...others.html...*/ #kurs {position: relative; width: 315px !important; left: 0px !important;} /* formatuje tabele z ..DARMOWY KURS HTML - LINK -... na stronie ...others.html... */ #kurs a {position: relative; font-size: 10px !important;} /* formatuje tylko czcionke napisu .....DARMOWY KURS HTML - LINK -... na stronie ...others.html...*/ .cytat q {position: relative; font-size: 18px; line-height: 25px !important; text-decoration: none !important;} /* formauje cytat ...d w i e r z e c z y n i e m a j a g r a n i c w s z e c h œ w i a t i l u d z k a g l u p o t a... na stronie ...others.html...*/ #pocztaformothers {position: relative; left: -1px !important; display: block; padding-right: -20px !important; width: 312px !important;} /* formatuje tabele z formularza w poczcie na stronie ...others.html... */ #formpocztaothers font {position: relative; font-size: 18px !important; left: 0px !important; font-family: serif !important;} /* formatuje napis tytul ...ZAMOWIENIE USLUG... w poczcie na stronie ...others.html... */ #pocztaformothers fieldset {position: relative; left: 5px !important; display: block; width: 265px !important; margin-right: 15px !important;} /* formatuje rozmiar tego co jest w ramach ...fieldset... w poczcie na stronie ...others.html... */ #pocztaformothers fieldset legend font b {position: relative; font-size: 15px !important; font-family: serif !important;} /* formatuje napis ...Jak zamawiac uslugi... i napis ...DANE OSOBOWE ZMAWIAJACEGO... w poczcie na stronie ...others.html..*/ #pocztaformothers input {position: relative; width: 240px !important;} /* formatuje pola input do wpisywania wiadomosci w poczcie na stronie ...others.html... */ #szczegolyothers font {position: relative; font-size: 13px !important;} /* szczegoly zmawianej uslugi na stronie...others.html... */ #pocztaformothers textarea {position: relative; width: 240px !important;}/* formatuje tylko pole ...textarea... w poczcie na stronie ...others.html... */ #wyslijresetothers input {position: relative; width: 148px !important; font-size: 14px;} /* inputy reset i wyslij w poczcie na stronie ...others.html... */ /* --------------------- STRONA ...shop.html... ----------------------------------- */ #opiscen {position: relative; font-size: 22px !important;} /* formatuje napis ...Ceny nie wyszczegolnione - do negocjacji... na stronie ...shop.html... */ .cenniksmart {position: relative; left: 1px !important; width: 310px !important;} /* - formatuje wszystkie trzy bloki z cennikiem na stronie ...shop.html... */ .cenniksmart figure a img {position: relative; width: 290px !important;} /* - formatuje tylko wszystkie trzy obrazki cennika na stronie ...shop.html... */ .clear_1.clear_shop {position: relative; width: 316px !important;} /* - formatuje ...stopke... ale tylko na stronie ...shop.html... */ /* ------------------------ Formularz na stronie ...offer_englform.html... ---------------------------- */ #englform {position: relative; left: 0px !important; width: 310px !important;} /*formatuje tylko blok formularza na stronie ...offer_englform.html... */ #englform p input {position: relative; width: 300px !important; left: 5px !important;} /*formatuje tylko pola input, oprocz RESET i SUBMIT w bloku formularza na stronie ...offer_englform.html... */ #opissmartform {position: relative; text-align: justify !important; left: 3px !important; width: 310px !important; font-size: 20px !important;} /* formatuje napis nad formularzem o wypelnieniu go na stronie ...offer_englform.html... */ #polerest {position: relative: width: 300px !important; margin-left: 3px !important; color: maroon !important; background-color: yellow !important; font-size: 25px !important;} /* formatuje polu ...RESET... w formularzu na stronie ...offer_englform.html... */ #polesubmit {position: relative; width: 300px !important; margin-left: 3px !important; color: black !important; background-color: white !important; font-size: 25px !important;} /* formatuje polu ...SUBMIT... w formularzu na stronie ...offer_englform.html... */ /* ------------------------------------ ...media.html... -------------------------------------*/ #fortep img {position: relative; height: 155px !important; width: 255px !important;} /* formatuje sama ikone fortepianu na stronie ...media.html... */ #fortep {position: relative; left: 0px !important; height: 160px !important; width: 260px !important;} /* formatuje tabele z ikona fortepianu na stronie ...media.html... */ #liniapodzialu1 {position: relative; display: none !important; background-color: lime !important; left: -130px !important;} /* ukrywa napis ...Witaj w œwiecie muzyki i filmu... na stronie ...media.html... */ #liniapodzialu2 {position: relative; display: none !important; background-color: lime !important; left: -350px !important;} /* ukrywa ikone pary tancerzy na stronie ...media.html... */ #muzyka {position: relative; background-color: aqua !important; left: 17px !important; font-size: 45px !important; font-family: Wide Latin, serif !important;} /* - formatuje tytul MUZYKA na stronie ...media.html... */ #blokmuzyka1 {position: relative; width: 310px !important; left: 2.5px !important; padding-bottom: 28px !important;} /* - formatuje blok nr1 z muzyka na stronie ...media.html... */ #tango audio {position: relative; margin-bottom: 8px !important; left: -25p x !important; width: 310px !important;} /* - robi szerokosc bloku i margines miedzy ...Kontraktorskie tango... i ...Dodlary, dolary... */ #blokmuzyka1 div {position: relative; width: 310px !important; background-color: yello w !important;} /* - formatuje wszystkie bloki z muzyka w bloku glownym nr1 na stronie ...media.html... */ #blokmuzyka1 audio {position: relative; width: 310px !important;} /* - formatuje wszystkie ...audio... w bloku z muzyka nr1 oprocz bloku z ...Kontraktorskie tango... */ #blokmuzyka2 {position: relative; width: 310px !important; left: 3px !important; padding-bottom: 26px !important; margin-top: 6px !important;} /* - formatuje blok nr2 z muzyka na stronie ...media,html... */ #blokmuzyka2 div {position: relative; width: 310px !important; background-color: aqu a !important;} /* - formatuje wszystkie bloki z muzyka w bloku glownym nr2 na stronie ...media.html... */ #blokmuzyka2 audio {position: relative; width: 310px !important;} /* - formatuje wszystkie ...audio... w bloku z muzyka nr2 */ #filmymedia {position: relative; padding-left: 7px !important; padding-top: 0px !important; padding-right: 7px !important; padding-bottom: 0px !important; left: 58px !important; font-size: 45px !important; font-weight: bold !important; background-color: lime !important; margin-top: 80px !important;} /* - formatuje napis ...FILMY... na stronie ...media.html... */ #filmy {position: relative; height: 1915px !important; left: 2px !important; width: 310px !important; margin-top: 830px !important} /* - formatuje tylko blok z blokami z filmami na stronie...media.html... */ #filmy div {position: relative; left: -12px !important; width: 315px !important; font-size: 20px !important; borde r: 2px red solid !important;} /* - formatuje wszystkie tylko bloki zawierajace odtwarzacze filmowe na stronie ...media.html.. */ #filmy div video {position: relative; width: 315px !important;} /* - formatuje tylko odtwarzacze filmowe na stronie ...media.html... */ /* --------------------------- offer_english.html --------------------------------------- */ #instrukcja {position: relative; display: none;} /* ukrywa opis o zwiakszaniu czcioni w opisie na stronie ...offer_english.html.... */ #blokofferenglish1 {position: relative; left: 47px !important; width: 300px !important;} /* - formatuje blok nr1 z oferta na stronie ...offer_engllish.html... */ #ofertaengl1 img {position: relative; lef t: 0px !important; width: 290px !important;} /* - formatuje obrazek oferty w bloku nr1 na stronie ...offer_english.html...*/ #blokofferenglish2 {position: relative; left: 12px !important; width: 300px !important;} /* - formatuje blok nr2 z oferta na stronie ...offer_engllish.html... */ #ofertaengl2 img {position: relative; lef t: 0px !important; width: 290px !important;} /* - formatuje obrazek oferty w bloku nr2 na stronie ...offer_english.html... */ /* ------------------------------- ...offer.html... --------------------------------------------- */ #instrukcja1 {position: relative; display: none !important;}/* ukrywa opis o zwiakszaniu czcioni w opisie na stronie ...offer.html.... */ #oferta1 {position: relative; left: 47px !important; width: 300px !important;} /* - formatuje blok nr1 z oferta na stronie ...offer.html... */ #oferta1b {position: relative; lef t: -35px !important; width: 290px !important;} /* - formatuje obrazek oferty w bloku nr1 na stronie ...offer.html... */ #oferta2 {position: relative; left: 12px !important; width: 300px !important;} /* - formatuje blok nr2 z oferta na stronie ...offer.html... */ #oferta2b {position: relative; lef t: -35px !important; width: 290px !important;} /* - formatuje obrazek oferty w bloku nr2 na stronie ...offer.html... */ /* ----------------------------------------- ...news.html... ----------------------------- */ /* #content a - to bylo w dwoch ponizszych ... .etykiety ... i ... .cel ...ale psulo wszystkie linki w calym serwisie */ .etykiety {position: relative; left: 0px !important; top: -15px !important; line-height: 30px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;} /* formatuje tylko gorne etykiety na stronie ...news.html... */ .cel {position: relative; left: 0px !important; top: -25p x !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blu e !important;} /* formatuje tylko napisy ...Inne nowosci... i ...Koniec inne nowosci... w srodkowej i dolnej etykiecie na stronie ...news.html... */ .celetykieta1 {position: relative; line-height: 25px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;}/*formatuje tylko etykiety srodkowe na stronie ...news.html... */ .celetykieta2 {position: relative; line-height: 25px !important; font-size: 15px !important; font-weight: bold !important; font-family: serif !important; color: blue !important;}/*formatuje tylko etykiety dolne na stronie ...news.html... */ #mozliwosci {position: relative; width: 310px !important; left: -17px !important;} /* - formatuje napis ...ponizej widac niektóre z naszych mozliwosci... na stronie ...news.html...*/ #marqujeden {position: relative; width: 310px !important; left: 0px !important;}/* pierwsze od gory ...marquee... na stronie ...news.html... */ #marqudwa {position: relative; width: 310px !important; left: 0px !important;}/* drugie od gory ...marquee... na stronie ...news.html... */ .marque {position: relative; width: 310px !important; left: 2.5px !important;} /* - formatuje wszystkie ...marquee... w tersci strony ...news.html... */ #marquenapis {position: relative; left: -2px !important; line-height: 40px; font-size: 22px !important;}/* formatuje tylko napis ...Halo jest tu kto... tylko w tym ...marquee... w tresci strony ...news.html... */ .pusta {position: relative; margin-top: 30px !important;} /* formatuje pozioma linie pod ...marquee... na stronie ...news.html... */ #krecha {position: relative; margin-bottom: 30px !important;}/* linia pozioma pod trzecim pionowym menu na stronie ...news.html... */ .magik {position: relative; width: 270px !important;} /* czrodziejska linia na stronie ...news.html... */ #kurshtml {position: relative; left: -22 px !important; width: 310px !important;} /* - formatuje pole z ...buuton... ale bez ...button... z napisem ...D A R M O W Y K U R S HTML - link -... na stronie ...news.html... */ #kurshtml button {position: relative; font-size: 15px !important; border: 2px ridge #000000 !important; font-weight: bold !important; width: 312px !important;} /* formatuje tylko ...button... z napisem ...D A R M O W Y K U R S HTML - link -... w powyzszym polu ...#kurshtml.... na stronie ...news.html... */ div#linkkurs1 a {position: relative; left: -16px !important; width: 110px !important; background-color: lim e !important;} /* formatuje pole pod linkiem pod logo Pajaczka na stronie ...news.html... */ img#linkkurs {position: relative; top: 5px !important; left: 17px !important; width: 314px !important;} /* formatuje logo Pajaczka na stronie ...news.html... */ #tekstopisu {position: relative; font-size: 20px !important; font-weight: bold !important;} /* formatuje ...potrojne zagniezdzone obramowanie i cien... na stronie ...news.html... */ #blokzwyrownaniem {position: relative; left: -2px !important; height: 700px !important; width: 300px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem1 {position: relative; height: 600px !important; width: 280px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem2 {position: relative; height: 560px !important; width: 260px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem3 {position: relative; height: 500px !important; width: 210px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem4 {position: relative; height: 430px !important; width: 170px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem5 {position: relative; height: 410px !important; width: 150px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem6 {position: relative; height: 365px !important; width: 115px !important; top: 10px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #blokzwyrownaniem7 {position: relative; height: 345px !important; width: 100px !important; margin: 7.5px !important;}/* siedem zagniezdzonych blokow z efektami na stronie ...news.html... */ #marcin {position: relative: margin-top: -80px !important; margin-bottom: -170px !important;} /* linia pozioma pd siedmioma zagniezdzonymi blokami na stronie ...news.html... */ #tabelaefekty {position: relative; display: none;} /* ukrywa opis nad tabela z efektami druga z kolei na stronie ...news.html... */ .obramowanie {position: relative; display: none;} /* ukrywa tabele z efektami, druga z kolei na stronie ...news.html...*/ #podkreslenie {position: relative; display: none;} /* ukrywa pozioma linie pod druga tabela z efektami na stronie ...news.html... */ #szyld1 {position: relative; display: none;}/*ukrywa napis ...ELEKTRONICZNY SZYLD DO BARU... na stronie ...news.html...*/ #szyld2 {position: relative; display: none;}/*ukrywa ... SZYLD DO BARU... na stronie ...news.html...*/ #poziomemenu {position: relative; margin-bottom: -5px !important;} /* formatuje napis ...Rozwijane poziome menu... na stronie ...news.html... */ /* cz.2/3 kodu rozwijanego poziomego MENU */ /* ------------------------CZESC-GLOWNA-MENU------------------------ */ /* wyglad glownegogo elementu - ol */ ol.wizja { list-style-type:none; padding:0; margin:0; background-color:#FFF; font-size:20px; height:1em; line-height:2em; text-align:left; } /* wygladd wszystkich elementow a - znajdujacych sie w elemencie - ol */ ol.wizja a { display:block; text-decoration:none; color:#000; padding:0 3px; } /* wyglad elementow li - wszystkich dzieci elementu - ol */ ol.wizja > li { float:left; width:240px; margin-left:7px; background-color:#FDD700; /* kolor tel zewnetrznych pol */ height:2em; } /* wyglad elementu - li - pierwszego dziecka elementu - ol */ ol.wizja > li:first-child { margin-left: +5px; } /* wyglad elementow li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li: { background-color:#EEE; } /* wyglad elementu - a - dziecka elementu - li - b餹cego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li:hover > a { color:#09C; } /* wyglad elementu - ul - dziecka elementu - li - bedacego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ ol.wizja > li:hover > ul { display:block; } /* ------------------------CZESC-ROZWIJANA-MENU------------------------ */ /* wyglad glownych rozwijanych elementow ul */ ol.wizja > li > ul { display:none; list-style-type:none; padding:0; margin:0; } /* wyglad elementu - li - w czesci rozwijanej */ ol.wizja > li > ul > li { position:relative; background-color:#EEE; /* kolor tel pol rozwijanych po kliknieciu */ } /* wyglad elementu - a - w czesci rozwijanej */ ol.wizja > li > ul > li > a { border-top:1px solid #FFF; } /* wyglad elementu - li - w czesci rozwijanej, po najechaniu kursorem myszki na dany element - li */ ol.wizja > li > ul > li:hover { background-color:#DDD; } /* wyglad elementu - a - w czesci rozwijanej, po najechaniu kursorem myszki na element - li */ ol.wizja > li > ul > li:hover > a { color:#09C; } /* koniec cz. 2/3 kodu rozwijanego poziomego MENU */ #zestawpierwszy {position: relative; z-index: 4 !important; left: 10px !important; width: 290px !important;} /* - formatuje tylko pole z napisem ...dzial-1...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawpierwszy a {position: relative; z-index: 4 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;} /* formatuje napis ...dzial-1...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawdrugi {position: relative; margin-top: 30px !important; z-index: 3 !important; left: 10px !important; width: 290px !important;} /* - formatuje tylko pole z napisem ...dzial-2...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawdrugi a {position: relative; z-index: 3 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-2...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawtrzeci {position: relative; margin-top: 30px !important; z-index: 2 !important; left: 10px !important; width: 290px !important;} /* - formatuje tylko pole z napisem ...dzial-3...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawtrzeci a {position: relative; z-index: 2 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;} /* formatuje napis ...dzial-3...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawczwarty {position: relative; margin-top: 30px !important; margin-bottom: 50px !important; z-index: 1 !important; left: 10px !important; width: 290px !important;} /* - formatuje tylko pole z napisem ...dzial-4...w ...Rozwijane poziome menu... na stronie ...news.html... */ #zestawczwarty a {position: relative; z-index: 1 !important; font-size: 25px !important; padding-left: 10px !important; top: 5p x !important;}/* formatuje napis ...dzial-4...w ...Rozwijane poziome menu... na stronie ...news.html... */ #menuwizja1 {position: relative; margin-top: 20px !important; margin-bottom: 10px !important;}/* formatuje napis ...PIONOWE MENU ...na stronie ...news.html... */ #menu1 {position: relative; left: -52.5px !important; width: 310px !important;} /* - fromatuje blok z pierwszym pionowym menu na stronie ..news.html..*/ ul.wizja1, ul.wizja1 li { display: block; list-style: none; margin: 0; padding: 0; text-align: left; } ul.wizja1 { width: 290px !important; background-color: lim e !important; left: -63px !important; /* ustawia cale menu */ } ul.wizja1 a:link, ul.wizja1 a:visited { display: block; width: 290px !important; text-decoration: none; background-color: #ccc; font-size: 25px !important; font-weight: bold !important; color: #000; padding: 5px; border: 2px outset #ccc; } ul.wizja1 a:hover { border-style: inset; padding: 7px 3px 3px 7px; } #menu2 {position: relative; left: 1px !important; width: 310px !important;} /* - fromatuje blok z drugim pionowym menu na stronie ..news.html..*/ .wiz ja 2 {position: relative; top: 15px !important; left: 8px !important;}/* formatuje liste w drugim menu na stronie ...news.html... - to zastapione ponizszymi kodami menu*/ /* Drugi Wewnetrzny Arkusz stylow - do Pionowego Menu */ ul.wizja2, ul.wizja2 li { display: block !important; list-style: none !important; margin: 0; padding: 0; left: -19px !important; /* ustawia cale menu */ top: 15px !important; text-align: left !important; } ul.wizja2 { width: 301p x !important; height: 225p x !important; padding: 2px 2px 1px 2px !important; background-color: #9ce !important; /* #9ce */ border: 3px double #28e !important; } ul.wizja2 li { border-bottom: 1px solid #9ce !important; padding-top: 15p x !important; margin-bottom: -15p x !important; } ul.wizja2 a:link, ul.wizja2 a:visited { display: block !important; width: 276px !important; margin-left: 5p x !important; text-decoration: none !important; padding: 7px !important; font-size: 25px !important; font-weight: bold !important; background-color: #27c !important; /* #27c */ color: #def !important; border-left: 10px solid #25b !important; } ul.wizja2 a:hover { width: 266px !important; background-color: #28e !important; color: #fff !important; border-left: 20px solid #26d !important; } /* Drugi Wewnetrzny Arkusz stylow - KONIEC - do Pionowego Menu */ #menu3 {position: relative; margin-top: 50px !important; margin-bottom: 30px !important; left: 3px !important; width: 310px !important;} /* - fromatuje blok z trzecim pionowym pionowym menu na stronie ..news.html..*/ /* Trzeci wewnetrzny Arkusz stylow - do Pionowego Menu */ ul.wizja3, ul.wizja3 li { display: block !important; list-style: none !important; padding: 0; left: -10px !important; } ul.wizja3 li { width: 277px !important; padding-top: 16p x !important; padding-left: 30p x !important; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px !important; border-style: solid !important; border-color: #dfe #365 #365 #dfe !important; } ul.wizja3 a:link, ul.wizja3 a:visited { display: block !important; width: 256.7px !important; margin-bottom: -13p x !important; text-decoration: none !important; padding: 5px 10px !important; font-size: 25px !important; font-weight: bold !important; background: #bfb url("tlo.gif") repeat-x top !important; color: #365 !important; border-left: 1px solid #797 !important; text-align: left !important; } ul.wizja3 a:hover { background-color: #797 !important; background-image: url("tlo2.gif") !important; color: #eff !important; } /* Trzeci wewnetrzny Arkusz styl0w - KONIEC - do Pionowego Menu */ /* ----------------------------- ...indexa.html... dla ...news.html... --------------------------- */ #blokbaru1a {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - A szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru2b {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - B szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru3c {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - C szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ #blokbaru4d {position: relative; width: 24% !important; height: 50px !important; margin-left: 0px !important;}/* BLOK - D szyldu ...Strona glowna do Baru - wersja nr1... na stronie ...indexa.html... dla strony ...news.html.*/ /* ----------------------------- ...indexb.html... dla ...news.html... --------------------------- */ .kolortla {position: relative; display: none; width: 150px !important; height: 130px !important; top: 153px !important; left: 610px !important; z-index-5; font-size: 35px !important;}/* formatuje button ...Znien kolor tla... na stronie ...indexb.html... dla strony ...news.html... - Strona glowna do Baru - wersja 2 */ #marqueeup {position: relative; height: 800px !important;}/* formatuje ...marquee... na stronie ...indexb.html... dla strony ...news.html... - Strona glowna do Baru - wersja 2 */ #menuwroc {position: relative; width: 130px !important; height: 75px !important;}/* tylko klawisz menu glownego ... Menu wroc... na stronie ...indexb.html... */ .klawiszestron {position: relative; Width: 150px !important; height: 100px;}/* Wszystkie klawisze menu glownego oprocz klawisza ... Menu wroc... na stronie ...indexb.html... */ /* ----------------- GENERATOR LOTTO na stronie ... generator_lotto.html ... --------------------- */ /* HTC pion */ #gloteria /* formatuje caly Generator Lotto na ztronie ... generator_lotto.html ... */ { position: relative; left: 0px !important; width: 100% !important; } #tytullotto /* formatuje tytul ... GENERATOR LOTTO... na stronie ... generator_lotto.html ... */ { position: relative; font-size: 20px !important; } #textpole /* formatuje pole textowe z wyswietlanymi wybranymi losowo numerami w Generator Lotto na stronie ... generator_lotto.html ... */ { position: relative; left: 12px !important; width: 94% !important; } .button1 /* przycisk ... Pokaz ... w Generator Lotto na stronie ... generator.lotto.html ... */ { position: relative; top: -7px !important; left: -5px !important; margin-botto m: 1px !important; } #bottonreset /* przycisk ... Reset ... w Generator Lotto na stronie ... generator.lotto.html ... */ { position: relative; top: -1px !important; left: -5px !important; } /* ----------------- CHINSKI ZNAK ZODIAKU na stronie ... generator_lotto.html ... --------------------- */ #tabelazodiaku /* formatuje cala tabele z Chnskim znakiem zodiaku na stronie ... generator_lotto.html ... */ { position: relative; margin-top: 80px !important; } #tabelazodiaku h1 /* formatuje napis ... CHINSKI ZNAK ZODIAKU ... na stronie ... generator_lotto.html ... */ { position: relative; font-size: 23px !important; } .pole1inputy /* formatuje pola input: Rok, znak slonca, chinski symbol w ... Chinski znak zoadiaku ... na stronie generator_lotto.html ... */ { position: relative; width: 100% !important; } .pole1a /* formatuje pole ...SELECT ... w Chinskim znaku zodiaku na stronie ... generator_lotto.html ... */ { position: relative; width: 130% !important; } .poledzien /*formatuje pole input ... dzien ... w Chinskim znaku zodiaku na stronie ... generator_lotto.html ... */ { position: relative; width: 99% !important; left: -1px !important; } .buttonpokaz /* formatuje buton ... Pokaz ... w Chinski znak zodiaku na stronie ... generator_lotto.html ... */ { position: relative; top: 35px !important; } .buttonreset /* formatuje buton ... Reset ... w Chinski znak zodiaku na stronie ... generator_lotto.html ... */ { position: relative; top: 50px !important; } #opisznakow /* formatuje pole z opisami znakow w Chinski znak zoadiaku na stronie ... generator_lotto.html ... */ { position: relative; width: 93% !important; } /* ------------------ SMART na stronie ... generator_lotto.html ... -------------------------- */ .smarttytul /* formatuje pole pod tytulem ... SMART... nad oknem z opcjami kalkulatorow i menu na stronie ... generator_lotto.html ... */ { position: absolute; left: 1px !important; width: 280px !important; top: 320px !important; margin-bottom: 170px !important; } .smartpodstawa /* formaruje okno z uslugami pod tytulem ... SMART ... na stronie generator_lotto.html ... */ { position: relative; left: -97px !important; top: 135px !important; } #menu1 { position: relative; left: -6px !important; } } /* @media screen and (max-width: 640px) - HTC pion i poziom - oryginal z Schaumburg Music */ /* @media screen and (min-width: 1001px) and (max-width: 1050px) - Ipad mini poziom - oryginal z Schaumburg Music */ /* @media screen and (min-width: 735px) and (max-width: 1000px) - Ipad mini pion - oryginal z Schaumburg Music */ /* @media screen and (max-device-width: 360px) - Iphone pion i poziom - przeniesione z Schaumburg Music */