/* 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;} /* ===================================== M O B I L N E POCZATEK ================================================ */ /*MONITOR 3-kolumny*/ @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;} #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 */ } /*MONITOR 2-kolumny*/ /* @media (max-width: 1023px) - oryginal */ /* @media screen and (min-width: 735px) and (max-width: 768px) - dopisalem do oryginalu ...screen and (min-width: 735px) and ... i zmienilem ...1023px... na ...768px...*/ @media screen and (max-device-width: 360px) /* - Iphone pion i poziom - przeniesione z Schaumburg Music */ /* @media only screen and (max-width: 680px) - dla sredni telefon i Ipad - przeniesione z Schaumburg Music */ /* @media screen and (min-width: 735px) and (max-width: 1000px) - Ipad mini pion - oryginal z Schaumburg Music */ /* @media screen and (min-device-width: 541px) and (max-device-width: 640px) - Iphone pion */ { .container {width: 715px;} #content {width: 715px; margin-right: 10px;} #sidebar-a {width: 238px; margin-right: 10px;} #sidebar-b {display: none;} #blok {width: 545px !important; left: 1px !important;} /* blok z CSS3 */ .figuremlenka a img {left: 138px !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 */ #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... */ #fly {position: relative; font-size: 17.3px !important;} /* formatuje napis ... Fly letters... */ .clear {position: relative; padding-top: 1px !important; line-height: 37px !important; width: 550px !important;} /* formatuje pole pod napisem ...Fly letters... */ .anima1 {position: fixed; background-color: red !important; left: 5px !important; width: 310px !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 */ /* --------------------------------------------- */ #pocztacontact {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: -15px;} /* 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; margin-top: 165px !important; left: -50px !important;}/*druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html...- formatuje blok nr2 bez formularza */ #komora2 form nobr input {position: relative; margin-top: 20px !important; margin-bottom: 20px !important;}/* formatuje odleglosc inputow od siebie w poczcie na stronie ...contact.html...*/ #komora2 form {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; outline: 2px solid maroon; float: right; display: block; width: 290px !important; margin-top: -110px !important; left: 38px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ #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... */ /* ---------------------- 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 */ /* ------------------------------------------------------------------------------------------------------ */ #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 ...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 */ #komora2a {position: relative; margin-top: 165px !important; left: -50px !important;}/*druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html...- formatuje blok nr2 bez formularza */ #komora2a form nobr input {position: relative; margin-top: 20px !important; margin-bottom: 20px !important;}/* formatuje odleglosc inputow od siebie w poczcie na stronie ...contact.html...*/ #komora2a form {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; outline: 2px solid maroon; float: right; display: block; width: 290px !important; margin-top: -110px !important; left: 38px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ /* ----------------------------- bloki na stronie ...index.html... */ #blok1 {position: relative; left: 3px !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: 0px !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: 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;} /* ----------------------------- 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... */ /* ------------------------ 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 1-kolumna - HTC poziom */ /* @media (max-width: 734px) - oryginal */ @media screen and (min-device-width: 641px) and (max-device-width: 960px) /*@media (min-width: 600px) and (max-width: 734px) /* - dopisalem ... (min-width: 600px) and ... do oryginalu - te kody formatuja tak samo jak ponizsze ...@media screen and (max-width: 640px)... - tutaj tylko w poziomie */ /*@media screen and (max-width: 640px) - HTC pion i poziom - kopia z Schaumburg Music - te kody formatuja tak samo jak powyzsze ... @media (min-width: 600px) and (max-width: 734px) ... - tutaj tylko w poziomie ale niektóre elementy traca wymiary */ { .container {width: 550px;} #content {width: 550px; margin-right: 10px;} #sidebar-a, #sidebar-b {display: none;} #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;} /* ustawia pole pod polem glownym - stopka */ #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... */ #fly {position: relative; font-size: 17.3px !important;} /* formatuje napis ... Fly letters... */ .clear {position: relative; padding-top: 1px !important; line-height: 37px !important; width: 550px !important;} /* formatuje pole pod napisem ...Fly letters... */ .anima1 {position: fixed; background-color: lim e !important; left: 45px !important; width: 550px !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 siê w animowanych przyciskach */ /* --------------------------------------------- */ #pocztacontact {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: -15px;} /* 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; margin-top: 165px !important; left: -50px !important;}/*druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html...- formatuje blok nr2 bez formularza */ #komora2 form nobr input {position: relative; margin-top: 20px !important; margin-bottom: 20px !important;}/* formatuje odleglosc inputow od siebie w poczcie na stronie ...contact.html...*/ #komora2 form {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; outline: 2px solid maroon; float: right; display: block; width: 290px !important; margin-top: -110px !important; left: 38px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ #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... */ /* ---------------------- 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 */ /* ------------------------------------------------------------------------------------------------------ */ #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 ...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 */ #komora2a {position: relative; margin-top: 165px !important; left: -50px !important;}/*druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html...- formatuje blok nr2 bez formularza */ #komora2a form nobr input {position: relative; margin-top: 20px !important; margin-bottom: 20px !important;}/* formatuje odleglosc inputow od siebie w poczcie na stronie ...contact.html...*/ #komora2a form {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; outline: 2px solid maroon; float: right; display: block; width: 290px !important; margin-top: -110px !important; left: 38px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ /* ----------------------------- bloki na stronie ...index.html... */ #blok1 {position: relative; left: 3px !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: 0px !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: 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;} /* ----------------------------- 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... */ /* ------------------------ 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... */ } /*SMARTFON - HTC pion */ /* @media (max-width: 599px) - oryginal */ @media screen and (max-device-width: 540px) { .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;} #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: 20px;} /* ustawia pole pod polem glownym - stopka */ #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... */ #fly {position: relative; font-size: 17.3px !important;} /* formatuje napis ... Fly letters... */ .clear {position: relative; padding-top: 1px !important; line-height: 37px !important; width: 316.5px !important;} /* formatuje pole pod napisem ...Fly letters... */ .anima1 {position: fixed; background-color: yello w !important; left: 20.5px !important; width: 319px !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 */ .podkreslenie font {position: relative; font-family: serif; left: -7px; font-size: 26px !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: -18px;} /* 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; margin-top: 165px !important; left: -50px !important;}/*druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html...- formatuje blok nr2 bez formularza */ #komora2 form nobr input {position: relative; margin-top: 20px !important; margin-bottom: 20px !important;}/* formatuje odleglosc inputow od siebie w poczcie na stronie ...contact.html...*/ #komora2 form {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; outline: 2px solid maroon; float: right; display: block; width: 290px !important; margin-top: -110px !important; left: 38px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ #pocztaform {position: relative; left: -18px !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... */ /* ---------------------- FORMULARZ Nr1 NA STRONIE ...formularz.html... ----------------------------------- */ #pocztaform1 {position: relative; left: -18px !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: -18px !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 */ /* ----------------------------------------------------------------------------------------------- */ #pocztacontact1 {position: relative; width: 315px !important; height: 229px !important; display: block; margin-top: 5px; margin-bottom: 30px !important; padding-bottom: 15px !important; left: -18px;} /* cala tabela/blok z telefonem, mailem i wyszukiwarkami 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 */ #komora2a {position: relative; margin-top: 165px !important; left: -50px !important;}/*druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html...- formatuje blok nr2 bez formularza */ #komora2a form nobr input {position: relative; margin-top: 20px !important; margin-bottom: 20px !important;}/* formatuje odleglosc inputow od siebie w poczcie na stronie ...contact.html...*/ #komora2a form {position: relative; padding-top: 10px !important; padding-bottom: 10px !important; outline: 2px solid maroon; float: right; display: block; width: 290px !important; margin-top: -110px !important; left: 38px !important;} /* druga komorka/blok powyzszej tabeli/bloku z telefonem i mailem i wyszukiwarkami na stronie ...contact.html... - formatuje formularz w bloku nr2 */ /* ----------------------------- bloki na stronie ...index.html... */ #blok1 {position: relative; left: -16px !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: -19px !important; width: 310px !important;} /* formatuje caly blok nr2 na stronie ...index.html... */ #blok3 {position: relative; left: -15px !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;} /* ----------------------------- 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: -35px !important; width: 310px !important; height: 115px !important;} /* formatuje pierwszy blok od gory z wyszukiwarka na stronie ...others.html...*/ #blok2inne {position: relative; left: -17px !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: -19px !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: -18px !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: -16px !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... */ /* ------------------------ Formularz na stronie ...offer_englform.html... ---------------------------- */ #englform {position: relative; left: -18px !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: -18px !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; 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... ------------------------------------------------*/ #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: -2px !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: -16px !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: -18px !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: 33px !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: -16px !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: -51px !important; width: 300px !important;} /* formatuje blok nr1 z oferta na stronie ...offer_engllish.html... */ #ofertaengl1 img {position: relative; left: -35px !important; width: 290px !important;} /* formatuje obrazek oferty w bloku nr1 na stronie ...offer_english.html... */ #blokofferenglish2 {position: relative; left: -26px !important; width: 300px !important;} /* formatuje blok nr2 z oferta na stronie ...offer_engllish.html... */ #ofertaengl2 img {position: relative; left: -35px !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: -51px !important; width: 300px !important;} /* formatuje blok nr1 z oferta na stronie ...offer.html... */ #oferta1b {position: relative; left: -35px !important; width: 290px !important;} /* formatuje obrazek oferty w bloku nr1 na stronie ...offer.html... */ #oferta2 {position: relative; left: -26px !important; width: 300px !important;} /* formatuje blok nr2 z oferta na stronie ...offer.html... */ #oferta2b {position: relative; left: -35px !important; width: 290px !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; 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: -36px !important;} /* formatuje napis ...ponizej widac niektóre z naszych mozliwosci... na stronie ...news.html...*/ #marqujeden {position: relative; width: 310px !important; left: -16px !important;}/* pierwsze od gory ...marquee... na stronie ...news.html... */ #marqudwa {position: relative; width: 310px !important; left: -16px !important;}/* drugie od gory ...marquee... na stronie ...news.html... */ .marque {position: relative; width: 310px !important; left: -16px !important;}/* formatuje wszystkie ...marquee... w tersci strony ...news.html... */ #marquenapis {position: relative; font-size: 15px !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: -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: -71px !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: -17px !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: -16px !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: -16px !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: 270px !important;} /* czrodziejska linia na stronie ...news.html... */ #kurshtml {position: relative; left: -17px !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: 18px !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: 0px !important; width: 314px !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: -20px !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...*/ /* ----------------------------- ...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... */ } /* @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 */