/* This CSS file is part of the HTML5 / CSS3 tutorial on http://www.lingulo.com */
/* GLOBAL */
body
{
border-top:;
background: #fff; /* #deded7; */
background-image: url(wiosna1.jpg); /* url(wiosna1.jpg) / url(zima11.jpg); / url(zima14.gif) / url(zima5.jpg) /url(krajobraz1.jpg) - lato / url(jesien2.jpg); / url(jesien8.jpg); / url(jesieñ.jpg); */
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%; /* cover / contain / 100% 100% / auto 100% / */
font-family: 'open sans', 'sans-serif';
color: #000000; /* #333 */
/*background-image: url('obrazkigif/bg.gif'); background-repeat: repeat-x; - tlo obrazkowe okna wyszukiwarki */
/* font-size-adjust: 0.54; - proporcja malej do duzej czcionki / czcionka - Comic Sans MS / */
/* font-weight: bold !important; */
}
.snieg1 /* wylacza snieg wszedzie w rozdzielczosci na komputery */
{
position: relative;
display: none;
}
a.widget /* ukrywa Thumbtack wszedzie oprócz ztron ...testimonials.html... i ...sale.html... */
{
position: relative;
visibility: hidden;
}
a.widget1 /* ukrywa Thumbtack tylko na stronie ...sale.html... */
{
position: relative;
visibility: hidden;
}
a.widget2 /* ukrywa Thumbtack tylko na stronie ...testimonials.html... */
{
position: relative;
visibility: hidden;
}
#menu31 /* ukrywa wszystkie MENU-MOBILE o id="menu31" */
{
position: relative;
display: none;
}
div.marque
{
/* width: 1000px !important; */ /* szerokosc strony */
position: relative;
margin-top: 5.5px !important;
background-color: gainsboro; /* ded888 - kolor tla tylko szerokosci strony */
/* background-image: url('k2.jpg'); background-repeat: no-repeat; background-size: 100% 100%; - tlo obrazkowe tylko szerokosci strony */
/* opacity: 0.9; - przezroczystosc */
}
/*
table.hidden1
{
display: none; - Ukrywa ...MARQUE... i na komputerze i w mobilnych
}
*/
/*
img#logo
{
position: relative;
margin-left: auto;
margin-right: auto;
}
*/
/*Ja to napisalem i sluzy do powiekszania tla obrazkowego - warunkow wynajmu, - na stronie...rental.html... a to;...width: 1700px i height: 1300px... -- uzylem tutaj powiekszenia ...hover...po najechaniu myszk¹. - jest to dla wersji tabeli ...1/3... */
td:hover.pole1 {
position: static;
position: relative;
width: 800px !important; /* 1700 */
height: 1300px !important;
vertical-align: top;
}
/*Ja to napisalem i sluzy do kolorowania / i powiekszania czcionki / opisu - warunkow wynajmu, - na stronie...rental.html... -- uzylem tutaj ...hover...po najechaniu myszka. - jest to dla wersji tabeli ...3/3... lewa komorka */
td:hover.pole1a p {
position: static;
position: relative;
/* font-size: 21px !important; */
color: blue;
}
/*Ja to napisalem i sluzy do kolorowania / i powiekszania czcionki / opisu - warunkow wynajmu, - na stronie...rental.html... -- uzylem tutaj ...active...po najechaniu myszka i przytrzymaniu. - jest to dla wersji tabeli ...3/3... lewa komorka */
td:active.pole1a p {
position: static;
position: relative;
/* font-size: 21px !important; */
color: maroon;
}
/* Dopisalem - powi骳za napisy i zmienia kolor w prawej komorce umowy najmu / po najechaniu myszka/ ... na stronie ...rental.html... - jest to dla wersji tabeli ...3/3... - prawa komorka */
table td > p:hover.stan2 {
position: static;
position: relative;
font-size: 21px !important;
/* width: 650px !important; */
height: 700px !important;
color: blue;
}
input.kasowanie:hover /* Formatuje tylko przycisk ...RESET... w ...POP-UPEK... w ...SELECT /ukrytym/... na stronie ...index.html... w ...REMINDER-ALARM CLOCK w SELECT /kurtyna/... - po najechaniu go */
{
position: relative;
background-color: yellow !important;
}
input.kasowanie:active /* Formatuje tylko przycisk ...RESET... w ...POP-UPEK... w ...SELECT /ukrytym/... na stronie ...index.html... w ...REMINDER-ALARM CLOCK w SELECT /kurtyna/... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 95px !important;
background-color: #ff99ff !important;
}
input#kasowaniepolawagi:hover /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po najechaniu go */
{
position: relative;
background-color: yellow !important;
}
input#kasowaniepolawagi:active /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 95px !important;
background-color: #ff99ff !important;
}
input.privious:hover /* Formatuje oba przyciski ...PRIVOUS... w ...POP-UPEK... w UNIWERSALNYM KALENDARZU na stronie ...index.html... - po NAJECHANIU go */
{
position: relative;
background-color: lime !important;
}
input.privious:active /* Formatuje oba przyciski ...PRIVOUS... w ...POP-UPEK... w UNIWERSALNYM KALENDARZU na stronie ...index.html... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 100px !important;
background-color: yellow !important;
}
input.next:hover /* Formatuje oba przyciski ...NEXT... w ...POP-UPEK... w UNIWERSALNYM KALENDARZU na stronie ...index.html... - po NAJECHANIU go */
{
position: relative;
background-color: lime !important;
}
input.next:active /* Formatuje oba przyciski ...NEXT... w ...POP-UPEK... w UNIWERSALNYM KALENDARZU na stronie ...index.html... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 100px !important;
background-color: yellow !important;
}
input.zobaczmy:hover /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po NAJECHANIU go */
{
position: relative;
background-color: lime !important;
}
input.zobaczmy:active /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po KLIKNIECIU go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 150px !important;
background-color: yellow !important;
}
input
{
font-family: 'Open Sans', sans-serif;
font-size:16px;
padding: 3px;
overflow: hidden;
margin-bottom: 6px;
outline: 0px;
border: 0px solid #000;
width:250px;
background: #EBE8DE;
border-radius:10px;
}
select
{
font-family: 'Open Sans', sans-serif;
font-size:16px;
padding: 3px;
overflow: hidden;
margin-bottom: 6px;
outline: 0px;
border: 0px solid #000;
width:250px;
background: #EBE8DE;
border-radius:10px;
}
form.kalwie table select /* Formatuje tylko pole ...select... z miesiacami - na stronie ...important.html... */
{
position: relative;
width: 125px !important;
background-color: yellow;
font-weight: bold;
color: blue;
border: dotted 1px #000000;
}
form.kalwie table input /* Formatuje tylko pola; ...input... z latami i z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
width: 75px !important;
background-color: yellow;
font-weight: bold;
color: blue;
border: dotted 1px #000000;
}
form.kalwie table input.kalwie1 /* Formatuje wszystkie pola pod kalendarzem oprocz pola ...TODAY... - na stronie ...important.html... */
{
position: relative;
width: 40px !important;
background-color: lime;
font-size: 20px;
border: dotted 1px #000000;
}
form.kalwie table input.kalwie1a /* Formatuje tylko pole ...TODAY... pod kalendarzem - na stronie ...important.html... */
{
position: relative;
width: 70px !important;
background-color: lime;
font-size: 20px;
border: dotted 1px #000000;
}
form.kalwie table textarea.kalwie1ab /* Formatuje tylko pole ...TEXT AREA... - na stronie ...important.html... */
{
position: relative;
background-color: silver;
font-size: 25px;
color: #000000;
border: dotted 2px #000000;
}
input[type=submit]
{
width:auto;
padding: 5px 18px;
line-height:25px;
text-shadow:none;
cursor:pointer;
box-shadow: none;
background: #333333;
color: #fff;
}
input[type=reset]
{
width:auto;
padding: 5px 18px;
line-height:25px;
text-shadow:none;
cursor:pointer;
box-shadow: none;
background: #333333;
color: #fff;
}
p
{
margin:5px 0;
line-height:25px;
}
a
{
text-decoration:none;
transition: all .25s ease;
color:#646262;
}
a:hover
{
color:#E92E2E;
}
/* Ponizsze nadaje zolty kolor przyciskom w Menu naglowka, po kilknieciu na nie. */
a:active
{
color: #ffff00 !important;
}
strong
{
font-weight:bold;
}
figcaption strong
{
border-bottom: 1px solid #D6D0C1;
padding-bottom:10px;
margin: 10px 0;
display:block;
}
figcaption
{
line-height: 25px;
font-size:14px;
width:200px;
}
hr
{
background-color: #D6D0C1;
border:0;
height:1px;
margin:20px 0;
}
/* HEADER */
header
{
position:relative;
/*top: 40px; - do ustawienia nizej naglowka aby dac u gory Menu rozwijane i wysuwane - zastapione jest to w ..inline... w HEADER atrybutem ...top: 35.5px... - dla wersji bez ruchomego napisu ...Thanks for visiting "SCHAUMBURG MUSIC ACADEMY" ! pod ...MARGUE... w HTML5 */
width:auto;
height: 100px;
max-width: 1000px;
margin: auto;
background-color: #000000 !important; /* Kolor tla naglowka/pod tabela z menu/ - wszedzie plus mobilne - by³o ...background:#333; */
}
header h1
{
font-size:16px;
color:#fff;
font-family: 'ubuntu condensed', sans-serif;
}
header p
{
font-family: 'ubuntu condensed', sans-serif;
font-size:16px;
color: #fff;
margin-left:5px; /* bylo ...12px... ale zmienilem dla ustawienia przycisku ...MAP.. - przesuwa w poziomie ...Logo... */
}
header tel
{
font-family: 'ubuntu condensed', sans-serif;
font-size:20px;
color:#d4f3f3;
margin-right:12px;
}
nav
{
position:absolute;
left:250px;
right:50px;
bottom:5px;
}
nav ul
{
list-style:none;
}
nav ul li
{
display:block;
float:left;
padding:3px 30px;
}
nav ul li a
{
font-family: 'ubuntu condensed', sans-serif;
text-transform:uppercase;
transition: all .25s ease;
color:#fff;
}
nav ul li a:hover
{
color:#E92E2E;
}
#mobileMenu
{
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
}
#mobileMenu ul li
{
display:block;
background-color: #E56038;
color: #fff;
padding: 12px 0;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #CC5836;
}
.toggleMobile
{
display: none;
}
/* 3 COLUMNS */
#boxcontent
{
width:auto;
max-width:1000px;
margin: auto;
padding:20px 0 45px 0;
}
#boxcontent article
{
float:left;
width:480px;
margin-right:15px;
font-size:14px;
}
#boxcontent article h3
{
font-family: 'open sans', sans-serif;
font-size:18px;
margin-bottom:10px;
margin-left:75px;
}
#boxcontent article img
{
float:center;
margin-left:106px; /* Lewy margines zdjec /rysunkow/ ...Welcome... i ...Testimonials... u gory strony ...inex.html... */
}
#boxcontent article p
{
line-height:25px;
font-family: arial, sans-serif;
margin-left:25px;
}
#boxcontent article li
{
line-height:25px;
font-family: arial, sans-serif;
margin-left:40px;
}
#slider_content1, #slider_content2, #slider_content3
{
line-height: 25px;
font-family: 'Open Sans', sans-serif;
width: 350px;
position: absolute;
top: 152px;
left: 21px;
display: none;
z-index: 11;
}
#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
color:#EBE8DE;
font-size:25px;
font-weight:bold;
margin-bottom:10px;
background-color:#333333;
padding:0px 15px;
border-radius: 0px 0 15px 0;
display:inline-block;
}
#slider_content1
{
display:block;
}
#slider_content1 p, #slider_content2 p, #slider_content3 p
{
margin:0 0 0px 0;
color:#4a463b;
background-color:#EBE8DE;
padding:10px 15px;
border-radius: 5px;
}
/* BUTTONS */
.button
{
padding:7px 14px;
border: 1px solid #c3532e;
background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);
background-color: #eb653c;
color: #EBE8DE;
text-shadow: 1px 1px 0px #ff8155;
text-decoration:none;
border-radius:5px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.button:hover
{
background:none #EBE8DE;
border-color: #EBE8DE;
text-shadow:none;
color: #4A463B;
}
/* SPACER */
#spacer
{
width:1000px;
height:30px;
margin: 0 auto 0 auto;
background-color:#333;
position:relative;
font-family: 'Open Sans', sans-serif;
color:#E92E2E;
font-size:18px;
}
#spacer p
{
margin-top:3px;
width:auto;
position:absolute;
left:50%;
margin-left:-470px;
}
#spacer .search
{
margin-top:15px;
width:auto;
position:absolute;
right:50%;
margin-right:-480px;
}
/* FOUR COLUMNS */
#four_columns, #text_columns
{
line-height:25px;
font-family: 'Open Sans', sans-serif;
clear:both;
width:auto;
max-width:1000px;
margin:0 auto;
}
section#text_columns
{
top: -90px; /* Ustawia gora-dol pola LESSONS i RENTALS z ich tekstami - wszystkie razem */
}
#four_columns h2, #text_columns h3
{
font-size:20px;
border-bottom: 1px solid #000000; /* #D6D0C1 - podkreslenie wyrazow ...Lssons... i ...Rentals... na stronie ...index.html... */
padding: 20px 0;
margin-bottom: 20px;
}
#four_columns .img-item
{
float:left;
margin-left:25px; /* Lewy margines do dwoch prawych /w pionie/ obrazkow wyswietlanych po ich kliknieciu - Home /zdjecia/ w czterech oknach */
}
#four_columns
{
top: -110px !important; /* Ustawia gora-dol wszystkie obrazki jednoczesnie w powiekszeniu lightbox */
}
#four_columns .img-item a
{
position:relative;
display:block;
}
.thumb-screen
{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:300px;
background: #000 url(img/zoom.png) center center no-repeat;
z-index:99;
opacity: 0;
transition: opacity .5s ease;
}
.thumb-screen:hover
{
opacity:0.5;
}
/* TWO COLUMNS */
#text_columns article.column1, #text_columns .column2
{
margin-left:42px; /* lewy margines pola textu...Lessons... pod lewa kolumna powiekszanych obrazkow w HOME */
font-size:14px;
float:left;
width:auto;
max-width: 450px;
}
#text_columns .column2
{
margin: 0px 26px; /* ...26px... prawy margines pola textu ...Rentals... pod prawa kolumna powiekszanych obrazkow w HOME */
}
.row
{
position:relative;
margin: 0px 0 0 50px;
float:right;
width:450px; /* bylo 400px - szerokosc pola textu ...Rentals... pod prawa kolumna powiekszanych zdjec w HOME */
}
.row img
{
float:left;
}
.row p
{
margin-left: 0px;
}
.rocket, .clock
{
top:0;
left:0;
position:absolute;
height: 80px;
}
.rocket:hover
{
opacity:0;
transition: opacity 0.4s ease 0.2s;
animation-name: stylie-transform-keyframes;
animation-duration: 700ms;
animation-delay: 0ms;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: 1;
transform-origin: 0 0;
}
.clock:hover
{
animation-name: stylie-transform2-keyframes;
animation-duration: 100ms;
animation-delay: 0ms;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
transform-origin: 0 0;
}
/* FOOTER */
footer
{
position:relative;
clear:both;
width:1000px; /* Bylo 1010 szerokosc pola Footer */
height:350px;
background:#333333; /* Kolor tla stopki ale bez ...Copyright... */
margin:auto;
}
footer .wrapper
{
line-height:25px;
margin: 0 auto;
padding-top:30px; /* Odstep wszystkich trzech pionow w calosci od gornej krawedzi stopki */
width:auto;
max-width:900px; /* Szerokosc pola z napisami i mapa Google */
font-size:14px; /* Rozmiar czcionki tylko dla dni i godzin oraz adresu */
}
footer .wrapper .column
{
font-family: 'Open Sans', sans-serif;
color:#ababab; /* Kolor tekstu godziny otwarcia i adres, ale nie ich naglowkow */
float:left; /* Ustawienie samej mapy po prawej stronie dwoch pierwszych kolumn */
width:280px; /* Szerokosc pola z napisami i Mapa Google / ale nie jest to szerokosc Footer */
margin-right: 20px; /* Margines z prawej strony Mapy Google - bylo = 20px /65/ */
}
footer .wrapper .column span /*Dopisalem dla koloru tylko nr telefonu - komputer i mobilne */
{
position: static;
color: #000000 !important; /* Kolor tekstu numeru telefonu w adresie w stopce - wszedzie */
background-color: #ffffff !important;
font-weight: bold !important;
line-height: 30px !important; /* 35 */
}
footer .wrapper .column.midlist ul li /* Chyba nie ma takiej klasy ....column.midlist... bo jest w ...footer dla adresu .../.column midlist.../... */
{
display:block;
width:auto;
padding:0 0 10px 25px;
margin-bottom:10px;
border-bottom: 10px solid #444444;
background:url(img/arrowright2.png) left 6px no-repeat;
}
footer .wrapper .column.midlist ul li a:hover /* Chyba nie ma takiej klasy ....column.midlist... bo jest w ...footer dla adresu .../.column midlist.../... */
{
color:#fff;
}
footer .wrapper .column.rightlist ul li /* Chyba nie ma takiej klasy ....column.rightlist... bo jest w ...footer dla adresu .../.column rightlist.../... */
{
display:block;
width:auto;
margin-bottom:15px;
}
footer .wrapper .column.rightlist ul li a span /* Chyba nie ma takiej klasy ....column.rightlist... bo jest w ...footer dla adresu .../.column rightlist.../... */
{
margin-left:95px;
display:block;
}
footer .wrapper .column.rightlist ul li a img /* Chyba nie ma takiej klasy ....column.rightlist... bo jest w ...footer dla adresu .../.column rightlist.../... */
{
transition: border .25s ease;
float:left;
border:3px solid #444444;
}
footer .wrapper .column.rightlist ul li a img:hover /* Chyba nie ma takiej klasy ....column.rightlist... bo jest w ...footer dla adresu .../.column rightlist.../... */
{
border-color: #5e5e5e;
}
footer .wrapper .column h4
{
font-size: 16px;
color: #fff; /* Kolor textu /tylko naglowek/ -Godziny otwarcie - Address - Find Us */
border-bottom: 1px solid #ffffff; /* #444444 -Linie podkreslajace powyzsze trzy napisy naglowkow */
width: 230px !important; /* Dlugosc linii podkreslajacych / podkreslenie chyba tylko tytulu ...Hours of Operation.../ - moze byc w liczbach lub ...auto.... - ja dopisalem ...230px...*/
padding: 0 0 10px 0;
margin-bottom: 10px;
}
#copyright
{
background: #1D1D1D;
height:70px;
position:absolute;
bottom:0;
left:0;
width:100%;
}
#copyright .wrapper
{
font-family: 'Open Sans', sans-serif;
padding-top:25px;
color: #5e5e5e;
font-size:14px;
position:relative;
}
#copyright .wrapper .social
{
position:absolute;
right:0;
top:25px;
}
#copyright .wrapper .social a
{
transition: opacity .25s ease;
opacity: 0.3;
margin-left: 12px;
display:block;
float:left;
}
#copyright .wrapper .social a:hover
{
opacity: 0.7;
}
#copyright .wrapper a
{
color: #ABABAB;
}
#copyright .wrapper a:hover
{
color: #fff;
}
/* SKIPLINK */
.go-top
{
position: fixed;
bottom: 2em;
right: 2em;
text-decoration: none;
color: white;
background-color: rgba(0, 0, 0, 0.3);
font-size: 12px;
padding: 1em;
display: none;
}
.go-top:hover
{
background-color: rgba(0, 0, 0, 0.6);
}
/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
border-top: 0px #ffff00 solid; width: 1000px !important; /* d6d0c1 - dopisalem grubosc linii 5px i inny kolor plus szerokosc */
}
#slides
{
display: none; /* ukrywa zdjecia-okno ze slajdami pod menu gornymi */
}
/* Center the slideshow */
.container
{
width: 1000px;
margin: 0 auto;
position: relative;
top: -57px; /* -11 / -15 / -57... Dopisalem aby dopasowac pokaz zdjec pod naglowkiem - Cztery MANU i zamiana pozycji klawiszy / w zapisie / pod ...header i nav... */
}
/* Show active item in the pagination */
.slidesjs-pagination .active
{
color:red;
}
#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button
{
display:none;
color:#000;
}
/* MISC */
.clear
{
clear:both;
}
.hidden
{
position:absolute;
clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
/*
@media (max-width: 1215px)
{
#slider_content1, #slider_content2, #slider_content3
{
width:auto;
margin-right:50px;
}
#slider_content1 h2, #slider_content2 h2, #slider_content3 h2
{
font-size:18px;
}
#slider_content1 p, #slider_content2 p, #slider_content3 p
{
font-size:14px;
}
#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button
{
display:inline;
}
.container .button
{
display:none;
}
}
*/
/* Dopisalem - dla rozdzielczosci j.n. / tylko dla ...Get Directions... ...Our Neghborhood... i
...We Speak English ... na "Ipad mini" - APPLE - tylko w poziomie - ale psuje ustawienia w HTC Sensation 4G - i dlatego wylaczylem /
@media screen and (max-width: 1215px)
{
Kody dla paska z RSS i inne - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...#ipad2a.../...#ipad2b.../...#ipad2c...
.rss
{
position: static;
position: relative;
left: auto !important;
top: -70px !important;
right: auto !important;
width: 1000px !important
}
Kody do zwiekszenia liter w - ...Get Directions...
table.rss td button#ipad2a
{
position: static;
position: relative;
top: 9px!important;
left: 5px !important;
font-size: 25px !important; bylo ...15px.../...35...
background-color: yello;
}
Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood...
table.rss td button#ipad2b
{
position: static;
position: relative;
top: 5px!important;
left: 310px !important;
font-size: 25px !important; bylo ...15px... /...35...
background-color: yello;
}
Kody do zwiekszenia liter i ustawienia komorki w - ...We speak English & Polish...
table.rss td#ipad2c
{
position: static !important;
position: relative !important;
top: 15px !important;
left: -1px !important;
font-size: 25px !important; bylo ...15px...
background-color: aqu !important;
}
Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem - wszedzie
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu !important;
}
}
*/
/* ORYGINAL
@media (max-width: 915px)
{
#boxcontent article
{
float: none;
margin: 30px auto 0 auto;
width: 60%;
}
#spacer
{
font-size:15px;
}
#spacer .search
{
margin-top:19px;
margin-right:-385px;
}
#spacer p
{
margin-left:-370px;
}
input
{
padding:4px;
font-size:14px;
}
input[type="submit"]
{
padding: 1px 14px;
}
#four_columns
{
width: 500px;
}
#four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
{
margin-top: 25px;
}
#text_columns article.column1, #text_columns .column2
{
float:none;
max-width: 500px;
margin: 50px 30px 0 30px;
}
.column2 .row
{
float:none;
margin:0 0 40px 50px;
}
footer .wrapper .column
{
font-size: 12px;
width: 230px;
}
}
*/
/* @media (max-width: 915px) */ /*bylo ...915... i ...765... */
/* Rozdzielczosc ...max-width: 640px... lub ....min-width; 360px and max-width: 640px i dla ...screen and all... i dla samego ...all... jest dobra dla HTC Sensation 4G / wszystko wyswietla prawidlowo - pion i poziom/.
Telefon IPhone 5s - wyswietla wszystko prawidlowo i pion i poziom oprocz ..Get Directions... i Our Neighborhood...
Ipad mini - wyswietla w poziomie ustawienia dla komputera, ale bez ...Get Direction..., Neigborhood..., i w pionie wszystko dla mobilnych lacznie z paskiem RSS + inne. */
@media screen and (max-width: 640px)
{
/* Dlugosc strony tylko dla strony ....mapaservicu.html... */
footer.bodylong
{
position: static;
position: relative;
top: 50px !important;
}
.emailofertapl /* Formatuje napis ... Zamow usluge klikajac TUTAJ ... na stronie ... ofertapl.html ... */
{
position: relative;
font-size: 45px !important;
line-height: 115px !important;
}
/* Ustawienie tytulu ...Map of our services... na stronie ...mapaservicu.html... */
table.mapofour
{
position: static;
position: relative;
top: -20px !important;
word-spacing: 12px !important;
}
/* Center the slideshow - Dotyczy ustawienia w pione gornej galerii zdjec /slajdy/ pod naglowkiem na stronie ...index.html... okna */
.container
{
position: static;
position: relative;
top: 10px !important; /* ...-26px... - Dopisalem aby dopasowac pokaz zdjec pod naglowkiem - Cztery MANU i zamiana pozycji klawiszy / w zapisie / pod ...header i nav... */
}
.tytul_a { font-size: 60px !important;
font-weight: bold !important;
text-decoration: underline !important;
position: relative;
bottom: 10px !important;
color: maroon !important;
} /* Powi骳za Tytul pod obrazkiem ...WELCOME... i inne - na stronie ...index.html... */
/* Kody dla napisu ...Music is our business. See us first!... na stronie ...index.html... */
section#boxcontent article p.tytul
{
position: static;
position: relative;
color: blue !important;
font-size: 50px !important;
top: -10px !important;
}
.testimonials { font-size: 35px !important; } /* Powi骳za ...link.... do testimonials - na stronie ...index.html */
.click { font-size: 60px !important; } /* Powi骳za wyraz ...Click... /...to MORE learn about .....KIDZROCK. - na stronie ...index.html */
/*
section#boxcontent article table td a p#flash1 - wylaczone bo jest ponizej p.2086
{ font-size: 40px !important; } bylo ...35px... - Powieksza ...Link do Sch.M.Acad. Tour ...na stronie ...index.html */
/* Ustawia obrazek ...SCHAUMBURG... na stronie ...locations.html... i ...WELCOME... na stronie ...index.html... - HTC, pion i poziom */
section#boxcontent article img.obraz
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
}
/* Ustawia obrazek ...Testimonials... w poziomie, - na stronie ...index.html... */
section#boxcontent article img.obraz1
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
}
/* Formatuje link ...Click here to read more testimonials from our very satisfied customers!... - na stronie ...index.html... */
section#boxcontent article p span.testimonials
{ position: static;
position: relative;
font-size: 50px !important;
}
/* Dotyczy formatowania Tytulu ...Lessons... na stronie ...index.html.. */
section#text_columns article.column1 h3.lekcje
{ position: static;
position: relative;
font-size: 65px !important;
color: blue !important;
top: 50px !important;
text-decoration: underline !important;
}
/* Dotyczy odstepu od tytulu ...Lessons... na stronie ...index.html.. */
section#text_columns article.column1 p.w_dol
{ position: static;
position: relative;
top: 35px !important;
}
/* Dotyczy odstepu w tekscie pod tytulem ...Lessons... na stronie ...index.html.. */
section#text_columns article.column1 p.pauza
{ position: static;
position: relative;
top: 30px !important;
}
/* Formatuje Link ...Click here to learn more about our music lessons... na stronie index.html... */
section#text_columns article.column1 p span.lessons
{ position: static;
position: relative;
font-size: 50px !important;
top: 30px !important;
}
/* Formatuje Tytul ...Rentals... na stronie index.html... */
section.column2 article.row h3.rental
{ position: static;
position: relative;
font-size: 65px !important;
color: blue !important;
left: -45px !important;
top: 50px !important;
text-decoration: underline !important;
}
/* Dotyczy odstepu od tytulu ...Rentals... na stronie ...index.html.. */
section.column2 article.row p.rental1
{ position: static;
position: relative;
top: 35px !important;
}
/* Formatuje napis ...Call us at:... w tytule ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us.... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p span.telefon
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underline !important;
font-weight: bold !important;
color: green !important;
background-color: aqu !important;
}
/* Formatuje numery telefonow w napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p span.telefon1
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje przecinek i wyraz ..., or... w napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p font.wyraz_or
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje napis ...write to us... w napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p span.telefon2
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje napis ...Click here to learn even more about our rental !... po napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p.rental1a span.rentalsb
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje link ...Click here to learn even more about VIR's program and to get 2 months free rental!... - na stronie ...index.html...
section#text_columns p span.rentals
{ position: static;
position: relative;
font-size: 50px !important;
top: 40px !important;
}
*/
/* Dotyczy gornego odstepu ...Footer... od poprzedzjacego go tekstu na stronie ...index.html... */
footer.dol /* Ustawia ...FOOTER... gora-dol w HTC pion i poziom / Iphone 5s pion i poziom / Ipad mini pion. Te same kody sa w poz. 4901 i tamte reaguja na zmiany, a te nie /chyba kaskadowosc/. */
{
position: static;
position: relative;
top: 35px !important;
}
#text_columns .column1 span /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego linku dotyczacego muzyki pod tekstem pt. ...Lessons... /i byc moze wszystkie ...linki... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
.column2 .row span /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego wypozyczania instrumentow pod Tekstem ...Rentals.... /i byc moze wszystkie ...linki... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
#text_columns .column1 h3 /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego napisu /tytulu/ p.t. ... Lessons... /i byc moze wszystkie ...h3... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
.column2 .row h3 /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego napisu /tytulu/ p.t. ...Rentals... /i byc moze wszystkie ...h3... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
#text_columns .column1 p /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego opisu p.t. Lessons, ale bez napisu ...Lessons... */
{
width: 981px; /* Bylo ...auto... - szerokosc zapisu */
font-size: 60px !important; /* dopisalem - rozmiar czcionki */
position: relative;
left: -21px !important; /* Dopisalem - ustawia pozycje pozioma na ekranie */
line-height: 60px !important;
}
.column2 .row p /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego opisu p.t. Rentals ale bez napisu ...Rentals... */
{
width: 975px !important; /* Bylo ...auto... - szerokosc zapisu */
font-size: 60px; /* dopisalem - rozmiar czcionki */
position: relative;
right: 62px !important; /* Dopisalem - ustawia pozycje pozioma na ekranie */
line-height: 60px !important;
}
#boxcontent article
{
/* float: none; wylaczylem - zwezalo strone o polowe w pionie i poziomie */
position: static; /* Dopisalem */
position: relative; /* Dopisalem */
margin: 30px auto 0 -7px !important; /* Bylo ...30px auto 0 auto; - zapis ... -7px... robi lewy margines co centruje zapis na stronach z ...#boxcontent article.., ale oprocz strony ...contacus.html */
width: 995px !important; /* bylo 60% - ale to zwezalo tekst na stronie mobilej - caly serwis oprocz ...Lessons/tylko tetst bez tytulu/... i ...Rentals/tylko tekst bez tytulu/... na stronie ...index.html... i innych */
font-size: 60px;
} /*Dopisalem i zwieksza to litery na mobilnych w kazdym ...article. z ...id="boxcontent..." */
#boxcontent article p { line-height: 60px !important; } /* Dopisalem - zwieksza odstep miedzy linijkami wszedzie gdzie jest ...#boxcontent article p..., ale oprocz strony ...contactus.html... */
#boxcontent_1 article
{
float: none;
margin: 30px auto 0 5px !important; /* Ustawia tresc strony w poziomie ale
tylko na stronie ...contactus.html... - bylo ...30px auto 0 auto... - zapis .../prawy/5px... robi lewy zerowy margines dzieki...!important... */
width: 100%; /* bylo 60% - ale to zwezalo tekst na stronie mobilej - ustala szerokosc tekstu */
font-size: 35px;
/*Dopisalem i zwieksza to litery na mobilnych tylko na
stronie ... contactus.html w ...article... z ...id="boxcontent_1..." */
text-decoration: underlin !important; /* Podkresla opis pol input w pocztach - wszedzie. UWAGA; TAKIE KODY S.A. TEZ W DRUGIM MIEJSCU W POZYCJI nr 4941 i aby wlaczyc lub wylaczyc podkreslenie w obu miejscach musi byc tak samo */
}
/*
p#boxcontent_2 { font-size: 45px !important; - 35 - dopisalem ...p... do sciezki i zaczal dzialac
line-height: 40px !important; HTC pion i poziom dziala - dla tel. i ipad APPLE ???????
text-decoration: underline !important; - wylaczylem bo jest to w kodach strony
} Dopisalem - nadaje rozmiar czcionce / i inne / w ...requestinfokidz.html... / ...requestinfonewclasses.html... w napisie ...SIGN UP your child/ren/ for a free demo KIDZROCK class... / ...SIGN UP FOR NEW CLASSES !... - te kody sa w poszczegolnych rozdzielczosciach */
/*
#boxcontent_2 { font-size: 35px !important; - bez ...p... w sciezce j/w nie dziala
line-height: 40px !important; - dla tel. i ipad APPLE, pion
text-decoration: underline !important;
} - Dopisalem - nadaje rozmiar czcionce / i inne / w ...requestinfokidz.html... / ...requestinfonewclasses.html... w napisie ...SIGN UP your child/ren/ for a free demo KIDZROCK class... / ...SIGN UP FOR NEW CLASSES !... - to samo z innymi parametrami, powyzej - te kody ale ze sciezka j.w. sa w poszczegolnych rozdzielczosciach */
#boxcontent_3 { font-size: 35px !important;
line-height: 35px !important;
text-decoration: underline !important;
} /* Dopisalem - nadaje rozmiar czcionce / i inne / w ...requestinfo.html... - tylko w napisie ...Want some more information about our music lessons, or others? Fill out the form below and we'll get back to you as soon as possible!... */
#boxcontent_4 { font-size: 35px !important;
line-height: 40px !important;
text-decoration: underline !important;
} /* Dopisalem - nadaje rozmiar czcionce / i inne / w ...contctus.html... w napisie ...Have any questions or comments? Fill out the form below and we'll get back to you as soon as possible!... */
#logo { position: static !important;
position: relative !important;
left: -1px !important;
} /* Dopisalem - sa to parametry dla ...Logo.. - wszedzie cz.1/2 */
/* Kody do ustawienia Logo w poziomie */
#logo
{
position: static;
position: absolute;
left: 10px !important;
top: 30px !important;
margin-right: auto !important;
} /* Dopisalem dla urzaden mobilnych -- tylko dla ...Logo... aby nie uciekalo do srodka w pozycji pionowej urzadzenia i dla pozycji poziomej - cz.2/2 */
footer .wrapper .colum /* aby wlaczyc nalezy dodac to...n... do / .colum */ h4 /* Wylaczone bo ponizej sa osobne do kazdego tytulu i lnijek pod nimi */
{
font-size: 30px; /* Wielkosc czcionki wszystkich tytulow /tylko tytuly - bylo...28px.../ */
color: #fff; /* Kolor textu /tylko naglowek/ -Godziny otwarcia - Address - Find Us */
border-bottom: 2px solid yellow; /* Linie podkreslajace powyzsze trzy napisy naglowkow */
width: auto; /* Dlugosc linii podkreslajacych - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 0 !important; /* Pierwszy wymiar spycha calosc /tytuly, tresc i mapa/ do dolu - drugi wymiar plusowy przesuwa sama tresc pod godzinami otwarcia w prawo - trzeci spycha do dolu wszystkie linie i wszystko to co pod nimi - czwarty przesuwa w poziomie wszystkie tytuly / bez linii pod nimi */
margin-bottom: 10px; /* Odstep miedzy tytulami godziny, adres i find us a ich terscia pod nimi, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column /* W HTC calosc jest dublowana przez p.9085/9105 */
{
font-family: 'Open Sans', sans-serif;
color: #ababab; /* Kolor tekstu godziny otwarcia i adres, ale nie ich naglowkow */
float: left; /*Ustawia tylko tresci godzin i adresu, po lewej stronie mapy */
width: 280px; /* Szerokosc pola z napisami i Mapa Google / ale nie jest to szerokosc Footer */
margin-right: 96px; /* Margines z prawej strony Mapy Google - im wieksza cyfra tym mniejszy margines po prawej stronie mapy - to chyba jest prawy margines sekcji Address */
font-size: 20px !important; /* Wielkosc czcionki tresci pod godzinami i adresem - bylo ..21px...*/
}
/*
footer .wrapper - jest to tez ponizej w poz. 6234 i dlatego tu wylaczylem
{
line-height: 25px; Odstep miedzy linijkami w tresci/tylko/ pod Adresem i Godzinami - bylo... 30px...
margin: 0 0 0 5px !important; Pierwsza cyfra na plusie i z ...!important... przesuwa napis ...Copyright... do dolu. Cyfra pierwsza z prawej ...0... lub ...auto... daje zerowy lewy margines, a cyfry na plusie daja margines po lewej stronie napisu ...Copyright... i wszystiego co w ...footer...
padding-top: 10px; Wyznacza odstep wszystkich tytulow od gornej krawedzi footer
width: auto; Pzesuwa na lewo calosc tresci godzin, adresu, linii pomiedzy nimi i tytulow godziny i adres. Kazda cyfra dodatnia i ujemne zero przesuwa w prawo, a ...auto... ustawia centralnie
max-width:1000px; Szerokosc pola z napisami i mapa Google
font-size:27px !important; Rozmiar czcionki napisu ...Copyright...
}
*/
/*
footer .lista - Dotyczy - tylko tresci pod adresem - dublowane przez poz. 9124 oprocz ...line-height...
{
position: static;
position: relative;
display: block;
width: 350px !important; - Szerokosc pola tresci pod adresem
height: 170px !important; - Wysokosc pola tresci pod adresem
padding: 0 0 0 0 !important;
top: 15px !important; - Odstep pionowy tresci pod adresem od linii dzielacej tresc od tytulu ...Address...
bottom: 30px !important;
left: 54px !important; - Presuwa w poziomie tresc adresu razem z linia podkresleniem
...border-bottom... , bez linii podkreslajacej tytul ...Address...
border-bottom: 2px solid yello; - Podkreslenie tresci adresu
color: yellow !important; - Kolor tresci adresu /bez tytulu ...Address...
font-size: 27px !important; - Wielkosc czcionki tresci pod adresem ale bez tytulu...Address...
line-height: 33px !important; -Odstep miedzy linijkami tresci pod adresem /tylko/
} */
/* Wylaczone dla pozycji; 8945/8966 - 8996/9017 - 9052/9069 oraz dla pozycji; 4988/5008
footer .lista1 Dotyczy - dni otwarcia /ale bez godzin - .lista2 /
{
position: static;
position: relative;
display: block;
width: 300px !important; - Szerokosc pola tresci pod dniami otwarcia
height: 140px !important; - Wysokosc pola tresci pod dniami otwarcia
padding: 0 0 0 0 !important;
top: 25px !important; - Odstep pionowy tresci pod dniami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation...
bottom: 30px !important;
left: -187px !important; - Presuwa w poziomie tresc dni otwarcia razem z linia podkresleniem
...border-bottom... , bez linii podkreslajacejtytul ...Hours of Operation...
border-bottom: 2px solid yello; - Podkreslenie tresci dni otwarcia
color: yellow !important; - Kolor tresci dni otwarcia /bez tytulu ...Hours of Operation...
font-size: 27px !important; - Wielkosc czcionki tresci pod dniami otwarcia ale bez tytulu...Hours of Operation...
line-height: 33px !important; - Odstep miedzy linijkami tresci pod dniami otwarcia /tylko/
}
footer .lista2 - Dotyczy - wykazu godzin otwarcia /ale bez dni - .lista1/
{
position: static;
position: relative;
display: block;
width: 300px !important; - Szerokosc pola tresci pod godzinami otwarcia
height: 150px !important; - Wysokosc pola tresci pod godzinami otwarcia
padding: 0 0 0 0 !important;
top: -117px !important; - Odstep pionowy tresci pod godzinami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation...
bottom: 30px !important;
left: 110px !important; - Presuwa w poziomie tresc godzin otwarcia razem z linia podkresleniem ...border- bottom..., bez linii podkreslajacej tytul ...Hours of Operation...
border-bottom: 2px solid yello; - Podkreslenie tresci godzin otwarcia
color: yellow !important; - Kolor tresci godzin otwarcia /bez tytulu ...Hours of Operation...
font-size: 27px !important; - Wielkosc czcionki tresci pod godzinami otwarcia ale bez tytulu...Hours of Operation...
line-height: 33px !important; - Odstep miedzy linijkami tresci pod godzinami otwarcia /tylko/
}
*/
footer .mapa /* Dotyczy ustawienia i wymiarow mapy */
{ position: static;
position: relative;
width: 300px !important; /* Szerokosc mapy */
right: -40px !important; /* Odstep mapy od prawej krawedzi stopki/Footer/ */
}
footer .wrapper .column .tytul1 /*Dotyczy tytulu - Hours of Operation - i linii pod nim */
{
font-size: 28px; /* Wielkosc czcionki tytulu / bylo...28px... i ...30px.../ */
color: #fff; /* Kolor textu /tylko naglowek/ - Dni i godziny otwarcia */
/* border-bottom: 2px solid yellow; Linia podkreslajaca powyzszy naglowek */
width: 350px; /* Dlugosc linii podkreslajacej - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 10px !important; /* Pierwszy wymiar spycha calosc do dolu - drugi wymiar plusowy przesuwa sama tresc pod godzinami otwarcia w prawo - trzeci spycha do linie i wszystko to co pod nia - czwarty przesuwa w poziomie tytul / bez linii pod nim */
margin-bottom: 10px; /* Odstep miedzy tytulem a jego terscia pod nim, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column .tytul1 /*Dotyczy linii pod tytulem - Hours of Operation */
{
position: static;
position: relative;
border-bottom: 2px solid yellow; /* Linia podkreslajaca powyzszy naglowek */
width: auto !important;
left: 30px !important;
}
footer .wrapper .column .tytul2 /*Dotyczy tytulu - Address - i linii pod nim */
{
font-size: 28px; /* Wielkosc czcionki tytulu / bylo...28px... i ...30px.../ */
color: #fff; /* Kolor textu /tylko naglowek/ - Address */
/* border-bottom: 2px solid yellow; Linia podkreslajaca powyzszy naglowek */
width: auto; /* Dlugosc linii podkreslajacej - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 55px !important; /* Pierwszy wymiar spycha calosc do dolu - drugi wymiar plusowy przesuwa sama tresc pod adresem w prawo - trzeci spycha do dolu linie i wszystko to co pod nia - czwarty przesuwa w poziomie tytul / bez linii pod nim */
margin-bottom: 10px; /* Odstep miedzy tytulem a jego terscia pod nim, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column .tytul2 /*Dotyczy linii pod tytulem - Address */
{
position: static;
position: relative;
border-bottom: 2px solid yellow; /* Linia podkreslajaca powyzszy naglowek */
width: auto !important;
left: 88px !important;
}
footer .wrapper .column .tytul3 /*Dotyczy tytulu - Find us - i linii pod nim */
{
font-size: 28px; /* Wielkosc czcionki tytulu / bylo...28px... i ...30px.../ */
color: #fff; /* Kolor textu /tylko naglowek/ - Find us */
/* border-bottom: 2px solid yellow; Linia podkreslajaca powyzszy naglowek */
width: auto; /* Dlugosc linii podkreslajacej - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 60px !important; /* Pierwszy wymiar spycha calosc do dolu - drugi wymiar plusowy przesuwa sama tresc pod Find us w prawo - trzeci spycha do dolu linie i wszystko to co pod nia - czwarty przesuwa w poziomie tytul / bez linii pod nim */
margin-bottom: 10px; /* Odstep miedzy tytulem a jego terscia pod nim, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column .tytul3 /*Dotyczy linii pod tytulem - Find us */
{
position: static;
position: relative;
border-bottom: 2px solid yellow; /* Linia podkreslajaca powyzszy naglowek */
width: auto !important;
left: 85px !important;
}
/* Kody do ustawienia parametrow paska /gora i dol / w naglowku pod klawiszami do stron, i klawiszy na nim - te kody chyba nie dzialaja ale kody od pozycji 5159 dzialaja
table.navig
{
position: static;
position: relative;
left: 22px !important; 1px
width: 726px !important; bylo 749px - do logo jest 759px
height: 54px !important; bylo 40px
top: -4px !important; -4
background-color: white !important; byLo ...#333
}
Kody do formatowania klawisza ...HOME... do strony - na pasku w naglowku / ale nie sa to menu nieruchome
table.navig img.index
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 1px !important;
}
Kody do formatowania klawisza ...CONTACT... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.contactus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
Kody do formatowania klawisza ...LOCATIONS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.locations
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...ROCK BAND... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - WYLACZONE BO NIE MA TEJ STRONY W UZYCIU
table.navig img.kidzrock
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...LESSONS... i ...MUSIC... do OBU stron jednoczesnie - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.lessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
Kody do formatowania klawisza ...ABOUT US... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.aboutus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
Kody do formatowania klawisza ...MAPA... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.mapaservisu
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...FREE LESSONS /RENTAL/... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - wylaczone dla poszczegolnych rozdzielczosci
table.navig img.kidzfreelessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -26px !important;
left: 0px !important;
}
*/
/* Kody do formatowania klawisza ...REQUEST... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - wylaczone dla poszczegolnych rozdzielczosci
table.navig img.requestinfo
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -26px !important;
left: 0px !important;
}
*/
/* Kody do formatowania klawisza ...TESTIMONIALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - wylaczone dla poszczegolnych rozdzielczosci
table.navig img.testimonials
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -26px !important;
left: 0px !important;
}
*/
/* Kody dla paska w naglowku z mailem i telefonem - te kody s.a. w ponizej w poz. 9269/9325
-- WYLACZONE DLA POSZCZEGOLNYCH ROZDZIELCZOSCI I DLA poz. od 5437 do poz. 5469 - jest OK. bo te sa dublowane tymi nizej ---
table.widok1 kody do ustawienia tabeli
{
position: static;
position: relative !important;
top: 7px !important; -19px
left: -350px !important; Przy width: 900px by³o ...-252px...
background-color: yellow !important;
width: 1000px !important; bylo ...748px...potem ...900px...
}
table .widok Kody do ustawienia komorki tabeli
{
position: static;
position: relative !important;
height: 30px !important;
}
table .widok2 Kody do ustawienia e-mail w ...font...
{
position: static;
position: relative !important;
top: 2px !important; -2px
left: -45px !important; By³o ...1px... / -15px /10px /20px/24px
font-size: 24px !important; By³o 24px
letter-spacing: -1px !important; By³o ...-1px.../1px
word-spacing: 1 !important;
}
table .widok3 Kody do ustawienia nr. telefonu w ...font...
{
position: static;
position: relative !important;
top: 2px !important;
left: -20px !important;
font-size: 23px !important;
letter-spacing: -1px !important;
word-spacing: -1px !important;
}
*/
/* Kody dla czterech Menu stalych - nieruchomych i jednego ruchomego */
/*
dl#menu26 .active Pierwsze Menu - klawisz glowny - ...MENU...
{
font-size: 55px !important; Wielkosc czcionki na klawiszu glownym w ...MENU...
position: static;
position: fixed !important;
left: 0px !important;
top: 0 !important;
width: 249px;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}
dl#menu26 dd dt {
font-size: 50px !important
background-color: #ccc;
color: #000;
margin: 0;
padding: 0;
width: 249px !important; 150px / 249px- zmnienia dlugosc rozwijanych i chyba wysywanych pol w calym Menu ...MENU...
height: 62px !important; Wysokosc pola pierwszego wysuwanego menu
}
*/
/*
dl#menu27 dt.active Drugie Menu - klawisz glowny - ...SMART...
{
font-size: 55px !important;
position: static;
position: fixed !important;
left: 250px !important;
top: 0 !important;
width: 249px;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
letter-spacing: -3px !important;
}
*/
/*
dl#menu28 dt.active Trzecie Menu - klawisz glowny - ...FREE CLASS...
{
font-size: 45px !important;
font-weight: 900 !important;
letter-spacing: 15px !important;
position: static;
position: fixed !important;
left: 501px !important;
top: 0 !important;
width: 249px;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}
*/
/*
dl#menu29 dt.active Czwarte Menu - klawisz glowny - ...VERY IMPORTANT...
{
font-size: 42px !important; By³o ...42px...
letter-spacing: -7px !important; By³o ...-5px... / -6
position: static;
position: fixed !important;
left: 751px !important;
top: 0 !important;
width: 249px;
height: 90px !important;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}
*/
/* Poczatek Rozwijanego i Wysuwanego MENU Glownego - PRZEWIJANEGO RAZEM ZE STRONA */
/* Formatuje MENU /pierwsze - ruchome/ - PRZEWIJANE RAZEM ZE STRONAMI / id="menu30"/ - HTC, pion ipoziom, Iphone 5s pion i poziom / oprocz Ipad mini, pion - oprocz strony ...testimonials.html... - ale tylko ustawienie pion, co jest ponizej
---- wylaczone aby nie wyswietlalo si蟷 Ipad mini w pionie i dalo miejsce mobilnemu ponizej w kodach tylko dla Ipad mini pion ---
#menu30, #menu30 dl {
left: -1000px !important; przesuwa cale menu w lewo aby ukryc je dla mobilnych
font-size: 22px;
position: absolute;
left: 1px !important; Ustawia cale ...MENU...na stronie w poziomie
top: 100px !important; Ustawia cale ...MENU...na stronie w pionie ale miesza pola rozwijane i wysuwane
width: 249px;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}
#menu30 dt {
cursor: pointer;
margin: 0;
padding: 10px;
background-color: red !important; ...#888... - bylo. Kolor pol pod tytulami czyli pod klawiszami ...BUTTON.. - wszedzie po otwarciu, ale przed nacisnieciem myszki
width: 307px !important; Szerokosc pol rozwijanych i wysuwanych pod ...BUTTON.. - wszedzie
color: #fff;
text-align: center;
font-weight: bold;
font-size: 22px;
top: 100px !important; Przesuwa cale ...MENU.. gora/dol
left: 1px !important; Przesuwa cale ...MENU... w poziomie
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 5px 25px;
}
#menu30 dl dt {
background-color: #ccc; - jest to kolor tla pod przyciskami dla stron - zdublowany przez ...red... w elemencie ...#menu30 dt... / powyzej /
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
top: 110px !important; przesuwa gor - dol pole tylko ...SALE.. w pierwszym menu rozwijanym
border: 0;
padding: 0;
width: 190px; - zmienia dlugosc obrazkow przysiskow do stron, ale nie zmienia dlugosci pol z listy rozwijanej w bok , podobnie jak w ... #menu30 dt .../ wyzej/
}
#menu30 dd {
background-color: #ccc; Kolor ostatnich list wysuwanych - wszedzie
top: -68px !important; Wyrownuje w poziomie wszystkie boczne wysuwane menu /listy/ w stosunku do pierwszego rozwijanego ...MENU... ale i podnosi pierwsze rozwijane ...MENU... co psuje estetyke
color: #000;
margin: 0;
padding: 0;
width: 307px !important;; 249px / 150px - zmnienia dlugosc wysuwanych pol w calym ...MENU...
height: 60px !important; Wysokosc wysuwanych i rozwijanych pol - wszystkie
}
Dopisalem - powieksza obrazki jak np. ..... HOME ... w liscie wysuwanej z ...WEBSITES... - ale nie element wysuwany jako lista z ...MENU... BEDACA POD OBRAZKAMI
#menu30 dd dt img
{
position: static;
position: relative;
width: 300px !important;
height: 60px !important;
}
#menu30 dd.active {
font-weight: bold;
}
#menu30 dt:hover.active .small - po wylaczeniu tej klasy wlaczyl si蟫olor napisu MENU - PRZY NAJECHANIU MYSZKA
{
color: #ff00ff;
}
#menu30 dt.active Klawisz glowny - dopisalem
{
position: static;
position: relative;
top: 119px !important; ustala pozycje w pionie - gora/dol ...100px...
left: 1px !important; ustala pozycje w poziomie
font-size: 55px !important;
width: 249px !important; Szerokosc pola klawisza glownego ... MENU ...
height: 60px !important; Wysokosc pola klawisza glownego ... MENU ...
border-width: 5px; Margines zolty
border-style: solid;
border-color: yellow;
}
#menu30 dl button Parametry klawiszy ...BUTTON..- wszystkie menu rozwijane i wysuwane - dopisalem
{
position: static;
position: relative;
width: 307px !important;
height: 60px !important;
left: -5px !important;
}
#menu30 dl button font Ustala czcionke napisu na ...BUTTON.. - wszedzie - dopisalem
{
position: static;
position: relative;
font-size: 30px !important;
}
#menu30 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu30 a:link, #menu30 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu30 a:hover {
color: #fff; jest to kolor napisow na wszystkich przyciskach ale tylko list rozwijanych i wysuwanych do stron
background-color: #008; (#ffffff - biale) - ...#008... tlo /siwe/ na paskach Menu po najechaniu myszka - ogolnie, oprocz ponizszych pol ...dt... z ...id="tlo"..., tez po najechaniu myszka
}
#tlo a:hover {
color: #fff; - jest to kolor napisow na paskach przyciskow jak wy¿ej z ...#manu30 a:hover..., ale tu nie dziala j.w. w ...#menu30 a:hover, bo zastepuja go obrazki przyciskow
background-color: #ffffff; - bylo ...#008 - j.w. z ...#menu26 a:hover... , a jest ...#ffffff... - jest to biale tlo na paskach Menu po najechaniu myszka - dla wybranych/go/ pol/a/ w Menu o ...id="menu26... i ...id="tlo"... dla znacznika ...dt...
}
#menu30 dd dt#tlo - dopisalem ????????????????????
{
position: static;
position: relative;
width: 160px !important; Ndaje szerokosc polom wysuwanym tylko z ....id="tlo..."
}
#menu30 dl {
position: absolute;
border: 10px;
}
#menu30 dl dd {
position: relative;
left: 307px !important; / ...249px...- Przesuwa pola wysuwane w bok - wszedzie
bottom: 67px !important; 31px;/67 - ustawia gor/dol pierwsza liste wysuwana np. z Menu -Teachers
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
#menu30 dd dopisalem
{
position: static;
position: relative;
left: 0 !important; ...249px...- Przesuwa pola w bok - podobnie jak w ...#menu30 dl dd ...
bottom: -120px !important; 31px;/...-100px... - ustawia gor/dol pierwsze ...MENU...rozwijane ale tylko pola rozwijane spod klawisza ...MENU...
border-left: 1px solid #eee;
border-right: 1px solid #aaa
font-size: 35px !important; Wieloksc liter w ostaniej liscie wysuwanej
font-weight: bold !important; Grubosc liter w ostatniej liscie wysuwanej
}
#menu30 dl dd dl dd dopisalem - formatuje ostatnia liste wysuwana
{
position: static !important;
position: relative !important;
width: 400px !important; Szerokosc ostatniej listy wysuwanej w bok
height: 60px !important;
background-color: aqua !important;
top: -65px !important; ustawia gora/dol ostatnia liste wysuwana w bok w stosunku do listy poprzedzajacej ja - np.; z klawisza /button/ piano wysuwa si蟬ista z nauczycielami pianina i to dotyczy tej listy z nauczycielami pianina
}
*/
/* Ustawia w pionie MENU /pierwsze - ruchome/ - PRZEWIJANE RAZEM ZE STRONAMI / id=menu30/ - tylko na strone ...testimonials.html... */
table.testimonials /* Pierwsze Menu - klawisz glowny - ...MENU... */
{
position: static;
position: absolute !important;
left: 1px !important; /* bylo ...0px... */
top: 216px !important;
}
/* Kody dla ...HEADER... */
/* przeniesione do pozycji 20231 kody ...header... i powiazane z poz.13568 kody ...header.menu... i poz.14512 kody ...body header...
header
{
position: static;
position: relative;
top: 58px !important;
width:auto;
height:150px;
max-width:1000px;
margin: auto;
background:#333;
} */
/* Kody do ustawienia Logo w poziomie - wylaczone bo to samo jest powyzej
#logo
{
position: static;
position: absolute;
left: 10px !important;
top: 30px !important;
margin-right: auto !important;
} Dopisalem dla urzaden mobilnych -- tylko dla ...Logo... aby nie uciakalo do srodka w pozycji pionowej urzadzenia i dla pozycji poziomej - cz. 2/2 */
/* Kody do ustawienia linii nad paskiem RSS - pion i poziom i inne - te kody sa ponizej w poz.9333/9394 */
.linia
{
width: 1000px !important;
position: static;
position: relative;
left: auto !important;
top: -25px !important;
right: auto !important;
background-color: #000000
}
/* Kody dla paska z RSS i inne - wszystkie strony oprocz ...index.html... - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...#ipad2a.../...#ipad2b.../...#ipad2c... - te kody s.a. ponizej w poz. 9333/9394
.rss
{
position: static;
position: relative;
left: auto !important;
top: -70px !important;
right: auto !important;
width: 100px !important;
background: green !important;
} */
/* Kody do zwiekszenia liter w - ...Get Directions... - wszystkie strony oprocz ...index.html...
table.rss td button#ipad2a
{
position: static;
position: relative;
top: 9px!important;
left: 5px !important;
font-size: 25px !important; bylo ...15px... / 35 / 25
background-color: yello; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru przesuwa si蟵stawienie Button do gory
} */
/* Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... - wszystkie strony oprocz ...index.html...
table.rss td button#ipad2b
{
position: static !important;
position: relative !important;
top: 5px!important;
left: 310px !important;
font-size: 25px !important; bylo ...15px... / 35 / 25
background-color: yello; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru przesuwa si蟵stawienie Button do gory
} */
/* Kody do zwiekszenia liter i ustawienia komorki w - ...We speak English & Polish... - s.a. nizej w kodach dla poszczegolnych rozdzielczosci
table.rss td#ipad2c
{
position: static !important;
position: relative !important;
top: 15px !important;
left: -1px !important;
font-size: 25px !important;
background-color: aqu !important;
} */
/* Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem - wszedzie
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu !important;
} */
/* Kody do wydluzenia stron ...contactus.html / requestinfo.html / thankyou.html / thankyoukidz.html / mapaservicu.html - chyba jest powyzej i tam dziala ??? / recitals.html / sale.html / sale1.html - oprocz strony ...requestinfokidz.html ... - patrz p. 5800 - to jest to samo ale wieksza cyfra rozdzielczosci blokuje mniejsza
footer.dlugosc
{
position: static;
position: absolute;
top: 1500px !important;
} */
/* footer.dlugoscks - wylaczylem bo psuje dlugosc strony /przesuwa do dolu stopke/ - Ustala dlugosc tylko strony ...ksiega_gosci.html... - dla HTC pion i poziom i Iphone 5S pion i poziom /i chyba Ipad mini pion, ale to jest osobno w kodach dla niego/
{
position: static;
position: absolute;
top: 1730px !important;
}
footer.dlugoscks - Ustala margines gorny nad stopka - HTC pion i poziom / Ipone5s pion i poziom
{
position: static;
position: absolute;
margin-top: 120px !important;
}
div.marque - Ustala dlugosc calej strony - HTC pion i poziom / Ipone5s pion i poziom
{
position: static;
position: absolute;
height: 1780px !important;
} */
/* ///////////////////////////////////////////////////// */
footer.dlugoscks /* - Ustala margines gorny nad stopka - tylko na stronie ...ksiega_gosci.html...- dla HTC pion i poziom */
{
position: static;
position: absolute;
margin-top: 1px !important; /* 90 135 */
}
div#marque /* - Ustala dlugosc calej strony - tylko na stronie ...ksiega_gosci.html... - dla HTC pion i poziom */
{
position: static;
position: absolute;
height: 1780px !important;
}
div#marque_sale /* - Ustala dlugosc calej strony - tylko na stronie ...sale.html... - dla HTC pion i poziom */
{
position: static;
position: absolute;
height: 1625px !important;
}
footer#dlugosc_contact /* - Ustala margines gorny nad stopka - tylko na stronie ...contactus.html... - dla HTC pion i poziom */
{
position: static;
position: absolute;
margin-top: 0px !important;
}
footer#dlugosc_sale /* - Ustala margines gorny nad stopka - tylko na stronie ...sale.html... - dla HTC pion i poziom */
{
position: static;
position: absolute;
margin-top: 310px !important;
}
/* //////////////////////////////////////////////////////////////////////////////////// */
/* Kody do wydluzenia tylko strony ... requestinfo.html... w HTC p i p */
footer.dlugosc_requestinfo
{
position: static;
position: absolute;
margin-top: 0px !important; /* 1400px / top:1600 */
margin-bottom: -89px !important;
}
/* Kody do wydluzenia tylko strony ... requestinfokidz.html ... - dla HTC Sensation 4G, pion i poziom - patrz p. 5826 - to jest to samo ale wieksza cyfra rozdzielczosci blokuje mniejsza */
footer.dlugosc_requestinfokidz
{
position: static;
position: absolute;
top: 2000px !important; /* 1800px */
}
/* Kody do powiekszenia tresci odpowiedzi w ...thankyou.html... i ...thankyoukidz.html..., ale nie samo...THANK YOU.... */
section#boxcontent p
{
position: static;
font-size: 55px !important;
top: 100px !important;
}
/* Ustawia akapit z kontaktami na koncu tekstu pod lewym /pierwszym/ obrazkiem na stronie ...aboutus.html... - HTC pion i poziom - Ipnone pion i poziom - Ipad pion ???????? */
section#boxcontent article p.tele
{
position: static;
font-size: 55px !important;
top: -25px !important;
}
/* Kody / do pola ...class="bloczek"... - co to jest ???? / na stronie ...aboutus.html..." */
section#boxcontent article li
{
position: relative;
position: static;
font-size: 50px !important; /* w tekscie stron jest...60px... */
line-height: 60px !important;
text-align: justify !important;
background-color: aqua !important;
top: -40px !important; /* Ustawia pole koloru aqua - HTC pion i poziom - Iphone pion i poziom - Ipad pion ?????? */
}
/* Kody do gornej polowy listy punktowanej na dole strony ...aboutus.html... */
section#text_columns article.column1 li
{
position: relative;
position: static;
font-size: 50px !important; /* w tekscie stron jest...60px... */
line-height: 60px !important;
text-align: justify !important;
background-color: yello !important;
width: 900px !important;
color: maroon;
}
/* Kody do dolnej polowy listy punktowanej czli tej powyzszej c.d., na dole strony ...aboutus.html.. */
section.column2 article.row li
{
position: relative;
position: static;
margin-left: -43px !important;
font-size: 50px !important; /* w tekscie stron jest...60px... */
line-height: 60px !important;
text-align: justify !important;
background-color: yello !important;
width: 900px !important;
color: maroon;
}
/* Kody do ustawienia gornego /lewego/ obrazka na stronie ...aboutus.html... */
section#boxcontent article img.pozycja1
{
position: static;
position: relative;
width: 800px !important;
height: 800px !mportant;
margin-left: 132px !important;
top: -50px !important;
}
/* Kody do ustawienia gornego /prawego/ obrazka na stronie ...aboutus.html... */
section#boxcontent article img.pozycja2
{
position: static;
position: relative;
width: 800px !important;
height: 800px !mportant;
margin-left: 132px !important;
top: -50px !important;
}
/* Kody do formatowania napisu / hasla - ...Music is our business, see us first!.../ pod drugim /prawym obrazkiem na stronie ...aboutus.html... */
section#boxcontent article span.napis
{
position: static;
position: relative;
text-align: center !important;
font-size: 50px !important; /* 54px */
color: maroon;
font-weight: bold !important;
text-decoration: underline;
top: 80px !important; /* -27 - HTC pion i poziom - Iphone pion i poziom - Ipad pion ???? */
}
/* Kody do formatowania napisu / hasla - ...Music is our business, see us first!.../ pod drugim /prawym obrazkiem na stronie ...aboutus.html... */
section#boxcontent article span.napis
{
position: static;
position: relative;
text-align: center !important;
font-size: 50px !important; /* 54px */
color: maroon;
font-weight: bold !important;
text-decoration: underline;
top: 80px !important; /* -27 - HTC pion i poziom - Iphone pion i poziom - Ipad pion ???? */
}
section#boxcontent p span.podzial /* cz.1/2 - ROCK BAND - na stronie ...kidzrock.html...*/
{
position: static;
position: relative;
font-size: 60px !important;
top: 75px !important;
left: -475px !important;
}
/* Kody do ustawienia myslnika /tylko / pomiedzy ...ROCK BAND A KIDZROCK... na stronie ...kidzrock.html... */
section#boxcontent p b.podzial_a
{
position: static;
position: relative;
left: -450px !important;
top: 70px !important;
}
/* Kody do ustawienia wyrazu ...KIDZROCK... / tylko / po ...ROCK BAND - ... na stronie ...kidzrock.html... */
section#boxcontent p span.podzial1 /* cz.2/2 - KIDZROCK - na stronie ...kidzrok.html... */
{
position: static;
position: relative;
font-size: 60px !important;
top: 15px !important;
left: 450px !important;
}
/* Kody do ustawienia wykrzyknikow / tylko / po ...ROCK BAND - KIDZROCK... na stronie ...kidzrock.html...*/
section#boxcontent p span.podzial1_a
{
position: static;
position: relative;
left: 500px !important;
top: 10px !important;
}
/* Kody do przesuniecia do dolu tekstu ...Ages 4-7... pod naglowkiem ...ROCK BAND - KIDZROCK !!!... na stronie ...kidzrock.html.. */
section#boxcontent p.wiek
{
position: static;
position: relative;
top: 20px !important;
}
/* Kody do przesuniecia do dolu tekstu pod tekstem ...Age 4-7... pod naglowkiem ...ROCK BAND - KIDZROCK !!!... na stronie ...kidzrock.html.. */
section#boxcontent p.wiek1
{
position: static;
position: relative;
top: 20px !important;
}
/* Kody do przesuniecia do dolu tekstu ...What's Kidzrock.... pod tekstem ...Age 4-7... pod naglowkiem ...ROCK BAND - KIDZROCK !!!... na stronie ...kidzrock.html.. */
section#boxcontent article p.akapit
{
position: static;
position: relative;
top: 20px !important;
left: auto !important;
right: auto !important;
background-color: lim;
}
/* Kody do przesuniecia do dolu tekstu ...Want to learn more about Kidzrock?... na stronie ...kidzrock.html.. */
section#boxcontent p.akapit1
{
position: static;
position: relative;
top: 20px !important;
left: 10px !important;
right: auto !important;
background-color: yello;
}
/* Kody do ustawienia tytulu...Now introducing Rock Band, Ages 4-7 !!! - 3 czesci - ... na stronie ...index.html... */
section#boxcontent article p span.skala /* cz.1/3 */
{
position: static;
position: relative;
font-size: 45px !important; /* 50px */
color: red !important;
}
section#boxcontent article p span.skala_a /* cz.2/3 */
{
position: static;
position: relative;
font-size: 50px !important;
}
section#boxcontent article p span.skala_b /* cz.3/3 */
{
position: static;
position: relative;
font-size: 45px !important; /* 50px */
}
/* Kody do ustawienia tytulu linku ...SCHAUMBURG MUSIC ACADEMY tour - You Tube... na stronie ...index.html... */
section#boxcontent article table p#flash1
{
position: static;
position: relative;
font-size: 40px !important;
top: -5px !important;
}
/* Kody do formatowania linku ...KIDZROK MOVIE - You Tube... na stronie kidzrock.html... */
section#boxcontent article table p#zmiana
{
position: static;
position: relative;
font-size: 60px !important;
text-align: center !important;
top: -10px !important;
}
/* Kody do ustawienia klawisza do ... Kidzrock Free Trial Class... na stronie ...Rock Band /...kidzrock.html... ale bez napisu */
section#boxcontent article table button.klawisz
{
position: static !important;
position: relative !important;
left: 40px !important;
top: -20px !important;
width: 900px !important;
height: 150px !important;
}
/* Kody do ustawienia Napisu na klawiszu do ... Kidzrock Free Trial Class... na stronie ...Rock Band /...kidzrock.html... */
section#boxcontent article table button font#zmiana1
{
position: static !important;
position: relative !important;
font-size: 50px !important; /* Bylo ...55px... */
text-align: center !important;
/* margin-left: 20px !important; */
top: -4px !important;
width: 750px !important;
height: 200px !important;
}
/* Kody do ustawienia galeri zdjec do ... Kidzrock / Rock Band /... na stronie ...Rock Band /...kidzrock.html... */
section#boxcontent table.fotki
{
position: relative;
position: static;
left: 30px !important;
}
/* Formatuje naglowek mapy ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie locations.html... - tylko HTC Sensation, pion i poziom - wylaczone dla p.8670/8692 i p.8712/8732
section#boxcontent article table span.direction
{ position: static !important;
position: relative !important;
font-size: 40px !important; Bylo ...47px.../ 43 / 40
color: blue !important;
left: 10px !important; Bylo ...left 30px
top: -43px !important;
word-spacing: -7px !important; Bylo ...-17px...
letter-spacing: -4 !important; Bylo ...-2px..../0
text-align: center !important;
background-color: red !important; yellow
width: 900px !important;
} */
/* Formatuje rozmiar mapy pod adresem ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article iframe.rozmiar_mapy
{
position: static;
position: relative;
top: 37px !important;
width: 900px !important;
height: 700px !important;
left: 13px !important; /* bylo ...left 13px / 5px */
}
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small button.butony
{
position: static;
position: relative;
top: 40px !important;
width: 700px !important; /* 800px */
height: 90px !important; /* 150px */
left: 20px !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small button.butony
{
position: static;
position: relative;
font-size: 45px !important; /* 53px */
font-family: Algerian !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / pierwszy akapit pod mapa / ...Schaumburg... na stronie ...locations.html... */
section#boxcontent article p.blad1s /* W kodach na stronie bylo ...class="toup..." */
{
position: static;
position: relative;
top: 80px !important;
left: -5px !important;
width: 980px !important;
background-color: yello !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / drugi akapit pod mapa / ...Schaumburg... na stronie ...locations.html... */
section#boxcontent article p.blad2s
{
position: static;
position: relative;
top: 90px !important;
left: -5px !important;
width: 980px !important;
}
/* Ustawia obrazek ...ELMWOOD PARK... w poziomie, - na stronie ...locations.html.../ */
section#boxcontent article img.elmwoodp
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
top: 150px !important;
}
/* Formatuje ustawienie mapy do etykiety ...1429 W. Schaumburg Rd., Schaumburg, Il. 60194... na stronie locations.html... - Iphone 5S pion i poziom
section#boxcontent article a.maps1
{
position: static !important;
position: absolute !important;
top: 755px !important; 610 755
background-color: green !important;
}
Formatuje ustawienie mapy do etykiety ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html...
section#boxcontent article a.maps2
{
position: static !important;
position: absolute !important;
top: 755px !important;
}
*/
/* Formatuje naglowek ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... - tylko HTC Sensation, pion i poziom - wylaczone dla p.8670/8692 i p.8712/8732
section#boxcontent article table span.directionelm
{ position: static !important;
position: relative !important;
font-size: 40px !important; 40px
color: blue !important;
left: 18px !important; bylo ...left 40px...
top: 122px !important;
word-spacing: -7px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: red !important; yellow
width: 900px !important;
} */
/* Formatuje rozmiar mapy pod adresem ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article iframe.rozmiar_mapyelm
{
position: static;
position: relative;
width: 900px !important;
height: 700px !important;
left: 13px !important; /* bylo ...left 16px */
margin-right: auto !important;
top: 200px !important;
}
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
width: 700px !important; /* 800px */
height: 90px !important; /*150px */
left: 20px !important;
top: 200px !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
font-size: 45px !important; /* 53px */
font-family: Algerian !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... - ????????? - to chyba zly opis skopiowany z powyzszego */
section#boxcontent article small button.buton
{
position: static;
position: relative;
font-size: 55px !important;
font-family: Algerian !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / drugi akapit pod mapa / ...Elmwood Park... na stronie ...locations.html... */
section#boxcontent article p.blad
{
position: static;
position: relative important;
top: 235px !important;
left: -5px !important;
width: 980px !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / pierwszy akapit pod mapa / ...Elmwood Park... na stronie ...locations.html... */
section#boxcontent article p.blad1 /* W kodach na stronie bylo ...class="toup..." */
{
position: static;
position: relative !important;
top: 235px !important;
left: -5px !important;
width: 980px !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / trzeci akapit pod mapa / ...Elmwood Park... na stronie ...locations.html... */
section#boxcontent article p.blad2
{
position: static;
position: relative !important;
top: 235px !important;
left: -5px !important;
width: 980px !important;
background-color: aqu !important;
}
/* Dotyczy gornego odstepu ...Footer... od poprzedzjacego go tekstu na stronie ...locations.html... - wylaczone bo jest osobno dla kazdej rozdzielczosci
footer.dol1
{
position: static;
position: relative;
top: 190px !important;
}
*/
/* Ustawia obrazek ...INSTRUMENTS... w poziomie, - na stronie ...lessons.html... */
section#boxcontent article img.instruments
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
top: -30px !important;
}
/* Ustawia obrazek ...Rates... w poziomie, - na stronie ...lessons.html... */
section#boxcontent article img.rates
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
top: -10px !important;
}
/* Formatuje napis ...F R E E T R I A L C L A S S... na stronie kidzfreelessons.html... */
section.container p.free_trial
{
position: static;
position: relative;
font-size: 65px !important;
/* left: 5px !important; */
margin-left: auto !important;
margin-right: auto !important;
width: 944px !important;
top: 45px !important;
background-color: aqu !important;
}
/* Ustawia napis ...KIDZROCK MOVIE - YouTube... na stronie kidzfreelessons.html... */
section#boxcontent article table td#moving p#movingf /* na stronie ...kidzfreelessons.html... i powyzej ale dla strony kidzrock.html... bylo ...class=zmiana.... Zmienilem na stronie ...kidzfroeelessons.html.. na ...class="zmiana_movie" i dalem tutaj - jest jakis konflikt ZMIENILEM NA TAK JAK BYLO PRZED A TEN LINK NIE MA ODNISIENIA DO ZADNEJ STRONY ????????????????? Dziala przy ...#moving... - dopisalem ...p#movingf... i chyba juz wszystko gra */
{
position: static;
position: relative;
top: 45px !important;
left: 5px !important;
font-size: 60px !important;
background-color: yello !important;
}
/* Ustawia cala tabele z klasa ...class="ustawienie..." - dla napisu ...Coming Soon... i calego tekstu pod nim na stronie ...kidzfreelessons.html... */
section#boxcontent article table.ustawienie
{
position: static;
position: relative !important;
left: -10px !important; /* by³o...-30px... -10 */
/* left: auto !important;
right: auto !important; */
width: 990px !important; /* by³o ...1000px... */
top: -5px !important; /* by³o ...-30px... */
background-color: lim !important;
}
/* Ustawia caly tekst pod ...Coming Soon... na stronie ...kidzfreelessons.html... */
section#boxcontent article table.ustawienie td p.lewy
{
position: static;
position: relative !important;
left: -10px !important; /* -10 */
/* left: auto !important;
right: auto !important; */
width: 990px !important; /* by³o ...1000px... */
top: -5px !important; /* by³o ...-30px... */
background-color: yello !important;
}
/* Formatyje napis ...FREE TRIAL LESSON/S... na stronie ...kidzfreelessons.html... */
section#boxcontent article table.ustawienie p.freetrail
{
position: static;
position: relative;
top: -35px !important;
left: -90px !important; /* by³o ...5px... */
/* margin-left: auto !important;
margin-right: auto !important; */
font-size: 65px !important;
width: 710px !important;
background-color: yello !important;
}
/* Ustawia napis ...- Coming Soon - ... na stronie kidzfreelessons.html... */
section#boxcontent article table td p.coming
{
position: static;
position: relative;
top: -15px !important; /* by³o ...-30px... */
font-size: 65px !important;
left: 25px !important; /* by³o ...5px... */
width: 610px !important;
/* margin-left: auto !important;
margin-right: auto !important; */
background-color: aqu !important;
}
/* Formatuje napis ...- HERE - ... do klikniecia / na koncu tekstu / ale nie ...button... do Sign up...., na stronie kidzfreelessons.html... */
section#boxcontent article table p.lewy span.here
{
position: static;
position: relative;
font-size: 65px !important;
text-decoration: underline !important;
background-color: yellow !important;
border: solid red 0px;
}
/* Formatuje napis ...To SIGN UP your child for a free demo class click HERE... na stronie ...kidzfreelesons.html... */
section#boxcontent article p.pozycja_sign
{
position: static;
position: relative !important;
width: 900px !important;
margin-left: auto !important; /* bylo ...-30px... */
margin-right: auto !important;
background-color: yello !important;
top: 30px !important;
}
/* Formatuje napis ...HERE... na przycisku /buttonie/ po napisie /tytule/ ...To SIGN UP your child for a free demo class click... - na stronie kidzfreelessons.html... */
section#boxcontent article span.button_here
{
position: static;
position: relative;
font-size: 75px !important;
background-color: aqu !important;
background-color: yellow !important;
}
/* Formatuje przycisk /button/ po napisie /tytule/ ...To SIGN UP your child for a free demo class click... przed przyciskiem /butonem/ - na stronie kidzfreelessons.html...
section#boxcontent article p button.obrys ten zapis jest dublowany przez p. 8420 i tam dziala a tu nie formatuje nigdzie przycisku button oprocz HTC Sensation 4G
{
position: static;
position: relative;
width: 200px !important; bylo 250px
height: 100px !important;
background-color: green !important;
}
wyl dla p. 8437 */
/* Ustawia galerie na koncu strony - na stronie kidzfreelessons.html... */
/* section#boxcontent article img.clear - sciezka dl zdjec bez ...LIGHTBOX...*/
section#boxcontent article figure img
{
position: static;
position: relative;
left: 228px !important; /* 228 */
top: 50px !important;
border: solid 0px blue;
}
/* Ustala odstep stopki /footer/ od koncowego elementu strony, w pionie - na stronie ...kidzfreelessons.html... / ...new_classes.html... - wylaczone bo kazda rozdzielczosc ma osobno
footer.odstepwdol
{
position: static;
position: relative;
top: 10px !important;
}
*/
/* Kody do kolorowania tytulow / wszystkich / akapitow na stronie ...lessons.html... */
section#boxcontent article p.kolor1
{
position: static;
position: relative;
color: maroon !important;
font-weight: bold !important;
font-size: 65px !important;
text-decoration: underline !important;
top: -1px !important;
}
/* Kody do kolorowania napisow /wszystkich/ dot. wieku pod tytulami akapitow / class="kolor1"...na stronie ...lessons.html... */
section#boxcontent article p.kolor2
{
position: static;
position: relative;
color: blue !important;
text-decoration: underline;
font-size: 45px !important;
top: 0 !important;
}
/* Powieksza obrazek z napisem ...REQUEST INFORMATION... na stronie ...requestinfo.html... i na stronie ...requestinfokidz.html... / requestinfonewclasses.html... */
section.container img.requestinfo
{
position: static;
position: relative;
width: 800px !important;
height: 80px !important;
top: 10px !important;
}
/* Powieksza obrazek z napisem ...TESTIMONIALS... na stronie ...testimonials.html... */
section.container img.testimonials
{
position: static;
position: relative;
width: 800px !important;
height: 80px !important;
top: 30px !important; /* to chyba nie dziala ale jest to w kodach poszczegolnych rozdzielczosci */
}
/* Podnosi do gory cala strone - na stronie ...testimonials.html... */
div.goratestim
{
position: static;
position: relative;
top: 16px !important;
}
/* Ustwia cala strone na stronie ...kidzfreelessons.html...
div.margines / dziala ale wylaczylem
{
position: static;
position: relative !important;
left: -23px !important;
}
*/
/* Powieksza napis ...R E C I T A L S ... na stronie ...recitals.html... */
table.recitale
{
position: static;
position: relative;
font-size: 70px !important;
letter-spacing: 9px !important;
top: 150px !important;
}
/* Ustawia tabele z menu obu recitali na stronie ...recitals.html... - Iphone5s pion i poziom i HTC pion i poziom */
table.recitals
{
position: static;
position: relative;
left: 3px !important;
display: non e; /* ukrywa w Iphone5s pion i poziom i HTC pion i poziom */
}
table.recitals dl#menu22 /* ustawia menu22 - recitale Sch. M. A */
{
position: static;
position: relative;
top: 50px !important;
z-index: 1 !important;
display: non e; /* ukrywa w Iphone5s pion i poziom i HTC pion i poziom */
}
table.recitals dl#menu03 /* ustawia recitale Kidzrock */
{
position: static;
position: relative;
top: 200px !important;
left: 3px !important;
display: non e; /* ukrywa w Iphone5s pion i poziom i HTC pion i poziom */
}
/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* arkusz do stylizacji menu z kodow ...menu.js..., lub ...recitalsmenu.js... -- dla ...menu/id#22... - rozwijanego i wysuwanego dla ...Recitals SCH. MUSIC ACADEMY... na stronie ...recitals.html... - tylko dla mobilnych - Iphone5s pion i poziom i HTC pion i poziom -- wszystkie ponizsze kody dla RECITALI s.a. osobno w kazdej rozdzielczosci
table.recitals #menu22, #menu22 dl {
font-size: 22px !important;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; silver yellow
}
#menu22 dt {
cursor: pointer;
margin: 0;
padding: 10px;
background-color: lim e !important; #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 5px 25px;
}
#menu22 dl dt {
width: 230px !important;
height: 59px !important; wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej
background-color: re d !important; #ccc;
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu22 dd {
background-color: gray !important; #ccc; gray fuchsia
color: #000;
margin: 0;
padding-top: 20px !important; robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego
width: 230px !important;
height: 90px !important;
font-size: 30px !important;
}
#menu22 dt.active {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
#menu22 dd.active {
font-weight: bold;
}
#menu22 dt:hover.active {
color: #ff00ff;
}
#menu22 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu22 a:link, #menu22 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu22 a:hover {
color: #fff;
background-color: #008;
}
#menu22 dl {
position: absolute;
border: 10px;
background-color: blu e !important;
height: 0px !important;
width: 337px !important;
}
#menu22 dl dd druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK...
{
position: relative;
height: 45px !important;
width: 350px !important;
left: 233px !important;
margin-bottom: 9px !important; robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej
bottom: 58px !important; ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK...
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu22 dl dd dl dt druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK...
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -5px !important; ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie
width: 350px !important;
left: 0px !important;
background-color: gray !important; blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook...
}
#menu22 dl dd dl dt.tube druga rozwijanalista ale tyko tytul ...YOUTUBE...
{
position: relative;
margin-top: -7px !important; ustawia gora-dol tylko tytul ...YouTube... w drugiej liscie
}
#menu22 dl dd dd ostatnia rozwijana lista
{
position: relative;
bottom: 74px !important; ustawia g0ra-dol ostatnia liste rozwijana
width: 380px !important;
left: 355px !important;
background-color: silver !important; maroon
font-size: 37px !important;
font-weight: bold !important;
padding-bottom: 20px !important; ustawia gora-dol wszystkie napisy w liscie
}
.....................................................................................
dt.linki1 a ukrywa napis ...2016... po to aby go zastapic ponizszym ... dt.linki:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22...
{
position: relative;
visibility: hidden !important;
}
dt.linki1:before wstawia napis ... 2016 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "2 0 1 6";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube1 a ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube1:before ... i ... dt.you_tube1:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE...
{
position: relative;
visibility: hidden !important;
}
dt.you_tube1:before wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube1:after wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook1 a ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook...
{
position: relative;
visibility: hidden !important;
}
dt.facebook1:before wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
.............................................................................................
arkusz do stylizacji ...menu03... - rozwijanego i wysuwanego dla recitali KIDZROCK na stronie ...recitals.html... - tylko dla mobilnych - Iphone5s pion i poziom i HTC pion i poziom
table.recitals #menu03, #menu03 dl {
font-size: 22px;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; silver yellow
}
#menu03 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 18px 25px;
}
#menu03 dl dt
{
background-color: #ccc !important; #ccc; / yellow - tlo pierwszej listy wysuwanej z tytulem ...2015...
height: 59px !important; wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu03 dd {
background-color: gray !important; #ccc; gray fuchsia
color: #000;
margin: 0;
padding-top: 20px !important; robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego
width: 230px !important;
height: 80px !important;
font-size: 30px !important;
}
#menu03 dd.active {
font-weight: bold;
}
#menu03 dt:hover.active {
color: #ff00ff;
}
#menu03 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu03 a:link, #menu03 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu03 a:hover {
color: #fff;
background-color: #008;
}
#menu03 dl {
position: absolute;
border: 0;
}
#menu03 dl dd - wylaczone
{
position: relative;
left: 230px;
bottom: 31px;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
#menu03 dl dd druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK...
{
position: relative;
height: 45px !important;
width: 390px !important;
left: 233px !important;
margin-bottom: 9px !important; robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej
bottom: 58px !important; ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK...
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu03 dl dd dl dt druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK...
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -6px !important; ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie
width: 369px !important;
background-color: gray !important; blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook...
}
#menu03 dl dd dl dt.facebook druga rozwijana lista ale tyko tytul ...FACEBOOK...
{
position: relative;
margin-top: -5px !important; ustawia gora-dol tylko tytul ...FACEBOOK... w drugiej liscie
}
#menu03 dl dd dd ostatnia rozwijana lista
{
position: relative;
bottom: 73px !important; ustawia g0ra-dol ostatnia liste rozwijana
width: 340px !important;
left: 395px !important;
background-color: silver !important; maroon
font-size: 48px !important;
font-weight: bold !important;
padding-bottom: 40px !important; ustawia gora-dol wszystkie napisy w liscie
}
#menu03 dl dd dl druga lista rozwijana
{
position: relative;
background-color: maroon !important; maroon silver
height: 0px !important; ukrywa liste
}
dl#menu03 dd dl lista /tlo/ pod tytulem 2015 - chyba przedluzenie tla pierwszej listy wysuwanej
{
position: relative;
background-color: maroon !important; maroon silver
height: 0px !important;
}
.....................................................................................
dt.linki a ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone zamyjajac ...menu03...
{
position: relative;
visibility: hidden !important;
}
dt.linki:before wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube a ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube:before ... i ... dt.you_tube:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...YOUTUBE...
{
position: relative;
visibility: hidden !important;
}
dt.you_tube:before wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -79px;
top: -0.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube:after wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -85px;
position: static;
position: relative;
top: -122px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook a ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...Facebook...
{
position: relative;
visibility: hidden !important;
}
dt.facebook:before wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w.
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
position: static;
position: absolute;
left: 0px !important;
right: -17px !important;
top: 0px;
font-family: Georgia;
}
.............................................................................................
Koniec stylow dla menu Kidzrock Recitals */
/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* ///////////////////////////////////////////////////////////////////////////////// */
/* Powieksza napis ...R E N T A L S ... na stronie ...rental.html... */
table.rental
{
position: static;
position: relative;
font-size: 70px !important;
letter-spacing: 9px !important;
top: 30px !important; /* 30 */
}
/* Powieksza napis ...Hover your cursor anywhere on the left or right side and you will be able to read enlarged text. ... na stronie ...rental.html... */
table td p.uwaga
{
position: static;
position: relative;
font-size: 30px !important;
top: -5px !important;
}
/* Ustawia napis ... C O M I N G S O O N ... na stronie ...rental.html... - wylaczone bo nie ma tego napisu
table.rental1
{
position: static;
position: relative;
top: 350px !important;
font-size: 70px !important;
color: blue !important;
}
*/
/* Powieksza napis ...C O M I N G S O O N ... na stronie ...sale.html... - nie czyta rodzaju i wielkosci czcionki */
table td.coming
{
position: static;
position: relative;
top: 150px !important; /* ...300px... */
font-size: 80px !important;
background-color: aqua !important;
font-family: Algerian !important;
}
/* Powieksza napis ... Fill out the entire form, please!... i ustawia w poziomie / nie dotyczy podkreslenia / - na stronie ...requestinfokidz.html... */
section#boxcontent_1 article form fieldset legend font.fill_out
{
position: static;
position: relative;
font-size: 35px !important;
left: -65px !important; /* -65 */
}
/* Obsluguja etykiety z innych stron itp. do wszystkich /wybranych / grup muzycznych na stronie ...teachers1.html... - wylaczone bo ponizej sa osobno dla kazdej rozdzielczosci
a.grupaall2
{
position: static !important;
position: absolute !important;
top: 310px !important;
}
a.grupapiano
{
position: static !important;
position: absolute !important;
top: 900px !important;
}
a.grupabanjo
{
position: static !important;
position: absolute !important;
top: 1315px !important;
}
a.grupabaritone
{
position: static !important;
position: absolute !important;
top: 1730px !important;
}
a.grupabass
{
position: static !important;
position: absolute !important;
top: 2145px !important;
}
a.grupadrums
{
position: static !important;
position: absolute !important;
top: 2560px !important;
}
a.grupaeuphonium
{
position: static !important;
position: absolute !important;
top: 2975px !important;
}
a.grupaguitar
{
position: static !important;
position: absolute !important;
top: 3390px !important;
}
a.grupaharmonica
{
position: static !important;
position: absolute !important;
top: 3805px !important;
}
a.grupajazz
{
position: static !important;
position: absolute !important;
top: 4220px !important;
}
a.grupamandolin
{
position: static !important;
position: absolute !important;
top: 4635px !important;
}
a.grupatrombone
{
position: static !important;
position: absolute !important;
top: 5050px !important;
}
a.grupatrumpet
{
position: static !important;
position: absolute !important;
top: 5465px !important;
}
a.grupatuba
{
position: static !important;
position: absolute !important;
top: 5880px !important;
}
a.grupaukulele
{
position: static !important;
position: absolute !important;
top: 6295px !important;
}
a.grupauprightbass
{
position: static !important;
position: absolute !important;
top: 6710px !important;
}
a.grupaviolin
{
position: static !important;
position: absolute !important;
top: 7125px !important;
}
a.grupavoice
{
position: static !important;
position: absolute !important;
top: 7540px !important;
}
a.grupawoodwind
{
position: static !important;
position: absolute !important;
top: 7955px !important;
}
*/
/* Powieksza tytuly NAD GRUPAMI NAUCZYCIELI /wszystkie/ - na stronie ...teachers1.html... */
table td.lupa1
{
position: static;
position: relative;
font-size: 55px !important; /* bylo 60px */
word-spacing: -3px !important; /* bylo -7px / -14px / -9px / -7px / -5px */
}
/* Powieksza teksty ...Hover over picture/s/ and find your teacher. To know your teacher better click on choosen picture... i zmniejsza odstepy miedzy linijkami i wyrazami / wszystkie /na stronie ...teachers1.html... */
table td span.lupa
{
position: static !important;
position: relative !important;
text-align: justify !important;
font-size: 35px !important;
word-spacing: 1px !important;
line-height: 0.3px !important; /* Efekty widac gdy cyfra jest wieksza od rozmiaru czcionki /przynajmniej wynosi ...45px.../, im ona wieksza tym wyrazniejszy efekt. W koszyku dziala to lepiej bo z duzego tekstu zrobi jedna linijke , tak sciskajac. Tutaj cos to slabo dziala. */
}
/* Ustawia tytul ...O U R T E A C H E R S ... na stronie ...teachersphotos.html... */
table.ourteachers td.ourteachers1
{
position: static;
position: relative;
top: 25px !important;
font-size: 50px !important;
word-spacing: 10px !important;
}
/* Powieksza litery i ustawia calosc tresci BIO - wszystkich nauczycieli / oprocz RACHEL i Joseph Schultz / na stronie ...teacherphotos.html - tu chyba zbedne i jest kodach dla poszczegolnych rozdzielczosci
table.tabela p.biger_m
{
position: static !important;
position: absolute !important;
top: -1px !important;
background-color: yello w !important;
font-size: 22px !important;
line-height: 19px !important;
word-spacing: -2px !important;
}
*/
/* Kody dla ...MARLENA BEYROWSKA... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BEYROWSKA na stronie ...teacherphotos.html... druga wersja*/
table.tabela_mlenek
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 32px !important;
background-color: yello !important;
}
/* Formatuje tylko nazwisko / w tytule / Beyrowska na stronie ...teacherphotos.html... druga wersja */
table.tabela_mlenek p.mlenek1 span.mlenek1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -15px !important;
}
/* Formatuje caly opis do nazwiska / w tytule / Beyrowska na stronie ...teacherphotos.html... - druga wersja */
table.tabela_mlenek p.mlenek2 span.mlenek2a
{
position: static;
position: relative;
font-size: 40px !important;
left: -11px !important;
}
/* Ustawia w pionie tresc BIO Beyrowska w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BEYROWSKA Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* -------------- Kody dla pierwszej wersji ...CARTER SCHULTZ... -------------------- /*
/* Formatuje nazwisko / w tytule / Schultz na stronie ...teacherphotos.html... - pierwsza wersja
table.tabela1 p.schultz span.carter1
{
position: static;
position: relative;
left: -23px !important;
top: -45px !important;
font-size: 45px !important;
color: blue !important;
}
Formatuje opis do nazwiska / w tytule / Shultz na stronie ...teacherphotos.html... - pierwsza wersja
table.tabela1 p.schultz_a span.carter2
{
position: static;
position: relative;
font-size: 40px !important;
top: 5px !important;
left: -413px !important;
}
Ustawia w pionie tresc BIO SCHULTZ w komorce lewej na stronie ...teacherphotos.html... - pierwsza wersja
table.tabela p.biger_schultz
{
position: static;
position: relative;
top: -5px !important;
font-size: 20px !important;
}
----------------- KONIEC PIERWSZEJ WERSJI DLA SCHULTZ --------------------------- */
/* Kody dla drugiej wersji ...CARTER SCHULTZ...*/
/* Formatuje tylko tabele z tytulem Schultz na stronie ...teacherphotos.html... druga wersja*/
table.tabela1
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 232px !important;
background-color: re !important;
}
/* Formatuje tylko nazwisko / w tytule / Schultz na stronie ...teacherphotos.html... druga wersja */
table.tabela1 p.schultz span.carter1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -15px !important;
}
/* Formatuje caly opis do nazwiska / w tytule / Shultz na stronie ...teacherphotos.html... - druga wersja */
table.tabela1 p.schultz span.carter2a
{
position: static;
position: relative;
font-size: 40px !important;
left: -11px !important;
}
/* Ustawia w pionie tresc BIO SCHULTZ w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC DRUGIEJ WERSJI DLA SCHULTZ --------------------------- */
/* Kody dla ...DAVID ENDLISH.../ ...KELSEY STREMPLEWSKI na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem ENGLISH/STREMPLEWSKI na stronie ...teacherphotos.html... druga wersja*/
table.tabela_english
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 432px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / ENGLISH/STREMPLEWSKI na stronie ...teacherphotos.html... druga wersja */
table.tabela_english p.english1 span.english1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / ENGLISH/STREMPLEWSKI na stronie ...teacherphotos.html... - druga wersja */
table.tabela_english p.english2 span.english2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO ENGLISH/STREMPLEWSKI w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla ENGLISH/STREMPLEWSKI Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...DAVID SHORE... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem SHORE na stronie ...teacherphotos.html... druga wersja*/
table.tabela_shore
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 632px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / SHORE na stronie ...teacherphotos.html... druga wersja */
table.tabela_shore p.shore1 span.shore1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / SHORE na stronie ...teacherphotos.html... - druga wersja */
table.tabela_shore p.shore2 span.shore2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO SHORE w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla SHORE Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...DIANE TOOMEY.../ ...RACHEL SARAH THOMAS... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem TOOMEY/THOMAS na stronie ...teacherphotos.html... druga wersja*/
table.tabela_toomey
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 832px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / TOOMEY/THOMAS na stronie ...teacherphotos.html... druga wersja */
table.tabela_toomey p.toomey1 span.toomey1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / TOOMEY/THOMAS na stronie ...teacherphotos.html... - druga wersja */
table.tabela_toomey p.toomey2 span.toomey2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO TOOMEY/THOMAS w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla TOOMEY/THOMAS Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...LAWRENCE BOISEN... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BOISEN na stronie ...teacherphotos.html... druga wersja*/
table.tabela_lawrence
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1032px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BOISEN na stronie ...teacherphotos.html... druga wersja */
table.tabela_lawrence p.lawrence1 span.lawrence1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BOISEN na stronie ...teacherphotos.html... - druga wersja */
table.tabela_lawrence p.lawrence2 span.lawrence2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO BOISEN w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BOISEN Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...LISA BAKER... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BAKER na stronie ...teacherphotos.html... druga wersja*/
table.tabela_baker
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1232px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BAKER na stronie ...teacherphotos.html... druga wersja */
table.tabela_baker p.baker1 span.baker1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BAKER na stronie ...teacherphotos.html... - druga wersja */
table.tabela_baker p.baker2 span.baker2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO BAKER w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BAKER Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...MARIANNA MILTCHEVA... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem MILTCHEVA na stronie ...teacherphotos.html... druga wersja*/
table.tabela_marianna
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1432px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / MILTCHEVA na stronie ...teacherphotos.html... druga wersja */
table.tabela_marianna p.marianna1 span.marianna1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / MILTCHEVA na stronie ...teacherphotos.html... - druga wersja */
table.tabela_marianna p.marianna2 span.marianna2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO MILTCHEVA w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla MILTCHEVA Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...MICHAEL McKISSACK... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem McKISSACK na stronie ...teacherphotos.html... druga wersja*/
table.tabela_michael
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1632px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / McKISSACK na stronie ...teacherphotos.html... druga wersja */
table.tabela_michael p.michael1 span.michael1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / McKISSACK na stronie ...teacherphotos.html... - druga wersja */
table.tabela_michael p.michael2 span.michael2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO McKISSACK w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla McKISSACK Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...OKSANA TOMASHEVSKA... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem TOMASHEVSKA na stronie ...teacherphotos.html... druga wersja*/
table.tabela_oksana
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1832px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / TOMASHEVSKA na stronie ...teacherphotos.html... druga wersja */
table.tabela_oksana p.oksana1 span.oksana1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / TOMASHEVSKA na stronie ...teacherphotos.html... - druga wersja */
table.tabela_oksana p.oksana2 span.oksana2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO TOMASHEVSKA w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla TOMASHEVSKA Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...PABLO LeMOYNE... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem LeMOYNE na stronie ...teacherphotos.html... druga wersja*/
table.tabela_pablo
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2032px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / LeMOYNE na stronie ...teacherphotos.html... druga wersja */
table.tabela_pablo p.pablo1 span.pablo1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / LeMOYNE na stronie ...teacherphotos.html... - druga wersja */
table.tabela_pablo p.pablo2 span.pablo2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO LeMOYNE w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla LeMOYNE Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...SAMUEL BARSI... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BARSI na stronie ...teacherphotos.html... druga wersja*/
table.tabela_barsi
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2232px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BARSI na stronie ...teacherphotos.html... druga wersja */
table.tabela_barsi p.barsi1 span.barsi1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BARSI na stronie ...teacherphotos.html... - druga wersja */
table.tabela_barsi p.barsi2 span.barsi2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO BARSI w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BARSI Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ELVIRY KARINYAN I JOSEPH SCHULTZ po ...ZACHARY TAYLOR / na kodach BARSI/... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w HTC pion i poziom*/
/* Formatuje tylko tabele z tytulem dla ELVIRY KARINYAN I JOSEPH SCHULTZ po TAYLOR na stronie ...teacherphotos.html... druga wersja*/
table.tabela_taylor
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2432px !important; /* 2232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / dla ELVIRY KARINYAN I JOSEPH SCHULTZ po TAYLOR na stronie ...teacherphotos.html... druga wersja */
table.tabela_taylor p.barsi1 span.barsi1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / dla ELVIRY KARINYAN I JOSEPH SCHULTZ po TAYLOR na stronie ...teacherphotos.html... - druga wersja */
table.tabela_taylor p.barsi2 span.barsi2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO dla ELVIRY KARINYAN I JOSEPH SCHULTZ po TAYLOR w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla ELVIRY KARINYAN I JOSEPH SCHULTZ po TAYLOR Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...BOBBY RECK / na kodach ZACHARY TAJLOR pozyczonych od BARSI/... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w HTC pion i poziom /i chyba w Iphone 5s pion i poziom /tylko ...tabela_rec... oraz Ipad mini pion, ale tu tylko ..tabela_rec.../ */
/* Formatuje tylko tabele z tytulem RECK na stronie ...teacherphotos.html... druga wersja*/
table.tabela_reck
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2632px !important; /* 2432 2232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / RECK na stronie ...teacherphotos.html... druga wersja */
table.tabela_reck p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / RECK na stronie ...teacherphotos.html... - druga wersja */
table.tabela_reck p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO TAYLOR w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* Kody dla ...JOSEPH SHIELDS / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA BOBBY RECK ... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w HTC pion i poziom /i chyba w Iphone 5s pion i poziom /tylko ...tabela_shields... oraz Ipad mini pion, ale tu tylko ..tabela_shields.../ */
/* Formatuje tylko tabele z tytulem SHIELDS na stronie ...teacherphotos.html... druga wersja*/
table.tabela_shields
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2832px !important; /* 2432 2232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / SHIELDS na stronie ...teacherphotos.html... druga wersja */
table.tabela_shields p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / SHIELDS na stronie ...teacherphotos.html... - druga wersja */
table.tabela_shields p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO TAYLOR w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla TAYLOR Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...BRENT DEAN / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA JOSEPH SHIELDS ... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w HTC pion i poziom /i chyba w Iphone 5s pion i poziom /tylko ...tabela_shields... oraz Ipad mini pion, ale tu tylko ..tabela_brent.../ */
/* Formatuje tylko tabele z tytulem BRENT na stronie ...teacherphotos.html... druga wersja*/
table.tabela_brent
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 3032px !important; /* 2432 2232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BRENT na stronie ...teacherphotos.html... druga wersja */
table.tabela_brent p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BRENT na stronie ...teacherphotos.html... - druga wersja */
table.tabela_brent p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Kody dla ...JIM MEYER / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA JOSEPH SHIELDS ... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w HTC pion i poziom /i chyba w Iphone 5s pion i poziom /tylko ...tabela_shields... oraz Ipad mini pion, ale tu tylko ..tabela_brent.../ */
/* Formatuje tylko tabele z tytulem MEYER na stronie ...teacherphotos.html... druga wersja*/
table.tabela_meyer
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 3232px !important; /* 2432 2232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / MEYER na stronie ...teacherphotos.html... druga wersja */
table.tabela_meyer p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / MEYER na stronie ...teacherphotos.html... - druga wersja */
table.tabela_meyer p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Kody do powiekszenia wysokosci pol formularza - wszystkich na stronach; ...contactus.html.. / ...requestinfo.html... / requestinfokidz.html... - tylko mobilne - HTC Sensation 4G pion i poziom /wszystkie formularze/ - wylaczone bo ponizej w p.5782 i p.5793 sa kody ogolne
section#boxcontent_1 form input
{
position: static;
position: relative;
height: 30px !important;
}
*/
/* Kody dla ...MICHAEL A. HAMIL po ...JIM MEYER / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA JOSEPH SHIELDS ... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w HTC pion i poziom /i chyba w Iphone 5s pion i poziom /tylko ...tabela_shields... oraz Ipad mini pion, ale tu tylko ..tabela_brent.../ */
/* Formatuje tylko tabele z tytulem HAMIL na stronie ...teacherphotos.html... druga wersja*/
table.tabela_hamil
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 3432px !important; /* 3232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / HAMIL na stronie ...teacherphotos.html... druga wersja */
table.tabela_hamil p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / HAMIL na stronie ...teacherphotos.html... - druga wersja */
table.tabela_hamil p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Kody dla ...AMY JO... po MICHAEL A. HAMIL - ...JIM MEYER / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA JOSEPH SHIELDS ... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w HTC pion i poziom /i chyba w Iphone 5s pion i poziom /tylko ...tabela_shields... oraz Ipad mini pion, ale tu tylko ..tabela_brent.../ */
/* Formatuje tylko tabele z tytulem AMY JO na stronie ...teacherphotos.html... druga wersja*/
table.tabela_amy
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 3432px !important; /* 3232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / AMY JO na stronie ...teacherphotos.html... druga wersja */
table.tabela_amy p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / AMY JO na stronie ...teacherphotos.html... - druga wersja */
table.tabela_amy p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Kody do powiekszenia wysokosci pol formularza - wszystkich na stronach; ...contactus.html.. / ...requestinfo.html... / requestinfokidz.html... - tylko mobilne - HTC Sensation 4G pion i poziom /wszystkie formularze/ - wylaczone bo ponizej w p.5782 i p.5793 sa kody ogolne
section#boxcontent_1 form input
{
position: static;
position: relative;
height: 30px !important;
}
*/
#spacer
{
font-size:15px;
}
#spacer .search
{
margin-top:19px;
margin-right:-385px;
}
#spacer p
{
margin-left:-370px;
}
input
{
padding:4px;
font-size: 26px; /* Bylo ...14px... ustala wielkosc liter w polu tekstowym czyli napis ...Reset /tylko/... */
}
input[type="submit"]
{
height: 34px; /* Dopisalem - ustala wysokosc pola input ale tylko z napisem ...Submit... - na wszystkich stronach*/
padding: 1px 14px;
font-size: 26px; /* Dopisalem ...26px... ustala wielkosc liter w polu tekstowym czyli napis ...Submit /tylko/... */
}
#four_columns
{
width: 500px;
} /* zmiana z 500px na np. 1500px powoduje przesuniecie w lewo /na ekranie/ komorek /wszystkich/ w tabelach ze zdjeciami nauczycieli np. na stronie ...teacherphotos.html... Gdzie indziej nie sprawdzalem. */
#four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
{
margin-top: 25px;
}
#text_columns article.column1, #text_columns .column2
{
float:none;
max-width: 500px;
margin: 50px 30px 0 30px;
}
.column2 .row
{
float:none;
margin:0 0 40px 50px;
}
footer .wrapper .column
{
font-size: 12px;
width: 230px;
}
}
/* Ponizsze kody w calosci sa dla ponizszej rozdzielczosci czyli dla telefonu Iphone 5s - pion i poziom wszystko w porzadku.
IPAD mini - tylko w pozycji pionowej - ale nie ustawia Get direction... i ...Our Neigborhood... -nie wiem czy jest jakas inna opcja lub minimum czy maximum co do rozdzielczosci dla pionu i poziomu w Ipad mini */
@media screen and (max-width: 915px)
{
/* Dlugosc strony tylko dla strony ....mapaservicu.html... */
footer.bodylong
{
position: static;
position: relative;
top: 50px !important;
}
/* Ustawienie tytulu ...Map of our services... na stronie ...mapaservicu.html... - to jest dobre tylko dla HTC choc dziala wszedzie ale rozmiar czcionki dla Iphone i Ipad pion jest zaduzy i dlatego to wylaczylem i kazda rozdzielczosc ma swoje kody
table.mapofour
{
position: static;
position: relative;
top: -50px !important;
word-spacing: 12px !important;
font-size: 45px !important;
}
*/
/* Center the slideshow - Dotyczy ustawienia w pione gornej galerii zdjec /slajdy/ pod naglowkiem na stronie ...index.html... okna */
.container
{
position: static;
position: relative;
top: 10px !important; /* ...-26px... - Dopisalem aby dopasowac pokaz zdjec pod naglowkiem - Cztery MENU i zamiana pozycji klawiszy / w zapisie / pod ...header i nav... */
}
.tytul_a { font-size: 60px !important;
font-weight: bold !important;
text-decoration: underline !important;
position: relative;
bottom: 10px !important;
color: maroon !important;
} /* Powi骳za Tytul pod obrazkiem ...WELCOME... i inne - na stronie ...index.html... */
/* Kody dla napisu ...Music is our business. See us first!... na stronie ...index.html... */
section#boxcontent article p.tytul
{
position: static;
position: relative;
color: blue !important;
font-size: 50px !important;
top: -10px !important;
}
.testimonials { font-size: 35px !important; } /* Powieksza ...link.... do testimonials - na stronie ...index.html */
.click { font-size: 60px !important; } /* Powi骳za wyraz ...Click... /...to MORE learn about .....KIDZROCK. - na stronie ...index.html */
/*
section#boxcontent article table td a p#flash1 - wylaczone bo jest ponizej p.2086
{ font-size: 40px !important; } by³o ...35px... - Powieksza ...Link do Sch.M.Acad. Tour... na stronie ...index.html */
/* Ustawia obrazki ...Welcome... i ...SCHAUMBURG... / ...MIOTLA... / ...MIOTLA... w poziomie, - na stronie ...index.html.../...locations.html... */
section#boxcontent article img.obraz /* Ustawia obrazek ...SCHAUMBURG... / MIOTLA na stronie ...locations.html... i ...WELCOME... na stronie ...index.html... - HTC, pion i poziom */
{ position: static;
position: relative;
left: 170px !important; /* 70 */
width: 700px !important;
height: 700px !important;
}
/* Ustawia obrazek ...Testimonials.../...MIOTLA... w poziomie, - na stronie ...index.html... */
section#boxcontent article img.obraz1
{ position: static;
position: relative;
margin-top: 15px !important;
left: 170px !important; /* 70 */
width: 700px !important;
height: 700px !important;
}
/* Formatuje link ...Click here to read more testimonials from our very satisfied customers!... - na stronie ...index.html... */
section#boxcontent article p span.testimonials
{ position: static;
position: relative;
font-size: 50px !important;
}
/* Dotyczy formatowania Tytulu ...Lessons... na stronie ...index.html.. */
section#text_columns article.column1 h3.lekcje
{ position: static;
position: relative;
font-size: 65px !important;
color: blue !important;
top: 50px !important;
text-decoration: underline !important;
}
/* Dotyczy odstepu od tytulu ...Lessons... na stronie ...index.html.. */
section#text_columns article.column1 p.w_dol
{ position: static;
position: relative;
top: 35px !important;
}
/* Dotyczy odstepu w tekscie pod tytulem ...Lessons... na stronie ...index.html.. */
section#text_columns article.column1 p.pauza
{ position: static;
position: relative;
top: 30px !important;
}
/* Formatuje Link ...Click here to learn more about our music lessons... na stronie index.html... */
section#text_columns article.column1 p span.lessons
{ position: static;
position: relative;
font-size: 50px !important;
top: 30px !important;
}
/* Formatuje Tytul ...Rentals... na stronie index.html... */
section.column2 article.row h3.rental
{ position: static;
position: relative;
font-size: 65px !important;
color: blue !important;
left: -45px !important;
top: 50px !important;
text-decoration: underline !important;
}
/* Dotyczy odstepu od tytulu ...Rentals... na stronie ...index.html.. */
section.column2 article.row p.rental1
{ position: static;
position: relative;
top: 35px !important;
}
/* Formatuje napis ...Call us at:... w tytule ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us.... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p span.telefon
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underline !important;
font-weight: bold !important;
color: green !important;
background-color: aqu !important;
}
/* Formatuje numery telefonow w napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p span.telefon1
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje przecinek i wyraz ..., or... w napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p font.wyraz_or
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje napis ...write to us... w napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p span.telefon2
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje napis ...Click here to learn even more about our rental !... po napisie ...Call us at: 847 - 891 - 1260 / 847-891-1269, or write to us... na stronie index.html... w tekscie ...RENTALS... */
section.column2 article.row p.rental1a span.rentalsb
{ position: static;
position: relative;
top: 40px !important;
font-size: 50px !important;
text-decoration: underlin !important;
font-weight: bold !important;
background-color: yello !important;
}
/* Formatuje link ...Click here to learn even more about VIR's program and to get 2 months free rental!... - na stronie ...index.html...
section#text_columns p span.rentals
{ position: static;
position: relative;
font-size: 50px !important;
top: 40px !important;
}
*/
/* Dotyczy gornego odstepu ...Footer... od poprzedzjacego go tekstu na stronie ...index.html... */
footer.dol /* Ustawia ...FOOTER... gora-dol w HTC pion i poziom / Iphone 5s pion i poziom / Ipad mini pion. Te same kody sa w poz. 1256 ale tamte nie reaguja na zmiany, a te tak /chyba kaskadowosc/. */
{
position: static;
position: relative;
top: 75px !important; /* 35 / 9635 */
}
#text_columns .column1 span /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego linku dotyczacego muzyki pod tekstem pt. ...Lessons... /i byc moze wszystkie ...linki... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
.column2 .row span /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego wypozyczania instrumentow pod Tekstem ...Rentals.... /i byc moze wszystkie ...linki... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
#text_columns .column1 h3 /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego napisu /tytulu/ p.t. ... Lessons... /i byc moze wszystkie ...h3... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
.column2 .row h3 /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego napisu /tytulu/ p.t. ...Rentals... /i byc moze wszystkie ...h3... w serwisie/ */
{
font-size: 35px !important; /* dopisalem - rozmiar czcionki */
}
#text_columns .column1 p /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego opisu p.t. Lessons, ale bez napisu ...Lessons... */
{
width: 981px; /* Bylo ...auto... - szerokosc zapisu */
font-size: 60px !important; /* dopisalem - rozmiar czcionki */
position: relative;
left: -21px !important; /* Dopisalem - ustawia pozycje pozioma na ekranie */
line-height: 60px !important;
}
.column2 .row p /* Kody dla powiekszenia tekstu w ...index.html... dotyczacego opisu p.t. Rentals ale bez napisu ...Rentals... */
{
width: 975px !important; /* Bylo ...auto... - szerokosc zapisu */
font-size: 60px; /* dopisalem - rozmiar czcionki */
position: relative;
right: 62px !important; /* Dopisalem - ustawia pozycje pozioma na ekranie */
line-height: 60px !important;
}
#boxcontent article
{
/* float: none; wylaczylem - zwezalo strone o polowe w pionie i poziomie */
position: static; /* Dopisalem */
position: relative; /* Dopisalem */
margin: 30px auto 0 -7px !important; /* By³o ...30px auto 0 auto; ...
- zapis ... -5px... robi lewy margines
co centruje zpis na stronach z ...#boxcontent article..,
ale oprocz strony ...contacus.html */
width: 995px !important; /* bylo 60% - ale to zwezalo tekst na stronie mobilej - caly serwis oprocz ...Lessons/tylko tetst bez tytulu/... i ...Rentals/tylko tekst bez tytulu/... na stronie ...index.html... i innych */
font-size: 60px;
} /*Dopisalem i zwieksza to litery na mobilnych w kazdym ...article... z ...id="boxcontent..." */
#boxcontent article p { line-height: 60px !important; } /* Dopisalem - zwieksza odstep miedzy linijkami wszedzie gdzie jest ...#boxcontent article p... , ale oprocz strony ...contactus.html... */
#boxcontent_1 article
{
float: none;
margin: 30px auto 0 5px !important; /* Ustawia tresc strony w poziomie ale tylko
na stronie ...contactus.html... - bylo ...30px auto 0 auto... - zapis .../prawy/5px... robi lewy zerowy margines dzieki...!important... */
width: 100%; /* bylo 60% - ale to zwezalo tekst na stronie mobilej - ustala szerokosc tekstu */
font-size: 35px;
/*Dopisalem i zwieksza to litery na mobilnych
tylko na stronie ... contactus.html w ...article...
z ...id="boxcontent_1..." */
text-decoration: underlin !important;/* Podkresla opis pol input w pocztach - wszedzie. UWAGA; TAKIE KODY S.A. TEZ W DRUGIM MIEJSCU W POZYCJI nr 1339 i aby wlaczyc lub wylaczyc podkreslenie w obu miejscach musi byc tak samo */
}
/*
p#boxcontent_2 { font-size: 45px !important; 35 - dopisalem ...p... do sciezki i zaczal dzialac
line-height: 40px !important; - dla tel. i ipad APPLE, pion
text-decoration: underline !important; - wylaczylem bo jest to w kodach strony
} - Dopisalem - nadaje rozmiar czcionce / i inne / w ...requestinfokidz.html... / ...requestinfonewclasses.html... w napisie ...SIGN UP your child/ren/ for a free demo KIDZROCK class... / ...SIGN UP your child/ren/ for a - NEW CLASSES ! - te kody s.a. w poszczegolnych rozdzielczosciach */
/*
#boxcontent_2 { font-size: 35px !important;
line-height: 40px !important; - dla tel. i ipad APPLE, pion
text-decoration: underline !important;
} - Dopisalem - nadaje rozmiar czcionce / i inne / w ...requestinfokidz.html... / ...requestinfonewclasses.html... w napisie ...SIGN UP your child/ren/ for a free demo KIDZROCK class... / ...SIGN UP your child/ren/ for a - NEW CLASSES ! - to samo z innymi parametrami, powyzej - te kody sa w poszczegolnych rozdzielczosciach ale ze sciezka j.w. */
#boxcontent_3 { font-size: 35px !important;
line-height: 35px !important;
text-decoration: underline !important;
} /* Dopisalem - nadaje rozmiar czcionce / i inne / w ...requestinfo.html... - tylko w napisie ...Want some more information about our music lessons, or others? Fill out the form below and we'll get back to you as soon as possible!... */
#boxcontent_4 { font-size: 35px !important;
line-height: 40px !important;
text-decoration: underline !important;
} /* Dopisalem - nadaje rozmiar czcionce / i inne / w ...contctus.html... w napisie ...Have any questions or comments? Fill out the form below and we'll get back to you as soon as possible!... */
/*
header p img#logo {
position: static !important;
position: relative !important;
left: -1px !important;
width: 267px !important;
height: 111px !important;
} Dopisalem - sa to parametry dla ...Logo.. - wszedzie cz.1/2
Kody do ustawienia Logo w poziomie
header p img#logo
{
position: static;
position: absolute;
left: -5px !important;
top: 3px !important;
margin-right: auto !important;
} Dopisalem dla urzaden mobilnych -- tylko dla ...Logo... aby nie uciekalo do srodka w pozycji pionowej urzadzenia i dla pozycji poziomej - cz.2/2
*/
footer .wrapper .colum h4 /* aby wlaczyc nalezy dodac to...n... do / .colum / - Wylaczone bo ponizej sa osobne do kazdego tytulu i lnijek pod nimi */
{
font-size: 30px; /* Wielkosc czcionki wszystkich tytulow /tylko tytuly - bylo...28px.../ */
color: #fff; /* Kolor textu /tylko naglowek/ -Godziny otwarcia - Address - Find Us */
border-bottom: 2px solid yellow; /* Linie podkreslajace powyzsze trzy napisy naglowkow */
width: auto; /* Dlugosc linii podkreslajacych - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 0 !important; /* Pierwszy wymiar spycha calosc /tytuly, tresc i mapa/ do dolu - drugi wymiar plusowy przesuwa sama tresc pod godzinami otwarcia w prawo - trzeci spycha do dolu wszystkie linie i wszystko to co pod nimi - czwarty przesuwa w poziomie wszystkie tytuly / bez linii pod nimi */
margin-bottom: 10px; /* Odstep miedzy tytulami godziny, adres i find us a ich terscia pod nimi, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column
{
font-family: 'Open Sans', sans-serif;
color: #ababab; /* Kolor tekstu godziny otwarcia i adres, ale nie ich naglowkow */
float: left; /*Ustawia tylko tresci godzin i adresu, po lewej stronie mapy */
width: 280px; /* Szerokosc pola z napisami i Mapa Google / ale nie jest to szerokosc Footer */
margin-right: 96px; /* Margines z prawej strony Mapy Google - im wieksza cyfra tym mniejszy margines po prawej stronie mapy - to chyba jest prawy margines sekcji Address */
font-size: 20px !important; /* Wielkosc czcionki tresci pod godzinami i adresem - bylo ..21px...*/
}
footer .wrapper /* jest to tez powyzej w poz. 1604 - to powyzej wylaczylem */
{
line-height: 25px; /* Odstep miedzy linijkami w tresci/tylko/ pod Adresem i Godzinami - bylo... 30px... */
margin: 0 0 0 5px !important; /* Pierwsza cyfra na plusie i z ...!important... przesuwa napis ...Copyright... do dolu. Cyfra pierwsza z prawej ...0... lub ...auto... daje zerowy lewy margines, a cyfry na plusie daja margines po lewej stronie napisu ...Copyright... i wszystiego co w ...footer... */
padding-top: 10px; /* Wyznacza odstep wszystkich tytulow od gornej krawedzi footer*/
width: auto; /* Pzesuwa na lewo calosc tresci godzin, adresu, linii pomiedzy nimi i tytulow godziny i adres. Kazda cyfra dodatnia i ujemne zero przesuwa w prawo, a ...auto... ustawia centralnie */
max-width:1000px; /* Szerokosc pola z napisami i mapa Google */
/* font-size: 23px !important; */ /* 27 Rozmiar czcionki napisu ...Copyright... w stopce - dla SMART tu nie dziala tylko w poz.29635 dla kodow ... div.wrapper ... */
color: #ffffff !important;
}
/* Wylaczone dla pozycji 8984
footer .lista Dotyczy - tylko tresci pod adresem
{
position: static;
position: relative;
display: block;
width: 350px !important; - Szerokosc pola tresci pod adresem
height: 170px !important; - Wysokosc pola tresci pod adresem
padding: 0 0 0 0 !important;
top: 15px !important; - Odstep pionowy tresci pod adresem od linii dzielacej tresc od tytulu ...Address...
bottom: 30px !important;
left: 54px !important; - Presuwa w poziomie tresc adresu razem z linia podkresleniem ... border-bottom... , bez linii podkreslajacej tytul ...Address...
border-bottom: 2px solid yello; - Podkreslenie tresci adresu
color: yellow !important; - Kolor tresci adresu /bez tytulu ...Address...
font-size: 27px !important; - Wielkosc czcionki tresci pod adresem ale bez tytulu...Address...
line-height: 33px !important; - Odstep miedzy linijkami tresci pod adresem /tylko/
} */
/* Wylaczone dla pozycji; 8945/8966 - 8996/9017 - 9052/9069 oraz dla pozycji; 1437/1457
footer .lista1 - Dotyczy - dni otwarcia /ale bez godzin - .lista2 /
{
position: static;
position: relative;
display: block;
width: 300px !important; - Szerokosc pola tresci pod dniami otwarcia
height: 140px !important; -Wysokosc pola tresci pod dniami otwarcia
padding: 0 0 0 0 !important;
top: 25px !important; - Odstep pionowy tresci pod dniami otwarcia od linii dzielacej
tresc od tytulu ...Hours of Operation...
bottom: 30px !important;
left: -187px !important; - Presuwa w poziomie tresc dni otwarcia razem z linia podkresleniem
... border-bottom... , bez linii podkreslajacejtytul ...Hours of Operation...
border-bottom: 2px solid yello; - Podkreslenie tresci dni otwarcia
color: yellow !important; - Kolor tresci dni otwarcia /bez tytulu ...Hours of Operation...
font-size: 27px !important; - Wielkosc czcionki tresci pod dniami otwarcia ale bez tytulu...Hours of Operation...
line-height: 33px !important; - Odstep miedzy linijkami tresci pod dniami otwarcia /tylko/
}
footer .lista2 - Dotyczy - wykazu godzin otwarcia /ale bez dni - .lista1/
{
position: static;
position: relative;
display: block;
width: 300px !important; - Szerokosc pola tresci pod godzinami otwarcia
height: 150px !important; - Wysokosc pola tresci pod godzinami otwarcia
padding: 0 0 0 0 !important;
top: -117px !important; - Odstep pionowy tresci pod godzinami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation...
bottom: 30px !important;
left: 110px !important; - Presuwa w poziomie tresc godzin otwarcia razem z linia podkresleniem ...border- bottom... , bez linii podkreslajacej tytul ...Hours of Operation...
border-bottom: 2px solid yello; - Podkreslenie tresci godzin otwarcia
color: yellow !important; -Kolor tresci godzin otwarcia /bez tytulu ...Hours of Operation...
font-size: 27px !important; - Wielkosc czcionki tresci pod godzinami otwarcia ale bez tytulu...Hours of Operation...
line-height: 33px !important; - Odstep miedzy linijkami tresci pod godzinami otwarcia /tylko/
}
*/
footer .mapa /* Dotyczy ustawienia i wymiarow mapy */
{ position: static;
position: relative;
width: 300px !important; /* Szerokosc mapy */
right: -40px !important; /* Odstep mapy od prawej krawedzi stopki/Footer/ */
}
footer .wrapper .column .tytul1 /*Dotyczy tytulu - Hours of Operation - i linii pod nim */
{
font-size: 28px; /* Wielkosc czcionki tytulu / bylo...28px... i ...30px.../ */
color: #000; /* Kolor textu /tylko naglowek/ - Dni i godziny otwarcia */
/* border-bottom: 2px solid yellow; Linia podkreslajaca powyzszy naglowek */
width: 350px; /* Dlugosc linii podkreslajacej - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 10px !important; /* Pierwszy wymiar spycha calosc do dolu - drugi wymiar plusowy przesuwa sama tresc pod godzinami otwarcia w prawo - trzeci spycha do linie i wszystko to co pod nia - czwarty przesuwa w poziomie tytul / bez linii pod nim */
margin-bottom: 10px; /* Odstep miedzy tytulem a jego terscia pod nim, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column .tytul1 /*Dotyczy linii pod tytulem - Hours of Operation */
{
position: static;
position: relative;
border-bottom: 2px solid yellow; /* Linia podkreslajaca powyzszy naglowek */
width: auto !important;
left: 30px !important;
}
footer .wrapper .column .tytul2 /*Dotyczy tytulu - Address - i linii pod nim */
{
font-size: 28px; /* Wielkosc czcionki tytulu / bylo...28px... i ...30px.../ */
color: #fff; /* Kolor textu /tylko naglowek/ - Address */
/* border-bottom: 2px solid yellow; Linia podkreslajaca powyzszy naglowek */
width: auto; /* Dlugosc linii podkreslajacej - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 55px !important; /* Pierwszy wymiar spycha calosc do dolu - drugi wymiar plusowy przesuwa sama tresc pod adresem w prawo - trzeci spycha do dolu linie i wszystko to co pod nia - czwarty przesuwa w poziomie tytul / bez linii pod nim */
margin-bottom: 10px; /* Odstep miedzy tytulem a jego terscia pod nim, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column .tytul2 /*Dotyczy linii pod tytulem - Address */
{
position: static;
position: relative;
border-bottom: 2px solid yellow; /* Linia podkreslajaca powyzszy naglowek */
width: auto !important;
left: 88px !important;
}
footer .wrapper .column .tytul3 /*Dotyczy tytulu - Find us - i linii pod nim */
{
font-size: 28px; /* Wielkosc czcionki tytulu / bylo...28px... i ...30px.../ */
color: #fff; /* Kolor textu /tylko naglowek/ - Find us */
/* border-bottom: 2px solid yellow; Linia podkreslajaca powyzszy naglowek */
width: auto; /* Dlugosc linii podkreslajacej - moze byc w liczbach lub ...auto.... */
padding: 5px 0px 15px 60px !important; /* Pierwszy wymiar spycha calosc do dolu - drugi wymiar plusowy przesuwa sama tresc pod Find us w prawo - trzeci spycha do dolu linie i wszystko to co pod nia - czwarty przesuwa w poziomie tytul / bez linii pod nim */
margin-bottom: 10px; /* Odstep miedzy tytulem a jego terscia pod nim, ale bez przesuwania linii bedacych miedzy nimi */
}
footer .wrapper .column .tytul3 /*Dotyczy linii pod tytulem - Find us */
{
position: static;
position: relative;
border-bottom: 2px solid yellow; /* Linia podkreslajaca powyzszy naglowek */
width: auto !important;
left: 85px !important;
}
/* Kody do ustawienia parametrow paska w naglowku pod klawiszami do stron - te dzialaja ale te same kody z pozycji 1589 chyba nie dzialaja - te kody sa tez ponizej w poz. 9548/11069
table.navig Dotyczy obu czesci paska pod klawiszami w naglowku
{
position: static;
position: relative;
left: 22px !important; 1px
width: 727px !important; bylo 749px - do logo jest 759px / 727
height: 54px !important; bylo 40px wysokosc komorek tabeli pod klawiszami
top: 1px !important; -4 - ustawia cala tabele /obie komorki/ gora - dol
background-color: white !important; bylo ...#333 kolor tylko dolnej komorki tabeli pod klawiszami w naglowku
}
Kody do formatowania klawisza ...HOME... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.index
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 1px !important;
}
Kody do formatowania klawisza ...CONTACT... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.contactus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
Kody do formatowania klawisza ...LOCATIONS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.locations
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...ROCK BAND... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - wylaczone bo strona nie jest w uzyciu
table.navig img.kidzrock
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...LESSONS... i ...MUSIC...do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.lessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 3px !important; 2px
}
Kody do formatowania klawisza ...ABOUT US... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.aboutus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 3px !important; 2px
}
Kody do formatowania klawisza ...MAPA... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.mapaservisu
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 3px !important; 3px
}
Kody do formatowania klawisza ...FREE LESSONS.../RENTAL/ do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.kidzfreelessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -29px !important; -26
left: -2px !important; 0px / -2
}
Kody do formatowania klawisza ...NEW... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - tylko HTC, pion i poziom
table.navig img.new_class
{
position: static;
position: relative;
background-color: white !important; - WYLACZYC PO ODBLOKOWANIU KODOW
height: 50px !important; 50 / 54
width: 100px !important; 100 / 102
top: 2px !important; -29 / -52
left: 0px !important; -2 / 102
}
Kody do formatowania klawisza ...REQUEST... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.requestinfo
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -29px !important; -26
left: -2px !important; 0px
}
Kody do formatowania klawisza ...TESTIMONIALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.testimonials
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -29px !important; -26
left: -2px !important; 0px
}
Kody do formatowania klawisza ...RECITALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome
table.navig img.recitals
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -29px !important; -26
left: -2px !important; 0px
}
*/
/* Kody dla paska w naglowku z mailem i telefonem - te kody sa tez w poz. 9269/9325 */
table.widok1 /* kody do ustawienia tabeli*/
{
position: static;
position: relative !important;
top: 7px !important; /* -19px */
left: -350px !important; /* Przy width: 900px bylo ...-252px... */
background-color: yellow !important;
width: 1000px !important; /* bylo ...748px...potem ...900px... */
/* padding: -5px 0px 5px 0!important; */
}
table .widok /* Kody do ustawienia komorki tabeli */
{
position: static;
position: relative !important;
height: 30px !important;
}
table .widok2 /* Kody do ustawienia e-mail w ...font...*/
{
position: static;
position: relative !important;
top: 2px !important; /* -2px */
left: -45px !important; /* By³o ...1px... / -15px /10px /20px/24px */
font-size: 24px !important; /* By³o 24px */
letter-spacing: -1px !important; /* By³o ...-1px.../1px */
word-spacing: 1 !important; /* By³o ...-1px... */
}
table .widok3 /* Kody do ustawienia nr. telefonu w ...font... */
{
position: static;
position: relative !important;
top: 2px !important; /* -2px */
left: -20px !important;
font-size: 23px !important;
letter-spacing: -1px !important;
word-spacing: -1px !important;
}
/* Kody dla trzech z czterech Menu stalych - nieruchomych i jednego ruchomego
dl#menu27 dt.active - Drugie Menu - klawisz glowny - ...SMART...
{
font-size: 55px !important;
position: static;
position: fixed !important;
left: 250px !important;
top: 0 !important;
width: 249px;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
letter-spacing: -3px !important;
}
dl#menu28 dt.active - Trzecie Menu - klawisz glowny - ...FREE CLASS...
{
font-size: 45px !important;
font-weight: 900 !important;
letter-spacing: 15px !important;
position: static;
position: fixed !important;
left: 501px !important;
top: 0 !important;
width: 249px;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}
dl#menu29 dt.active - Czwarte Menu - klawisz glowny - ...VERY IMPORTANT...
{
font-size: 42px !important; By³o ...42px...
letter-spacing: -7px !important; By³o ...-5px... / -6
position: static;
position: fixed !important;
left: 751px !important;
top: 0 !important;
width: 249px;
height: 90px !important;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}
*/
/* Poczatek Rozwijanego i Wysuwanego MENU Glownego - PRZEWIJANEGO RAZEM ZE STRONA */
/* Formatuje MENU /pierwsze - ruchome/ - PRZEWIJANE RAZEM ZE STRONAMI / id="menu30"/ - oprocz strony ...testimonials.html... - ale tylko ustawienie pion, co jest ponizej
---- wylaczone aby nie zklocalo porzadku w mobilnych dla kazdej rozdzielczosci oddzielnie ----
#menu30, #menu30 dl {
font-size: 22px;
position: absolute;
left: 1px !important; -wyl - Ustawia cale ...MENU...na stronie w poziomie
top: 100px !important; Ustawia cale ...MENU...na stronie w pionie ale miesza pola rozwijane i wysuwane
width: 249px;
margin: 0;
padding: 0;
border-width: 0px;
border-style: solid;
border-color: #eee #aaa #aaa #eee; koniec wtlaczenia
}
#menu30 dt {
cursor: pointer;
margin: 0;
padding: 10px;
background-color: red !important; ...#888... - bylo. Kolor pol pod tytulami czyli pod klawiszami ...BUTTON.. - wszedzie po otwarciu, ale przed nacisnieciem myszki
width: 307px !important; Szerokosc pol rozwijanych i wysuwanych pod ...BUTTON.. - wszedzie
color: #fff;
text-align: center;
font-weight: bold;
font-size: 22px;
top: 100px !important; wyl - Przesuwa cale ...MENU.. gora/dol
left: 1px !important; Przesuwa cale ...MENU... w poziomie koniec wylaczenia
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 5px 25px;
}
#menu30 dl dt {
background-color: #ccc; - jest to kolor tla pod przyciskami dla stron - zdublowany przez ...red... w elemencie ...#menu30 dt... / powyzej /
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
top: 110px !important; wyl - przesuwa gor - dol pole tylko ...SALE.. w pierwszym menu rozwijanym
border: 0;
padding: 0;
width: 190px; wyl - zmienia dlugosc obrazkow przysiskow do stron, ale nie zmienia dlugosci pol z listy rozwijanej w bok , podobnie jak w ... #menu30 dt .../ wyzej/
}
#menu30 dd {
background-color: #ccc; Kolor ostatnich list wysuwanych - wszedzie
top: -68px !important; wyl - Wyrownuje w poziomie wszystkie boczne wysuwane menu /listy/ w stosunku do pierwszego rozwijanego ...MENU... ale i podnosi pierwsze rozwijane ...MENU... co psuje estetyke
color: #000;
margin: 0;
padding: 0;
width: 307px !important;; 249px / 150px - zmnienia dlugosc wysuwanych pol w calym ...MENU...
height: 60px !important; Wysokosc wysuwanych i rozwijanych pol - wszystkie
}
Dopisalem - powieksza obrazki jak np. ..... HOME ... w liscie wysuwanej z ...WEBSITES... - ale nie element wysuwany jako lista z ...MENU... BEDACA POD OBRAZKAMI
#menu30 dd dt img
{
position: static;
position: relative;
width: 300px !important;
height: 60px !important;
}
#menu30 dd.active {
font-weight: bold;
}
#menu30 dt:hover.active .small - po wylaczeniu tej klasy wlaczyl si蟫olor napisu MENU - PRZY NAJECHANIU MYSZKA
{
color: #ff00ff;
}
#menu30 dt.active Klawisz glowny - dopisalem
{
position: static;
position: relative;
top: 119px !important; ustala pozycje w pionie - gora/dol ...100px...
left: 1px !important; ustala pozycje w poziomie
font-size: 55px !important;
width: 249px !important; Szerokosc pola klawisza glownego ... MENU ...
height: 60px !important; Wysokosc pola klawisza glownego ... MENU ...
border-width: 5px; Margines zolty
border-style: solid;
border-color: yellow;
}
#menu30 dl button Parametry klawiszy ...BUTTON..- wszystkie menu rozwijane i wysuwane - dopisalem
{
position: static;
position: relative;
width: 307px !important;
height: 60px !important;
left: -5px !important;
}
#menu30 dl button font Ustala czcionke napisu na ...BUTTON.. - wszedzie - dopisalem
{
position: static;
position: relative;
font-size: 30px !important;
}
#menu30 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu30 a:link, #menu30 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu30 a:hover {
color: #fff; jest to kolor napisow na wszystkich przyciskach ale tylko list rozwijanych i wysuwanych do stron
background-color: #008; (#ffffff - biale) - ...#008... tlo /siwe/ na paskach Menu po najechaniu myszka - ogolnie, oprocz ponizszych
pol ...dt... z ...id="tlo"..., tez po najechaniu myszka
}
wyl- #tlo a:hover {
color: #fff; - jest to kolor napisow na paskach przyciskow jak wy¿ej z ...#manu30 a:hover..., ale tu nie dziala j.w. w ...#menu30 a:hover, bo zastepuja go obrazki przyciskow
background-color: #ffffff; - bylo ...#008 - j.w. z ...#menu26 a:hover... , a jest ...#ffffff... - jest to biale tlo na paskach Menu po najechaniu myszka - dla wybranych/go/ pol/a/ w Menu o ...id="menu26... i ...id="tlo"...
dla znacznika ...dt...
} koniec wylaczenia
wyl - #menu30 dd dt#tlo - dopisalem ????????????????????
{
position: static;
position: relative;
width: 160px !important; Ndaje szerokosc polom wysuwanym tylko z ....id="tlo..."
} konic wylaczenia
#menu30 dl {
position: absolute;
border: 10px;
}
#menu30 dl dd {
position: relative;
left: 307px !important; ...249px...- Przesuwa pola wysuwane w bok - wszedzie
bottom: 67px !important; 31px;/67 - ustawia gor/dol pierwsza liste wysuwana np. z Menu -Teachers
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
#menu30 dd dopisalem
{
position: static;
position: relative;
left: 0 !important; ...249px...- Przesuwa pola w bok - podobnie jak w ...#menu30 dl dd ...
bottom: -120px !important; 31px;/...-100px... - ustawia gor/dol pierwsze ...MENU...rozwijane ale tylko pola rozwijane spod klawisza ...MENU...
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
font-size: 35px !important; Wieloksc liter w ostaniej liscie wysuwanej
font-weight: bold !important; Grubosc liter w ostatniej liscie wysuwanej
}
#menu30 dl dd dl dd dopisalem - formatuje ostatnia liste wysuwana
{
position: static !important;
position: relative !important;
width: 400px !important; Szerokosc ostatniej listy wysuwanej w bok
height: 60px !important;
background-color: aqua !important;
top: -65px !important; ustawia gora/dol ostatnia liste wysuwana w bok w stosunku do listy poprzedzajacej ja - np.; z klawisza /button/ piano wysuwa si蟬ista z nauczycielami pianina i to dotyczy tej listy z nauczycielami pianina
}
*/
/* Ustawia w pionie MENU /pierwsze - ruchome/ - PRZEWIJANE RAZEM ZE STRONAMI / id=menu31/ - tylko na strone ...testimonials.html... */
table.testimonials /* Pierwsze Menu - klawisz glowny - ...MENU... */
{
position: static;
position: absolute !important;
left: 1px !important; /* bylo ...0px... */
top: 216px !important;
}
/* Kody dla ...HEADER... */
header
{
position: static;
position: relative;
top: 58px !important;
width: auto;
height: 150px;
max-width: 1000px;
margin: auto;
background: #333;
}
/* Kody do ustawienia Logo w poziomie - wylaczone bo to samo jest powyzej
#logo
{
position: static;
position: absolute;
left: 10px !important;
top: 30px !important;
margin-right: auto !important;
} Dopisalem dla urzaden mobilnych -- tylko dla ...Logo... aby nie uciakalo do srodka w pozycji pionowej urzadzenia i dla pozycji poziomej - cz.2/2 */
/* Kody do ustawienia linii nad paskiem RSS - pion i poziom i inne */
.linia
{
width: 1000px !important;
position: static;
position: relative;
left: auto !important;
top: -25px !important;
right: auto !important;
background-color: #000000
}
/* Kody dla paska z RSS i inne - wszystkie strony oprocz ...index.html... - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...#ipad2a.../...#ipad2b.../...#ipad2c...
.rss
{
position: static;
position: relative;
left: auto !important;
top: -70px !important;
right: auto !important;
width: 1000px !important;
} */
/* Kody do zwiekszenia liter w - ...Get Directions... - wszystkie strony oprocz ...index.html...
table.rss td button#ipad2a
{
position: static;
position: relative;
top: 1px !important; 9px - ustawia / tez / w Ipad mini w pionie
left: 5px !important; 5px - ustawia /tez/ w - Ipad mini - w pionie
font-size: 25px !important; bylo ...15px... / 35 /25/20 - dziala w Ipad mini w pionie
background-color: yello; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru przesuwa sie ustawienie Button do gory
}
Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... - wszystkie strony oprocz ...index.html...
table.rss td button#ipad2b
{
position: static !important;
position: relative !important;
top: 18px !important; 5px - ustawia /tez/ w Ipad mini w pionie
left: 315px !important; 310px - ustawia /tez/ w Ipad mni w pionie
font-size: 30px !important; bylo ...15px.. /35 / 25/20 dziala w Ipad mini w pionie
background-color: yello; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru przesuwa si蟵stawienie Button do gory
}
*/
/* Kody do zwiekszenia liter i ustawienia komorki w - ...We speak English & Polish... - wszystkie strony oprocz ...index.html... - Ipad pion
table.rss td#ipad2c
{
position: static !important;
position: relative !important;
display: non e; ukrywa komorke z napisem w kazdym urzadzeniu zachowujac wloasciwa szerokosc strony - gdy tego nie ma to napis wychodzi wszedzie w prawo poza strone
top: 15px !important;
left: -2px !important; gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki
font-size: 16px !important; bylo ...15px... / 25
background-color: aqu a !important;
}
*/
/* table.rss td#ipad2c - ponizej skrocona sciezka
#ipad2c ukrywa napis ...We speak English & Polish... razem z komorka w tabeli z RSS po to aby go zastapic ponizszym ... table.rss td#ipad2c:before ... bo szerokosc komorki nie pozwala na powiekszenie czcionki powyzej 10px bo napis wychodzi za prawy obrys strony nadajac inna szerokosc stronie niz to zaplanowane - wszystkie strony oprocz ...index.html... - Ipad pion
{
position: relative;
visibility: hidden !important;
}
*/
/* table.rss td#ipad2c:before - ponizej skrocona sciezka
#ipad2c:before wstawia napis ... We spaak English & Polish ... w miejsce ukrytego napisu z linkiem jw. ...table.rss td#ipad2c ... co pozwala na powiekszenie czcionki bez niekontrolowanego zwiekszania szerokosci strony i wychodzenia napisu poza prawa krawedz strony - wszystkie strony oprocz ...index.html... - Ipad pion
{
content: "We speak English & Polish";
position: absolute !important;
visibility: visible !important;
width: 355px !important;
text-align: right !important;
top: 1px !important;
left: -140px !important; -173 gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki
font-size: 25px !important; bylo ...15px... / 25 / 29
background-color: yello w !important;
}
*/
/* Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem - wszedzie - wszystkie strony oprocz ...index.html...
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu !important;
}
*/
/* Kody do powiekszenia wysokosci pol formularza - wszystkich na stronach; ...contactus.html.. / ...requestinfo.html... / requestinfokidz.html... / ... requestinfonewclassess .. - dla Iphone 5s, pion i poziom - dla Ipad mini, pion - dla HTC Sensation 4G, pion i poziom - tylko mobilne */
section#boxcontent_1 form input
{
position: static;
position: relative;
height: 40px !important; /* 30px - dobre dla HTC Sensation 4G jak w p.4404 */
background-color: aqu !important;
}
/* Kody do powiekszenia wysokosci pol formularza ale tylko pol ...select.. - wszystkich na stronie requestinfokidz.html... / ... requestinfonewclassess .. - dla Iphone 5s, pion i poziom - dla Ipad mini, pion - dla HTC Sensation 4G, pion i poziom - tylko mobilne */
section#boxcontent_1 form select
{
position: static;
position: relative;
font-size: 30px !important;
height: 55px !important; /* 30px - dobre dla HTC Sensation 4G jak w p.4404 */
background-color: aqu !important;
}
/* Kody do formatowania napisu formularza ...How did you hear about Kidzrock ?... / How did you hear about New Classes ?... na stronie ...requestinfokidz.html... / ... requestinfonewclassess ..- dla Iphone 5s, pion i poziom /jest to tez osobno w jego kodach/- dla Ipad mini, pion - dla HTC Sensation 4G, pion i poziom - tylko mobilne */
section#boxcontent_1 form p label.maly
{
position: static;
position: relative;
word-spacing: -1px !important; /* -2px */
color: re !important;
}
/* Kody do wydluzenia stron ...contactus.html / requestinfo.html / thankyou.html / thankyoukidz.html / mapaservicu.html / recitals.html / sale.html / sale1.html - oprocz strony ...requestinfokidz.html ... patrz p. 2242 - to jest to samo i wieksza cyfra rozdzielczosci blokuje mniejsza
footer.dlugosc
{
position: static;
position: absolute;
top: 1300px !important;
}
*/
/* Kody do wydluzenia tylko strony ... requestinfokidz.html ... patrz tez p.2255 - to jest to samo i wieksza cyfra rozdzielczosci blokuje mniejsza
footer.dlugosc_requestinfokidz
{
position: static;
position: absolute;
top: 1800px !important;
}
*/
/* Kody do powiekszenia tresci odpowiedzi w ...thankyou.html... i ...thankyoukidz.html..., ale nie samo...THANK YOU.... */
section#boxcontent p
{
position: static;
font-size: 55px !important;
top: 100px !important;
}
/* Kody do pola ...class="bloczek"... na stronie ...aboutus.hyml..." - pole w kolorze "aqua" */
section#boxcontent article li
{
position: relative;
position: static;
font-size: 50px !important; /* w tekscie stron jest...60px... */
line-height: 60px !important;
text-align: justify !important;
background-color: aqua !important;
}
/* Kody do gornej polowy listy punktowanej na dole strony ...aboutus.html... */
section#text_columns article.column1 li
{
position: relative;
position: static;
font-size: 50px !important; /* w tekscie stron jest...60px... */
line-height: 60px !important;
text-align: justify !important;
background-color: yello !important;
width: 900px !important;
color: maroon;
}
/* Kody do dolnej polowy listy punktowanej czli tej powyzszej c.d., na dole strony ...aboutus.html.. */
section.column2 article.row li
{
position: relative;
position: static;
margin-left: -43px !important;
font-size: 50px !important; /* w tekscie stron jest...60px... */
line-height: 60px !important;
text-align: justify !important;
background-color: yello !important;
width: 900px !important;
color: maroon;
}
/* Kody do ustawienia gornego /lewego/ obrazka na stronie ...aboutus.html... */
section#boxcontent article img.pozycja1
{
position: static;
position: relative;
width: 800px !important;
height: 800px !mportant;
margin-left: 132px !important;
top: -50px !important;
}
/* Kody do ustawienia gornego /prawego/ obrazka na stronie ...aboutus.html... - HTC pion i poziom - Iphone pion i poziom - Ipad pion */
section#boxcontent article img.pozycja2
{
position: static;
position: relative;
width: 800px !important;
height: 800px !mportant;
margin-left: 132px !important;
top: 90px !important; /*-50 */
}
/* Kody do formatowania napisu / hasla - ...Music is our business, see us first!.../ pod drugim /prawym obrazkiem na stronie ...aboutus.html... */
section#boxcontent article span.napis
{
position: static;
position: relative;
text-align: center !important;
font-size: 50px !important; /* 54px */
color: maroon;
font-weight: bold !important;
text-decoration: underline;
top: -27px;
}
/* Ustawia pole z tekstem - The Schaumburg Music Academy .... - pod /pierwszym/ lewym obrazkiem na stronie ...aboutus.html... - HTC pion i poziom - Iphone pion i poziom - Ipad pion ??????? */
section#boxcontent article p.strefa
{
position: static;
position: relative;
top: -50px !important;
}
/* Kody do formatowania akapitu ...Now introducing... ROCK BAND - KIDZROCK !!!... na stronie ...kidzrock.html... - dwie czesci + myslnik + wykrzykniki - wszystko osobno / ponizej / */
section#boxcontent p span.podzial /* cz.1/2 - ROCK BAND - na stronie ...kidzrock.html...*/
{
position: static;
position: relative;
font-size: 60px !important;
top: 75px !important;
left: -475px !important;
}
/* Kody do ustawienia myslnika /tylko / pomiedzy ...ROCK BAND A KIDZROCK... na stronie ...kidzrock.html... */
section#boxcontent p b.podzial_a
{
position: static;
position: relative;
left: -450px !important;
top: 70px !important;
}
/* Kody do ustawienia wyrazu ...KIDZROCK... / tylko / po ...ROCK BAND - ... na stronie ...kidzrock.html... */
section#boxcontent p span.podzial1 /* cz.2/2 - KIDZROCK - na stronie ...kidzrok.html... */
{
position: static;
position: relative;
font-size: 60px !important;
top: 15px !important;
left: 450px !important;
}
/* Kody do ustawienia wykrzyknikow / tylko / po ...ROCK BAND - KIDZROCK... na stronie ...kidzrock.html...*/
section#boxcontent p span.podzial1_a
{
position: static;
position: relative;
left: 500px !important;
top: 10px !important;
}
/* Kody do przesuniecia do dolu tekstu ...Ages 4-7... pod naglowkiem ...ROCK BAND - KIDZROCK !!!... na stronie ...kidzrock.html.. */
section#boxcontent p.wiek
{
position: static;
position: relative;
top: 20px !important;
}
/* Kody do przesuniecia do dolu tekstu pod tekstem ...Age 4-7... pod naglowkiem ...ROCK BAND - KIDZROCK !!!... na stronie ...kidzrock.html.. */
section#boxcontent p.wiek1
{
position: static;
position: relative;
top: 20px !important;
}
/* Kody do przesuniecia do dolu tekstu ...What's Kidzrock.... pod tekstem ...Age 4-7... pod naglowkiem ...ROCK BAND - KIDZROCK !!!... na stronie ...kidzrock.html.. - ipad mnini, pion */
/*section#boxcontent p.akapit */
section#boxcontent article p.akapit
{
position: static;
position: relative;
top: 20px !important;
/* margin-left: auto !important;
margin-right: auto !important; */
left: auto !important;
right: auto !important;
background-color: lim;
}
/* Kody do przesuniecia do dolu tekstu ...Want to learn more about Kidzrock?... na stronie ...kidzrock.html.. */
/* section#boxcontent p.akapit1 */
section#boxcontent article p.akapit1
{
position: static;
position: relative;
top: 20px !important;
left: 10px !important;
right: auto !important;
background-color: yello;
/*
position: static;
position: relative;
top: 20px !important;
margin-left: auto !important;
margin-right: auto !important; - zastapione powyzszym */
}
/* Kody do ustawienia tytulu...Now introducing Rock Band, Ages 4-7 !!! - 3 czesci - ... na stronie ...index.html... */
section#boxcontent article p span.skala /* cz.1/3 */
{
position: static;
position: relative;
font-size: 45px !important; /* 50px */
color: red !important;
}
section#boxcontent article p span.skala_a /* cz.2/3 */
{
position: static;
position: relative;
font-size: 50px !important;
}
section#boxcontent article p span.skala_b /* cz.3/3 */
{
position: static;
position: relative;
font-size: 45px !important; /* 50px */
}
/* Kody do ustawienia tytulu linku ...SCHAUMBURG MUSIC ACADEMY tour - You Tube... na stronie ...index.html... */
section#boxcontent article table p#flash1
{
position: static;
position: relative;
font-size: 40px !important;
top: -5px !important;
}
/* Kody do formatowania linku ...KIDZROK MOVIE - You Tube... na stronie kidzrock.html... */
section#boxcontent article table p#zmiana
{
position: static;
position: relative;
font-size: 60px !important;
text-align: center !important;
top: -10px !important;
}
/* Kody do ustawienia klawisza do ... Kidzrock Free Trial Class... na stronie ...Rock Band /...kidzrock.html... ale bez napisu */
section#boxcontent article table button.klawisz
{
position: static !important;
position: relative !important;
margin-left: 25px !important;
top: -20px !important;
width: 900px !important;
height: 150px !important;
}
/* Kody do ustawienia Napisu na klawiszu do ... Kidzrock Free Trial Class... na stronie ...Rock Band /...kidzrock.html... */
section#boxcontent article table button font#zmiana1
{
position: static !important;
position: relative !important;
font-size: 50px !important; /* Bylo ...55px... */
text-align: center !important;
/* margin-left: 20px !important; */
top: -4px !important;
width: 750px !important;
height: 200px !important;
}
/* Kody do ustawienia galeri zdjec do ... Kidzrock / Rock Band /... na stronie ...Rock Band /...kidzrock.html... */
section#boxcontent table.fotki
{
position: relative;
position: static;
margin-left: 270px !important;
}
/* Formatuje naglowek mapy ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie locations.html... - wylaczone dla p.8670/8692 i p.8712/8732
section#boxcontent article table span.direction
{ position: static !important;
position: relative !important;
font-size: 40px !important; Bylo ...47px.../ 43
color: blue !important;
left: 10px !important; Bylo ...left 30px
top: -43px !important;
word-spacing: -7px !important; Bylo ...-17px...
letter-spacing: -4 !important; Bylo ...-2px..../0
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
} */
/* Formatuje rozmiar mapy pod adresem ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article iframe.rozmiar_mapy
{
position: static;
position: relative;
top: 37px !important;
width: 900px !important;
height: 700px !important;
left: 13px !important; /* bylo ...left 13px / 5px - dziala w HTC,pion i poziom */
}
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small a button.butony /*dopisalem ...a... bo nie dzialalo */
{
position: static;
position: relative;
top: 40px !important;
width: 800px !important;
height: 150px !important;
left: 20px !important; /* dziala w HTC, pion i poziom */
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small button.butony
{
position: static;
position: relative;
font-size: 53px !important;
font-family: Algerian !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / pierwszy akapit pod mapa / ...Schaumburg... na stronie ...locations.html... */
section#boxcontent article p.blad1s /* W kodach na stronie bylo ...class="toup..." */
{
position: static;
position: relative;
top: 80px !important;
/*left: -5px !important; - to bylo dobre przy dwoch lokalizacjach*/
left: 7px !important; /* HTC, Iphone, Ipad mini - wszedzie pion i poziom*/
width: 980px !important;
background-color: yello !important; /* dziala w HTC, pion i poziom */
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / drugi akapit pod mapa / ...Schaumburg... na stronie ...locations.html... */
section#boxcontent article p.blad2s
{
position: static;
position: relative;
top: 90px !important;
/* left: -5px !important; - to bylo dobre przy dwoch lokalizacjach */
left: 7px !important; /* HTC, Iphone, Ipad mini - wszedzie pion i poziom*/
width: 980px !important;
background-color: yello !important; /* dziala w HTC, pion i poziom */
}
/* Ustawia obrazek ...ELMWOOD PARK... w poziomie, - na stronie ...locations.html.../ */
section#boxcontent article img.elmwoodp
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
top: 150px !important;
}
/* Formatuje ustawienie mapy do etykiety ...1429 W. Schaumburg Rd., Schaumburg, Il. 60194... na stronie locations.html... - HTC Sensation 4G, pion i poziom
section#boxcontent article a.maps1
{
position: static !important;
position: absolute !important;
top: 755px !important; 610 / 695
background-color: red !important;
}
Formatuje ustawienie mapy do etykiety ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... - HTC Sensation 4G, pion i poziom
section#boxcontent article a.maps2
{
position: static !important;
position: absolute !important;
top: 860px !important; 755 / 860
background-color: lim !important;
}
*/
/* Formatuje naglowek ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... - wylaczone dla p.8670/8692 i p.8712/8732
section#boxcontent article table span.directionelm
{ position: static !important;
position: relative !important;
font-size: 40px !important;
color: blue !important;
left: 18px !important; bylo ...left 40px...
top: 122px !important;
word-spacing: -7px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
} */
/* Formatuje rozmiar mapy pod adresem ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article iframe.rozmiar_mapyelm
{
position: static;
position: relative;
width: 900px !important;
height: 700px !important;
left: 13px !important; /* bylo ...left 16px */
margin-right: auto !important;
top: 200px !important;
}
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
width: 800px !important;
height: 150px !important;
left: 20px !important;
top: 200px !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
font-size: 53px !important;
font-family: Algerian !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... - ????????? - to chyba zly opis skopiowany z powyzszego */
section#boxcontent article small button.buton
{
position: static;
position: relative;
font-size: 55px !important;
font-family: Algerian !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / drugi akapit pod mapa / ...Elmwood Park... na stronie ...locations.html... */
section#boxcontent article p.blad
{
position: static;
position: relative important;
top: 235px !important;
left: -5px !important;
width: 980px !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / pierwszy akapit pod mapa / ...Elmwood Park... na stronie ...locations.html... */
section#boxcontent article p.blad1 /* W kodach na stronie bylo ...class="toup..." */
{
position: static;
position: relative !important;
top: 235px !important;
left: -5px !important;
width: 980px !important;
}
/* Formatuje odleglosc akapitu w pionie, w tekscie pod mapa / trzeci akapit pod mapa / ...Elmwood Park... na stronie ...locations.html... */
section#boxcontent article p.blad2
{
position: static;
position: relative !important;
top: 235px !important;
left: -5px !important;
width: 980px !important;
background-color: aqu !important;
}
/* Dotyczy gornego odstepu ...Footer... od poprzedzjacego go tekstu na stronie ...locations.html...- wylaczone bo jest osobno dla kazdej rozdzielczosci
footer.dol1
{
position: static;
position: relative;
top: 190px !important;
}
*/
/* Ustawia obrazek ...INSTRUMENTS... w poziomie, - na stronie ...lessons.html... */
section#boxcontent article img.instruments
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
top: -30px !important;
}
/* Ustawia obrazek ...Rates... w poziomie, - na stronie ...lessons.html... */
section#boxcontent article img.rates
{ position: static;
position: relative;
left: 70px !important;
width: 700px !important;
height: 700px !important;
top: -10px !important;
}
/* Formatuje napis ...F R E E T R I A L C L A S S... na stronie kidzfreelessons.html... */
section.container p.free_trial
{
position: static;
position: relative;
font-size: 65px !important;
/* left: 5px !important; */
margin-left: auto !important;
margin-right: auto !important;
width: 944px !important;
top: 45px !important;
background-color: aqu !important;
}
/* Ustawia napis ...KIDZROCK MOVIE - YouTube... na stronie kidzfreelessons.html... */
section#boxcontent article table td#moving p#movingf /* na stronie ...kidzfreelessons.html... i powyzej ale dla strony kidzrock.html... bylo ...class=zmiana.... Zmienilem na stronie ...kidzfroeelessons.html.. na ...class="zmiana_movie" i dalem tutaj - jest jakis konflikt ZMIENILEM NA TAK JAK BYLO PRZED A TEN LINK NIE MA ODNISIENIA DO ZADNEJ STRONY ????????????????? Dziala przy ...#moving... - dopisalem ...p#movingf... i chyba juz wszystko gra */
{
position: static;
position: relative;
top: 45px !important;
left: 5px !important;
font-size: 60px !important;
background-color: yello !important;
}
/* Ustawia cala tabele z klasa ...class="ustawienie..." - dla napisu ...Coming Soon... i calego tekstu pod nim na stronie ...kidzfreelessons.html... */
/* section#boxcontent article table.ustawienie td p.lewy dopisalem ...td p.lewy ...bo byla zla sciezka ...section#boxcontent article table.ustawienie...
{
position: static;
position: relative !important;
left: -10px !important; -10 */
/* left: auto !important;
right: auto !important; */
/* width: 990px !important;
top: -5px !important;
background-color: yello !important;
} */
/* Ustawia cala tabele z klasa ...class="ustawienie..." - dla napisu ...Coming Soon... i calego tekstu pod nim na stronie ...kidzfreelessons.html... */
section#boxcontent article table.ustawienie
{
position: static;
position: relative !important;
left: -10px !important; /* bylo...-30px... -10 */
/* left: auto !important;
right: auto !important; */
width: 990px !important; /* bylo ...1000px... */
top: -5px !important; /* bylo ...-30px... */
background-color: yello !important;
}
/* Ustawia caly tekst pod ...Coming Soon... na stronie ...kidzfreelessons.html... */
section#boxcontent article table.ustawienie td p.lewy
{
position: static;
position: relative !important;
left: -5px !important; /* -10 */
/* left: auto !important;
right: auto !important; */
width: 990px !important; /* bylo ...1000px... */
top: -5px !important; /* bylo ...-30px... */
background-color: yello !important;
}
/* Formatyje napis ...FREE TRIAL LESSON/S... na stronie ...kidzfreelessons.html... */
section#boxcontent article table p.freetrail
{
position: static;
position: relative;
top: -35px !important;
left: -95px !important; /* bylo ...5px... */
right: auto !important;
/* margin-left: auto !important;
margin-right: auto !important; */
font-size: 65px !important;
width: 710px !important;
background-color: yello !important;
}
/* Ustawia napis ...- Coming Soon - ... na stronie kidzfreelessons.html... */
section#boxcontent article table td p.coming
{
position: static;
position: relative;
top: -15px !important; /* bylo ...-30px... */
font-size: 65px !important;
left: 25px !important; /* bylo ...5px... */
width: 610px !important;
/* margin-left: auto !important;
margin-right: auto !important; */
background-color: aqu !important;
}
/* Formatuje napis ...- HERE - ... do klikniecia / na koncu tekstu / ale nie ...button... do Sign up...., na stronie kidzfreelessons.html... */
section#boxcontent article table p.lewy span.here
{
position: static;
position: relative;
font-size: 65px !important;
text-decoration: underline !important;
background-color: yellow !important;
}
/* Formatuje napis ...To SIGN UP your child for a free demo class click HERE... na stronie ...kidzfreelesons.html... */
section#boxcontent article p.pozycja_sign
{
position: static;
position: relative !important;
width: 900px !important;
left: auto !important; /* bylo ...-30px... */
right: auto !important;
/* margin-left: auto !important;
margin-right: auto !important; */
background-color: yello !important;
top: 30px !important;
}
/* Formatuje napis ...HERE... na przycisku /buttonie/ po napisie /tytule/ ...To SIGN UP your child for a free demo class click... - na stronie kidzfreelessons.html... */
section#boxcontent article span.button_here
{
position: static;
position: relative;
font-size: 75px !important;
background-color: aqu !important;
background-color: yellow !important;
}
/* Formatuje przycisk /button/pod napisem ...HERE... a po napisie /tytule/ ...To SIGN UP your child for a free demo class click... przed przyciskiem /butonem/ - na stronie kidzfreelessons.html... */
section#boxcontent article button.obrys
{
position: static;
position: relative;
width: 200px !important; /* bylo 250px */
height: 100px !important;
background-color: gree !important;
}
/* Ustawia galerie na koncu strony - na stronie kidzfreelessons.html... */
/* section#boxcontent article img.clear - sciezka dla zdjec bez ...LIGHTBOX... */
section#boxcontent article figure img
{
position: static;
position: relative;
left: 228px !important;
top: 50px !important;
}
/* Ustala odstep stopki /footer/ od koncowego elementu strony, w pionie - na stronie ...kidzfreelessons.html... / ...new_classes.html - wylaczone bo kazda rozdzielczosc ma osobno
footer.odstepwdol
{
position: static;
position: relative;
top: 10px !important;
}
*/
/* Kody do kolorowania tytulow / wszystkich / akapitow na stronie ...lessons.html... */
section#boxcontent article p.kolor1
{
position: static;
position: relative;
color: maroon !important;
font-weight: bold !important;
font-size: 65px !important;
text-decoration: underline !important;
top: -1px !important;
}
/* Kody do kolorowania napisow /wszystkich/ dot. wieku pod tytulami akapitow / class="kolor1"...na stronie ...lessons.html... */
section#boxcontent article p.kolor2
{
position: static;
position: relative;
color: blue !important;
text-decoration: underline;
font-size: 45px !important;
top: 0 !important;
}
/* Powieksza obrazek z napisem ...REQUEST INFORMATION... na stronie ...requestinfo.html... i na stronie ...requestinfokidz.html... - HTC pion i poziom - Iphone pion i poziom - */
section.container img.requestinfo
{
position: static;
position: relative;
width: 600px !important;
height: 80px !important;
top: -100px !important; /* 10 */
}
/* Powieksza obrazek z napisem ...TESTIMONIALS... na stronie ...testimonials.html... */
section.container img.testimonials
{
position: static;
position: relative;
width: 800px !important;
height: 80px !important;
top: -50px !important; /* 30 - dziala w HTC pion i poziom, Iphone 5s pion i poziom, Ipad mini pion */
}
/* Podnosi do gory cala strone - na stronie ...testimonials.html... */
div.goratestim
{
position: static;
position: relative;
top: -16px !important;
}
/* Ustwia cala strone na stronie ...kidzfreelessons.html...
div.margines / dziala ale wylaczylem
{
position: static;
position: relative !important;
left: -23px !important;
}
*/
/* Powieksza napis ...R E C I T A L S ... na stronie ...recitals.html... */
table.recitale
{
position: static;
position: relative;
font-size: 70px !important;
letter-spacing: 9px !important;
top: 20px !important; /* 150 */
}
/* Ustawia menu obu recitali na stronie ...recitals.html... - tylko Ipad mini pion */
table.recitals
{
position: static;
position: relative;
top: 20px !important; /* 150 */
display: non e; /* ukrywa tylko w Ipad mini pion */
}
/* Powieksza napis ...R E N T A L S ... na stronie ...rental.html... */
table.rental
{
position: static;
position: relative;
font-size: 70px !important;
letter-spacing: 9px !important;
top: -30px !important; /* 30 */
}
/* Powieksza napis ...Hover your cursor anywhere on the left or right side and you will be able to read enlarged text. ... na stronie ...rental.html... */
table td p.uwaga
{
position: static;
position: relative;
font-size: 30px !important;
top: -5px !important;
}
/* Ustawia napis ... C O M I N G S O O N ... na stronie ...rental.html... - wylaczone bo nie ma tego napisu
table.rental1
{
position: static;
position: relative;
top: 350px !important;
font-size: 70px !important;
color: blue !important;
}
*/
/* Powieksza napis ...C O M I N G S O O N ... na stronie ...sale.html... - nie czyta rodzaju i wielkosci czcionki */
table td.coming
{
position: static;
position: relative;
top: 150px !important; /* ...300px... */
font-size: 80px !important;
background-color: aqua !important;
font-family: Algerian !important;
}
/* Powieksza napis ... Fill out the entire form, please!... i ustawia w poziomie / nie dotyczy podkreslenia / - na stronie ...requestinfokidz.html... / ...requestinfonewclasses,html... - Ipad mini, pion / na wszystkie mobilne tez to dziala - ale HTC i Iphone maja to osobno w swojej rozdzielczosci */
section#boxcontent_1 article form fieldset legend font.fill_out
{
position: static;
position: relative;
font-size: 35px !important;
left: -25px !important; /* -65 */
}
/* Obsluguja etykiety z innych stron itp. do wszystkich /wybranych / grup muzycznych na stronie ...teachers1.html... - wylaczone bo ponizej sa osobno dla kazdej rozdzielczosci
a.grupaall2
{
position: static !important;
position: absolute !important;
top: 310px !important;
}
a.grupapiano
{
position: static !important;
position: absolute !important;
top: 900px !important;
}
a.grupabanjo
{
position: static !important;
position: absolute !important;
top: 1315px !important;
}
a.grupabaritone
{
position: static !important;
position: absolute !important;
top: 1730px !important;
}
a.grupabass
{
position: static !important;
position: absolute !important;
top: 2145px !important;
}
a.grupadrums
{
position: static !important;
position: absolute !important;
top: 2560px !important;
}
a.grupaeuphonium
{
position: static !important;
position: absolute !important;
top: 2975px !important;
}
a.grupaguitar
{
position: static !important;
position: absolute !important;
top: 3390px !important;
}
a.grupaharmonica
{
position: static !important;
position: absolute !important;
top: 3805px !important;
}
a.grupajazz
{
position: static !important;
position: absolute !important;
top: 4220px !important;
}
a.grupamandolin
{
position: static !important;
position: absolute !important;
top: 4635px !important;
}
a.grupatrombone
{
position: static !important;
position: absolute !important;
top: 5050px !important;
}
a.grupatrumpet
{
position: static !important;
position: absolute !important;
top: 5465px !important;
}
a.grupatuba
{
position: static !important;
position: absolute !important;
top: 5880px !important;
}
a.grupaukulele
{
position: static !important;
position: absolute !important;
top: 6295px !important;
}
a.grupauprightbass
{
position: static !important;
position: absolute !important;
top: 6710px !important;
}
a.grupaviolin
{
position: static !important;
position: absolute !important;
top: 7125px !important;
}
a.grupavoice
{
position: static !important;
position: absolute !important;
top: 7540px !important;
}
a.grupawoodwind
{
position: static !important;
position: absolute !important;
top: 7955px !important;
}
*/
/* Powieksza tytuly NAD GRUPAMI NAUCZYCIELI /wszystkie/ - na stronie ...teachers1.html... */
table td.lupa1
{
position: static;
position: relative;
font-size: 55px !important; /* bylo 60px */
word-spacing: -3px !important; /* bylo -7px / -14px / -9px / -7px / -5px */
}
/* Powieksza teksty ...Hover over picture/s/ and find your teacher. To know your teacher better click on choosen picture... i zmniejsza odstepy miedzy linijkami i wyrazami / wszystkie /na stronie ...teachers1.html... */
table td span.lupa
{
position: static !important;
position: relative !important;
text-align: justify !important;
font-size: 35px !important;
word-spacing: 1px !important;
line-height: 0.3px !important; /* Efekty widac gdy cyfra jest wieksza od rozmiaru czcionki /przynajmniej wynosi ...45px.../, im ona wieksza tym wyrazniejszy efekt. W koszyku dziala to lepiej bo z duzego tekstu zrobi jedna linijke , tak sciskajac. Tutaj cos to slabo dziala. */
}
/* Ustawia tytul ...O U R T E A C H E R S ... na stronie ...teachersphotos.html... */
table.ourteachers td.ourteachers1
{
position: static;
position: relative;
top: 25px !important;
font-size: 50px !important;
word-spacing: 10px !important;
}
/* Powieksza litery i ustawia calosc tresci BIO - wszystkich nauczycieli / oprocz RACHEL / na stronie ...teacherphotos.html - tu chyba zbedne i jest kodach dla poszczegolnych rozdzielczosci
table.tabela p.biger_m
{
position: static !important;
position: absolute !important;
top: -1px !important;
background-color: yello;
font-size: 22px !important;
line-height: 19px !important;
word-spacing: -2px !important;
}
*/
/* Kody dla ...MARLENA BEYROWSKA... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BEYROWSKA na stronie ...teacherphotos.html... druga wersja*/
table.tabela_mlenek
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 32px !important;
background-color: yello !important;
}
/* Formatuje tylko nazwisko / w tytule / Beyrowska na stronie ...teacherphotos.html... druga wersja */
table.tabela_mlenek p.mlenek1 span.mlenek1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -15px !important;
}
/* Formatuje caly opis do nazwiska / w tytule / Beyrowska na stronie ...teacherphotos.html... - druga wersja */
table.tabela_mlenek p.mlenek2 span.mlenek2a
{
position: static;
position: relative;
font-size: 40px !important;
left: -11px !important;
}
/* Ustawia w pionie tresc BIO Beyrowska w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BEYROWSKA Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* -------------- Kody dla pierwszej wersji ...CARTER SCHULTZ... -------------------- /*
/* Formatuje nazwisko / w tytule / Schultz na stronie ...teacherphotos.html... - pierwsza wersja
table.tabela1 p.schultz span.carter1
{
position: static;
position: relative;
left: -23px !important;
top: -45px !important;
font-size: 45px !important;
color: blue !important;
}
Formatuje opis do nazwiska / w tytule / Shultz na stronie ...teacherphotos.html... - pierwsza wersja
table.tabela1 p.schultz_a span.carter2
{
position: static;
position: relative;
font-size: 40px !important;
top: 5px !important;
left: -413px !important;
}
Ustawia w pionie tresc BIO SCHULTZ w komorce lewej na stronie ...teacherphotos.html... - pierwsza wersja
table.tabela p.biger_schultz
{
position: static;
position: relative;
top: -5px !important;
font-size: 20px !important;
}
----------------- KONIEC PIERWSZEJ WERSJI DLA SCHULTZ --------------------------- */
/* Kody dla drugiej wersji ...CARTER SCHULTZ...*/
/* Formatuje tylko tabele z tytulem Schultz na stronie ...teacherphotos.html... druga wersja*/
table.tabela1
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 232px !important;
background-color: re !important;
}
/* Formatuje tylko nazwisko / w tytule / Schultz na stronie ...teacherphotos.html... druga wersja */
table.tabela1 p.schultz span.carter1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -15px !important;
}
/* Formatuje caly opis do nazwiska / w tytule / Shultz na stronie ...teacherphotos.html... - druga wersja */
table.tabela1 p.schultz span.carter2a
{
position: static;
position: relative;
font-size: 40px !important;
left: -11px !important;
}
/* Ustawia w pionie tresc BIO SCHULTZ w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC DRUGIEJ WERSJI DLA SCHULTZ --------------------------- */
/* Kody dla ...DAVID ENDLISH.../...KELSEY STREMPLEWSKI... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem ENGLISH/STREMPLEWSKI na stronie ...teacherphotos.html... druga wersja*/
table.tabela_english
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 432px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / ENGLISH/STREMPLEWSKI na stronie ...teacherphotos.html... druga wersja */
table.tabela_english p.english1 span.english1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / ENGLISH/STREMPLEWSKI na stronie ...teacherphotos.html... - druga wersja */
table.tabela_english p.english2 span.english2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO ENGLISH/STREMPLEWSKI w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla ENGLISH/STREMPLEWSKI Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...DAVID SHORE... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem SHORE na stronie ...teacherphotos.html... druga wersja*/
table.tabela_shore
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 632px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / SHORE na stronie ...teacherphotos.html... druga wersja */
table.tabela_shore p.shore1 span.shore1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / SHORE na stronie ...teacherphotos.html... - druga wersja */
table.tabela_shore p.shore2 span.shore2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO SHORE w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla SHORE Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...DIANE TOOMEY.../...RACHEL S. THOMAS... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem TOOMEY/THOMAS na stronie ...teacherphotos.html... druga wersja*/
table.tabela_toomey
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 832px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / TOOMEY/THOMAS na stronie ...teacherphotos.html... druga wersja */
table.tabela_toomey p.toomey1 span.toomey1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / TOOMEY/THOMAS na stronie ...teacherphotos.html... - druga wersja */
table.tabela_toomey p.toomey2 span.toomey2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO TOOMEY/THOMAS w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla TOOMEY/THOMAS Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...LAWRENCE BOISEN... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BOISEN na stronie ...teacherphotos.html... druga wersja*/
table.tabela_lawrence
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1032px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BOISEN na stronie ...teacherphotos.html... druga wersja */
table.tabela_lawrence p.lawrence1 span.lawrence1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BOISEN na stronie ...teacherphotos.html... - druga wersja */
table.tabela_lawrence p.lawrence2 span.lawrence2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO BOISEN w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BOISEN Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...LISA BAKER... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BAKER na stronie ...teacherphotos.html... druga wersja*/
table.tabela_baker
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1232px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BAKER na stronie ...teacherphotos.html... druga wersja */
table.tabela_baker p.baker1 span.baker1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BAKER na stronie ...teacherphotos.html... - druga wersja */
table.tabela_baker p.baker2 span.baker2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO BAKER w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BAKER Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...MARIANNA MILTCHEVA... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem MILTCHEVA na stronie ...teacherphotos.html... druga wersja*/
table.tabela_marianna
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1432px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / MILTCHEVA na stronie ...teacherphotos.html... druga wersja */
table.tabela_marianna p.marianna1 span.marianna1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / MILTCHEVA na stronie ...teacherphotos.html... - druga wersja */
table.tabela_marianna p.marianna2 span.marianna2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO MILTCHEVA w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla MILTCHEVA Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...MICHAEL McKISSACK... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem McKISSACK na stronie ...teacherphotos.html... druga wersja*/
table.tabela_michael
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1632px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / McKISSACK na stronie ...teacherphotos.html... druga wersja */
table.tabela_michael p.michael1 span.michael1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / McKISSACK na stronie ...teacherphotos.html... - druga wersja */
table.tabela_michael p.michael2 span.michael2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO McKISSACK w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla McKISSACK Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...OKSANA TOMASHEVSKA... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem TOMASHEVSKA na stronie ...teacherphotos.html... druga wersja*/
table.tabela_oksana
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 1832px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / TOMASHEVSKA na stronie ...teacherphotos.html... druga wersja */
table.tabela_oksana p.oksana1 span.oksana1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / TOMASHEVSKA na stronie ...teacherphotos.html... - druga wersja */
table.tabela_oksana p.oksana2 span.oksana2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO TOMASHEVSKA w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla TOMASHEVSKA Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...PABLO LeMOYNE... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem LeMOYNE na stronie ...teacherphotos.html... druga wersja*/
table.tabela_pablo
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2032px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / LeMOYNE na stronie ...teacherphotos.html... druga wersja */
table.tabela_pablo p.pablo1 span.pablo1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / LeMOYNE na stronie ...teacherphotos.html... - druga wersja */
table.tabela_pablo p.pablo2 span.pablo2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO LeMOYNE w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla LeMOYNE Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla ...SAMUEL BARSI... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ */
/* Formatuje tylko tabele z tytulem BARSI na stronie ...teacherphotos.html... druga wersja*/
table.tabela_barsi
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2232px !important;
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BARSI na stronie ...teacherphotos.html... druga wersja */
table.tabela_barsi p.barsi1 span.barsi1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BARSI na stronie ...teacherphotos.html... - druga wersja */
table.tabela_barsi p.barsi2 span.barsi2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO BARSI w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
*/
/* ----------------- KONIEC kodow dla BARSI Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla Elvira Karinyan i Joseph Schultz po ...ZACHARY TAYLOR / na kodach BARSI/... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - dzialaja w Iphone 5s pion i poziom i Ipad mini pion*/
/* Formatuje tylko tabele z tytulem Karinyan i Reck na stronie ...teacherphotos.html... druga wersja*/
table.tabela_taylor
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2232px !important; /* 2232 2432 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / Karinyan na stronie ...teacherphotos.html... druga wersja */
table.tabela_taylor p.barsi1 span.barsi1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / Karinyan i Reck na stronie ...teacherphotos.html... - druga wersja */
table.tabela_taylor p.barsi2 span.barsi2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Ustawia w pionie tresc BIO TAYLOR w komorce lewej na stronie ...teacherphotos.html... - druga wersja
table.tabela p.biger_m
{
position: static;
position: relative;
top: 5px !important;
}
/* Kody dla ...BOBBY RECK / na kodach ZACHARY TAJLOR pozyczonych od BARSI/... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - chyba tylko dla Ipad mini pion */
/* Formatuje tylko tabele z tytulem RECK na stronie ...teacherphotos.html... druga wersja */
table.tabela_reck
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2432px !important; /* 2432 2232 2632 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / RECK na stronie ...teacherphotos.html... druga wersja */
table.tabela_reck p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / RECK na stronie ...teacherphotos.html... - druga wersja */
table.tabela_reck p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Kody dla ...JOSEPH SHIELDS / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA OD BOBBY RECK... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - chyba tylko dla Ipad mini pion */
/* Formatuje tylko tabele z tytulem SHIELDS na stronie ...teacherphotos.html... druga wersja */
table.tabela_shields
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2632px !important; /* 2432 2232 2832 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / SHIELDS na stronie ...teacherphotos.html... druga wersja */
table.tabela_shields p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / SHIELDS na stronie ...teacherphotos.html... - druga wersja */
table.tabela_shields p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Kody dla ...BRENT DEAN / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA OD JOSEPH SHIELDS... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - chyba tylko dla Ipad mini pion */
/* Formatuje tylko tabele z tytulem BRENT na stronie ...teacherphotos.html... druga wersja */
table.tabela_brent
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 2832px !important; /* 2432 2232 3032 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / BRENT na stronie ...teacherphotos.html... druga wersja */
table.tabela_brent p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / BRENT na stronie ...teacherphotos.html... - druga wersja */
table.tabela_brent p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* Kody dla ...JIM MEYER / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA OD JOSEPH SHIELDS... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - chyba tylko dla Ipad mini pion */
/* Formatuje tylko tabele z tytulem MEYER na stronie ...teacherphotos.html... druga wersja */
table.tabela_meyer
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 3032px !important; /* 2432 2232 3232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / MEYER na stronie ...teacherphotos.html... druga wersja */
table.tabela_meyer p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / MEYER na stronie ...teacherphotos.html... - druga wersja */
table.tabela_meyer p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* ----------------- KONIEC kodow dla TAYLOR Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla MICHAEL A. HAMIL po ...JIM MEYER / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA OD JOSEPH SHIELDS... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - chyba tylko dla Ipad mini pion */ /* prawdopodobnie jest to tez dla Ipad mini poziom i dla Iphone5s pion i poziom - dopisane dnia 8 lipca 2017 */
/* Formatuje tylko tabele z tytulem HAMIL na stronie ...teacherphotos.html... druga wersja */
table.tabela_hamil
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 3032px !important; /* 2432 2232 3232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / HAMIL na stronie ...teacherphotos.html... druga wersja */
table.tabela_hamil p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / HAMIL na stronie ...teacherphotos.html... - druga wersja */
table.tabela_hamil p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* ----------------- KONIEC kodow dla HAMIL Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
/* Kody dla AMY JO po MICHAEL A. HAMIL - ...JIM MEYER / na kodach ZACHARY TAJLOR pozyczonych od BARSI/ - KOPIA OD JOSEPH SHIELDS... na stronie ...teacherphotos.html... z uzyciem drugiej wersji dla ...CARTER SCHULTZ - chyba tylko dla Ipad mini pion */ /* prawdopodobnie jest to tez dla Ipad mini poziom i dla Iphone5s pion i poziom - dopisane dnia 8 lipca 2017 */
/* Formatuje tylko tabele z tytulem AMY JO na stronie ...teacherphotos.html... druga wersja */
table.tabela_amy
{
position: static;
position: relative;
width: 1000px !important;
height: 25px !important;
left: 0px !important;
top: 3032px !important; /* 2432 2232 3232 */
background-color: aqu !important;
}
/* Formatuje tylko nazwisko / w tytule / JO na stronie ...teacherphotos.html... druga wersja */
table.tabela_amy p.reck1 span.reck1a
{
position: static;
position: relative;
width: 900px !important;
height: 30px !important;
left: -11px !important;
font-size: 45px !important;
color: blue !important;
top: -215px !important;
background-color: yello !important;
}
/* Formatuje caly opis do nazwiska / w tytule / JO na stronie ...teacherphotos.html... - druga wersja */
table.tabela_amy p.reck2 span.reck2a
{
position: static;
position: relative;
font-size: 40px !important;
top: -205px !important;
left: -11px !important;
background-color: maroo !important;
}
/* ----------------- KONIEC kodow dla AMY JO Z UZYCIEM DRUGIEJ WERSJI DLA SCHULTZ ------ */
#spacer
{
font-size:15px;
}
#spacer .search
{
margin-top:19px;
margin-right:-385px;
}
#spacer p
{
margin-left:-370px;
}
input
{
padding:4px;
font-size: 26px; /* Bylo ...14px... ustala wielkosc liter w polu tekstowym czyli napis ...Reset /tylko/... */
}
input[type="submit"]
{
height: 34px; /* Dopisalem - ustala wysokosc pola input ale tylko z napisem ...Submit... - na wszystkich stronach*/
padding: 1px 14px;
font-size: 26px; /* Dopisalem ...26px... ustala wielkosc liter w polu tekstowym czyli napis ...Submit /tylko/... */
}
#four_columns
{
width: 500px;
} /* zmiana z 500px na np. 1500px powoduje przesuniecie w lewo /na ekranie/ komorek /wszystkich/ w tabelach ze zdjeciami nauczycieli np. na stronie ...teacherphotos.html... Gdzie indziej nie sprawdzalem. */
#four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
{
margin-top: 25px;
}
#text_columns article.column1, #text_columns .column2
{
float:none;
max-width: 500px;
margin: 50px 30px 0 30px;
}
.column2 .row
{
float:none;
margin:0 0 40px 50px;
}
footer .wrapper .column
{
font-size: 12px;
width: 230px;
}
}
/*
@media (max-width: 765px)
{
.container
{
height:1px;
top: -1500px;
}
header
{
height:120px;
}
header nav
{
right: auto;
bottom: auto;
left: 50%;
top:100px;
margin-left: -184px;
}
#spacer
{
height:100px;
}
#spacer p
{
text-align:center;
position:static;
margin: 0 auto;
padding:15px 0 7px 0;
}
#spacer .search
{
text-align:center;
position:static;
margin: 0 auto;
}
footer
{
padding-bottom:70px;
height: auto;
}
footer .wrapper
{
width: 350px;
margin: 0 auto;
}
footer .wrapper .column
{
margin-top:30px;
float:none;
font-size: 14px;
width: auto;
}
footer .wrapper .social
{
display:none;
}
}
*/
/* Dopisalem - dla rozdzielczosci j.n. - dla HTC w poziomie , dzilaja tez i w pionie - tak ze ponizsze kody dla rozdzileczosci do ...500px... i tylko dla pionu sa zbedne
@media (max-width: 765px) Ten sam efekt jest przy ...@media (max-width: 640px)...
{
*/
/* Kody dla paska z RSS i inne - tylko ...index.html... - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...#ipad2a.../...#ipad2b.../...#ipad2c...
.rss
{
position: static;
position: relative;
left: auto !important;
top: -70px !important; Ustawia cala zawatosc paska
right: auto !important;
width: 1000px !important;
}*/
/* Kody do zwiekszenia liter w - ...Get Directions... - wszystkie strony oprocz ...index.html... - wyl dla p.8456 do 8485 i p.8488 do 8515
table.rss td button#ipad2a
{
position: static;
position: relative;
top: 9px!important; 9px
left: 5px !important;
font-size: 35px !important; bylo ...15px.../ ...35...
background-color: yello;
}
Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... - wszystkie strony oprocz ...index.html...
table.rss td button#ipad2b
{
position: static;
position: relative;
top: 5px!important; 5px
left: 310px !important;
font-size: 35px !important; bylo ...15px.../...35...
background-color: yello;
}
*/
/* Kody do zwiekszenia liter i ustawienia komorki w - ...We speak English & Polish... - HTC pion i poziom
table.rss td#ipad2c
{
position: static !important;
position: relative !important;
display: non e; ukrywa komorke z napisem w kazdym urzadzeniu zachowujac wloasciwa szerokosc strony - gdy tego nie ma to napis wychodzi wszedzie w prawo poza strone
top: 15px !important;
left: -2px !important; gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w HTC z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki
font-size: 14px !important; bylo ...15px... / 25
background-color: lime !important;
}
*/
/* table.rss td#ipad2c ukrywa napis ...We speak English & Polish... razem z komorka w tabeli z RSS po to aby go zastapic ponizszym ... table.rss td#ipad2c:before ... bo szerokosc komorki nie pozwala na powiekszenie czcionki powyzej 10px bo napis wychodzi za prawy obrys strony nadajac inna szerokosc stronie niz to zaplanowane
{
position: relative;
visibility: hidden !important;
}
*/
/* table.rss td#ipad2c:before wstawia napis ... We spaak English & Polish ... w miejsce ukrytego napisu z linkiem jw. ...table.rss td#ipad2c ... co pozwala na powiekszenie czcionki bez niekontrolowanego zwiekszania szerokosci strony i wychodzenia napisu poza prawa krawedz strony
{
content: "We speak English & Polish";
position: absolute !important;
visibility: visible !important;
width: 355px !important;
text-align: right !important;
top: 1px !important;
left: -188px !important; gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki
font-size: 29px !important; bylo ...15px... / 25
background-color: yello w !important;
}
*/
/* Kody do zwiekszenia liter i ustawienia komorki w - ...We speak English & Polish...
table.rss td#ipad2c
{
position: static !important;
position: relative !important;
top: 15px !important;
left: -1px !important;
font-size: 25px !important; bylo ...15px...
background-color: aqu !important;
} */
/* Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem - wszedzie
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu !important;
} * /
} */
/*
@media (max-width: 500px)
{
header
{
margin-top: 80px;
text-align: center;
}
#spacer
{
height:auto;
padding-bottom:15px;
}
#four_columns
{
width:auto;
}
#four_columns .img-item
{
width: 200px;
float:none;
margin: 25px auto 0 auto;
}
#four_columns h2
{
margin: 0 30px;
}
.column2 .row
{
margin: 0 0 40px 10px;
width:auto; */
/* font-size: 35px; dopisalem ale wylaczylem */
/* }
footer .wrapper
{
width:auto;
}
footer .wrapper .column
{
margin: 0 auto 15px auto;
max-width:300px;
}
input
{
width:auto;
}
#mobileMenu
{
display: block;
z-index: 99;
}
.toggleMobile
{
position: fixed;
top: 10px;
left: 10px;
display: block;
width: 40px;
height: 36px;
cursor: pointer;
z-index: 999;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
{
display: block;
position: absolute;
width: 40px;
height: 8px;
left: 0;
background: #EDA28C;
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1
{
top: 0;
}
.toggleMobile span.menu2
{
top: 14px;
}
.toggleMobile span.menu3
{
top: 28px;
}
.toggleMobile.active span.menu1
{
top: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3
{
opacity: 0;
-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
header nav
{
display:none;
}
header h1
{
font-size:40px;
}
header p
{
margin-left: 60px;
font-size:14px;
}
}
*/
/* Dopisalem - dla rozdzielczosci j.n. - dla HTC w pionie - ale te efekty uzyskalem z kodow /powyzej/ - dla rozdzielczosci ...max-wdth: 765px...
@media (max-width: 500px)
{
Kody dla calego paska z RSS i wszystkie inne i inne - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz - ...#ipad2a.../...#ipad2b.../...#ipad2c...
.rss
{
position: static;
position: relative;
left: auto !important;
top: -70px !important; -70px / -80px - ustawia cala zawartosc paska
right: auto !important;
width: 1000px !important;
}
Kody do zwiekszenia liter w - ...Get Directions...
table.rss td button#ipad2a
{
position: static;
position: relative;
top: 9px!important; 9px / -1px / 4px
left: 5px !important;
font-size: 35px !important; bylo ...15px.../...35... / 25px
background-color: yello;
}
Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood...
table.rss td button#ipad2b
{
position: static;
position: relative;
top: 3px!important; 5px / -5px / -2px
left: 310px !important;
font-size: 35px !important; bylo ...15px.../...35... / 25px
background-color: yello;
}
Kody do zwiekszenia liter i ustawienia komorki w - ...We speak English & Polish...
table.rss td#ipad2c
{
position: static !important;
position: relative !important;
top: 15px !important; 15px / 5px
left: -1px !important;
font-size: 25px !important; bylo ...15px...
background-color: aqu !important;
}
Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem - wszedzie
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu !important;
}
}
*/
@media (min-device-width: 100px) and (max-device-width: 1280px) /* - Ipad poziom - i chyba pion */
{
#ipad2a
{
position: static;
position: relative;
top: -10px !important;
font-size: 16px !important;
}
} /* Dopisalem dla urzaden mobilnych -- tylko ...button... - Get Directions i tylko w poziomie i tylko dla ...Ipad mnini...*/
@media (min-device-width: 100px) and (max-device-width: 1280px) /* - Ipad poziom */
{
#ipad2b
{
position: static;
position: relative;
top: -10px !important;
font-size: 16px !important;
left: 30px !important; /* tylko dla opcji z ikonami buuble dla Youtube i inne */
}
#ipad2a /* tylko dla opcji z ikonami buuble dla Youtube i inne */
{
position: static;
position: relative;
left: 30px !important;
} /* Dopisalem dla urzaden mobilnych -- tylko ...button... - OUR NEGHBORHOOD & DIRECTIONS i tylko w poziomie i tylko dla ...Ipad mnini...*/
}
/* Kody do formatowania /tylko/ przycisku - button - pod wyrazem ...HERE... po napisie ...To SIGN UP your child for a free demo class click..., na stronie ...requestinfo.kidz.html... Orientacja pionowa dla Ipad mni - dla Iphone 5s , pion i poziom ????? - dla HTC Sensation pion i poziom - ten zapis dubluje ustawienia z p. 3054/8437 bo tam nigdzie nie dziala oprocz HTC Sensation 4G - dwie czesci - cz1/2 */
@media all and (max-width: 1000px) and (min-width: 765px) /*(min-width: 300px) */
{
section#boxcontent article p button.obrys
{
position: static;
position: relative;
width: 230px !important; /* bylo 250px / 230 - dziala chyba tylko w Ipad mini, pion. Wyzsza cyfra tez tu dziala i w Iphone 5s ale psuje wyglad tla /rozmiar/ w Ipad mini,pion */
height: 100px !important;
background-color: green !important;
}
}
/* cz.2/2 z powyzszego za p. 3054 i tylko dla HTC SENSATION 4G-pion i poziom */
@media (max-width: 765px)
{
section#boxcontent article p button.obrys
{
position: static;
position: relative;
width: 200px !important; /* bylo 250px */
height: 100px !important;
background-color: green !important;
}
}
/* Kody do formatowania ...Get Directions... i ...Our Neghborhood & Directions... pod naglowkiem na wszystkich stronach dla ...Iphone 5s, pion i poziom..../ ...Ipad mini, pion - dziala tez w HTC Sensation 4G, pion i poziom,- ale sa mniejsze litery w obu napisach jak z kodow w wylaczonym p.8103 */
/* cz.1/2 - dla poziomu - dla ...Iphone 5s, pion i poziom..../ ...Ipad mini, pion
@media (min-width: 765px) and (max-width: 1000px)
{ */
/* Kody do zwiekszenia liter w - ...Get Directions...
table.rss td button#ipad2a
{
position: static;
position: relative;
top: -49px !important; 1px / 3px - IPAd mini pion
left: 15px !important; 167 - Ipad mini, pion
font-size: 25px !important; 25px - IPAd mini pion i Iphone, pion i poziom i
background-color: lim e; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru /chyba/ przesuwa sie ustawienie Button do gory i w Iphone5 rogi pola traca zaokraglenie a cale pole zwieksza wysokosc
} */
/* Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood...
table.rss td button#ipad2b
{
position: static !important;
position: relative !important;
top: 18px !important;
left: 350px !important; 315
font-size: 30px !important; 30px
background-color: yello; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru przesuwa si蟵stawienie Button do gory
}
} */
/* cz.2/2 - dla HTC Sensation 4G, pion i poziom
@media (max-width: 765px)
{
Kody do zwiekszenia liter w - ...Get Directions...
table.rss td button#ipad2a
{
position: static;
position: relative;
top: -53px !important; 1px / 2px - dla HTC pion i poziom, i Iphone5 pion i poziom
left: 15px !important; 205 - HTC Sensation, pion i poziom i chyba Ipone 5s, pion i poziom
font-size: 30px !important; 25px
background-color: aqu a; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru /chyba/ przesuwa si蟵stawienie Button do gory i w Iphone5 rogi pola traca zaokraglenie a cale pole zwieksza wysokosc
}
Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood...
table.rss td button#ipad2b
{
position: static !important;
position: relative !important;
width: 540px !important;
top: -43px !important; 18px / 9px / 12px - chyba tylko w HTC Senasation 4G pion i poziom
left: 180px !important; 465/330 - chyba tylko w HTC Senasation 4G pion i poziom
font-size: 30px !important; 30px
background-color: yello w; Iphone5 pion i pziom , HTC pion i poziom. Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru /chyba/ przesuwa si蟵stawienie Button do gory i w Iphone5 rogi pola traca zaokraglenie a cale pole zwieksza wysokosc
}
}
*/
/* Formatuje naglowki nad obiema mapami na stronie ...locations.html... - dla Ipad mini, pion */
@media screen and (min-width: 641px) and (max-width: 1000px)
{
/* Formatuje naglowek mapy ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie locations.html... - Ipad mini pion */
section#boxcontent article table span.direction
{ position: static !important;
position: relative !important;
font-size: 35px !important; /* 40px */
color: blue !important;
left: 18px !important; /* 10px */
top: -12px !important; /* -43px / -30px / -40 / -10 */
word-spacing: -7px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
/* Formatuje ustawienie mapy do etykiety ...1429 W. Schaumburg Rd., Schaumburg, Il. 60194... na stronie locations.html... - Ipad mini pion*/
section#boxcontent article a.maps1
{
position: static !important;
position: absolute !important;
top: 755px !important; /* 610 755 765 785 815*/
background-color: yellow !important;
}
/* Formatuje naglowek mapy ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article table span.directionelm
{ position: static !important;
position: relative !important;
font-size: 35px !important; /* 40px */
color: blue !important;
left: 22px !important; /* 18px */
top: 122px !important;
word-spacing: -7px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
}
/* Formatuje naglowki nad obiema mapami na stronie ...locations.html... - dla Ipad mini, poziom */
@media screen and (min-width: 1001px) and (max-width: 1050px)
{
/* Formatuje naglowek mapy ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie locations.html... - Ipad mini poziom */
section#boxcontent article table span.direction
{ position: static !important;
position: relative !important;
font-size: 18px !important; /* 40px / 35px */
color: blue !important;
left: -4px !important; /* 10px / 18 -25 -29 -19 */
top: -2px !important; /* -43px / -30px / 40px */
word-spacing: -4px !important; /* -7px */
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
/* Formatuje naglowek mapy ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article table span.directionelm
{ position: static !important;
position: relative !important;
font-size: 18px !important; /* 40px / 18px */
color: blue !important;
left: -33px !important; /* 18px / 22px / -32*/
top: -2px !important; /* 122px */
word-spacing: -3px !important; /* -7px */
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
/*........................................................................................................... */
/* KODY DO ETYKIET POSZCZEGOLNYCH GRUP NAUCZYCIELI na stronie ...teachers1.html... dla Ipad mini, poziom */
a#etykieta1
{
position: static;
position: relative;
top: 300px !important; /* 650 */
}
a.grupapiano
{
position: static;
position: relative;
top: 800px !important; /* 950 */
}
a.grupabanjo
{
position: static;
position: relative;
top: 1225px !important; /* 1130 */
}
a.grupabaritone
{
position: static;
position: relative;
top: 1560px !important; /* 1465 */
}
a.grupabass
{
position: static;
position: relative;
top: 1900px !important; /* 1800 */
}
a.grupabassoon
{
position: static;
position: relative;
top: 2235px !important;
}
a.grupadrums
{
position: static;
position: relative;
top: 2575px !important; /* 2125 */
}
a.grupaeuphonium
{
position: static;
position: relative;
top: 2915px !important; /* 2455 */
}
a.grupaguitar
{
position: static;
position: relative;
top: 3255px !important; /* 2785 */
}
a.grupaharmonica
{
position: static;
position: relative;
top: 3675px !important; /* 3200 */
}
a.grupajazz
{
position: static;
position: relative;
top: 4015px !important; /* 3530 */
}
a.grupamandolin
{
position: static;
position: relative;
top: 4350px !important; /* 3865 */
}
a.grupatrombone
{
position: static;
position: relative;
top: 4685px !important; /* 4195 */
}
a.grupatrumpet
{
position: static;
position: relative;
top: 5025px !important; /* 4525 */
}
a.grupatuba
{
position: static;
position: relative;
top: 5360px !important; /* 4855 */
}
a.grupaukulele
{
position: static;
position: relative;
top: 5700px !important; /* 5185 */
}
a.grupauprightbass
{
position: static;
position: relative;
top: 6035px !important; /* 5515 */
}
a.grupaviolin
{
position: static;
position: relative;
top: 6375px !important; /* 5845 */
}
a.grupavoice
{
position: static;
position: relative;
top: 6710px !important; /* 6175 */
}
a.grupawoodwind
{
position: static;
position: relative;
top: 7045px !important; /* 6500 */
}
/* Kody do ustawien gora-dol BIO nauczycieli na stronie ...teacherphotos.html - dla Ipad mini , poziom */
a#biomlenusek
{
position: static;
position: absolute;
top: 385px !important; /* 560 */
}
a#fotkaschultz
{
position: static;
position: absolute;
top: 1157px !important; /* 1330 */
}
a#fotkaenglish /* stremplewski */
{
position: static;
position: absolute;
top: 1929px !important; /* 2100 */
}
a#fotkashore
{
position: static;
position: absolute;
top: 2701px !important; /* 2870 */
}
a#fotkatoomey /* thomas */
{
position: static;
position: absolute;
top: 3472px !important; /* 3645 */
}
a#fotkaboisen
{
position: static;
position: absolute;
top: 4245px !important; /* 4415 */
}
a#fotkabaker
{
position: static;
position: absolute;
top: 5016px !important; /* 5190 */
}
a#fotkalenka
{
position: static;
position: absolute;
top: 5789px !important; /* 5965 */
}
a#fotkamichael
{
position: static;
position: absolute;
top: 6561px !important; /* 6730 */
}
a#fotkaoksana
{
position: static;
position: absolute;
top: 7332px !important; /* 7505 */
}
a#fotkapablo
{
position: static;
position: absolute;
top: 8105px !important; /* 8280 */
}
a#fotkabarsi
{
position: static;
position: absolute;
top: 8877px !important; /* 9050 */
}
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* a#fotkataylor - Joe Schulz
{
position: static;
position: absolute;
top: 9649px !important;
} */
a#fotkaelvira
{
position: static;
position: absolute;
top: 9649px !important; /* 10421 */
}
a#fotkabobby
{
position: static;
position: absolute;
top: 10421px !important; /* 11193 */
}
a#fotkashields
{
position: static;
position: absolute;
top: 11193px !important; /* 11965 */
}
a#fotkabrent /* brent dean */
{
position: static;
position: absolute;
top: 11965px !important; /* 12737 */
}
a#fotkameyer /* jim meyer */
{
position: static;
position: absolute;
top: 12737px !important; /* 13509 */
}
a#fotkahamil /* michael a. hamil */
{
position: static;
position: absolute;
top: 13509px !important; /* 12737 */
}
a#fotkaamy /* amy jo */
{
position: static;
position: absolute;
top: 14281px !important; /* 13509 */
}
}
/* Ustawia obie mapy do etykiety na stronie ...locations.html... - dla Ipad mini w poziomie */
@media screen and (min-width: 1001px) and (max-width: 1050px)
{
/* Formatuje ustawienie mapy do etykiety ...1429 W. Schaumburg Rd., Schaumburg, Il. 60194... na stronie locations.html... - Ipad mini poziom */
section.container section#boxcontent article a.maps1
{
position: static !important;
position: absolute !important;
top: 215px !important; /* 200 / 205 / 195 */
background-color: blue !important;
}
/*
Formatuje ustawienie mapy do etykiety ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html...
section#boxcontent article a.maps2
{
position: static !important;
position: absolute !important;
top: 205px !important; 200
}
*/
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... oprocz napisow; ...BLUES WORKSHOP... I ... CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.rozmiar
{
position: relative;
font-size: 25px !important; /* 28 */
letter-spacing: -4px !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BLUES WORKSHOP... */
#menu31 dd.wydzial1a dl dt.blues
{
position: relative;
font-size: 25px !important; /* 28 */
letter-spacing: -5px !important; /* -2 / -4 */
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BUCKET DRUMMING... */
#menu31 dd.wydzial1a dl dt.drumming
{
position: relative;
font-size: 25px !important; /* 25 / 24 */
letter-spacing: -6px !important; /* -5 */
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.sign
{
position: relative;
font-size: 25px !important; /* 28 */
letter-spacing: -5px !important; /* -2 / -4 */
background-color: lime !important;
}
}
/* Ustawia wyraz KIDZROCK i myslnik W TYTULE ...ROCK BAND... - ...KIDZROCK... na stronie ...kidzrock.html... - dla Ipad mini, pionowo */
@media screen and (min-width: 641px) and (max-width: 1000px) /* Ustawia wyraz ...KIDZROCK... */
{
section#boxcontent article p span.podzial1
{
position: static;
position: relative;
left: 505px !important;
top: 13px !important;
background-color: yello !important;
}
/* Kody do ustawienia myslnika /tylko / pomiedzy ...ROCK BAND A KIDZROCK... na stronie ...kidzrock.html... - Ipad mini w pionie*/
section#boxcontent p b.podzial_a
{
position: static;
position: relative;
left: -465px !important;
top: 70px !important;
background-color: yello !important;
}
}
/* Kody do formatowania naglowkow nad obiema mapami na stronie ...locations.html... p.8670/8712 */
@media screen and (max-width: 640px) /* - tylko HTC, pion i poziom */
{
/* Formatuje naglowek mapy ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie locations.html... - dziala w HTC pion i poziom */
section#boxcontent article table span.direction
{ position: static !important;
position: relative !important;
font-size: 35px !important;
color: blue !important;
left: 13px !important; /* 53 */
top: -10px !important; /* -40 */
word-spacing: -1px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
/* Formatuje ustawienie mapy do etykiety ...1429 W. Schaumburg Rd., Schaumburg, Il. 60194... na stronie locations.html... - HTC Sensation 4G, pion i poziom */
section#boxcontent article a.maps1
{
position: static !important;
position: absolute !important;
top: 755px !important; /* 610 / 695 */
background-color: red !important;
}
/* Formatuje naglowek mapy ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article table span.directionelm
{ position: static !important;
position: relative !important;
font-size: 35px !important;
color: blue !important;
left: 49px !important;
top: 123px !important;
word-spacing: -1px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
}
@media screen and (max-device-width: 360px) /* - tylko Iphone 5s , pion i poziom */
{
/* Formatuje naglowek mapy ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie locations.html... - Iphone 5s , pion i poziom */
section#boxcontent article table span.direction
{ position: static !important;
position: relative !important;
font-size: 33px !important; /* 30px */
color: blue !important;
left: 12px !important;
top: -12px !important; /* -40 -10 */
word-spacing: -1px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
/* Formatuje ustawienie mapy do etykiety ...1429 W. Schaumburg Rd., Schaumburg, Il. 60194... na stronie locations.html... - Iphone 5S pion i poziom */
section#boxcontent article a.maps1
{
position: static !important;
position: absolute !important;
top: 695px !important; /* 610 695 755 */
background-color: green !important;
}
/* Formatuje naglowek mapy ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article table span.directionelm
{ position: static !important;
position: relative !important;
font-size: 33px !important; /* 30px */
color: blue !important;
left: 6px !important;
top: 123px !important;
word-spacing: -1px !important;
letter-spacing: -4 !important;
text-align: center !important;
background-color: yellow !important;
width: 900px !important;
}
/* Kody do formatowania /tylko/ przycisku - button - pod wyrazem ...HERE... po napisie ...To SIGN UP your child for a free demo class click..., na stronie ...requestinfo.kidz.html... Orientacja pion i poziom - tylko dla Iphone 5s - ten zapis dubluje ustawienia z p. 3054/8437 bo tam nigdzie nie dziala oprocz HTC Sensation 4G */
section#boxcontent article p button.obrys
{
position: static;
position: relative;
width: 223px !important; /* 230px */
height: 100px !important;
background-color: green !important;
}
/* Formatuje napis ...HERE... na przycisku /buttonie/ po napisie /tytule/ ...To SIGN UP your child for a free demo class click... - na stronie kidzfreelessons.html... - tylko Iphone 5s, pion i poziom */
section#boxcontent article span.button_here
{
position: static;
position: relative;
left: -5px !important
}
/* Ustawia wyraz KIDZROCK i myslnik W TYTULE ...ROCK BAND... - ...KIDZROCK... na stronie ...kidzrock.html... - tylko Iphone 5s pion i poziom */
/* Ustawia wyraz ...KIDZROCK... */
section#boxcontent article p span.podzial1
{
position: static;
position: relative;
left: 505px !important;
top: 13px !important;
background-color: yello !important;
}
/* Kody do ustawienia myslnika /tylko / pomiedzy ...ROCK BAND A KIDZROCK... na stronie ...kidzrock.html... */
section#boxcontent p b.podzial_a
{
position: static;
position: relative;
left: -465px !important;
top: 70px !important;
background-color: yello !important;
}
}
/* Formatuje ...buttons... pod obiema mapami na stronie ...locations.html... - dla Ipad mini, tylko pion */
@media screen and (min-width: 641px) and (max-width: 1000px)
{
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small button.butony
{
position: static;
position: relative;
top: 40px !important;
width: 700px !important; /* 800px */
height: 90px !important; /* 150px */
left: 20px !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small button.butony
{
position: static;
position: relative;
font-size: 45px !important; /* 53px */
font-family: Algerian !important;
}
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
width: 700px !important; /* 800px */
height: 90px !important; /* 150px */
left: 20px !important;
top: 200px !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
font-size: 45px !important; /* 53px */
font-family: Algerian !important;
}
}
/* ..........................*/
/* Formatuje ...buttons... pod obiema mapami na stronie ...locations.html... - dla Iphone 5s, pion i poziom */
@media screen and (max-device-width: 360px)
{
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small button.butony
{
position: static;
position: relative;
top: 40px !important;
width: 700px !important; /* 800px */
height: 90px !important; /* 150px */
left: 20px !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...1429 W. Schaumburg Rd., Schaumburg, IL. 60194... na stronie ...locations.html... */
section#boxcontent article small button.butony
{
position: static;
position: relative;
font-size: 45px !important; /* 53px */
font-family: Algerian !important;
}
/* Formatuje rozmiar ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
width: 700px !important; /* 800px */
height: 90px !important; /* 150px */
left: 20px !important;
top: 200px !important;
}
/* Formatuje rozmiar czcionki ...GET DIRECTIONS... pod mapa do adresu ...7503 W. Diversey Ave., Elmwood Park, IL. 60707... na stronie locations.html... */
section#boxcontent article small button.butonyelm
{
position: static;
position: relative;
font-size: 45px !important; /* 53px */
font-family: Algerian !important;
}
}
/* ................................................... */
/* Formatuje adres, dni i godziny otwarcia w stopce, oraz /tylko/ gorny pasek z klawiszami w naglowku, wszedzie - dla Ipad mini, pion */
@media screen and (min-width: 641px) and (max-width: 1000px)
{
/* Dotyczy calego bloku obejmujacego cala tresc strony
div.marque
{
position: static;
position: relative;
width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
background-color: lime;
}
*/
/* Formatuje tekst Bio Michael McKissack */
table.tabela p#textsize
{
position: static;
position: relative;
line-height: 16px !important; /* 18px 16 */
}
footer section.wrapper article.column table td.lista1 /* Dotyczy - dni otwarcia /ale bez godzin - .lista2 / */
{
position: static;
position: relative;
display: block;
width: 300px !important; /* Szerokosc pola tresci pod dniami otwarcia */
height: 140px !important; /* Wysokosc pola tresci pod dniami otwarcia */
padding: 0 0 0 0 !important;
top: 13px !important; /* 25/10/15/16/20px - Odstep pionowy tresci pod dniami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation... */
bottom: 30px !important;
left: -187px !important; /* Presuwa w poziomie tresc dni otwarcia razem z linia podkresleniem
...border-bottom... , bez linii podkreslajacejtytul ...Hours of Operation...*/
border-bottom: 2px solid yello; /* Podkreslenie tresci dni otwarcia */
color: yellow !important; /*Kolor tresci dni otwarcia /bez tytulu ...Hours of Operation... */
font-size: 27px !important; /* Wielkosc czcionki tresci pod dniami otwarcia ale bez tytulu...Hours of Operation...*/
line-height: 40px !important; /*33 Odstep miedzy linijkami tresci pod dniami otwarcia /tylko/ */
}
footer section.wrapper article.column table td.lista2 /* Dotyczy - wykazu godzin otwarcia /ale bez dni - .lista1/ */
{
position: static;
position: relative;
display: block;
width: 300px !important; /* Szerokosc pola tresci pod godzinami otwarcia */
height: 150px !important; /* Wysokosc pola tresci pod godzinami otwarcia */
padding: 0 0 0 0 !important;
top: -125px !important; /* -117px/-131/-123-122 -Odstep pionowy tresci pod godzinami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation... */
bottom: 30px !important;
left: 110px !important; /* Presuwa w poziomie tresc godzin otwarcia razem z linia podkresleniem ...border- bottom... , bez linii podkreslajacej tytul ...Hours of Operation... */
border-bottom: 2px solid yello; /* Podkreslenie tresci godzin otwarcia */
color: yellow !important; /*Kolor tresci godzin otwarcia /bez tytulu ...Hours of Operation...*/
font-size: 27px !important; /* Wielkosc czcionki tresci pod godzinami otwarcia ale bez tytulu...Hours of Operation...*/
line-height: 40px !important; /* 33 Odstep miedzy linijkami tresci pod godzinami otwarcia /tylko/ */
}
/* footer .wrapper .column ul.lista Dotyczy - tylko tresci pod adresem - .lista - dla Ipad mini , pion
{
position: static;
position: relative;
display: block;
width: 350px !important; Szerokosc pola tresci pod adresem
height: 170px !important; Wysokosc pola tresci pod adresem
padding: 0 0 0 0 !important;
top: 15px !important; Odstep pionowy tresci pod adresem od linii dzielacej tresc od tytulu ...Address...
bottom: 30px !important;
left: 54px !important; Presuwa w poziomie tresc adresu razem z linia podkresleniem
...border-bottom... , bez linii podkreslajacej tytul ...Address...
border-bottom: 2px solid yello; Podkreslenie tresci adresu
color: yellow !important; Kolor tresci adresu /bez tytulu ...Address...
font-size: 27px !important; Wielkosc czcionki tresci pod adresem ale bez tytulu...Address...
line-height: 40px !important; Odstep miedzy linijkami tresci pod adresem /tylko/
} */
footer section.wrapper article.column ul.lista p /* Dotyczy - tylko tresci ...Cleaning is our business. See us first!... pod adresem w stopce - dla Ipad pion, pion - tylko dla ...Cleaning service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
width: 350px !important;
left: -320px !important; /* -375 -225 -275 -305 -325 */
top: 112px !important; /* -30 80 95 105 */
font-size: 32px !important; /* 28 25 29 33 Wielkosc czcionki tresci ...Cleaning is our business. See us first!... pod godzinami pracy w stopce*/
color: #ffffff !important;
font-family: serif !important;
line-height: 37px !important; /* Odstep miedzy linijkami ale tylko w napisie...Cleaning service... */
background-color: red !important;
}
footer section.wrapper article.column h4.tytul2 /* Dotyczy - tylko napisu CONTACT - w stopce - dla HTC Sensation 4G, pion i poziom - tylko dla ...Cleaning Service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
display: none !important;
}
footer section.wrapper article.column ul.lista span /* Dotyczy tylko ...NUMERU TELEFONU... - w stopce pod napisem ...CONTACT... - dla HTC Sensation 4G, pion i poziom - tylko dla ...Cleaning Service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
display: none !important;
}
footer section.wrapper article.column h4.tytul3 /* Formatuje tytul...Find Us... w stopce */
{
position: relative;
left: -260px !important; /* -280 150 100 -250 -280 -270 */
background-color: silve r !important;
}
footer section.wrapper article.column table.mapa /* Formatuje tylko pole tabeli z linkami do map w stopce na wszystkich stronach */
{
position: relative;
top: 0px !important; /* -7 */
left: -260px !important; /* -280 150 100 0 -250 -280 -270 */
width: 590px !important; /* 615 600 580 540 490 430 */
font-size: 18px !important; /* 19 */
background-color: r ed !important;
}
footer section.wrapper article.column table.mapa p /* Formatuje wszystkie tylko akapit z linkami do map w stopce na wszystkich stronach */
{
position: relative;
width: 589px !important; /* 614 */
font-family: serif !important;
font-size: 32.5px !important;
line-height: 44px !important;
background-color: yello w !important;
}
footer section.wrapper article.column table.mapa p a /* Formatuje wszystkie tylko linki do map w stopce na wszystkich stronach */
{
position: relative;
color: aqua !important;
}
/* -------------------------------------------------------------------------------------------------- */
/* ---------- MARQUEE - IPAD MINI, PION - tylko dla typowych kodow ...MARQUEE... - CSS3 nie potrzebuje zadnych ustawien, za wyj¹tkiem div.podkolor, kt��ustawia gora- dol cale ...MARQUEE... w CSS3 na wszystkich stronach jednoczesnie */
div.podkolor
{
position: static;
position: relative;
top: 4px !important;
}
div.podkolor.podkolormarque /* Formatuje ...MARQUEE... pisane w HTML5 i CSS3 - tylko na stronie ...testimonials,html... */
{
position: static;
position: relative;
top: 3px !important;
margin-bottom: 35px !important; /* robi odstep miedzy dolna krawedzia ...MARQUEE... a gorna krawedzia...HEADER... w kt�� jest na gorze LOGO i klawisze MENU*/
}
/*
figure.figuremlenka formatuje zdjecie MARLENA
{
position: static;
position: relative;
top: 120px !important;
}
marquee.animacja Formatuje MARQUEE
{
position: static;
position: relative;
top: 62px !important;
}
figure.figurewlodek Formatuje MARQUEE
{
position: static;
position: relative;
top: 2px !important;
}
--------------------- KONIEC MARQUEE IPAD MINI, PION --------------------------------- */
/* Formatuje MAEQUEE w calosci, na kodach CSS3 tylko na stronie ...index.html... */
div.podkolor1
{
position: static;
position: relative;
top: -40px !important;
}
/* Formatuje naglowek z logo i klawiszami menu, slajdy, pasek z ...HOT.. i inne..., wszystko co w tabeli pod slajdami - tylko na stronie ...index.html... */
header.menu
{
position: static;
position: relative;
margin-top: -46px !important;
}
/* Ustawia ikone ...thumbtack... tylko na stronie ...index.html... */
.thumbtack
{
position: static;
position: relative;
top: -90px !important;
}
/* ...................................................................................... */
table.navig td#pozycja /* Dotyczy tylko gornej czesci paska pod klawiszami w naglowku i klawiszy umieszczonych tylko na tym pasku */
{
position: static; /* Calosc dotyczy tylko gornej komorki */
position: relative;
left: 0px !important;
width: 727px !important; /* 313 / 625 razem z poz.5288 */
height: 54px !important;
top: -57px !important; /* -57 - dla ustawien bez ...MARQUE... */
background-color: white !important;
}
table.navig /* Dotyczy obu czesci paska pod klawiszami w naglowku */
{
position: static;
position: relative;
left: 22px !important; /* 1px */
width: 727px !important; /* bylo 749px - do logo jest 759px / 727 */
height: 54px !important; /* bylo 40px wysokosc komorek tabeli pod klawiszami */
top: -56px !important; /* -4 / 1px - ustawia cala tabele /obie komorki/ gora - dol */
background-color: white !important; /* bylo ...#333 kolor tylko dolnej komorki tabeli pod klawiszami w naglowku */
}
/* table.navig Dotyczy obu czesci paska pod klawiszami w naglowku i klawiszy umieszczonych tylko na tym pasku - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -56px !important;
}
*/
/* ///////////////////////////////////////////////////////////////////////// */
table.widok1 /* Dotyczy tylko tabeli z mailem i telefonami, pod naglowkiem - dopisane tylko dla ustawien z ...MARQUE... - dla wszystkich stron razem */
{
position: static;
position: relative;
top: -50px !important;
left: -250px !important;
width: 1000px !important;
}
table.widok1 td a span#migot19ba1 /* - Formatuje przycisk /napis/ ...HOT... - dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.widok1 td a#migot19ba1 /*Formatuje przycisk /napis/ ...HOT... - dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.navig td#pozycja a#migot19ba1 /*Formatuje przycisk /napis/ ...HOT... - dla Cleaning Service */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: -300px !important; /* auto / -595px gdy jest po lewej stronie tabeli z klawiszami */
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.widok1 td.widok font.widok2.widok2a /* - Kody do ustawienia e-mail w ...font... - dla wszystkich stron razem */
{
position: static;
position: relative !important;
top: 1px !important;
left: auto !important;
}
table.widok1 td font.widok3.widok3a /* Kody do ustawienia nr. telefonu w ...font... - dla wszystkich stron razem */
{
position: static;
position: relative !important;
vertical-align: middle !important;
left: auto !important;
}
/* //////////////////////////////////////////////////////////////////////////////////////// */
table.tresc /* Formatuje cala tresc o lekcjach oprocz naglowka ...Are you or your child interested in learning how to play a musical instrument?... na stronie ...important.html... */
{
position: relative;
font-size: 45px !important;
line-height: 59px !important;
}
table.tresc td span#migot19ba1a /* Formatuje naglowek ...Are you or your child interested in learning how to play a musical instrument?... na stronie ...important.html... */
{
position: relative;
font-size: 55px !important;
left: 0px !important;
text-decoration: underline;
}
table.tresc td span#migot19ba1ab /* Formatuje naglowek ...FREE Bucket Drumming Tour... na stronie ...important.html... - dla darmowego pokazu z Samuelem Barsi */
{
position: relative;
font-size: 50px !important; /* 55 */
left: 30px !important;
text-decoration: underline;
}
table.tresc td span#migot19ba1abc center /* Formatuje naglowek ...Bucket Drumming... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 50px !important; /* 55 */
/* left: 5px !important; */
text-decoration: underline;
margin-top: 20px !important;
margin-bottom: -90px !important;
}
table.tresc td span.bucket nobr.nobr1 /* Formatuje napis ...Call us at... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
color: maroon;
font-weight: bold;
text-align: left !important;
top: 60px !important;
/* word-spacing: 0px !important; */
}
table.tresc td span.span1 /* Formatuje ...numery telefonow... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 55px !important; /* 60 */
top: 50px;
color: blue !important;
}
table.tresc td span.span2 /* Formatuje ...write to us... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 55px !important; /* 60 */
top: 50px;
color: blue !important;
}
table.tresc td nobr.nobr2 /* Formatuje ...or visit us... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 55px !important; /* 60 */
top: 50px;
color: #000000 !important;
}
table.tresc td span.span3 /* Formatuje koniec tresci /za telefonami/ ...to reserve one.... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
font-weight: bold !important;
text-decoration: underline;
top: 50px;
color: red !important;;
}
table.tresc td span.span4 /* Formatuje koniec tresci ....We hope we can be of service to you!... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
top: -10px !important;
color: blue !important;
}
section.container /* Dotyczy tylko pola ekranu ze slajdami pod naglowkiem - dopisane tylko dla ustawien z ...MARQUE... */
{
position: static;
position: relative;
top: -45px !important;
}
hr.linia /* Dotyczy tylko linii nad paskiem z ...RSS plus inne... - dopisane tylko dla ustawien z ...MARQUE... */
{
position: static;
position: relative;
top: -80px !important;
}
/*
table td.rss1 Dotyczy pola ...RSSS - bez We speak english... ... - dopisane tylko dla ustawien z ...MARQUE... - tylko na stronie ...index.html...
{
position: static;
position: relative;
top: -51px !important;
}
*/
/* table.rss td#ipad2c - Dotyczy tylko pola ...We speak English & Polish... ... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -39px !important;
}
*/
/* table td dl#menu31 Dotyczy tylko ...MENU-MOBILE... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: 70px !important;
}
*/
/* Kody do formatowania klawisza ...FREE LESSONS.../RENTAL/ do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.kidzfreelessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: 2px !important;
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...REQUEST... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.requestinfo
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* 2 */
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...TESTIMONIALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.testimonials
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* 2 */
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...RECITALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.recitals
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: 2px !important; /* -26 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...SALE... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.sale
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* -26 2 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...GALLERY... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.gallery
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* -26 2 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...NEW... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.new_class
{
position: static;
position: relative;
/* background-color: white !important; */
height: 50px !important; /* 50 / 54 */
width: 100px !important; /* 100 / 102 */
top: 2px !important; /* -29 / -52 */
left: 0px !important; /* -2 / 102 */
}
/* --------------------------------------------------------------------------- */
/* Kody do formatowania klawisza ...HOME... do strony - na pasku w naglowku / ale nie sa to menu nieruchome */
table.navig img.index
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 1px !important;
}
/* Kody do formatowania klawisza ...CONTACT... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.contactus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...LOCATIONS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.locations
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...ROCK BAND... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - WYLACZONE BO NIE MA TEJ STRONY W UZYCIU
table.navig img.kidzrock
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...LESSONS... i ...MUSIC... do OBU stron jednoczesnie - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.lessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...ABOUT US... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.aboutus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...MAPA... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.mapaservisu
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
table.navig form a input.butonstartowy /* Formatuje przycisk ...START... - w menu glownym na kazdej stronie servisu ....R & W Cleaning service.... - ukryte przez ...display: none... */
{
position: static;
position: relative;
display: none !important;
text-align: center !important;
font-size: 28px !important;
height: 50px !important;
width: 150px !important; /* 100 */
top: 2px !important; /* -2 */
right: 2px !important; /* left: 2px */
}
.butonstartowyindex /* formatuje Disco Button ...Quest Book... na stronie ...index.html...- R&W Cleaning service */
{
position: relative;
top: -30px !important;
left: 15px !important;
width: 420px !important;
padding-top: 10px !important;
padding-bottom: 60px !important;
font-size: 45px !important;
color: maroon !important;
font-weight: bold !important;
font-family: serif, Georgia, Algerian, Tahoma !important;
}
.butonstartowytestim /* formatuje Disco Button ...Quest Book... na stronie ...testimonials.html...- R&W Cleaning service */
{
position: relative;
top: 0px !important;
left: 205px !important;
width: 430px !important;
padding-top: 10px !important;
padding-bottom: 60px !important;
font-size: 45px !important;
color: maroon !important;
font-weight: bold !important;
font-family: serif, Georgia, Algerian, Tahoma !important;
}
/* ............................................................................................ */
/* Formatuje napis ...Select Class/es/ - one, or more... na stronie ...requestinfonewclasses... nad polami wyboru */
section#boxcontent_1 article form fieldset p.polawyboru
{
position: static;
position: relative;
font-size: 40px !important;
top: 30px !important; /* 20 */
}
/* Ustawia gora-dol wszystkie pola wyboru - jednoczesnie - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset p.grupapol
{
position: static;
position: relative;
top: 30px !important; /* 20 */
}
/* Ustawia odstepy pomiedzy polami wyboru i ich opisami z boku - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset p.grupapol label
{
position: static;
position: relative;
line-height: 70px !important;
}
/* Ustawia gora-dol pole tekstowe dla wpisywania wiadomosci - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset textarea.poletekstu
{
position: static;
position: relative;
top: 40px !important; /* 30 */
font-size: 50px !important;
background-color: yellow !important;
border-top-color: #000000; border-top-style: solid; border-right-color: #000000; border-right-style: solid; border-bottom-color: #000000; border-bottom-style: solid; border-left-color: #000000; border-left-style: solid; border-width: 3px;
width: 810px !important;
height: 400px !important;
}
/* Ustawia gora-dol przyciski RESET/SUBMIT - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form p.przyciski
{
position: static;
position: relative;
top: 10px !important;
}
p#boxcontent_2
{ font-size: 50px !important; /* 35 / 40 */
line-height: 40px !important;
text-decoration: underline !important;
} /* nadaje rozmiar czcionce / i inne / w ...requestinfonewclasses.html... w napisie ...SIGN UP FOR NEW CLASSES !... - te kody sa w poszczegolnych rozdzielczosciach */
/* ........................................................................... */
/* Formatuja - cale tabele w ...index.html... oraz tabele z ksiega, i Sign Questbook + pole formularza w ....ksiega_gosci.html... , w - Ipad mini, pion */
table.ksiega /* Ustawia tylko tbele z komorka pod obrazkiem z linkiem do ...View Questbook... w ...index.html... - Ipad mini, pion */
{
position: static;
position: relative;
left: 55px !important;
top: -50px !important; /* -10 / 70 */
width: 400px !important;
height: 80px !important;
}
table.ksiega td a img /* Ustawia tylko obrazek w komorce tabeli pod nim z linkiem do ...View Questbook... w ...index.html... - Ipad mnini, pion */
{
position: static;
position: relative;
left: 0px !important;
top: 1px !important;
width: 400px !important;
height: 80px !important;
}
table.ksiega1 /* Ustawia tylko tabele z komorka pod obrazkiem z linkiem do ...Sign Questbook... w ...index.html... - Ipad mini, pion */
{
position: static;
position: relative;
left: 5px !important; /* 550 */
top: -190px !important; /* -220 */
width: 375px !important; /* 400 */
height: 80px !important;
}
table.ksiega1 td.ksiega1a /* Formatuje tylko napis ...GUEST BOOK... w komorce z linkiem do ...Sign Questbook... w ...index.html... - Ipad mini, pion */
{
position: relative;
font-size: 40px !important;
}
table.ksiega1 td a img /* Ustawia tylko obrazek z linkiem w komorce tabeli do ...Sign Questbook... w ...index.html... - Ipad mini, pion */
{
position: static;
position: relative;
left: 1px !important;
top: 1px !important;
width: 400px !important;
height: 80px !important;
}
table#opinie /* Ustawia tylko tabele z komorka pod obrazkiem z linkiem do ...Sign Questbook... w ...testimonials.html... - Ipad mini, pion */
{
position: static;
position: relative;
left: 200px !important; /* 550 */
top: -10px !important; /* 45px - dla ustawien bez ...MARQUE... / 5 / 20 */
width: 600px !important; /* 400 */
height: 100px !important; /* 80 */
}
table#opinie td span#opinie1 /* Formatuje tylko napis ...GUEST DOOK... w ...testimonials.html... - Ipad mini, pion */
{
position: static;
position: relative;
font-size: 40px;
}
table#opinie td form p /* Formatuje tylko opis /w ...p.../ pol formularza input w ...testimonials.html... - Ipad mini, pion */
{
position: static;
position: relative;
font-size: 25px;
margin-bottom: 10px;
}
table#opinie td p.info /* Formatuje napis ...Only for registered customers.... w tabeli ...Quest book... w ...testimonials.html... - Ipad ,pion */
{
position: relative;
font-size: 25px !important;
}
table#opinie td form input.luz /* Formatuje tylko pola formularza input / OPEN I RESET / w ...testimonials.html... - Ipad mini, pion */
{
position: static;
position: relative;
margin-bottom: -20px !important;
margin-top: 15px !important;
}
table#opinie td a img /* Ustawia tylko obrazek z linkiem w komorce tabeli do ...Sign Questbook... w ...testimonials.html... - Ipad mini, pion */
{
position: static;
position: relative;
left: 1px !important;
top: 1px !important;
width: 600px !important; /* 400 */
height: 100px !important; /* 80 */
}
table#ksiega1 /* Ustawia tabele z ksiega w ...ksiega_gosci.html... - Ipad mini, pion i napis ...GUEST BOOK... */
{
position: static;
position: relative;
width: 800px !important; /* 380 */
top: -1px !important;
left: 0px !important; /* 5 */
}
table#ksiega td img /*Ustawia napis - Sign questbook w - ksiega_g0sci.html - Ipad mini, pion */
{
position: static;
position: relative;
top: 100px !important;
}
table#ksiega /*Ustawia tabele z napisem - SIGN TO GUEST BOOK - w ksiega_gosci.html - Ipad mini, pion */
{
position: static;
position: relative;
top: 35px !important; /* 56 */
}
form#forma /* Ustawia formularz w - ksiega_gosci.html - Ipad mini, pion */
{
position: static;
position: relative;
top: 38px !important; /* 68 */
}
form#forma label /* Ustawia opis pol / tylko input / formularza w - ksiega_gosci.html - Ipad mini, pion */
{
position: static;
position: relative;
font-size: 25px !important;
}
/* Formatuje tekst pod tytulem ...Yuo should choose... w ...aboutus.html... pod tekstem ... Music is our business, see us first... - Ipad mini, pion */
section#boxcontent article p#ustep
{
position: static !important;
position: relative !important;
text-align: justify !important;
top: 98px !important; /* -10 */
word-spacing: -5px !important;
background-color: yellow !important;
}
/* Ustawia linie na dole strony nad lista niepunktowana na stronie ...aboutus.html... - Ipad pion */
center hr
{
position: static !important;
position: relative !important;
top: -55px !important;
}
/* Kody wykazu nienumerowanego na tle koloru aqua na stronie ...aboutus.html... tylko Ipad pion */
section#boxcontent article li
{
position: relative;
position: static;
font-size: 50px !important; /* w tekscie stron jest...60px... */
line-height: 60px !important;
text-align: justify !important;
background-color: aqua !important;
top: -40px !important; /* Ustawia pole koloru aqua */
}
/* Ustawia akapit z kontaktami na koncu tekstu pod lewym /pierwszym/ obrazkiem na stronie ...aboutus.html... - tylko Ipad mini pion */
section#boxcontent article p.tele
{
position: static;
font-size: 55px !important;
top: -25px !important;
}
/* Kody do formatowania napisu / hasla - ...Music is our business, see us first!.../ pod drugim /prawym obrazkiem na stronie ...aboutus.html... - Ipad mini pion */
section#boxcontent article span.napis
{
position: static;
position: relative;
text-align: center !important;
font-size: 50px !important; /* 54px */
color: maroon;
font-weight: bold !important;
text-decoration: underline;
top: 80px !important; /* -27 */
}
/* Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... - Ipad mini pion
table.rss td button#ipad2b
{
position: static !important;
position: relative !important;
width: 495px !important;
top: -35px !important; 18
left: 225px !important; 405
font-size: 25px !important; 30px
background-color: yello; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru przesuwa si蟵stawienie Button do gory
}
*/
/* ====================================================================================== */
table.strojenie /* Ustawia ...MENU - MOBILE... ..id="menu31" - tylko na stronie ...testimonials.html... */
{
position: static;
position: relative;
top: 217px !important; /* 218 228 */
}
table.hidden1 /* Tabela z ...MARQUE... - dla wersji bez LIGHTBOX */
{
position: static;
position: relative;
top: 1px !important;
width: 1000px !important;
height: 60px !important;
top: 3px !important;
}
body header /* Czarne pole w naglowku z logo firmy */
{
position: static;
position: relative;
top: 1px !important;
}
/* body div Podnosi cala strone/y/ do gory o wysokosc po czterech statycznych MENU ukrytych dla mobilnych
{
top: -61px !important;
}
*/
dl#menu26 /* Ukrywa /menu/ MENU - pierwsze, dla mobilnych */
{
display: none
}
dl#menu27 /* Ukrywa menu SMART - drugie, dla mobilnych */
{
display: none
}
dl#menu28 /* Ukrywa menu FREE CLASS - trzecie, dla mobilnych */
{
display: none
}
dl#menu29 /* Ukrywa menu VERY IMPORTANT - czwarte, dla mobilnych */
{
display: none
}
/* Ustawia na pozycji tabele z ...MENU31...- przewijane ze strona - dla mobilnych - Ipad mini - pion */
table dl.testimenu31 /* ustawia tabele z ...MENU 31... - tylko na stronie ...testimonials.html... dla ...flying letters... */
{
position: static;
position: relative;
margin-top: 44px !important;
z-index: 2 !important;
}
table dl.menu31 /* ustawia tabele z ...MENU 31... - tylko na stronie ...index.html... */
{
position: static;
position: relative;
left: 1px !important; /* -749 / 1 */
margin-top: 8px !important; /* 3 / top: 119/ */
z-index: 2 !important;
}
table dl#menu31 /* ustawia tebele z ...MENU 31... na wszystkich stronach oprocz ...index.html... i ...testimonials.html... */
{
position: static;
position: relative;
display: none !important; /*ukrywa wszystkie Menu-Mobile mimo powyzszego opisu ze ...oprocz ...index.html... i ...testimonials.html... */
left: 1px !important; /* -749 / 1 */
top: 57px !important; /* 3 / top: 119 53 */
z-index: 2 !important;
}
/* Zewnetrzny arkusz stylow / kopia ...menustart31.css.../, dla rozwijanego i wysuwanego Menu - sCH.M.A./Rozwijane i wysuwane Menu glowne /ruchome razem ze strona, Z ...id="menu31..." sterowanego Skryptem ...menu_mobile.js... , lub mo¿e byc...recitalsmenu.js... lub ...menu.js.... - dla Ipad mini - pion */
#menu31 dd dt
{
position: static;
position: relative;
width: 327px !important; /* Nadaje rozmiar tylkO liscie ...DT... pod klawiszami do stron j.np. HOME itd. */
background-color: #ccc !important; /* Nadaje kolor tla listy pod klawiszami do stron wysuwanej w bok z klawisza ...WEBSITES... */
}
#menu31 dd dt img
{
position: static;
position: relative;
width: 321px !important; /* - Nadaje rozmiar tylko obrazkom klawiszy do stron j.n. HOME itd. */
height: 70px !important; /* - Nadaje rozmiar tylko obrazkom klawiszy do stron j.n. HOME itd. */
/* top: 0px !important; - to ptrzesuwa tylko klawisze do stron */
/* left: 75px; - to ptrzesuwa tylko klawisze do stron */
}
dl#menu31 dd dl dd dl
{
position: static;
position: relative;
background-color: lime; /* pierwsza wysuwana w bok lista - tlo listy pod butonami */
width: 327px;
height: 30px !important; /* Jest to tlo pod wszystkimi ...button... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz, ale nie jest to kolor listy pod klawiszami do stron */
top: 0px !important; /* Ustawia liste razem z butonami */
}
dl#menu31 dd dl dd dl button /* Pierwsza wysuwana w bok lista - tylko button */
{
position: static;
position: relative;
background-color: whit; /* daje kolor tla dla wszystkich button tytulowych czyli np. ALL TEACHERS i pozostale - na obu wysuwanych w bok listach - dziala w HTC p i p, Iphone p i p, Ipad mini p i p */
width: 327px;
top: 2px !important; /* - Przesuwa gor-dol pierwsza liste wysuwana w bok - minus do gory , plus do dolu */
left: 0px !important; /* Przesuwa w bok wszystkie button na liscie oprocz pierwszego */
}
dl#menu31 dd dl dd dl button font /* Pierwsza wysuwana w bok lista - tylko napisy na wszystkich buttonach */
{
position: static;
position: relative;
top: 0px !important; /* -10 , 0, 10 */
background-color: re; /* daje kolor tla ale tylko pod napisami pierwszej i drugiej listy wysuwanej w bok - dziala w HTC p i p, Iphone p i p, Ipad mini p i p */
/* font-size: 25px !important; wielkosc czcionki w tytulach pierwszej wysuwanej w bok listy */
}
dl#menu31 dd
{
position: static;
position: relative;
background-color: blue;
width: 327px;
right: -5px !important; /* Presuwa cale Menu /LISTE ROZWIJANA SPOD KLAWISZA GLOWNEGO I OBIE LISTY WYSUWANE W BOK oraz liste z klawiszami - w lewo gdy jest plus i w prawo gdy jest minus - oprocz klawisza glownego ...MOBILE-MENU */
height: 0px !important; /* Likwiduje kawalek wystajacego siwego pola i nakladajacego sie na klawisz ...WEBSITES... oraz likwiduje przerwy miedzy otwieranymi klawiszami oprocz ostatniej wysuwanej w bok listy */
}
dl#menu31 dd dl
{
position: static;
position: relative;
background-color: yellow;
width: 327px;
}
dl#menu31 dd dl dd dl dd dl /* Ostatnia wysuwana w bok lista ale nie button */
{
position: static;
position: relative;
background-color: aqua;
width: 327px !important; /* szerokosc tla listy */
top: 0px !important; /* Przesuwa gor-dol ostatnia liste wysuwana w bok - minus do gory , plus do dolu */
height: 50px !important; /* Jest to tlo pod napisami ponizej klawisza ...AL. TEACHERS... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz */
}
dl#menu31 dd dl dd dl dd dl button /* Ostatnia /druga/ wysuwana w bok lista - tylko button */
{
position: static;
position: relative;
/* background-color: aqua; daje kolor tla ale tylko dla button tytulowy czyli ALL TEACHERS */
width: 327px;
/* top: 2px !important; - Przesuwa gor-dol ostatnia liste wysuwana w bok - minus do gory , plus do dolu */
left: -5px !important; /* Przesuwa button /pierwszy od gory/ */
}
dl#menu31 dd dl dd dl dd dl button font /* Ostatnia /druga/ wysuwana w bok lista - tylko napisy na button /pierwszy od gory/ */
{
position: static;
position: relative;
top: 0px !important; /* -16 , 0 , 13 */
}
#menu31 dt:hover.active /* .small - po wylaczeniu tej klasy wlaczyl sie kolor napisu MENU - PRZY NAJECHANIU MYSZKA */
{
color: #ff00ff;
}
#menu31 dt.active /* Klawisz glowny - dopisalem */
{
position: static;
position: relative;
/* top: 119px !important; ustala pozycje w pionie - gora/dol ...100px... patrz p.9901 */
/* left: 1px !important; ustala pozycje w poziomie - patrz p.9901 */
font-size: 35px !important; /*55 / 41 czcionka ...MOBILE-MENU... */
width: 320px !important; /* 249 Szerokosc pola klawisza glownego ... MENU ... */
height: 60px !important; /* Wysokosc pola klawisza glownego ... MENU ... */
border-width: 5px; /* Margines zolty */
border-style: solid;
border-color: yellow;
background-color: #ccc
}
#menu31 dt.active span /* Klawisz glowny - dopisalem */
{
position: static;
position: relative;
top: 9px !important; /* Ustawia gora-dol napis na klawiszu ale bez pauzy */
}
#menu31 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu31 a:link, #menu31 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu31 a:hover {
color: #fff; /* jest to kolor napisow na wszystkich przyciskach ale tylko list rozwijanych i wysuwanych do stron */
background-color: #008; /* (#ffffff - biale) - ...#008... tlo /siwe/ na paskach Menu po najechaniu myszka - ogolnie, oprocz ponizszych pol ...dt... z ...id="tlo"..., tez po najechaniu myszka */
}
#menu31 dd dl dd {
position: relative;
left: 327px; /* wysuwa w bok druga i trzecia liste */
bottom: 24px; /* 31/22 */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
#menu31 dt /* jest to lista tytulow - dopisalem */
{
position: static;
position: relative;
width: 327px; /* szerokosc pola pod buton, ale to nie jest button */
}
#menu31 dl button /* Parametry klawiszy ...BUTTON..- wszystkie menu rozwijane i wysuwane - dopisalem */
{
position: static;
position: relative;
width: 327px !important; /* 307 /345/ 327 / 249 - szerokosc button, wszedzie /rozwijane */
height: 30px !important; /* 60 /30 wysokosc klawiszy ...button... w kazdej liscie */
left: 0px !important;
}
#menu31 dl button font /* Ustala czcionke napisu na ...BUTTON.. - pierwsza lista spod klawisza glownego - dopisalem */
{
position: static;
position: relative;
font-size: 25px !important; /* 25 35 */
top: 0px !important; /* -10 , 0 , 10 - Ustawia gora-dol wszystkie tytuly - pierwsza lista spod klawisza glownego */
}
#menu31 dl dd dl dd /* dopisalem - formatuje ostatnia liste wysuwana */
{
position: static !important;
position: relative !important;
top: -30px !important; /* 65 ustawia gora/dol ostatnia liste wysuwana w bok w stosunku do listy poprzedzajacej jak - np.; z klawisza /button/ piano wysuwa si蟬ista z nauczycielami pianina i to dotyczy tej listy z nauczycielami pianina - jest to button */
/* left: 340px !important; dubluje inne parametry przesuwajace liste w lewo - prawo */
}
#menu31 dl dd dl dd dt /* dopisalem - formatuje ostatnia liste wysuwana */
{
position: static !important;
position: relative !important;
font-size: 25px !important; /* 28 - Wieloksc liter w ostaniej liscie wysuwanej oprocz jej tytulu ...ALL TEACHERS... */
font-weight: bold !important; /* Grubosc liter w ostatniej liscie wysuwanej oprocz jej tytulu ...ALL TEACHERS... */
width: 327px;
/* left: 340px; */
}
#menu31 dl dd dl /* Formatuje pola pierwszej i drugiej listy wysuwanej w bok */
{
position: static;
position: relative;
left: 0px; /* odsuwa pola button z polami pod nimi w bok ale bez pierwszych pol tytulowych np.All Teachers */
top: -1px !important; /* przesuwa gora-dol pierwsza i druga liste wysuwana w bok */
width: 327px; /* - szerokosc pola pod buton, ale to nie jest button */
}
#menu31 dl.miejsce /* Dopisalem tylko lista z klawiszami do stron wysuwana z pola ...WEBSITES... */
{
position: static;
position: relative;
top: -1px !important; /* - To przesuwa i pole pod klawiszami do stron i klawisze jednoczesnie */
left: 80px; /* - To przesuwa i pole pod klawiszami do stron i klawisze jednoczesnie */
background-color: #ccc !important; /* Kolor tla ale tylko pod klawiszami obrazkowymi do stron */
/* width: 182px !important; */
}
#menu31 dl dt button span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... we wszystkich ...MENU#31.... */
{
position: relative;
top: -5px !important;
}
#menu31 dt span.pauza /* Ustawia w pozycji myslnik miedzy ...MOBILE - MENU */
{
position: relative;
position: static;
top: -2px !important; /* Ustawia myslnik gora-dol */
color: black !important;
font-weight: bold !important; /* pogrubia myslnik */
word-spacing: 1px !important; /* oddala na boki myslnik od wyrazow po lewej i prawej stronie */
}
/* Formatuje w ...MENU31... - Jpad pion - ustawia tylko klawisze /button/ W PIERWSZYCH LISTACH WYSUWANYCH W BOK; ...ALL NEW CLASSES - z listy ...NEW CLASSES... / ...FOR ALL STUDENTS... , ...SHEET MUSIC... , ...THUMBTACK... - z listy ...IMPORTANT... / ...ALL TEACHERS... - z listy ...TEACHERS... / ...SCH. MUSIC... - z listy ...RECITALS... / ...FACEBOOK... - z listy ...GALLERY... / ...SCH.M.A. - TOUR... , KIDZROCK... - z listy ...VIDEOS... / ...SMART-POLISH... , ...SMART-ENGLISH... - z listy ...LINKS... / ...OUR OFFERS... - z listy ...SALE... */
#menu31 dd dl dt button.wlewo
{
position: relative;
position: static;
left: -5px !important;
top: -1px !important;
}
/* Formatuje tylko klawisz ...OUR OFFERS... wysuwany z klawisza ...SALE... */
#menu31 dd dl dt button#buttonup
{
position: relative;
position: static;
top: -1px !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... oprocz napisow; ...BLUES WORKSHOP... I ... CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.rozmiar
{
position: relative;
font-size: 25px !important; /* 28 */
letter-spacing: -1px !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BLUES WORKSHOP... */
#menu31 dd.wydzial1a dl dt.blues
{
position: relative;
font-size: 25px !important; /* 28 */
letter-spacing: -2px !important;
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BUCKET DRUMMING... */
#menu31 dd.wydzial1a dl dt.drumming
{
position: relative;
font-size: 25px !important;
letter-spacing: -3px !important;
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.sign
{
position: relative;
font-size: 25px !important; /* 28 */
letter-spacing: -2px !important;
background-color: lime !important;
}
table span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... w mapie serwisu ...mapaservicu.html... */
{
position: relative;
top: -3px !important; /* -2 -5 */
}
/* Formatuje napis ...YOUR PUBLICK OPINION/COMMENTARY... na stronie ...ksiega_gosci.html... */
form table td p.opinia font
{
position: relative;
font-size: 25px !important;
}
section#four_columns article figure img.obraz2 /* - Ustawia drugi obrazek z lightbox - Ipad mini pion */
{
position: static;
position: relative;
top: 20px;
left: 0px; /* 25px */
}
section#four_columns article figure img.obraz3 /* - Ustawia trzeci obrazek z lightbox - Ipad mini pion */
{
position: static;
position: relative;
top: 0px;
left: 0px; /* 25px */
}
section#four_columns article figure img.obraz4 /* - Ustawia czwarty obrazek z lightbox - Ipad mini pion */
{
position: static;
position: relative;
top: 0px; /* -48 */
left: 0px; /* 25px */
}
form#forma table td center textarea /* Formatuje tekst w polu do pisania opinii w ksiedze gosci */
{ position: static;
position: relative;
font-size: 35px !important;
}
/*....................................................................................... */
/* KODY DO ETYKIET POSZCZEGOLNYCH GRUP NAUCZYCIELI na stronie ...teachers1.html... dla Ipad mini, pion */
a#etykieta1
{
position: static;
position: relative;
top: 490px !important; /* 650/540 */
}
a.grupapiano
{
position: static;
position: relative;
top: 1085px !important; /* 1245 / 1125*/
}
a.grupabanjo
{
position: static;
position: relative;
top: 1590px !important; /* 1530/1630 */
}
a.grupabaritone
{
position: static;
position: relative;
top: 2010px !important; /* 1945/2050 */
}
a.grupabass
{
position: static;
position: relative;
top: 2430px !important; /* 2360/2470 */
}
a.grupabassoon /* michael a. hamil */
{
position: static;
position: relative;
top: 2855px !important; /* 2895 */
}
a.grupadrums
{
position: static;
position: relative;
top: 3280px !important; /* 2778/3320 */
}
a.grupaeuphonium
{
position: static;
position: relative;
top: 3705px !important; /* 3193/3745 */
}
a.grupaguitar
{
position: static;
position: relative;
top: 4125px !important; /* 3610/4165 */
}
a.grupaharmonica
{
position: static;
position: relative;
top: 4635px !important; /* 4110/4675 */
}
a.grupajazz
{
position: static;
position: relative;
top: 5060px !important; /* 4520/5100 */
}
a.grupamandolin
{
position: static;
position: relative;
top: 5480px !important; /* 4935/5520 */
}
a.grupatrombone
{
position: static;
position: relative;
top: 5900px !important; /* 5350/5940 */
}
a.grupatrumpet
{
position: static;
position: relative;
top: 6325px !important; /* 5765/6365 */
}
a.grupatuba
{
position: static;
position: relative;
top: 6745px !important; /* 6185/6785 */
}
a.grupaukulele
{
position: static;
position: relative;
top: 7165px !important; /* 6600/7205 */
}
a.grupauprightbass
{
position: static;
position: relative;
top: 7585px !important; /* 7015/7625 */
}
a.grupaviolin
{
position: static;
position: relative;
top: 8010px !important; /* 7435/8050 */
}
a.grupavoice
{
position: static;
position: relative;
top: 8430px !important; /* 7850/8470 */
}
a.grupawoodwind
{
position: static;
position: relative;
top: 8850px !important; /* 8230/8890 */
}
/* Kody do ustawien gora-dol BIO nauczycieli na stronie ...teacherphotos.html - dla Ipad mini, pion */
a#biomlenusek
{
position: static;
position: absolute;
top: 545px !important; /* 755/585 */
}
a#fotkaschultz
{
position: static;
position: absolute;
top: 1330px !important; /* 1600 1540/1370 */
}
a#fotkaenglish /* stremplewski */
{
position: static;
position: absolute;
top: 2115px !important; /* 2385 2325/2155 */
}
a#fotkashore
{
position: static;
position: absolute;
top: 2905px !important; /* 3170 3115/2945 */
}
a#fotkatoomey /* thomas */
{
position: static;
position: absolute;
top: 3690px !important; /* 3955 3900/3730 */
}
a#fotkaboisen
{
position: static;
position: absolute;
top: 4475px !important; /* 4740 4685/4515 */
}
a#fotkabaker
{
position: static;
position: absolute;
top: 5260px !important; /* 5525 5470/5300 */
}
a#fotkalenka
{
position: static;
position: absolute;
top: 6040px !important; /* 6400 6250/6080 */
}
a#fotkamichael
{
position: static;
position: absolute;
top: 6830px !important; /* 7095 7040/6870 */
}
a#fotkaoksana
{
position: static;
position: absolute;
top: 7615px !important; /* 7880 7825/7655 */
}
a#fotkapablo
{
position: static;
position: absolute;
top: 8400px !important; /* 8755 8610/8440 */
}
a#fotkabarsi
{
position: static;
position: absolute;
top: 9190px !important; /* 9450 9400/9230 */
}
/* a#fotkataylor - Joe Schulz
{
position: static;
position: absolute;
top: 10050px !important;
} */
a#fotkaelvira
{
position: static;
position: absolute;
top: 10010px !important; /* 10840/10050 */
}
a#fotkabobby /* Reck */
{
position: static;
position: absolute;
top: 10790px !important; /* 11625/10840 */
}
a#fotkashields /* Kutylo */
{
position: static;
position: absolute;
top: 11575px !important; /* 12410/11625 */
}
a#fotkabrent /* brent dean */
{
position: static;
position: absolute;
top: 12370px !important; /* 13195/12410 */
}
a#fotkameyer /* jim meyer */
{
position: static;
position: absolute;
top: 13155px !important; /* 14880/13195 */
}
a#fotkahamil /* michael a. hamil */
{
position: static;
position: absolute;
top: 13940px !important; /* 13980 */
}
a#fotkaamy /* amy jo */
{
position: static;
position: absolute;
top: 14725px !important; /* 13940 */
}
/* .............................................................. */
/* Formatuje Naglowek glowny ...NEW CLASSES... na stronie ...new_classes.html... */
div p.naglowek
{
position: static;
position: relative;
font-size: 70px !important;
font-weight: bold !important;
}
/* Formatuje Naglowek poczty ...To SIGN UP your child for a - NEW CLASSES - clic HERE... na stronie ...new_classes.html... */
div p.mail
{
position: static;
position: relative;
font-size: 45px !important; /* 55 */
font-weight: bold !important;
line-height: 0px !important;
top: 35px !important;
}
/* Formatuje button poczty ...To SIGN UP your child for a - NEW CLASSES - clic HERE... na stronie ...new_classes.html... */
div p.mail a button span.button_here
{
position: static;
position: relative;
font-size: 65px !important;
font-weight: bold !important;
}
/* Formatuje podtytuly jak np.; ...UKULELE CLASS...- wszystkie jednoczesnie, na stronie ...new_classes.html... */
div p.naglowek1
{
position: static;
position: relative;
font-size: 55px !important;
font-weight: bold !important;
top: 50px !important;
line-height: 110px !important;
}
/* Formatuje podtytuly nad tekstem jak np. ...Blues Workshop... - wszystkie jednoczesnie, na stronie ...new_classes.html... */
div span.podtytul2 p
{
position: static;
position: relative;
font-size: 50px !important;
font-weight: bold !important;
top: 40px !important;
}
/* Formatuje tekst - wszystkie akapity jednoczesnie, na stronie ...new_classes.html... */
div span.tekst p
{
position: static;
position: relative;
font-size: 55px !important;
font-weight: bol !important;
top: 55px !important;
line-height: 65px !important;
}
/* ................................................................................ */
/* Ustawienie tytulu ...Map of our services... na stronie ...mapaservicu.html... - to jest dobre tylko dla HTC choc dziala wszedzie ale rozmiar czcionki dla Iphone i Ipad pion jest zaduzy i dlatego to wylaczylem i kazda rozdzielczosc ma swoje kody */
table.mapofour
{
position: static;
position: relative;
top: -50px !important;
word-spacing: 12px !important;
font-size: 38px !important;
}
/* Powieksza obrazek z napisem ...REQUEST INFORMATION... na stronie ...requestinfo.html... i na stronie ...requestinfokidz.html.../ requestinfonewclasses.html - Ipad pion */
section.container img.requestinfo
{
position: static;
position: relative;
width: 600px !important;
height: 80px !important;
top: -100px !important; /* 10 */
}
/* Powieksza napis ...Fill out the form below if you are enrolling your child as a parent/guardian... - na stronie ...requestinfonewclasses,html... */
section#boxcontent_1 article p.parent
{
position: static;
position: relative;
font-size: 45px !important;
line-height: 55px !important;
}
/* Powieksza napis ...Fill out the form below if you are enrolling yourself (for adult students)... - na stronie ...requestinfonewclasses,html... */
section#boxcontent_1 article p.adult
{
position: static;
position: relative;
font-size: 45px !important;
line-height: 55px !important;
}
}
/*================================================================================== */
/* Formatuje adres, dni i godziny otwarcia w stopce, oraz /tylko/ gorna komorke z klawiszami w naglowku, wszedzie - dla HTC Sensation4G, pion i poziom */
@media screen and (max-width: 640px)
{
/* Dotyczy calego bloku obejmujacego cala tresc strony
div.marque
{
position: static;
position: relative;
width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
background-color: lime !important;
}
*/
/* Sluzy do skalowania stron na mobilnych
@-ms-viewport{
width: device-width;
}
*/
/* Formatuje tekst Bio Michael McKissack */
table.tabela p#textsize
{
position: static;
position: relative;
line-height: 16px !important; /* 18px 16 */
}
footer section.wrapper article.column table td.lista1 /* Dotyczy - dni otwarcia /ale bez godzin - .lista2 / */
{
position: static;
position: relative;
display: block;
width: 300px !important; /* Szerokosc pola tresci pod dniami otwarcia */
height: 140px !important; /* Wysokosc pola tresci pod dniami otwarcia */
padding: 0 0 0 0 !important;
top: 25px !important; /* Odstep pionowy tresci pod dniami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation... */
bottom: 30px !important;
left: -187px !important; /* Presuwa w poziomie tresc dni otwarcia razem z linia podkresleniem ...border-bottom... , bez linii podkreslajacejtytul ...Hours of Operation... */
border-bottom: 2px solid yello; /* Podkreslenie tresci dni otwarcia */
color: yellow !important; /*Kolor tresci dni otwarcia /bez tytulu ...Hours of Operation...*/ font-size: 27px !important; /* Wielkosc czcionki tresci pod dniami otwarcia ale bez tytulu...Hours of Operation... */
line-height: 40px !important; /*33 Odstep miedzy linijkami tresci pod dniami otwarcia /tylko/ */
}
footer section.wrapper article.column table td.lista2 /* Dotyczy - wykazu godzin otwarcia /ale bez dni - .lista1/ */
{
position: static;
position: relative;
display: block;
width: 300px !important; /* Szerokosc pola tresci pod godzinami otwarcia */
height: 150px !important; /* Wysokosc pola tresci pod godzinami otwarcia */
padding: 0 0 0 0 !important;
top: -115px !important; /* -117 - Odstep pionowy tresci pod godzinami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation... */
bottom: 30px !important;
left: 110px !important; /* Presuwa w poziomie tresc godzin otwarcia razem z linia podkresleniem ...border- bottom... , bez linii podkreslajacej tytul ...Hours of Operation... */
border-bottom: 2px solid yello; /* Podkreslenie tresci godzin otwarcia */
color: yellow !important; /*Kolor tresci godzin otwarcia /bez tytulu ...Hours of Operation...*/
font-size: 27px !important; /* Wielkosc czcionki tresci pod godzinami otwarcia ale bez tytulu...Hours of Operation... */
line-height: 40px !important; /*33 - Odstep miedzy linijkami tresci pod godzinami otwarcia /tylko/ */
}
footer section.wrapper article.column ul.lista /* Dotyczy - tylko tresci pod adresem - dla HTC Sensation 4G, pion i poziom - dubluje poz. 1417 oprocz ...line-height... */
{
position: static;
position: relative;
display: block;
width: 355px !important; /* Szerokosc pola tresci pod adresem */
height: 170px !important; /* Wysokosc pola tresci pod adresem */
padding: 0 0 0 0 !important;
top: 15px !important; /* Odstep pionowy tresci pod adresem od linii dzielacej tresc od tytulu ...Address... */
bottom: 30px !important;
left: 54px !important; /* Presuwa w poziomie tresc adresu razem z linia podkresleniem ...border- bottom... , bez linii podkreslajacej tytul ...Address... */
border-bottom: 2px solid yello; /* Podkreslenie tresci adresu */
color: yellow !important; /* Kolor tresci adresu /bez tytulu ...Address... */
/* font-size: 27px !important; Wielkosc czcionki tresci pod adresem ale bez tytulu...Address...*/
line-height: 40px !important; /*Odstep miedzy linijkami tresci pod adresem /tylko/ */
}
footer section.wrapper article.column ul.lista p /* Dotyczy - tylko tresci ...Cleaning is our business. See us first!... pod adresem w stopce - dla HTC Sensation 4G, pion i poziom - tylko dla ...Cleaning service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
left: -375px !important; /* - prawdopodobnie dziala ono i w Ipad pion i Iphone p i p */
top: 80px !important; /* -30 */
font-size: 28px !important; /* Wielkosc czcionki tresci ...Cleaning is our business. See us first!... pod godzinami pracy w stopce*/
color: #ffffff !important;
font-family: serif !important;
line-height: 37px !important; /* Odstep miedzy linijkami ale tylko w napisie...Cleaning service... */
background-color: red !important;
}
footer section.wrapper article.column h4.tytul2 /* Dotyczy - tylko napisu CONTACT - w stopce - dla HTC Sensation 4G, pion i poziom - tylko dla ...Cleaning Service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
display: none !important; /* - prawdopodobnie dziala ono i w Ipad pion i Iphone p i p */
}
footer section.wrapper article.column ul.lista span /* Dotyczy tylko ...NUMERU TELEFONU... - w stopce pod napisem ...CONTACT... - dla HTC Sensation 4G, pion i poziom - tylko dla ...Cleaning Service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
display: none !important; /* - prawdopodobnie dziala ono i w Ipad pion i Iphone p i p */
}
footer section.wrapper article.column h4.tytul3 /* Formatuje tytul...Find Us... w stopce */
{
position: relative;
left: -280px !important;
background-color: silve r !important;
}
footer section.wrapper article.column table.mapa /* Formatuje tylko pole tabeli z linkami do map w stopce na wszystkich stronach */
{
position: relative;
top: 0px !important; /*-7 */
left: -280px !important;
width: 615px !important;
/* font-size: 19px !important; */
background-color: lim e !important;
}
footer section.wrapper article.column table.mapa p /* Formatuje wszystkie tylko akapity z linkami do map w stopce na wszystkich stronach */
{
position: relative;
width: 614px !important;
font-family: serif !important;
font-size: 32.5px !important;
line-height: 50px !important; /* 44 */
background-color: yello w !important;
}
footer section.wrapper article.column table.mapa p a /* Formatuje wszystkie tylko linki do map w stopce na wszystkich stronach */
{
position: relative;
color: aqua !important;
}
/* ---------- MARQUEE - HTC PION I POZIOM - tylko dla typowych kodow ...MARQUEE... - CSS3 nie potrzebuje zadnych ustawien, za wyj¹tkiem div.podkolor, kt��ustawia gora- dol cale ...MARQUEE... w CSS3 na wszystkich stronach jednoczesnie za wyj¹tkiem strony ...index.html... */
div.podkolor
{
position: static;
position: relative;
top: 3px !important;
}
div.podkolor.podkolormarque /* Formatuje ...MARQUEE... pisane w HTML5 i CSS3 - tylko na stronie ...testimonials,html... */
{
position: static;
position: relative;
top: 3px !important;
margin-bottom: 35px !important; /* robi odstep miedzy dolna krawedzia ...MARQUEE... a gorna krawedzia...HEADER... w kt�� jest na gorze LOGO i klawisze MENU*/
}
/*
figure.figuremlenka formatuje zdjecie MARLENA
{
position: static;
position: relative;
top: 120px !important;
}
marquee.animacja Formatuje MARQUEE
{
position: static;
position: relative;
top: 62px !important;
}
figure.figurewlodek Formatuje MARQUEE
{
position: static;
position: relative;
top: 2px !important;
}
--------------------- KONIEC MARQUEE HTC PION I POZIOM --------------------------------- */
/* Formatuje MAEQUEE w calosci, na kodach CSS3 wszedzie oprocz strony ...index.html... */
div.podkolor1
{
position: static;
position: relative;
top: -40px !important;
}
/* Formatuje MAEQUEE w calosci, na kodach CSS3 tylko na stronie ...index.html... */
div.podkolor1a
{
position: static;
position: relative;
width: 1013px !important; /* dla SMART */
top: -40px !important;
}
.blok_index
{
position: relative;
width: 800px !important;
}
/* Formatuje odrazek handyman po prawej stronie przy marquee tylko na stronie ...index.html... - dla SMART */
.figurewlodek1
{
position: relative;
right: -910px !important
}
/* Formatuje naglowek z logo i klawiszami menu, slajdy, pasek z ...HOT.. i inne..., wszystko co w tabeli nad slajdami - tylko na stronie ...index.html... - patrz tez pz.20231 kody ...header... dla pozstalych stron i poz, 14512 kody ...body header... */
.menuindex
{
/* position: static; */
position: relative;
margin-top: -44px !important;
/* width: 1013p x !important; */
background-color: re d !important;
}
/* Ustawia ikone ...thumbtack... tylko na stronie ...index.html... */
.thumbtack
{
position: static;
position: relative;
top: -90px !important;
}
/* ................................................................... */
/* Formatuje /tylko/ gorna komorke z klawiszami w naglowku, wszedzie - dla HTC Sensation4G, pion i poziom */
table.navig td#pozycja /* Dotyczy tylko gornej czesci paska pod klawiszami w naglowku i klawiszy umieszczonych tylko na tym pasku dla wszystkich stron za wyjatkiem strony ...indx.html... */
{
position: static; /* Calosc dotyczy tylko gornej komorki */
position: relative;
left: 0px !important;
width: 727px !important; /* 313 / 625 */
height: 54px !important;
top: -57px !important; /* -57 - dla ustawien bez ...MARQUE... */
background-color: white !important;
}
td#pozycjaindex /* Dotyczy tylko gornej czesci paska pod klawiszami w naglowku i klawiszy umieszczonych tylko na tym pasku tylko dla strony ...index.html... */
{
position: static; /* Calosc dotyczy tylko gornej komorki */
position: relative;
left: 0px !important;
width: 735px !important; /* 313 / 625 */
height: 54px !important;
top: -57px !important; /* -57 - dla ustawien bez ...MARQUE... */
background-color: white !important;
}
table.navig /* Dotyczy calej tabeli i jej dolnej komorki pod klawiszami w naglowku - wszystkie strony za wyjatkiem strony ...index.html... */
{
position: static;
position: relative;
left: 22px !important; /* 1px */
width: 727px !important; /* bylo 725px - do logo jest 759px / 727 */
height: 54px !important; /* bylo 40px wysokosc komorek tabeli pod klawiszami */
top: -56px !important; /* -4 / 1px - ustawia cala tabele /obie komorki/ gora - dol */
background-color: white !important; /* bylo ...#333 kolor tylko dolnej komorki tabeli pod klawiszami w naglowku */
}
table.navigindex /* Dotyczy calej tabeli i jej dolnej komorki pod klawiszami w naglowku tylko dla strony ...index.html... */
{
position: static;
position: relative;
left: 22px !important; /* 1px */
width: 735px !important; /* bylo 725px - do logo jest 759px / 727 */
height: 54px !important; /* bylo 40px wysokosc komorek tabeli pod klawiszami */
top: -56px !important; /* -4 / 1px - ustawia cala tabele /obie komorki/ gora - dol */
background-color: white !important; /* bylo ...#333 kolor tylko dolnej komorki tabeli pod klawiszami w naglowku */
}
/* table.navig Dotyczy obu czesci paska pod klawiszami w naglowku i klawiszy umieszczonych tylko na tym pasku - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -56px !important;
}
*/
/* ///////////////////////////////////////////////////////////////////////// */
table.widok1 /* Dotyczy tylko tabeli z mailem i telefonami, pod naglowkiem - dopisane tylko dla ustawien z ...MARQUE... - dla wszystkich stron razem oprocz strony ...index.html... */
{
position: static;
position: relative;
top: -50px !important;
left: -250px !important;
width: 1000px !important;
}
table.widok1index /* Dotyczy tylko tabeli z mailem i telefonami, pod naglowkiem - dopisane tylko dla ustawien z ...MARQUE... - tylko dla strony ...index.html... */
{
position: static;
position: relative;
top: -50px !important;
left: -239px !important;
width: 1000px !important;
}
table.widok1 td a span#migot19ba1 /* - Formatuje przycisk /napis/ ...HOT... dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.widok1 td a#migot19ba1 /*Formatuje przycisk /napis/ ...HOT... - dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.navig td#pozycja a#migot19ba1 /*Formatuje przycisk /napis/ ...HOT... - dla Cleaning Service / SMART */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
top: 65px !important; /* - to jest tylko dla utawien z przyciskiem z fleshem ...START... na pasku w ...MENU...*/
left: -20px !important; /* auto / -300px / -595px gdy jest po lewej stronie tabeli z klawiszami */
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.widok1 td.widok font.widok2.widok2a /* - Kody do ustawienia e-mail w ...font... - dla wszystkich stron razem za wyjatkiem strony ...index.html... */
{
position: static;
position: relative !important;
top: 1px !important;
left: auto !important;
}
.widok2aindex /* - Kody do ustawienia e-mail w ...font... - tylko dla strony ...index.html... */
{
position: static;
position: relative !important;
top: 1px !important;
margin-left: 58px !important;
}
table.widok1 td font.widok3.widok3a /* Kody do ustawienia nr. telefonu w ...font... - dla wszystkich stron razem za wyj¹tkiem strony ...index.html... */
{
position: static;
position: relative !important;
vertical-align: middle !important;
left: auto !important;
}
.widok3aindex /* Kody do ustawienia nr. telefonu w ...font... - tylko dla strony ...index.html... */
{
position: static;
position: relative !important;
vertical-align: middle !important;
margin-left: 41px !important;
}@import url("style.css");
/* //////////////////////////////////////////////////////////////////////////////////////// */
div.wrapper /* formatuje COPYRIGHT w stopkach na wszystkich stronach */
{
position: relative;
font-size: 25px !important;
}
table.tresc /* Formatuje cala tresc o lekcjach oprocz naglowka ...Are you or your child interested in learning how to play a musical instrument?... na stronie ...important.html... */
{
position: relative;
font-size: 45px !important;
line-height: 59px !important;
top: -20px !important;
}
table.tresc td span#migot19ba1a /* Formatuje naglowek ...Are you or your child interested in learning how to play a musical instrument?... na stronie ...important.html... - dla darmowega pokazu z Lorenc Boisen */
{
position: relative;
font-size: 55px !important;
left: 0px !important;
text-decoration: underline;
}
table.tresc td span#migot19ba1ab /* Formatuje naglowek ...FREE Bucket Drumming Tour... na stronie ...important.html... - dla darmowego pokazu z Samuelem Barsi */
{
position: relative;
font-size: 55px !important;
left: 5px !important;
text-decoration: underline;
}
table.tresc td span#migot19ba1abc center /* Formatuje naglowek ...Bucket Drumming... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 55px !important;
/* left: 5px !important; */
text-decoration: underline;
margin-top: 20px !important;
margin-bottom: -90px !important;
}
table.tresc td span.bucket nobr.nobr1 /* Formatuje napis ...Call us at... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
color: maroon;
font-weight: bold;
text-align: left !important;
top: 60px !important;
/* word-spacing: 0px !important; */
}
table.tresc td span.span1 /* Formatuje ...numery telefonow... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
top: 50px;
color: blue !important;
}
table.tresc td span.span2 /* Formatuje ...write to us... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
top: 50px;
color: blue !important;
}
table.tresc td nobr.nobr2 /* Formatuje ...or visit us... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
top: 50px;
color: #000000 !important;
}
table.tresc td span.span3 /* Formatuje koniec tresci /za telefonami/ ...to reserve one.... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
font-weight: bold !important;
text-decoration: underline;
top: 50px;
color: red !important;;
}
table.tresc td span.span4 /* Formatuje koniec tresci ....We hope we can be of service to you!... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
top: -10px !important;
color: blue !important;
}
section.container /* Dotyczy tylko pola ekranu ze slajdami pod naglowkiem - dopisane tylko dla ustawien z ...MARQUE... */
{
position: static;
position: relative;
top: -45px !important;
}
hr.linia /* Dotyczy tylko linii nad paskiem z ...RSS plus inne... - dopisane tylko dla ustawien z ...MARQUE... */
{
position: static;
position: relative;
top: -80px !important;
}
/*
table td.rss1 Dotyczy pola ...RSSS - bez We speak english... ... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -51px !important;
}
table.rss td#ipad2c Dotyczy tylko pola ...We speak English & Polish... ... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -39px !important;
}
*/
/* table td dl#menu31 Dotyczy tylko ...MENU-MOBILE... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: 70px !important;
}
*/
/* Kody do formatowania klawisza ...FREE LESSONS.../RENTAL/ do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.kidzfreelessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: 2px !important;
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...REQUEST... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.requestinfo
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* 2 */
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...TESTIMONIALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.testimonials
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* 2 */
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...RECITALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.recitals
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: 2px !important; /* -26 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...SALE... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.sale
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* -26 2 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...GALLERY... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.gallery
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* -26 2 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...NEW... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.new_class
{
position: static;
position: relative;
/* background-color: white !important; */
height: 50px !important; /* 50 / 54 */
width: 100px !important; /* 100 / 102 */
top: 2px !important; /* -29 / -52 */
left: 0px !important; /* -2 / 102 */
}
/* ---------------------------------------------------------------------------------- */
/* Kody do formatowania klawisza ...HOME... do strony - na pasku w naglowku / ale nie sa to menu nieruchome */
table.navig img.index
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 1px !important;
}
/* Kody do formatowania klawisza ...CONTACT... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.contactus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...LOCATIONS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.locations
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...ROCK BAND... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - WYLACZONE BO NIE MA TEJ STRONY W UZYCIU
table.navig img.kidzrock
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...LESSONS... i ...MUSIC... do OBU stron jednoczesnie - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.lessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...ABOUT US... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.aboutus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...MAPA... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.mapaservisu
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...START... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig form a input.butonstartowy /* Formatuje przycisk ...START... - w menu glownym na kazdej stronie servisu ....R & W Cleaning service.... - ukryte przez ...visibility: hidden... */
{
position: static;
position: relative;
visibility: hidden !important;
text-align: center !important;
font-size: 28px !important;
height: 50px !important;
width: 150px !important; /* 100 */
top: 2px !important; /* -2 */
right: 2px !important; /* left: 2px */
}
.butonstartowyindex /* formatuje Disco Button ...Quest Book... na stronie ...index.html... - R&W Cleaning service */
{
position: relative;
top: -30px !important;
left: 15px !important;
width: 420px !important;
padding-top: 10px !important;
padding-bottom: 60px !important;
font-size: 45px !important;
color: maroon !important;
font-weight: bold !important;
font-family: serif, Georgia, Algerian, Tahoma !important;
}
.butonstartowytestim /* formatuje Disco Button ...Quest Book... na stronie ...testimonials.html... - R&W Cleaning service */
{
position: relative;
top: 0px !important;
left: 0px !important;
width: 840px !important;
padding-top: 10px !important;
padding-bottom: 60px !important;
font-size: 45px !important;
color: maroon !important;
font-weight: bold !important;
font-family: serif, Georgia, Algerian, Tahoma !important;
}
/* .............................................................................................. */
/* Powieksza napis ...Fill out the form below if you are enrolling your child as a parent/guardian... - na stronie ...requestinfonewclasses,html... */
section#boxcontent_1 article p.parent
{
position: static;
position: relative;
font-size: 45px !important;
line-height: 55px !important;
}
/* Powieksza napis ...Fill out the form below if you are enrolling yourself (for adult students)... - na stronie ...requestinfonewclasses,html... */
section#boxcontent_1 article p.adult
{
position: static;
position: relative;
font-size: 45px !important;
line-height: 55px !important;
}
/* Powieksza napis ... Fill out the entire form, please!... i ustawia w poziomie / nie dotyczy podkreslenia / - na stronie ...requestinfokidz.html... / ...requestinfonewclasses,html... - Ipad mini, pion ma to osobno poza jego kodami rozdzielczosci */
section#boxcontent_1 article form fieldset legend font.fill_out
{
position: static;
position: relative;
font-size: 45px !important;
left: -25px !important; /* -65 */
}
/* Formatuje napis ...Select Class/es/ - one, or more... na stronie ...requestinfonewclasses... nad polami wyboru */
section#boxcontent_1 article form fieldset p.polawyboru
{
position: static;
position: relative;
font-size: 40px !important;
top: 20px !important;
}
/* Ustawia gora-dol wszystkie pola wyboru - jednoczesnie - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset p.grupapol
{
position: static;
position: relative;
top: 20px !important;
}
/* Ustawia odstepy pomiedzy polami wyboru i ich opisami z boku - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset p.grupapol label
{
position: static;
position: relative;
line-height: 70px !important;
}
/* Ustawia gora-dol pole tekstowe dla wpisywania wiadomosci - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset textarea.poletekstu
{
position: static;
position: relative;
top: 30px !important;
font-size: 50px !important;
background-color: yellow !important; /* kolor pol textu - ...#ebe8de... */
border-top-color: #000000; border-top-style: solid; border-right-color: #000000; border-right-style: solid; border-bottom-color: #000000; border-bottom-style: solid; border-left-color: #000000; border-left-style: solid; border-width: 3px;
width: 810px !important;
height: 400px !important;
}
/* Ustawia gora-dol przyciski RESET/SUBMIT - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form p.przyciski
{
position: static;
position: relative;
top: 10px !important;
}
p#boxcontent_2
{ font-size: 55px !important; /* 35 /45 */
line-height: 40px !important;
text-decoration: underline !important;
} /* nadaje rozmiar czcionce / i inne / w ...requestinfonewclasses.html... w napisie ...SIGN UP FOR NEW CLASSES !... - te kody sa w poszczegolnych rozdzielczosciach */
/* Ustala ponizsze parametry etykiet pol wyboru - wszystkie etykiety pol wyboru - jednoczesnie - na stronie ...requestinfonewclasses.html... - dziala w HTC, pion i poziom i w Iphone 5s, pion i poziom */
section#boxcontent_1 article form fieldset p.grupapol label
{
position: static;
position: relative;
border-top-color: #000000; border-top-style: solid; border-right-color: #000000; border-right-style: solid; border-bottom-color: #000000; border-bottom-style: solid; border-left-color: #000000; border-left-style: solid;
border-width: 3px;
background-color: lime !important;
}
/* ........................................................................... */
/* Formatuja - cale tabele w ...index.html... oraz tabele z ksiega, i Sign Questbook + pole formularza w ....ksiega_gosci.html... , w - HTC, pion i pziom */
table.ksiega /* Ustawia tylko tbele z komorka pod obrazkiem z linkiem do ...View Questbook... w ...index.html... - HTC,pion i poziom */
{
position: static;
position: relative;
left: 55px !important;
top: -50px !important; /* -25 / 70 */
width: 400px !important;
height: 80px !important;
}
table.ksiega td a img /* Ustawia tylko obrazek w komorce tabeli pod nim z linkiem do ...View Questbook... w ...index.html... - HTC,pion i poziom */
{
position: static;
position: relative;
left: 0px !important;
top: 1px !important;
width: 400px !important;
height: 80px !important;
}
table.ksiega1 /* Ustawia tylko tabele z komorka pod obrazkiem z linkiem do ...Sign Questbook... w ...index.html... - HTC,pion i poziom */
{
position: static;
position: relative;
left: 5px !important; /* 550 */
top: -220px !important; /* -109 / -133 */
width: 375px !important; /* 400 */
height: 80px !important;
}
table.ksiega1 td.ksiega1a /* Formatuje tylko napis ...GUEST BOOK... w komorce z linkiem do ...Sign Questbook... w ...index.html... - HTC pion i poziom */
{
position: relative;
font-size: 40px !important;
}
table#opinie /* Ustawia tylko tabele z komorka pod obrazkiem z linkiem do ...Sign Questbook... w ...testimonials.html... - HTC,pion i poziom */
{
position: static;
position: relative;
background-color: silver !important;
left: 2px !important; /* 550 210 */
top: -40px !important; /* 45 - dla ustawien bez ...MARQUE... -25 */
width: 840px !important; /* 400 600 */
height: 100px !important; /* 80 */
}
table#opinie td span#opinie1 /* Formatuje tylko napis ...GUEST DOOK... w ...testimonials.html... - HTC pion i poziom */
{
position: static;
position: relative;
font-size: 50px;
}
table#opinie td form p /* Formatuje tylko opis /w ...p.../ pol formularza input w ...testimonials.html... - HTC pion i poziom i chyba Ipone5s pion i poziom */
{
position: static;
position: relative;
font-size: 43px; /* 45 */
margin-bottom: 20px;
margin-top: 20px !important;
}
table#opinie td p.info /* Formatuje napis ...Only for registered customers.... w tabeli ...Quest book... w ...testimonials.html... - HTC pion i poziom i Iphone 5s,pion i poziom */
{
position: relative;
font-size: 48px !important;
margin-bottom: 30px !important;
}
table#opinie td form input.dlug /* Formatuje dlugosc pol input w ...p... w tabeli ...Quest book... w ...testimonials.html... - HTC pion i poziom i Iphone 5s,pion i poziom */
{
position: relative;
width: 700px !important;
border: 2px #000000 solid !important;
}
table#opinie td.kom1 /* Formatuje pierwsza komorke w tabeli ...Quest book... w ...testimonials.html... - HTC pion i poziom i Iphone 5s,pion i poziom */
{
position: relative;
border: 3px red solid !important;
}
table#opinie td.kom2 /* Formatuje druga komorke w tabeli ...Quest book... w ...testimonials.html... - HTC pion i poziom i Iphone 5s,pion i poziom */
{
position: relative;
border: 3px blue dotted !important;
}
table#opinie td form input.luz /* Formatuje tylko pola formularza input / tylko RESET / w ...testimonials.html... - HTC pion i poziom i chyba Ipone5s pion i poziom */
{
position: static;
position: relative;
margin-bottom: -10px !important;
margin-top: 25px !important;
font-size: 45px !important;
font-weight: bold !important;
padding: 20px !important;
}
table#opinie td form input#luz1 /* Formatuje tylko pola formularza input / tylko OPEN / w ...testimonials.html... - HTC pion i poziom i chyba Ipone5s pion i poziom */
{
position: static;
position: relative;
margin-bottom: 0px !important;
margin-top: 35px !important;
font-size: 45px !important;
font-weight: bold !important;
padding-left: 20px !important;
padding-top: 20px !important;
padding-right: 20px !important;
padding-bottom: 45px !important;
}
table#opinie td a img /* Ustawia tylko obrazek z linkiem w komorce tabeli do ...Sign Questbook... w ...testimonials.html... - HTC,pion i poziom */
{
position: static;
position: relative;
left: 1px !important;
top: 1px !important;
width: 600px !important; /* 400 */
height: 100px !important; /* 80 */
}
table.ksiega1 td a img /* Ustawia tylko obrazek z linkiem w komorce tabeli do ...Sign Questbook... w ...index.html... - HTC,pion i poziom */
{
position: static;
position: relative;
left: 1px !important;
top: 1px !important;
width: 400px !important;
height: 80px !important;
}
table#ksiega1 /* Ustawia tabele z ksiega w ...ksiega_gosci.html... - HTC,pion i poziom */
{
position: static;
position: relative;
width: 920px !important; /* 380 */
top: -1px !important; /* -1 */
left: 5px !important;
}
table#ksiega1 img /* Ustawia obrazek w tabeli w ...ksiega_gosci.html... - HTC,pion i poziom */
{
position: static;
position: relative;
width: 100% !important; /* 680 */
}
table#ksiega td img /*Ustawia napis - Sign questbook w - ksiega_gosci.html - HTC.pion i poziom */
{
position: static;
position: relative;
top: 100px !important;
}
table#ksiega /*Ustawia tabele z napisem - Sign to questbook w - ksiega_gosci.html - HTC pion i poziom */
{
position: static;
position: relative;
top: 65px !important;
width: 920px !important;
}
form#forma /* Ustawia formularz w - ksiega_gosci.html - HTC, pion i poziom */
{
position: static;
position: relative;
top: 68px !important;
}
form#forma label /* Ustawia opis pol / tylko input / formularza w - ksiega_gosci.html - HTC pion i poziom i chyba Ipone5s pion i poziom */
{
position: static;
position: relative;
font-size: 40px !important;
}
/* Formatuje tekst pierwszego akapitu /zolte tlo/ pod tytulem ...Yuo should choose... w ...aboutus.html... pod tekstem ... Music is our business, see us first... - tylko HTC, pion i poziom - Iphone i Ipad pion sa w inych kodach jak i HTC, kt��w tamtych kodach jest inaczej formatowane */
section#boxcontent article p#ustep
{
position: static !important;
position: relative !important;
text-align: justify !important;
top: 93px !important; /* -10 */
word-spacing: -5px !important;
background-color: yellow !important;
}
/* Ustawia linie na dole strony nad lista niepunktowana na stronie ...aboutus.html... - HTC pion i poziom - Iphone pion i poziom - Ipad pion ???????? */
center hr
{
position: static !important;
position: relative !important;
top: -55px !important;
}
/* =================================================================================== */
table.strojenie /* Ustawia ...MENU - MOBILE... ..id="menu31" - tylko na stronie ...testimonials.html... */
{
position: static;
position: relative;
top: 217px !important; /* 218 228 */
}
table.hidden1 /* Tabela z ...MARQUE... - chyba juz nie ma jej po zmianie z dolozeniem LIGHBOX ????? */
{
position: static;
position: relative;
top: 1px !important;
width: 1000px !important;
height: 60px !important;
top: 3px !important;
}
body header /* Czarne pole w naglowku z logo firmy - patrz tez poz.13568 kody ... header.menu... i poz.20231 kody ...header... */
{
position: static;
position: relative;
top: 1px !important;
background-color: aqu a !important;
}
/* body div Podnosi cala strone/y/ do gory o wysokosc po czterech statycznych MENU ukrytych dla mobilnych
{
top: -61px !important;
}
*/
dl#menu26 /* Ukrywa /menu/ MENU - pierwsze, dla mobilnych */
{
display: none
}
dl#menu27 /* Ukrywa menu SMART - drugie, dla mobilnych */
{
display: none
}
dl#menu28 /* Ukrywa menu FREE CLASS - trzecie, dla mobilnych */
{
display: none
}
dl#menu29 /* Ukrywa menu VERY IMPORTANT - czwarte, dla mobilnych */
{
display: none
}
/* Ustawia na pozycji tabele z ...MENU31...- przewijane ze strona - dla mobilnych - HTC pion i poziom */
table dl.testimenu31 /* ustawia tabele z ...MENU 31... - tylko na stronie ...testimonials.html... dla ...flying letters... */
{
position: static;
position: relative;
margin-top: 44px !important;
z-index: 2 !important;
}
table dl.menu31 /* ustawia tabele z ...MENU 31... - tylko na stronie ...index.html... */
{
position: static;
position: relative;
left: 1px !important; /* -749 / 1 */
margin-top: 8px !important; /* 3 / top: 119/ */
z-index: 2 !important;
}
table dl#menu31 /* ustawia tebele z ...MENU 31... na wszystkich stronach oprocz ...index.html... i ...testimonials.html... */
{
position: static;
position: relative;
display: none !important; /*ukrywa wszystkie Menu-Mobile mimo powyzszego opisu ze ...oprocz ...index.html... i ...testimonials.html... */
left: 1px !important; /* -749 / 1 */
top: 57px !important; /* 3 / top: 119 53 */
z-index: 2 !important;
}
/* ........................................................................................... */
/* Zewnetrzny arkusz stylow / kopia ...menustart31.css.../, dla rozwijanego i wysuwanego Menu - sCH.M.A./Rozwijane i wysuwane Menu glowne /ruchome razem ze strona, Z ...id="menu31..." sterowanego Skryptem ...menu_mobile.js... , lub mo¿e byc...recitalsmenu.js... lub ...menu.js.... - dla HTC pion i poziom */
#menu31 dd dt
{
position: static;
position: relative;
width: 327px !important; /* Nadaje rozmiar tylkO liscie ...DT... pod klawiszami do stron j.np. HOME itd. */
background-color: #ccc !important; /* Nadaje kolor tla listy pod klawiszami do stron wysuwanej w bok z klawisza ...WEBSITES... */
}
#menu31 dd dt img
{
position: static;
position: relative;
width: 321px !important; /* Nadaje rozmiar tylko obrazkom klawiszy do stron j.n. HOME itd. */
height: 70px !important; /* Nadaje rozmiar tylko obrazkom klawiszy do stron j.n. HOME itd. */
/* top: 0px !important; - to ptrzesuwa tylko klawisze do stron */
/* left: 75px; - to ptrzesuwa tylko klawisze do stron */
}
dl#menu31 dd dl dd dl
{
position: static;
position: relative;
background-color: lime; /* pierwsza wysuwana w bok lista - tlo listy pod butonami */
width: 327px;
height: 30px !important; /* Jest to tlo pod wszystkimi ...button... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz, ale nie jest to kolor listy pod klawiszami do stron */
top: 0px !important; /* Ustawia liste razem z butonami */
}
dl#menu31 dd dl dd dl button /* Pierwsza wysuwana w bok lista - tylko button */
{
position: static;
position: relative;
background-color: yello; /* daje kolor tla dla wszystkich button tytulowych czyli np. ALL TEACHERS i pozostale - na obu wysuwanych w bok listach */
width: 327px;
top: 2px !important; /*- Przesuwa gor-dol pierwsza liste wysuwana w bok - minus do gory , plus do dolu */
left: 0px !important; /* Przesuwa w bok wszystkie button na liscie oprocz pierwszego */
}
dl#menu31 dd dl dd dl button font /* Pierwsza wysuwana w bok lista - tylko napisy na wszystkich buttonach */
{
position: static;
position: relative;
top: -10px !important; /*-100 -10 -4 - wlaczenie koloru tla psestawia napis gor-dol*/
background-color: lim; /* daje kolor tla ale tylko pod napisami */
/* font-size: 25px !important; wielkosc czcionki w tytulach pierwszej wysuwanej w bok listy */
}
dl#menu31 dd
{
position: static;
position: relative;
background-color: blue;
width: 327px;
right: -5px !important; /* Presuwa cale Menu /LISTE ROZWIJANA SPOD KLAWISZA GLOWNEGO I OBIE LISTY WYSUWANE W BOK oraz liste z klawiszami - w lewo gdy jest plus i w prawo gdy jest minus - oprocz klawisza glownego ...MOBILE-MENU */
height: 0px !important; /* Likwiduje kawalek wystajacego siwego pola i nakladajacego sie na klawisz ...WEBSITES... oraz likwiduje przerwy miedzy otwieranymi klawiszami oprocz ostatniej wysuwanej w bok listy */
}
dl#menu31 dd dl
{
position: static;
position: relative;
background-color: yellow;
width: 327px;
}
dl#menu31 dd dl dd dl dd dl /* Ostatnia wysuwana w bok lista ale nie button */
{
position: static;
position: relative;
background-color: aqua;
width: 327px !important; /* szerokosc tla listy */
top: 0px !important; /* Przesuwa gor-dol ostatnia liste wysuwana w bok - minus do gory , plus do dolu */
height: 50px !important; /* Jest to tlo pod napisami ponizej klawisza ...AL. TEACHERS... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz */
}
dl#menu31 dd dl dd dl dd dl button /* Ostatnia /druga/ wysuwana w bok lista - tylko button */
{
position: static;
position: relative;
/* background-color: aqua; daje kolor tla ale tylko dla button tytulowy czyli ALL TEACHERS */
width: 327px;
/* top: 2px !important; - Przesuwa gor-dol ostatnia liste wysuwana w bok - minus do gory , plus do dolu */
left: -5px !important; /* Przesuwa button /pierwszy od gory/ */
}
dl#menu31 dd dl dd dl dd dl button font /* Ostatnia /druga/ wysuwana w bok lista - tylko napisy na button /pierwszy od gory/ */
{
position: static;
position: relative;
top: -16px !important; /* -10 , wlaczenie koloru tla w poz. 11882 przesuwa napis gor-dol */
}
#menu31 dt:hover.active /* .small - po wylaczeniu tej klasy wlaczyl sie kolor napisu MENU - PRZY NAJECHANIU MYSZKA */
{
color: #ff00ff;
}
#menu31 dt.active /* Klawisz glowny - dopisalem */
{
position: static;
position: relative;
/* top: 119px !important; ustala pozycje w pionie - gora/dol ...100px... patrz p.9901 */
/* left: 1px !important; ustala pozycje w poziomie - patrz p.9901 */
font-size: 41px !important; /*55 czcionka ...MOBILE-MENU... */
width: 320px !important; /* 249 Szerokosc pola klawisza glownego ... MENU ... */
height: 60px !important; /* Wysokosc pola klawisza glownego ... MENU ... */
border-width: 5px; /* Margines zolty */
border-style: solid;
border-color: yellow;
background-color: #ccc
}
#menu31 dt.active span /* Klawisz glowny - dopisalem */
{
position: static;
position: relative;
top: 9px !important; /* Ustawia gora-dol napis na klawiszu ale bez pauzy */
}
#menu31 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu31 a:link, #menu31 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu31 a:hover {
color: #fff; /* jest to kolor napisow na wszystkich przyciskach ale tylko list rozwijanych i wysuwanych do stron */
background-color: #008; /* (#ffffff - biale) - ...#008... tlo /siwe/ na paskach Menu po najechaniu myszka - ogolnie, oprocz ponizszych pol ...dt... z ...id="tlo"..., tez po najechaniu myszka */
}
#menu31 dd dl dd {
position: relative;
left: 327px; /* wysuwa w bok druga i trzecia liste */
bottom: 24px; /* 31/22 */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
#menu31 dt /* jest to lista tytulow - dopisalem */
{
position: static;
position: relative;
width: 327px; /* szerokosc pola pod buton, ale to nie jest button */
}
#menu31 dl button /* Parametry klawiszy ...BUTTON..- wszystkie menu rozwijane i wysuwane - dopisalem */
{
position: static;
position: relative;
width: 327px !important; /* 307 /345/ 327 / 249 - szerokosc button, wszedzie /rozwijane */
height: 30px !important; /* 60 /30 wysokosc klawiszy ...button... w kazdej liscie */
left: 0px !important;
}
#menu31 dl button font /* Ustala czcionke napisu na ...BUTTON.. - tylko lista rozwijana spod klawisza glownego /pierwsza/ - dopisalem */
{
position: static;
position: relative;
font-size: 25px !important; /* 25 35 */
top: -10px !important; /* Ustawia gora-dol wszystkie tytuly w pierwszej liscie spod klawisza glownego */
}
#menu31 dl dd dl dd /* dopisalem - formatuje ostatnia liste wysuwana */
{
position: static !important;
position: relative !important;
top: -30px !important; /* 65 ustawia gora/dol ostatnia liste wysuwana w bok w stosunku do listy poprzedzajacej jak - np.; z klawisza /button/ piano wysuwa si蟬ista z nauczycielami pianina i to dotyczy tej listy z nauczycielami pianina - jest to button */
/* left: 340px !important; dubluje inne parametry przesuwajace liste w lewo - prawo */
}
#menu31 dl dd dl dd dt /* dopisalem - formatuje ostatnia liste wysuwana */
{
position: static !important;
position: relative !important;
font-size: 28px !important; /* Wieloksc liter w ostaniej liscie wysuwanej oprocz jej tytulu ...ALL TEACHERS... */
font-weight: bold !important; /* Grubosc liter w ostatniej liscie wysuwanej oprocz jej tytulu ...ALL TEACHERS... */
width: 327px;
/* left: 340px; */
}
#menu31 dl dd dl /* Formatuje pola pierwszej i drugiej listy wysuwanej w bok */
{
position: static;
position: relative;
left: 0px; /* odsuwa pola button z polami pod nimi w bok ale bez pierwszych pol tytulowych np.All Teachers */
top: -1px !important; /* przesuwa gora-dol pierwsza i druga liste wysuwana w bok */
width: 327px; /* 327 - szerokosc pola pod buton, ale to nie jest button */
}
#menu31 dl.miejsce /* Dopisalem tylko lista z klawiszami do stron wysuwana z pola ...WEBSITES... */
{
position: static;
position: relative;
top: -1px !important; /* - To przesuwa i pole pod klawiszami do stron i klawisze jednoczesnie */
left: 80px; /* - To przesuwa i pole pod klawiszami do stron i klawisze jednoczesnie */
background-color: #ccc !important; /* Kolor tla listy ale tylko pod klawiszami obrazkowymi do stron */
/* width: 400px !important; - szerokosc listy pod klawiszami do stron */
}
#menu31 dl dt button span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... we wszystkich ...MENU#31.... */
{
position: relative;
top: -13px !important;
}
#menu31 dt span.pauza /* Ustawia w pozycji myslnik miedzy ...MOBILE - MENU... */
{
position: relative;
position: static;
top: -5px !important; /* Ustawia myslnik gora-dol */
color: black !important;
font-weight: bold !important; /* pogrubia myslnik */
word-spacing: 1px !important; /* oddala na boki myslnik od wyrazow po lewej i prawej stronie */
}
/* Formatuje w ...MENU31... w HTC, pion i poziom oraz Iphone 5s, pion i poziom - ustawia tylko klawisze /button/ W PIERWSZYCH LISTACH WYSUWANYCH W BOK; ...ALL NEW CLASSES - z listy ...NEW CLASSES... / ...FOR ALL STUDENTS... , ...SHEET MUSIC... , ...THUMBTACK... - z listy ...IMPORTANT... / ...ALL TEACHERS... - z listy ...TEACHERS... / ...SCH. MUSIC... - z listy ...RECITALS... / ...FACEBOOK... - z listy ...GALLERY... / ...SCH.M.A. - TOUR... , KIDZROCK... - z listy ...VIDEOS... / ...SMART-POLISH... , ...SMART-ENGLISH... - z listy ...LINKS... / ...OUR OFFERS... - z listy ...SALE... */
#menu31 dd dl dt button.wlewo
{
position: relative;
position: static;
left: -5px !important;
top: -1px !important;
}
/* Formatuje w ..MENU31... tylko napis ...OUR OFFERS... na klawiszu listy wysuwanwj w bok z listy /klawisza/ ...SALE... - tylko w HTC. pion i poziom */
#menu31 dd dl dt button.wlewo font.up
{
position: relative;
position: static;
top: -13px !important;
}
/* Formatuje tylko klawisz ...OUR OFFERS... wysuwany z klawisza ...SALE... - w HTC, pion i poziom i w Iphone 5s, pion i poziom */
#menu31 dd dl dt button#buttonup
{
position: relative;
position: static;
top: -1px !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... oprocz napisow; ...BLUES WORKSHOP... I ... CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.rozmiar
{
position: relative;
font-size: 28px !important;
}
/* Formatuje liste/ tylko tlo pod buttonami/ pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - HTC, pion i poziom oraz Iphone5s, pion i poziom */
#menu31 dd.wydzial1a dl
{
position: relative;
top: -1px !important;
}
/* Formatuje liste MENU31/ tylko tlo pod buttonami/ pod tytulami / ALE NIE TYTULY/ ...FOR ALL STUDENTS... , ...SHEET MUSIC... , ...THUMBTACK... wysuwana w bok z przycisku ...IMPORTANT... i ...ALL TEACHERS... wysuwana w bok z przycisku ... TEACHERS... - HTC, pion i poziom oraz Iphone5s, pion i poziom
#menu31 dd.wydzial dl
{
position: relative;
top: -1px !important;
}
*/
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BLUES WORKSHOP... */
#menu31 dd.wydzial1a dl dt.blues
{
position: relative;
font-size: 28px !important;
letter-spacing: -2px !important;
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BUCKET DRUMMING... */
#menu31 dd.wydzial1a dl dt.drumming
{
position: relative;
font-size: 28px !important;
letter-spacing: -3px !important;
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.sign
{
position: relative;
font-size: 28px !important;
letter-spacing: -2px !important;
background-color: lime !important;
}
table span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... w mapie serwisu ...mapaservicu.html... */
{
position: relative;
top: -1px !important;
}
/*
dl#menu31 dd dl dt Rozciaga na wysokosc wszystkie trzy listy robiac tym samym wieksze odstepy pomiedzy napisami na buttonach
{
position: static;
position: relative;
width: 327px;
height: 40px !important; Jest to wysokosc tla ...dt... pod wszystkimi ...button...
top: 0px !important; Ustawia wszystkie trzy listy ...dt... gora-dol razem z butonami ale bez tla czyli ...dl... pod nimi
}
*/
/* Formatuje napis ...YOUR PUBLICK OPINION/COMMENTARY... na stronie ...ksiega_gosci.html... */
form table td p.opinia font
{
position: relative;
font-size: 28px !important;
}
section#four_columns article figure img.obraz2 /* - Ustawia drugi obrazek z lightbox - HTC pion i poziom */
{
position: static;
position: relative;
top: 20px;
left: 0px; /* 25px */
}
section#four_columns article figure img.obraz3 /* - Ustawia trzeci obrazek z lightbox - HTC pion i poziom */
{
position: static;
position: relative;
top: 0px;
left: 0px; /* 25px */
}
section#four_columns article figure img.obraz4 /* - Ustawia czwarty obrazek z lightbox - HTC pion i poziom */
{
position: static;
position: relative;
top: 0px; /* -48 */
left: 0px; /* 25px */
}
form#forma table td center textarea /* Formatuje tekst w polu do pisania opinii w ksiedze gosci */
{ position: static;
position: relative;
font-size: 35px !important;
}
/*.................................................................................. */
/* KODY DO ETYKIET POSZCZEGOLNYCH GRUP NAUCZYCIELI na stronie ...teachers1.html... dla HTC, pion i poziom */
a#etykieta1
{
position: static;
position: relative;
top: 480px !important; /* 460 */
}
a.grupapiano
{
position: static;
position: relative;
top: 1025px !important; /* 995 */
}
a.grupabanjo
{
position: static;
position: relative;
top: 1500px !important; /* 1410 */
}
a.grupabaritone
{
position: static;
position: relative;
top: 1915px !important; /* 1825 */
}
a.grupabass
{
position: static;
position: relative;
top: 2335px !important; /* 2490 */
}
a.grupabassoon /* michael a. hamil */
{
position: static;
position: relative;
top: 2775px !important;
}
a.grupadrums
{
position: static;
position: relative;
top: 3180px !important; /* 2660 */
}
a.grupaeuphonium
{
position: static;
position: relative;
top: 3605px !important; /* 3070 */
}
a.grupaguitar
{
position: static;
position: relative;
top: 4080px !important; /* 3490 */
}
a.grupaharmonica
{
position: static;
position: relative;
top: 4535px !important; /* 3980 */
}
a.grupajazz
{
position: static;
position: relative;
top: 4975px !important; /* 4405 */
}
a.grupamandolin
{
position: static;
position: relative;
top: 5395px !important; /* 4810 */
}
a.grupatrombone
{
position: static;
position: relative;
top: 5815px !important; /* 5230 */
}
a.grupatrumpet
{
position: static;
position: relative;
top: 6235px !important; /* 5645 */
}
a.grupatuba
{
position: static;
position: relative;
top: 6655px !important; /* 6065 */
}
a.grupaukulele
{
position: static;
position: relative;
top: 7075px !important; /* 6485 */
}
a.grupauprightbass
{
position: static;
position: relative;
top: 7495px !important; /* 6902 */
}
a.grupaviolin
{
position: static;
position: relative;
top: 7915px !important; /* 7317 */
}
a.grupavoice
{
position: static;
position: relative;
top: 8335px !important; /* 7732 */
}
a.grupawoodwind
{
position: static;
position: relative;
top: 8755px !important; /* 8147 */
}
/* Kody do ustawien gora-dol BIO nauczycieli na stronie ...teacherphotos.html - dla HTC, pion i poziom */
a#biomlenusek
{
position: static;
position: absolute;
top: 565px !important; /* 770/595 */
}
a#fotkaschultz
{
position: static;
position: absolute;
top: 1350px !important; /* 1555/1380 */
}
a#fotkaenglish /* stremplewski */
{
position: static;
position: absolute;
top: 2135px !important; /* 2340/2165 */
}
a#fotkashore
{
position: static;
position: absolute;
top: 2920px !important; /* 31252950 */
}
a#fotkatoomey /* thomas */
{
position: static;
position: absolute;
top: 3705px !important; /* 3910/3735 */
}
a#fotkaboisen
{
position: static;
position: absolute;
top: 4495px !important; /* 4700/4525 */
}
a#fotkabaker
{
position: static;
position: absolute;
top: 5280px !important; /* 5485/5310 */
}
a#fotkalenka
{
position: static;
position: absolute;
top: 6065px !important; /* 6270/6095 */
}
a#fotkamichael
{
position: static;
position: absolute;
top: 6855px !important; /* 7060/6885 */
}
a#fotkaoksana
{
position: static;
position: absolute;
top: 7640px !important; /* 7845/7670 */
}
a#fotkapablo
{
position: static;
position: absolute;
top: 8425px !important; /* 8630/8455 */
}
a#fotkabarsi
{
position: static;
position: absolute;
top: 9215px !important; /* 9420/9245 */
}
/* a#fotkataylor - Joe Schulz
{
position: static;
position: absolute;
top: 10060px !important;
} */
a#fotkaelvira
{
position: static;
position: absolute;
top: 10030px !important; /* 10845/10060 */
}
a#fotkabobby
{
position: static;
position: absolute;
top: 10815px !important; /* 11630/10845 */
}
a#fotkashields
{
position: static;
position: absolute;
top: 11600px !important; /* 12417/11630 */
}
a#fotkabrent /* brent dean */
{
position: static;
position: absolute;
top: 12387px !important; /* 13204/12417 */
}
a#fotkameyer /* jim meyer */
{
position: static;
position: absolute;
top: 13174px !important; /* 13991/13204 */
}
a#fotkahamil /* michael a. hamil */
{
position: static;
position: absolute;
top: 13961px !important; /* 13204/13991 */
}
a#fotkaamy /* amy jo */
{
position: static;
position: absolute;
top: 14748px !important; /* 13961 */
}
/* .................................................................................... */
/* Formatuje Naglowek glowny ...NEW CLASSES... na stronie ...new_classes.html... */
div p.naglowek
{
position: static;
position: relative;
font-size: 70px !important;
font-weight: bold !important;
}
/* Formatuje Naglowek poczty ...To SIGN UP your child for a - NEW CLASSES - clic HERE... na stronie ...new_classes.html... */
div p.mail
{
position: static;
position: relative;
font-size: 55px !important;
font-weight: bold !important;
line-height: 0px !important;
top: 35px !important;
}
/* Formatuje button poczty ...To SIGN UP your child for a - NEW CLASSES - clic HERE... na stronie ...new_classes.html... */
div p.mail a button span.button_here
{
position: static;
position: relative;
font-size: 65px !important;
font-weight: bold !important;
}
/* Formatuje podtytuly jak np.; ...UKULELE CLASS...- wszystkie jednoczesnie, na stronie ...new_classes.html... */
div p.naglowek1
{
position: static;
position: relative;
font-size: 55px !important;
font-weight: bold !important;
top: 50px !important;
line-height: 110px !important;
}
/* Formatuje podtytuly nad tekstem jak np. ...Blues Workshop... - wszystkie jednoczesnie, na stronie ...new_classes.html... */
div span.podtytul2 p
{
position: static;
position: relative;
font-size: 50px !important;
font-weight: bold !important;
top: 40px !important;
}
/* Formatuje tekst - wszystkie akapity jednoczesnie, na stronie ...new_classes.html... */
div span.tekst p
{
position: static;
position: relative;
font-size: 55px !important;
font-weight: bol !important;
top: 55px !important;
line-height: 65px !important;
}
/* ................................................................................ */
/* Ustawienie tytulu ...Map of our services... na stronie ...mapaservicu.html... - to jest dobre tylko dla HTC choc dziala wszedzie ale rozmiar czcionki dla Iphone i Ipad pion jest zaduzy i dlatego kazda rozdzielczosc ma swoje kody */
table.mapofour
{
position: static;
position: relative;
top: -50px !important;
word-spacing: 12px !important;
font-size: 45px !important;
}
/*
footer.dlugosc bodylong
{
position: static;
position: relative;
top: 7500px !important;
} */
}
/* ======================================================================== */
/* Formatuje adres, dni i godziny otwarcia w stopce, oraz gorna komorke z klawiszami tylko w niej w naglowku, wszedzie - dla Iphone 5s, pion i poziom */
@media screen and (max-device-width: 360px)
{
/* Dotyczy calego bloku obejmujacego cala tresc strony
div.marque
{
position: static;
position: relative;
width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
background-color: lime;
}
*/
/* Formatuje tekst Bio Michael McKissack */
table.tabela p#textsize
{
position: static;
position: relative;
line-height: 16px !important; /* 18px 16 */
}
/* footer .wrapper .column .lista1 - Kody dla Iphone 5s - pion i poziom */
footer section.wrapper article.column table td.lista1 /* Dotyczy - dni otwarcia /ale bez godzin -
.lista2 / - dla Iphone 5s, pion i poziom */
{
position: static;
position: relative;
display: block;
width: 300px !important; /* Szerokosc pola tresci pod dniami otwarcia */
height: 140px !important; /* Wysokosc pola tresci pod dniami otwarcia */
padding: 0 0 0 0 !important;
top: 15px !important; /* 25/10/15/14/24/13px - Odstep pionowy tresci pod dniami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation... */
bottom: 30px !important;
left: -187px !important; /* Presuwa w poziomie tresc dni otwarcia razem z linia podkresleniem
...border-bottom... , bez linii podkreslajacejtytul ...Hours of Operation...*/
border-bottom: 2px solid yello; /* Podkreslenie tresci dni otwarcia */
color: yellow !important; /*yello - Kolor tresci dni otwarcia /bez tytulu ...Hours of Operation... */
font-size: 27px !important; /* Wielkosc czcionki tresci pod dniami otwarcia ale bez tytulu...Hours of Operation...*/
line-height: 40px !important; /*33 Odstep miedzy linijkami tresci pod dniami otwarcia /tylko/ */
}
/* footer .wrapper .column .lista2 - Kody dla Iphone 5s - pion i poziom */
footer section.wrapper article.column table td.lista2 /* Dotyczy - wykazu godzin otwarcia /ale bez dni - .lista1/ - dla Iphone 5s, pion i poziom */
{
position: static;
position: relative;
display: block;
width: 300px !important; /* Szerokosc pola tresci pod godzinami otwarcia */
height: 150px !important; /* Wysokosc pola tresci pod godzinami otwarcia */
padding: 0 0 0 0 !important;
top: -125px !important; /* -117px/-131/-133/-125 -Odstep pionowy tresci pod godzinami otwarcia od linii dzielacej tresc od tytulu ...Hours of Operation... */
bottom: 30px !important;
left: 110px !important; /* Presuwa w poziomie tresc godzin otwarcia razem z linia podkresleniem ...border- bottom... , bez linii podkreslajacej tytul ...Hours of Operation... */
border-bottom: 2px solid yello; /* Podkreslenie tresci godzin otwarcia */
color: yellow !important; /*Kolor tresci godzin otwarcia /bez tytulu ...Hours of Operation...*/
font-size: 27px !important; /* Wielkosc czcionki tresci pod godzinami otwarcia ale bez tytulu...Hours of Operation...*/
line-height: 40px !important; /* 33 Odstep miedzy linijkami tresci pod godzinami otwarcia /tylko/ */
}
footer section.wrapper article.column ul.lista p /* Dotyczy - tylko tresci ...Cleaning is our business. See us first!... pod adresem w stopce - dla Iphone pion i poziom - tylko dla ...Cleaning service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
left: -375px !important; /* -375 -75 -225 -325 */
top: 80px !important; /* -30 80 */
font-size: 32px !important; /* 28 - Wielkosc czcionki tresci ...Cleaning is our business. See us first!... pod godzinami pracy w stopce*/
color: #ffffff !important;
font-family: serif !important;
line-height: 37px !important; /* Odstep miedzy linijkami ale tylko w napisie...Cleaning service... */
background-color: red !important;
}
footer section.wrapper article.column h4.tytul2 /* Dotyczy - tylko napisu CONTACT - w stopce - dla HTC Sensation 4G, pion i poziom - tylko dla ...Cleaning Service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
display: none !important;
}
footer section.wrapper article.column ul.lista span /* Dotyczy tylko ...NUMERU TELEFONU... - w stopce pod napisem ...CONTACT... - dla HTC Sensation 4G, pion i poziom - tylko dla ...Cleaning Service... - stopki na wszystkich stronach */
{
position: static;
position: relative;
display: none !important;
}
footer section.wrapper article.column h4.tytul3 /* Formatuje tytul...Find Us... w stopce */
{
position: relative;
text-align: left !important;
left: -260px !important; /* -280 -130 150 100 -250 -280 -270 */
background-color: silve r !important;
}
footer section.wrapper article.column table.mapa /* Formatuje tylko pole tabeli z linkami do map w stopce na wszystkich stronach */
{
position: relative;
top: 10px !important; /* -7 0 20 */
left: -260px !important; /* -280 0 100 -250 -280 -270 */
width: 590px !important; /* 615 600 590 560 510 450 */
font-size: 20px !important; /* 19 */
background-color: gree n !important;
}
footer section.wrapper article.column table.mapa p /* Formatuje wszystkie tylko akapity z linkami do map w stopce na wszystkich stronach */
{
position: relative;
width: 589px !important; /* 614 */
font-family: serif !important;
font-size: 33px !important;
line-height: 45px !important;
background-color: yello w !important;
}
footer section.wrapper article.column table.mapa p a /* Formatuje wszystkie tylko linki do map w stopce na wszystkich stronach */
{
position: relative;
color: aqua !important;
}
/* ---------- MARQUEE - IPHONE 5S, PION I POZIOM - tylko dla typowych kodow ...MARQUEE... - CSS3 nie potrzebuje zadnych ustawien, za wyj¹tkiem div.podkolor, kt��ustawia gora- dol cale ...MARQUEE... w CSS3 na wszystkich stronach jednoczesnie --- */
div.podkolor
{
position: static;
position: relative;
top: 3px !important;
}
div.podkolor.podkolormarque /* Formatuje ...MARQUEE... pisane w HTML5 i CSS3 - tylko na stronie ...testimonials,html... */
{
position: static;
position: relative;
top: 3px !important;
margin-bottom: 35px !important; /* robi odstep miedzy dolna krawedzia ...MARQUEE... a gorna krawedzia...HEADER... w kt�� jest na gorze LOGO i klawisze MENU*/
}
/*
figure.figuremlenka formatuje zdjecie MARLENA
{
position: static;
position: relative;
top: 120px !important;
}
marquee.animacja Formatuje MARQUEE
{
position: static;
position: relative;
top: 62px !important;
}
figure.figurewlodek Formatuje MARQUEE
{
position: static;
position: relative;
top: 2px !important;
}
---------------- KONIEC MARQUEE IPHONE 5S, PION I POZIOM ------------------------------- */
/* Formatuje MAEQUEE w calosci, na kodach CSS3 tylko na stronie ...index.html... */
div.podkolor1
{
position: static;
position: relative;
top: -40px !important;
}
/* Formatuje naglowek z logo i klawiszami menu, slajdy, pasek z ...HOT.. i inne..., wszystko co w tabeli pod slajdami - tylko na stronie ...index.html... */
header.menu
{
position: static;
position: relative;
margin-top: -46px !important;
}
/* Ustawia ikone ...thumbtack... tylko na stronie ...index.html... */
.thumbtack
{
position: static;
position: relative;
top: -80px !important; /* -90px */
}
/* .................................................................................. */
table.navig td#pozycja /* Dotyczy tylko gornej czesci paska pod klawiszami w naglowku i klawiszy umieszczonych tylko na tym pasku */
{
position: static; /* Calosc dotyczy tylko gornej komorki */
position: relative;
left: 0px !important;
width: 727px !important; /* 313 / 625 */
height: 54px !important;
top: -57px !important; /* -57 - dla ustawien bez ...MARQUE... */
background-color: white !important;
}
table.navig /* Dotyczy obu czesci paska pod klawiszami w naglowku */
{
position: static;
position: relative;
left: 22px !important; /* 1px */
width: 727px !important; /* bylo 749px - do logo jest 759px / 727 */
height: 54px !important; /* bylo 40px wysokosc komorek tabeli pod klawiszami */
top: -56px !important; /* -4 / 1px - ustawia cala tabele /obie komorki/ gora - dol */
background-color: white !important; /* bylo ...#333 kolor tylko dolnej komorki tabeli pod klawiszami w naglowku */
}
/* table.navig Dotyczy obu czesci paska pod klawiszami w naglowku i klawiszy umieszczonych tylko na tym pasku - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -56px !important;
}
*/
/* ///////////////////////////////////////////////////////////////////////// */
table.widok1 /* Dotyczy tylko tabeli z mailem i telefonami, pod naglowkiem - dopisane tylko dla ustawien z ...MARQUE... - dla wszystkich stron razem */
{
position: static;
position: relative;
top: -50px !important;
left: -250px !important;
width: 1000px !important;
}
table.widok1 td a span#migot19ba1 /* - Formatuje przycisk /napis/ ...HOT... - dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.widok1 td a#migot19ba1 /*Formatuje przycisk /napis/ ...HOT... - dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
/* table.navig td#pozycja a#migot19ba1 / * Formatuje przycisk /napis/ ...HOT... - dla Cleaning Service * /
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: -300px !important; / * auto / -595px gdy jest po lewej stronie tabeli z klawiszami * /
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
*/
table.navig td#pozycja a#migot19ba1 /*Formatuje przycisk /napis/ ...HOT... - dla Cleaning Service / SMART */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
top: 65px !important; /* - to jest tylko dla utawien z przyciskiem z fleshem ...START... na pasku w ...MENU...*/
left: -20px !important; /* auto / -300px / -595px gdy jest po lewej stronie tabeli z klawiszami */
right: auto !important;
font-size: 40px !important;
font-family: Georgia !important;
}
table.widok1 td.widok font.widok2.widok2a /* - Kody do ustawienia e-mail w ...font... - dla wszystkich stron razem */
{
position: static;
position: relative !important;
top: 1px !important;
left: auto !important;
}
table.widok1 td font.widok3.widok3a /* Kody do ustawienia nr. telefonu w ...font... - dla wszystkich stron razem */
{
position: static;
position: relative !important;
vertical-align: middle !important;
left: auto !important;
}
/* //////////////////////////////////////////////////////////////////////////////////////// */
table.tresc /* Formatuje cala tresc o lekcjach oprocz naglowka ...Are you or your child interested in learning how to play a musical instrument?... na stronie ...important.html... */
{
position: relative;
font-size: 45px !important;
line-height: 59px !important;
}
table.tresc td span#migot19ba1a /* Formatuje naglowek ...Are you or your child interested in learning how to play a musical instrument?... na stronie ...important.html... */
{
position: relative;
font-size: 55px !important;
left: 0px !important;
text-decoration: underline;
}
table.tresc td span#migot19ba1ab /* Formatuje naglowek ...FREE Bucket Drumming Tour... na stronie ...important.html... - dla darmowego pokazu z Samuelem Barsi */
{
position: relative;
font-size: 50px !important; /* 55 */
left: 30px !important;
text-decoration: underline;
}
table.tresc td span#migot19ba1abc center /* Formatuje naglowek ...Bucket Drumming... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 50px !important; /* 55 */
/* left: 5px !important; */
text-decoration: underline;
margin-top: 20px !important;
margin-bottom: -90px !important;
}
table.tresc td span.bucket nobr.nobr1 /* Formatuje napis ...Call us at... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
color: maroon;
font-weight: bold;
text-align: left !important;
top: 60px !important;
/* word-spacing: 0px !important; */
}
table.tresc td span.span1 /* Formatuje ...numery telefonow... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 55px !important; /* 60 */
top: 50px;
color: blue !important;
}
table.tresc td span.span2 /* Formatuje ...write to us... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 55px !important; /* 60 */
top: 50px;
color: blue !important;
}
table.tresc td nobr.nobr2 /* Formatuje ...or visit us... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 55px !important; /* 60 */
top: 50px;
color: #000000 !important;
}
table.tresc td span.span3 /* Formatuje koniec tresci /za telefonami/ ...to reserve one.... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
font-weight: bold !important;
text-decoration: underline;
top: 50px;
color: red !important;;
}
table.tresc td span.span4 /* Formatuje koniec tresci ....We hope we can be of service to you!... w ...BUCKET DRUMING... na stronie ...important.html... - dla lekcji z Samuelem Barsi */
{
position: relative;
font-size: 60px !important;
top: -10px !important;
color: blue !important;
}
section.container /* Dotyczy tylko pola ekranu ze slajdami pod naglowkiem - dopisane tylko dla ustawien z ...MARQUE... */
{
position: static;
position: relative;
top: -45px !important;
}
hr.linia /* Dotyczy tylko linii nad paskiem z ...RSS plus inne... - dopisane tylko dla ustawien z ...MARQUE... */
{
position: static;
position: relative;
top: -80px !important;
}
/*
table td.rss1 Dotyczy pola ...RSSS - bez We speak english... ... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -51px !important;
}
table.rss td#ipad2c Dotyczy tylko pola ...We speak English & Polish... ... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: -39px !important;
}
*/
/* table td dl#menu31 Dotyczy tylko ...MENU-MOBILE... - dopisane tylko dla ustawien z ...MARQUE...
{
position: static;
position: relative;
top: 70px !important;
}
*/
/* Kody do formatowania klawisza ...FREE LESSONS.../RENTAL/ do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.kidzfreelessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: 2px !important;
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...REQUEST... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.requestinfo
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* 2 */
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...TESTIMONIALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.testimonials
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* 2 */
left: 2px !important; /* -2 */
}
/* Kody do formatowania klawisza ...RECITALS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.recitals
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: 2px !important; /* -26 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...SALE... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.sale
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* -26 2 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...GALLERY... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.gallery
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important; /* -26 2 */
left: 2px !important; /* 0px / -2 */
}
/* Kody do formatowania klawisza ...NEW... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.new_class
{
position: static;
position: relative;
/* background-color: white !important; */
height: 50px !important; /* 50 / 54 */
width: 100px !important; /* 100 / 102 */
top: 2px !important; /* -29 / -52 */
left: 0px !important; /* -2 / 102 */
}
/* ------------------------------------------------------------------- */
/* Kody do formatowania klawisza ...HOME... do strony - na pasku w naglowku / ale nie sa to menu nieruchome */
table.navig img.index
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 1px !important;
}
/* Kody do formatowania klawisza ...CONTACT... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.contactus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...LOCATIONS... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.locations
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...ROCK BAND... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome - WYLACZONE BO NIE MA TEJ STRONY W UZYCIU
table.navig img.kidzrock
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
*/
/* Kody do formatowania klawisza ...LESSONS... i ...MUSIC... do OBU stron jednoczesnie - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.lessons
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...ABOUT US... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.aboutus
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
/* Kody do formatowania klawisza ...MAPA... do strony - na pasku w naglowku / ale nie sa to meniu nieruchome */
table.navig img.mapaservisu
{
position: static;
position: relative;
height: 50px !important;
width: 100px !important;
top: -2px !important;
left: 2px !important;
}
table.navig form a input.butonstartowy /* Formatuje przycisk ...START... - w menu glownym na kazdej stronie servisu ....R & W Cleaning service.... - ukryte przez ...display: none... */
{
position: static;
position: relative;
display: none !important;
text-align: center !important;
font-size: 28px !important;
height: 50px !important;
width: 150px !important; /* 100 */
top: 2px !important; /* -2 */
right: 2px !important; /* left: 2px */
}
.butonstartowyindex /* formatuje Disco Button ...Quest Book... na stronie ...index.html...- R&W Cleaning service */
{
position: relative;
top: 15px !important;
left: 15px !important;
width: 600px !important;
height: 70px !important;
padding-top: 20px !important;
padding-bottom: 270px !important; /* 180 */
font-size: 55px !important;
color: maroon !important;
font-weight: bold !important;
font-family: serif, Georgia, Algerian, Tahoma !important;
}
.butonstartowytestim /* formatuje Disco Button ...Quest Book... na stronie ...testimonials.html... - R&W Cleaning service*/
{
position: relative;
top: 0px !important;
left: 0px !important;
width: 840px !important;
height: 60px !important;
padding-top: 10px !important;
padding-bottom: 220px !important; /* 160 */
font-size: 50px !important;
color: maroon !important;
font-weight: bold !important;
font-family: serif, Georgia, Algerian, Tahoma !important;
}
/* ................................................................................................. */
/* Powieksza napis ...Fill out the form below if you are enrolling your child as a parent/guardian... - na stronie ...requestinfonewclasses,html... */
section#boxcontent_1 article p.parent
{
position: static;
position: relative;
font-size: 45px !important;
line-height: 55px !important;
}
/* Powieksza napis ...Fill out the form below if you are enrolling yourself (for adult students)... - na stronie ...requestinfonewclasses,html... */
section#boxcontent_1 article p.adult
{
position: static;
position: relative;
font-size: 45px !important;
line-height: 55px !important;
}
/* Powieksza napis ... Fill out the entire form, please!... i ustawia w poziomie / nie dotyczy podkreslenia / - na stronie ...requestinfokidz.html... / ...requestinfonewclasses,html... - Ipad mini, pion ma to osobno poza jego kodami rozdzielczosci */
section#boxcontent_1 article form fieldset legend font.fill_out
{
position: static;
position: relative;
font-size: 45px !important;
left: -25px !important; /* -65 */
}
/* Kody do formatowania napisu formularza ...How did you hear about New Classes ?... na stronie... requestinfonewclassess.html ..- dla Iphone 5s, pion i poziom /jest to tez osobno w kodach ogolnych - dla Ipad mini, pion i dla HTC Sensation 4G, pion i poziom - tylko mobilne / - wylaczone bo ponizej s.a. kody wstawiajace wyraz ...us ? ...
section#boxcontent_1 form p label.maly
{
position: static;
position: relative;
word-spacing: -7px !important;
color: re !important;
}
*/
/* Oba ponizsze kody musza byc razem bo inaczej bedzie balagan w wyswietlaniu pytania */
/* Ukrywa koniec pytania ...New Classes ? ... w pytaniu ...How did you hear about New Classes ? do poczty ... na stronie ...requestinfonewclasses.html... . Do kompletu musi byc ponizszy kod tj....label.maly:after... */
label.maly span
{
position: relative;
display: none !important;
}
/* Wstawia ostatni wyraz ...us ? ... w miejsce ...New Classes ? ... w pytaniu ...How did you hear about New Classes ? do poczty ... na stronie ...requestinfonewclasses.html... . Do kompletu musi byc powyzszy kod tj....label.maly span... */
label.maly:after
{ content: "us ?"; color: re }
/* ........................................................................ */
/* Formatuje napis ...Select Class/es/ - one, or more... na stronie ...requestinfonewclasses... nad polami wyboru */
section#boxcontent_1 article form fieldset p.polawyboru
{
position: static;
position: relative;
font-size: 40px !important;
top: 20px !important;
}
/* Ustawia gora-dol wszystkie pola wyboru - jednoczesnie - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset p.grupapol
{
position: static;
position: relative;
top: 20px !important;
}
/* Ustawia odstepy pomiedzy polami wyboru i ich opisami z boku - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset p.grupapol label
{
position: static;
position: relative;
line-height: 70px !important;
}
/* Ustawia gora-dol pole tekstowe dla wpisywania wiadomosci - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form fieldset textarea.poletekstu
{
position: static;
position: relative;
top: 30px !important;
font-size: 50px !important;
background-color: yellow !important;
border-top-color: #000000; border-top-style: solid; border-right-color: #000000; border-right-style: solid; border-bottom-color: #000000; border-bottom-style: solid; border-left-color: #000000; border-left-style: solid; border-width: 3px;
width: 910px !important; /* 810 / 860 */
height: 400px !important;
}
/* Ustawia gora-dol przyciski RESET/SUBMIT - na stronie ...requestinfonewclasses.html... */
section#boxcontent_1 article form p.przyciski
{
position: static;
position: relative;
top: 10px !important;
}
p#boxcontent_2
{ font-size: 50px !important; /* 35 / 40 */
line-height: 40px !important;
text-decoration: underline !important;
} /* nadaje rozmiar czcionce / i inne / w ...requestinfonewclasses.html... w napisie ...SIGN UP FOR NEW CLASSES !... - te kody sa w poszczegolnych rozdzielczosciach */
/* ........................................................................... */
/* table.strojenie - Ustawia ...MOBILE - MENU... tylko na stronie ...testimonials.html... - Iphone 5s, pion i poziom - wylaczone dla pozycji 13070
{
position: static;
position: relative;
top: 216px !important; 218
}
*/
/* Formatuja - cale tabele w ...index.html... oraz tabele z ksiega, i Sign Questbook + pole formularza w ....ksiega_gosci.html... , w - Iphone 5s, pion i pziom */
table.ksiega /* Ustawia tylko tbele z komorka pod obrazkiem z linkiem do ...View Questbook... w ...index.html... - IPhone 5s,pion i poziom */
{
position: static;
position: relative;
left: 55px !important;
top: -50px !important; /* -25 / 70 */
width: 400px !important;
height: 80px !important;
}
table.ksiega td a img /* Ustawia tylko obrazek w komorce tabeli pod nim z linkiem do ...View Questbook... w ...index.html... - IPhone 5s,pion i poziom */
{
position: static;
position: relative;
left: 0px !important;
top: 1px !important;
width: 400px !important;
height: 80px !important;
}
table.ksiega1 /* Ustawia tylko tabele z komorka pod obrazkiem z linkiem do ...Sign Questbook... w ...index.html... - Iphone 5s,pion i poziom */
{
position: static;
position: relative;
left: 5px !important; /* 550 */
top: -190px !important; /* -220 */
width: 375px !important; /* 400 */
height: 80px !important;
}
table.ksiega1 td.ksiega1a /* Formatuje tylko napis ...GUEST BOOK... w komorce z linkiem do ...Sign Questbook... w ...index.html... - Iphone 5s pion i poziom */
{
position: relative;
font-size: 40px !important;
}
table#opinie /* Ustawia tylko tabele z komorka pod obrazkiem z linkiem do ...Sign Questbook... w ...testimonials.html... - Iphone 5s,pion i poziom */
{
position: static;
position: relative;
left: 2px !important; /* 550 200 */
top: 15px !important; /* 45 - dla ustawien bez ...MARQUE... / -20 / */
width: 840px !important; /* 400 600 */
height: 100px !important; /* 80 */
}
table#opinie td a img /* Ustawia tylko obrazek z linkiem w komorce tabeli do ...Sign Questbook... w ...testimonials.html... - Iphone 5s,pion i poziom */
{
position: static;
position: relative;
left: 1px !important;
top: 1px !important;
width: 600px !important; /* 400 */
height: 100px !important; /* 80 */
}
table.ksiega1 td a img /* Ustawia tylko obrazek z linkiem w komorce tabeli do ...Sign Questbook... w ...index.html... - Iphone 5s,pion i poziom */
{
position: static;
position: relative;
left: 1px !important;
top: 1px !important;
width: 400px !important;
height: 80px !important;
}
table#ksiega td img /* Formatuje Sign Questbook w - ksiega_gosci.html - Iphone 5s pion, poziom */
{
position: static;
position: relative;
top: 100px !important;
}
table#ksiega1 /* Ustawia tabele z ksiega w ...ksiega_gosci.html... - Iphone,pion i poziom */
{
position: static;
position: relative;
width: 920px !important; /* 680 */
top: -1px !important;
left: 0px !important; /* 5 */
}
table#ksiega1 img /* Ustawia obrazek w tabeli w ...ksiega_gosci.html... - Iphone,pion i poziom */
{
position: static;
position: relative;
width: 100% !important; /* 680 */
}
form#forma /* Formatuje Formularz w - ksiega_gosci.html - Iphone 5s pion, poziom */
{
position: static;
position: relative;
top: 70px !important;
}
/* Formatuje tekst pierwszego akapitu /zolte tlo/ pod tytulem ...Yuo should choose... w ...aboutus.html... pod tekstem ... Music is our business, see us first... - tylko Iphone, pion i poziom */
section#boxcontent article p#ustep
{
position: static !important;
position: relative !important;
text-align: justify !important;
top: 93px !important; /* -10 */
word-spacing: -5px !important;
background-color: yellow !important;
}
/* Kody do zwiekszenia liter w - ...Get Directions...
table.rss td button#ipad2a
{
position: static;
position: relative;
top: -54px !important; - dla HTC pion i poziom, i Iphone5 pion i poziom
left: 15px !important; - HTC Sensation, pion i poziom i chyba Ipone 5s, pion i poziom
font-size: 30px !important;
background-color: fuchsi a; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru /chyba/ przesuwa si蟵stawienie Button do gory i w Iphone5 rogi pola traca zaokraglenie a cale pole zwieksza wysokosc - dzialaja tu tez kody z HTC gdy tu nie ma nic wpisane
}
Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... - Iphone pion i poziom
table.rss td button#ipad2b
{
position: static !important;
position: relative !important;
width: 592px !important;
top: -44px !important;
left: 135px !important;
font-size: 30px !important;
background-color: re d; Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru przesuwa si蟵stawienie Button do gory - dzialaja tu tez kody z HTC gdy tu nie ma nic wpisane
}
Kody do zwiekszenia liter i ustawienia komorki w - ...We speak English & Polish... - Ipad pion
table.rss td#ipad2c
{
position: static !important;
position: relative !important;
display: non e; ukrywa komorke z napisem w kazdym urzadzeniu zachowujac wloasciwa szerokosc strony - gdy tego nie ma to napis wychodzi wszedzie w prawo poza strone
top: -43px !important;
left: -2px !important; gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki
font-size: 10px !important;
background-color: fuchsi a !important;
}
table.rss td#ipad2c ukrywa napis ...We speak English & Polish... razem z komorka w tabeli z RSS po to aby go zastapic ponizszym ... table.rss td#ipad2c:before ... bo szerokosc komorki nie pozwala na powiekszenie czcionki powyzej 10px bo napis wychodzi za prawy obrys strony nadajac inna szerokosc stronie niz to zaplanowane
{
position: relative;
visibility: hidden !important;
}
table.rss td#ipad2c:before wstawia napis ... We spaak English & Polish ... w miejsce ukrytego napisu z linkiem jw. ...table.rss td#ipad2c ... co pozwala na powiekszenie czcionki bez niekontrolowanego zwiekszania szerokosci strony i wychodzenia napisu poza prawa krawedz strony
{
content: "We speak English & Polish";
position: absolute !important;
visibility: visible !important;
width: 320px !important;
text-align: right !important;
top: 2px !important;
left: -192px !important; -206 - gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki
font-size: 24px !important;
background-color: fuchsi a !important;
font-size-adjust: 0.58 !important;
}
*/
/* ========================================================================== */
table.strojenie /* Ustawia ...MENU - MOBILE... ..id="menu31" - tylko na stronie ...testimonials.html... - to samo jest w poz. 12912 ale wylaczone dla tej pozycji */
{
position: static;
position: relative;
top: 217px !important; /* 218 228 */
}
table.hidden1 /* Tabela z ...MARQUE... - dla wersji bez LIGHTBOX */
{
position: static;
position: relative;
top: 1px !important;
width: 1000px !important;
height: 60px !important;
top: 3px !important;
}
body header /* Czarne pole w naglowku z logo firmy */
{
position: static;
position: relative;
top: 1px !important;
}
/* body div Podnosi cala strone/y/ do gory o wysokosc po czterech statycznych MENU ukrytych dla mobilnych
{
top: -61px !important;
}
*/
dl#menu26 /* Ukrywa /menu/ MENU - pierwsze, dla mobilnych */
{
display: none
}
dl#menu27 /* Ukrywa menu SMART - drugie, dla mobilnych */
{
display: none
}
dl#menu28 /* Ukrywa menu FREE CLASS - trzecie, dla mobilnych */
{
display: none
}
dl#menu29 /* Ukrywa menu VERY IMPORTANT - czwarte, dla mobilnych */
{
display: none
}
/* Ustawia na pozycji tabele z ...MENU31...- przewijane ze strona - dla mobilnych - Iphone 5s - pion i poziom */
table dl.testimenu31 /* ustawia tabele z ...MENU 31... - tylko na stronie ...testimonials.html... dla ...flying letters... */
{
position: static;
position: relative;
margin-top: 44px !important;
z-index: 2 !important;
}
table dl.menu31 /* ustawia tabele z ...MENU 31... - tylko na stronie ...index.html... */
{
position: static;
position: relative;
left: 1px !important; /* -749 / 1 */
margin-top: 8px !important; /* 3 / top: 119/ */
z-index: 2 !important;
}
table dl#menu31 /* ustawia tebele z ...MENU 31... na wszystkich stronach oprocz ...index.html... i ...testimonials.html... */
{
position: static;
position: relative;
display: none !important; /*ukrywa wszystkie Menu-Mobile mimo powyzszego opisu ze ...oprocz ...index.html... i ...testimonials.html... */
left: 1px !important; /* -749 / 1 */
top: 57px !important; /* 3 / top: 119 53 */
z-index: 2 !important;
}
/* ........................................................................................ */
/* Zewnetrzny arkusz stylow / kopia ...menustart31.css.../, dla rozwijanego i wysuwanego Menu - sCH.M.A./Rozwijane i wysuwane Menu glowne /ruchome razem ze strona, Z ...id="menu31..." sterowanego Skryptem ...menu_mobile.js... , lub mo¿e byc...recitalsmenu.js... lub ...menu.js.... - dla Iphone 5s - pion i poziom */
#menu31 dd dt
{
position: static;
position: relative;
width: 327px !important; /* Nadaje rozmiar tylko liscie ...DT... pod klawiszami do stron j.np. HOME itd. */
background-color: #ccc !important; /* Nadaje kolor tla listy pod klawiszami do stron wysuwanej w bok z klawisza ...WEBSITES... */
}
#menu31 dd dt img
{
position: static;
position: relative;
width: 321px !important; /* Nadaje rozmiar tylko obrazkom klawiszy do stron j.n. HOME itd. */
height: 70px !important; /* Nadaje rozmiar tylko obrazkom klawiszy do stron j.n. HOME itd. */
/* top: 0px !important; - to ptrzesuwa tylko klawisze do stron */
/* left: 75px; - to ptrzesuwa tylko klawisze do stron */
}
dl#menu31 dd dl dd dl
{
position: static;
position: relative;
background-color: lime; /* pierwsza wysuwana w bok lista - tlo listy pod butonami */
width: 327px;
height: 30px !important; /* Jest to tlo pod wszystkimi ...button... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz, ale nie jest to kolor listy pod klawiszami do stron */
top: 0px !important; /* Ustawia liste razem z butonami */
}
dl#menu31 dd dl dd dl button /* Pierwsza wysuwana w bok lista - tylko button */
{
position: static;
position: relative;
background-color: whit; /* daje kolor tla dla wszystkich button tytulowych czyli np. ALL TEACHERS i pozostale - na obu wysuwanych w bok listach - tylko Iphone p i p */
width: 327px;
top: 2px !important; /*- Przesuwa gor-dol pierwsza liste wysuwana w bok - minus do gory , plus do dolu */
left: 0px !important; /* Przesuwa w bok wszystkie button na liscie oprocz pierwszego */
}
dl#menu31 dd dl dd dl button font /* Pierwsza /i chyba druga/ wysuwana w bok lista - tylko napisy na wszystkich buttonach */
{
position: static;
position: relative;
top: 0px !important; /* -10 */
background-color: re !important; /* daje kolor tla tylko pod napisem w pierwszej i drugiej liscie wysuwanej w bok - tylko Iphone p i p */
/* font-size: 25px !important; wielkosc czcionki w tytulach pierwszej wysuwanej w bok listy */
}
dl#menu31 dd
{
position: static;
position: relative;
background-color: blue;
width: 327px;
right: -5px !important; /* Presuwa cale Menu /LISTE ROZWIJANA SPOD KLAWISZA GLOWNEGO I OBIE LISTY WYSUWANE W BOK oraz liste z klawiszami - w lewo gdy jest plus i w prawo gdy jest minus - oprocz klawisza glownego ...MOBILE-MENU */
height: 0px !important; /* Likwiduje kawalek wystajacego siwego pola i nakladajacego sie na klawisz ...WEBSITES... oraz likwiduje przerwy miedzy otwieranymi klawiszami oprocz ostatniej wysuwanej w bok listy */
}
dl#menu31 dd dl
{
position: static;
position: relative;
background-color: yellow;
width: 327px;
}
dl#menu31 dd dl dd dl dd dl /* Ostatnia wysuwana w bok lista ale nie button */
{
position: static;
position: relative;
background-color: aqua;
width: 327px !important; /* szerokosc tla listy */
top: 0px !important; /* Przesuwa gor-dol ostatnia liste wysuwana w bok - minus do gory , plus do dolu */
height: 50px !important; /* Jest to tlo pod napisami ponizej klawisza ...AL. TEACHERS... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz */
}
dl#menu31 dd dl dd dl dd dl button /* Ostatnia /druga/ wysuwana w bok lista - tylko button */
{
position: static;
position: relative;
/* background-color: aqua; daje kolor tla ale tylko dla button tytulowy czyli ALL TEACHERS */
width: 327px;
/* top: 2px !important; - Przesuwa gor-dol ostatnia liste wysuwana w bok - minus do gory , plus do dolu */
left: -5px !important; /* Przesuwa button /pierwszy od gory/ */
}
dl#menu31 dd dl dd dl dd dl button font /* Ostatnia /druga/ wysuwana w bok lista - tylko napisy na button /pierwszy od gory/ */
{
position: static;
position: relative;
top: 0px !important; /* -16 */
}
#menu31 dt:hover.active /* .small - po wylaczeniu tej klasy wlaczyl si蟫olor napisu MENU - PRZY NAJECHANIU MYSZKA */
{
color: #ff00ff;
}
#menu31 dt.active /* Klawisz glowny - dopisalem */
{
position: static;
position: relative;
/* top: 119px !important; ustala pozycje w pionie - gora/dol ...100px... patrz p.9901 */
/* left: 1px !important; ustala pozycje w poziomie - patrz p.9901 */
font-size: 35px !important; /*55 / 41 czcionka ...MOBILE-MENU... */
width: 320px !important; /* 249 Szerokosc pola klawisza glownego ... MENU ... */
height: 60px !important; /* Wysokosc pola klawisza glownego ... MENU ... */
border-width: 5px; /* Margines zolty */
border-style: solid;
border-color: yellow;
background-color: #ccc
}
#menu31 dt.active span /* Klawisz glowny - dopisalem */
{
position: static;
position: relative;
top: 9px !important; /* Ustawia gora-dol napis na klawiszu ale bez pauzy */
}
#menu31 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu31 a:link, #menu31 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu31 a:hover {
color: #fff; /* jest to kolor napisow na wszystkich przyciskach ale tylko list rozwijanych i wysuwanych do stron */
background-color: #008; /* (#ffffff - biale) - ...#008... tlo /siwe/ na paskach Menu po najechaniu myszka - ogolnie, oprocz ponizszych pol ...dt... z ...id="tlo"..., tez po najechaniu myszka */
}
#menu31 dd dl dd {
position: relative;
left: 327px; /* wysuwa w bok druga i trzecia liste */
bottom: 24px; /* 31/22 */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
#menu31 dt /* jest to lista tytulow - dopisalem */
{
position: static;
position: relative;
width: 327px; /* szerokosc pola pod buton, ale to nie jest button */
}
#menu31 dl button /* Parametry klawiszy ...BUTTON..- wszystkie menu rozwijane i wysuwane - dopisalem */
{
position: static;
position: relative;
width: 327px !important; /* 307 /345/ 327 / 249 - szerokosc button, wszedzie /rozwijane */
height: 30px !important; /* 60 /30 wysokosc klawiszy ...button... w kazdej liscie */
left: 0px !important;
}
#menu31 dl button font /* Ustala czcionke napisu na ...BUTTON.. - wszedzie - dopisalem */
{
position: static;
position: relative;
font-size: 25px !important; /* 25 35 */
top: 0px !important; /* -10 - Ustawia gora-dol wszystkie tytuly w pierwszej liscie wysuwanej spod klawisza glownego */
}
#menu31 dl dd dl dd /* dopisalem - formatuje ostatnia liste wysuwana */
{
position: static !important;
position: relative !important;
top: -30px !important; /* 65 ustawia gora/dol ostatnia liste wysuwana w bok w stosunku do listy poprzedzajacej jak - np.; z klawisza /button/ piano wysuwa si蟬ista z nauczycielami pianina i to dotyczy tej listy z nauczycielami pianina - jest to button */
/* left: 340px !important; dubluje inne parametry przesuwajace liste w lewo - prawo */
}
#menu31 dl dd dl dd dt /* dopisalem - formatuje ostatnia liste wysuwana */
{
position: static !important;
position: relative !important;
font-size: 25px !important; /* 28 - Wieloksc liter w ostaniej liscie wysuwanej oprocz jej tytulu ...ALL TEACHERS... */
font-weight: bold !important; /* Grubosc liter w ostatniej liscie wysuwanej oprocz jej tytulu ...ALL TEACHERS... */
width: 327px;
/* left: 340px; */
}
#menu31 dl dd dl /* Formatuje pola pierwszej i drugiej listy wysuwanej w bok */
{
position: static;
position: relative;
left: 0px; /* odsuwa pola button z polami pod nimi w bok ale bez pierwszych pol tytulowych np.All Teachers */
top: -1px !important; /* przesuwa gora-dol pierwsza i druga liste wysuwana w bok */
width: 327px; /* szerokosc pola pod buton, ale to nie jest button */
}
#menu31 dl.miejsce /* Dopisalem tylko lista z klawiszami do stron wysuwana z pola ...WEBSITES... */
{
position: static;
position: relative;
top: -1px !important; /* - To przesuwa i pole pod klawiszami do stron i klawisze jednoczesnie */
left: 80px; /* - To przesuwa i pole pod klawiszami do stron i klawisze jednoczesnie */
background-color: #ccc !important; /* Kolor tla ale tylko pod klawiszami obrazkowymi do stron */
}
#menu31 dl dt button span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... we wszystkich ...MENU#31.... */
{
position: relative;
top: -5px !important;
}
#menu31 dt span.pauza /* Ustawia w pozycji myslnik miedzy ...MOBILE - MENU */
{
position: relative;
position: static;
top: -2px !important; /* Ustawia myslnik gora-dol */
color: black !important;
font-weight: bold !important; /* pogrubia myslnik */
word-spacing: 1px !important; /* oddala na boki myslnik od wyrazow po lewej i prawej stronie */
}
/* Formatuje w ..MENU31... tylko napis ...OUR OFFERS... na klawiszu listy wysuwanwj w bok z listy /klawisza/ ...SALE... - tylko w Iphone 5s, pion i poziom */
#menu31 dd dl dt button.wlewo font.up
{
position: relative;
position: static;
top: 0px !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... oprocz napisow; ...BLUES WORKSHOP... I ... CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.rozmiar
{
position: relative;
font-size: 28px !important;
letter-spacing: -2px !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BLUES WORKSHOP... */
#menu31 dd.wydzial1a dl dt.blues
{
position: relative;
font-size: 28px !important; /* 28 / 27 */
letter-spacing: -5px !important; /* -2 / -4 */
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...BUCKET DRUMMING... */
#menu31 dd.wydzial1a dl dt.drumming
{
position: relative;
font-size: 28px !important;
letter-spacing: -5px !important; /* -4 */
background-color: yello !important;
}
/* Formatuje liste pod tytulem / ALE NIE TYTUL/ ...ALL NEW CLASSES... wysuwana w bok z przycisku ... NEW CLASSES... - tylko napis ...CLICK TO SIGN UP... */
#menu31 dd.wydzial1a dl dt.sign
{
position: relative;
font-size: 28px !important;
letter-spacing: -4px !important; /* -2 */
background-color: lime !important;
}
table span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... w mapie serwisu ...mapaservicu.html... */
{
position: relative;
top: -3px !important; /* -2 -5 */
}
/* Formatuje napis ...YOUR PUBLICK OPINION/COMMENTARY... na stronie ...ksiega_gosci.html... */
form table td p.opinia font
{
position: relative;
font-size: 25px !important;
}
section#four_columns article figure img.obraz2 /* - Ustawia drugi obrazek z lightbox - Iphone 5s, pion i poziom */
{
position: static;
position: relative;
top: 20px;
left: 0px; /* 25px */
}
section#four_columns article figure img.obraz3 /* - Ustawia trzeci obrazek z lightbox - Iphone 5s, pion i poziom */
{
position: static;
position: relative;
top: 0px;
left: 0px; /* 25px */
}
section#four_columns article figure img.obraz4 /* - Ustawia czwarty obrazek z lightbox - Iphone 5s, pion i poziom */
{
position: static;
position: relative;
top: 0px; /* -48 */
left: 0px; /* 25px */
}
form#forma table td center textarea /* Formatuje tekst w polu do pisania opinii w ksiedze gosci */
{ position: static;
position: relative;
font-size: 35px !important;
}
}
/* .................................................................................. */
/* KODY DO ETYKIET POSZCZEGOLNYCH GRUP NAUCZYCIELI na stronie ...teachers1.html... dla Iphone 5s, pion i poziom */
/* Formatuje etykiety do grup nauczycieli - dla Iphone 5s, pion i poziom */
@media screen and (max-device-width: 360px)
{
a#etykieta1
{
position: static;
position: relative;
top: 515px !important; /* 820/550*/
}
a.grupapiano
{
position: static;
position: relative;
top: 1157px !important; /* 1150/1192 */
}
a.grupabanjo
{
position: static;
position: relative;
top: 1670px !important; /* 1620/1705 */
}
a.grupabaritone
{
position: static;
position: relative;
top: 2150px !important; /* 2085/2185 */
}
a.grupabass
{
position: static;
position: relative;
top: 2640px !important; /* 2565/2675 */
}
a.grupabassoon
{
position: static;
position: relative;
top: 3105px !important; /* 3140 */
}
a.grupadrums
{
position: static;
position: relative;
top: 3585px !important; /* 3035/3620 */
}
a.grupaeuphonium
{
position: static;
position: relative;
top: 4060px !important; /* 3500/4095 */
}
a.grupaguitar
{
position: static;
position: relative;
top: 4575px !important; /* 4015/4620 */
}
a.grupaharmonica
{
position: static;
position: relative;
top: 5100px !important; /* 4520/5135 */
}
a.grupajazz
{
position: static;
position: relative;
top: 5580px !important; /* 4995/5615 */
}
a.grupamandolin
{
position: static;
position: relative;
top: 6060px !important; /* 5465/6095 */
}
a.grupatrombone
{
position: static;
position: relative;
top: 6540px !important; /* 5940/6575 */
}
a.grupatrumpet
{
position: static;
position: relative;
top: 7020px !important; /* 6415/7055 */
}
a.grupatuba
{
position: static;
position: relative;
top: 7495px !important; /* 6885/7530 */
}
a.grupaukulele
{
position: static;
position: relative;
top: 7975px !important; /* 7355/8010 */
}
a.grupauprightbass
{
position: static;
position: relative;
top: 8455px !important; /* 7825/8490 */
}
a.grupaviolin
{
position: static;
position: relative;
top: 8930px !important; /* 8300/8965 */
}
a.grupavoice
{
position: static;
position: relative;
top: 9410px !important; /* 8770/9445 */
}
a.grupawoodwind
{
position: static;
position: relative;
top: 9885px !important; /* 9245/9920 */
}
/* Kody do ustawien gora-dol BIO nauczycieli na stronie ...teacherphotos.html - dla Iphone 5s, pion i poziom */
a#biomlenusek
{
position: static;
position: absolute;
top: 560px !important; /* 760/595 */
}
a#fotkaschultz
{
position: static;
position: absolute;
top: 1350px !important; /* 1550/1385 */
}
a#fotkaenglish /* stremplewski */
{
position: static;
position: absolute;
top: 2135px !important; /* 2335/2170 */
}
a#fotkashore
{
position: static;
position: absolute;
top: 2920px !important; /* 3120/2955 */
}
a#fotkatoomey /* Rachel Thomas - MICK HOLT */
{
position: static;
position: absolute;
top: 3705px !important; /* 3905/3740 */
}
/* p.biger_mrachel - Formatuje pole BIO - RACHEL na stronie ...teacherphotos.html... - chyba zbedne
{
position: static;
position: relative;
font-size: 17px !important;
line-height: 16px !important;
word-spacing: -1px !important;
background-color: yello !important;
} */
a#fotkaboisen
{
position: static;
position: absolute;
top: 4493px !important; /* 4690/4528 */
}
a#fotkabaker
{
position: static;
position: absolute;
top: 5283px !important; /* 5480/5318 */
}
a#fotkalenka
{
position: static;
position: absolute;
top: 6065px !important; /* 6265/6100 */
}
a#fotkamichael
{
position: static;
position: absolute;
top: 6855px !important; /* 7055/6890 */
}
a#fotkaoksana
{
position: static;
position: absolute;
top: 7640px !important; /* 7840/7675 */
}
a#fotkapablo
{
position: static;
position: absolute;
top: 8430px !important; /* 8625/8465 */
}
a#fotkabarsi
{
position: static;
position: absolute;
top: 9220px !important; /* 9420/9255 */
}
/*
a#fotkataylor - Joe Schulz
{
position: static;
position: absolute;
top: 10075px !important;
} */
a#fotkaelvira
{
position: static;
position: absolute;
top: 10040px !important; /* 10865/10075 */
}
a#fotkabobby /* Reck */
{
position: static;
position: absolute;
top: 10825px !important; /* 11650/10865 */
}
a#fotkashields /* Kutylo */
{
position: static;
position: absolute;
top: 11610px !important; /* 12435/11650 */
}
a#fotkabrent /* brent dean*/
{
position: static;
position: absolute;
top: 12400px !important; /* 13220/12435 */
}
a#fotkameyer /* jim meyer */
{
position: static;
position: absolute;
top: 13185px !important; /* 14005/13220 */
}
a#fotkahamil /* michael a. hamil */
{
position: static;
position: absolute;
top: 13970px !important; /* 14005 */
}
a#fotkaamy /* amy jo */
{
position: static;
position: absolute;
top: 14755px !important; /* 13970 */
}
/* Kody do wydluzenia tylko strony ... requestinfo.html... */
footer.dlugosc_requestinfo
{
position: static;
position: absolute;
top: 1650px !important; /* 1400px / 1600 */
}
/* Kody do wydluzenia tylko strony ... requestinfokidz.html ... */
footer.dlugosc_requestinfokidz
{
position: static;
position: absolute;
top: 2000px !important; /* 1800px */
}
/* .............................................................. */
/* Formatuje Naglowek glowny ...NEW CLASSES... na stronie ...new_classes.html... */
div p.naglowek
{
position: static;
position: relative;
font-size: 70px !important;
font-weight: bold !important;
}
/* Formatuje Naglowek poczty ...To SIGN UP your child for a - NEW CLASSES - clic HERE... na stronie ...new_classes.html... */
div p.mail
{
position: static;
position: relative;
font-size: 45px !important; /* 55 */
font-weight: bold !important;
line-height: 0px !important;
top: 35px !important;
}
/* Formatuje button poczty ...To SIGN UP your child for a - NEW CLASSES - clic HERE... na stronie ...new_classes.html... */
div p.mail a button span.button_here
{
position: static;
position: relative;
font-size: 65px !important;
font-weight: bold !important;
}
/* Formatuje podtytuly jak np.; ...UKULELE CLASS...- wszystkie jednoczesnie, na stronie ...new_classes.html... */
div p.naglowek1
{
position: static;
position: relative;
font-size: 55px !important;
font-weight: bold !important;
top: 50px !important;
line-height: 110px !important;
}
/* Formatuje podtytuly nad tekstem jak np. ...Blues Workshop... - wszystkie jednoczesnie, na stronie ...new_classes.html... */
div span.podtytul2 p
{
position: static;
position: relative;
font-size: 50px !important;
font-weight: bold !important;
top: 40px !important;
}
/* Formatuje tekst - wszystkie akapity jednoczesnie, na stronie ...new_classes.html... */
div span.tekst p
{
position: static;
position: relative;
font-size: 55px !important;
font-weight: bol !important;
top: 55px !important;
line-height: 65px !important;
}
/* ................................................................................ */
/* Ustawienie tytulu ...Map of our services... na stronie ...mapaservicu.html... - to jest dobre tylko dla HTC choc dziala wszedzie ale rozmiar czcionki dla Iphone i Ipad pion jest zaduzy i dlatego kazda rozdzielczosc ma swoje kody */
table.mapofour
{
position: static;
position: relative;
top: -50px !important;
word-spacing: 12px !important;
font-size: 38px !important;
}
}
/* ================================================================================ */
/* ===================================== PROBY ============================================== */
@media screen and (max-width: 640px) /* HTC pion i poziom */
{
/* ------------------------------------ ...media.html... ------------------------------------------------*/
#fortep img {position: relative; height: 255px !important; width: 355px !important;} /* formatuje sama ikone fortepianu na stronie ...media.html... */
#fortep {position: relative; background-color: lim e !important; left: 0px !important; margin-top: -160px !important; height: 160p x !important; width: 390px !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 swiecie 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; margin-left: auto !important; margin-right: auto !important; width: 385px !important; font-size: 65px !important; font-family: Wide Latin, serif !important;} /* formatuje tytul MUZYKA na stronie ...media.html... */
#blokmuzyka1 {position: relative; background-color: aqu a; width: 100% !important; left: 0px !important; padding-bottom: 570px !important;} /* formatuje blok nr1 z muzyka na stronie ...media.html... */
#blokmuzyka1 div {position: relative; width: 95% !important; height: 220px !important; font-size: 45px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr1 na stronie ...media.html... */
#blokmuzyka1 audio {position: relative; width: 95% !important;} /* formatuje wszystkie odtwarzacze audio z muzyka w bloku glownym nr1 na stronie ...media.html... */
#blokmuzyka2 {position: relative; background-color: lim e; width: 100% !important; left: 0px !important; padding-bottom: 570px !important;} /* formatuje blok nr2 z muzyka na stronie ...media,html... */
#blokmuzyka2 div {position: relative; width: 95% !important; height: 220px !important; font-size: 45px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr2 na stronie ...media.html... */
#blokmuzyka2 audio {position: relative; width: 95% !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: 350px !important; font-size: 65px !important; font-weight: bold !important; background-color: lime !important; margin-top: 140px !important;} /* formatuje napis ...FILMY... na stronie ...media.html... */
#filmy {position: relative; background-color: gol d !important; height: 1915px !important; left: 2px !important; width: 100% !important; margin-top: 2013px !important} /* formatuje tylko blok z blokami z filmami na stronie...media.html... */
#filmy div {position: relative; left: 1.5% !important; width: 95% !important; font-size: 45px !important; borde r: 2px red solid !important;}/*formatuje wszystkie tylko bloki zawierajace odtwarzacze filmowe na stronie ...media.html.. */
#filmy div video {position: relative; width: 100% !important;} /* formatuje tylko odtwarzacze filmowe na stronie ...media.html... */
.rss /* Kody dla paska z RSS i inne - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...table td.rss1... / ...#ipad2a.../...#ipad2b.../...#ipad2c... - na kazdej stronie */
{
position: static;
position: relative;
left: auto !important;
top: -110px !important; /* Ustawia cala zawatosc paska */
right: auto !important;
width: 1000px !important;
background-color: blu e !important;
}
table td.rss1 /* Dotyczy pola ...RSSS - tylko kanaly RSS z ...bublewrap... - na kazdej stronie */
{
position: static;
position: relative;
top: -15px !important; /* -9 -14 */
left: -3px !important;
}
/* Kody do ustawiania calej /samej - bez ikon/ komorki z ikonami w pasku rss - HTC pion i poziom */
table.rss td.rss1 ul.bubblewrap
{
position: static !important;
position: relative !important;
width: 275px !important;
margin-top: 10px !important;
padding-left: 5px !important;
padding-bottom: 15px !important;
background-color: yello w; /* Nadaje kolor tla komorki */
}
/* Kody do zwiekszenia liter w - ...Get Directions... - wszystkie strony */
table.rss td button#ipad2a
{
position: static;
position: relative;
top: -10px! important; /* -4 */
left: 8px !important; /* 9 */
font-size: 34px !important; /* 35 */
font-weight: bold !important;
background-color: yello w;
}
/* Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... */
table.rss td button#ipad2b
{
position: static;
position: relative;
top: -1px!important; /* 5 */
left: 185px !important; /* 170px - gdy z lewej jest Menu -Mobile ale nie w pop-up ...Site navogation... */
font-size: 35px !important;
font-weight: bold !important;
/* width: 616px !important; */
background-color: lime;
}
/* table.rss td button#ipad2b span#napislink - ukryte dla sprawdzenia czy te kody dzialaja w Iphone pion i poziom w poz. 24373
{
position: relative;
display: none !important;
} */
table.rss td#ipad2c /* ukrywa napis ...We speak English & Polish... razem z komorka w tabeli z RSS po to aby go zastapic ponizszym ... table.rss td#ipad2c:before ... bo szerokosc komorki nie pozwala na powiekszenie czcionki powyzej 10px bo napis wychodzi za prawy obrys strony nadajac inna szerokosc stronie niz to zaplanowane - wszystkie strony */
{
position: relative;
visibility: hidden !important;
}
table.rss td#ipad2c:before /* wstawia napis ... We spaak English & Polish ... w miejsce ukrytego napisu z linkiem jw. ...table.rss td#ipad2c ... co pozwala na powiekszenie czcionki bez niekontrolowanego zwiekszania szerokosci strony i wychodzenia napisu poza prawa krawedz strony - wszystkie strony */
{
content: "We speak English & Polish";
position: absolute !important;
visibility: visible !important;
width: 320px !important;
text-align: right !important;
top: 16px !important;
left: -129px !important; /* -130 -217 gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki */
font-size: 26px !important; /* 29 */
background-color: lim e !important;
}
/* Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem - wszystkie strony - ale nie bublewrap kt��jest w ...table td.rss1... */
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu a !important;
}
/* Kody ustawienia samych ikon w komorce w pasku rss - HTC pion i poziom - to co powyzej
table.rss td.rss1 ul li a img
{
position: static !important;
position: relative !important;
margin-top: -10px !important;
background-color: lim e; Nadaje kolor tla komorki
}
*/
div.marque#index_contact /*div#index - dlugosc tylko strony ...contact.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 370px !important; /* 90px */
}
div.marque#index_slideshow /*div#index - dlugosc tylko strony ...slideshom.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 370px !important; /* 90px */
}
#selekt /* Formatuje pole ...select ... ze zdjeciami w galerii na stronie ... slideshow.html ... */
{
position: relative;
width: 300px !important
}
div.marque#index_sale /*div#index - dlugosc tylko strony ...sale.html... */
{
position: relative;
height: 5p x !important;
padding-bottom: 320px !important; /* to wydluza strone */
margin-top: 42px !important; /* 43px */
margin-bottom: 360px !important; /* 680/ 65px */
}
div.marque#index_ksgosci /* dlugosc i margines gorny i dolny tylko strony ...ksiega_gosci.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 260px !important; /* 90px */
height: 2500px !important;
}
div.marque#index_request /*div#index - dlugosc tylko strony ...request.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 20px !important; /* 90px */
}
div.marque#index_aboutus /*div#index - dlugosc tylko strony ...aboutus.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 38px !important; /* 90px */
}
div.marque#index_important /*div#index - dlugosc tylko strony ...important.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 25px !important; /* 90px */
}
div.marque#index_thankyou /*div#index - dlugosc tylko strony ...thankyou.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 20px !important; /* 90px */
}
div#index_home /* ustawia gora-dol cala strone ...index.html... aby zlikwidowac puste miejsce po gornych menu - tylko na stronie ...index.html... */
{
position: relative;
width: 1015px !important;
margin-top: 42px !important; /* przeniesione z pozycji 27072 z kodow ...div#index... */
margin-bottom: 95px !important; /* przeniesione z pozycji 19979 z kodow ...div#index... */
}
footer.dol /* stopka strony ...index.html... */
{
position: relative;
width: 1015.5px !important;
left: 2px !important;
}
div.marque#index_testimonials /* ustawia tylko strone ...testimonials.html... */
{
position: relative;
margin-top: 42px !important;
width: 1000px !important;
margin-bottom: 20px !important;
}
a.etykieta_opiniekg /* Ustawia gora-dol pole do wpisania opinii na stronie ...ksiega_gosci.html... */
{
position: static;
position: relative;
top: 60px !important; /* Ustawia etykiete do pola ...YOUR PUBLIC OPINION/COMMENTARY... na stronie ...ksiega_gosci.html... */
background-color: lim e !important;
}
/* Powieksza litery i ustawia calosc tresci BIO - wszystkich nauczycieli / oprocz RACHEL i Joseph Schultz / na stronie ...teacherphotos.html */
table.tabela p.biger_m
{
position: static !important;
position: absolute !important;
top: -1px !important;
background-color: yello w !important; /* - formatuje tez w Iphone pion i poziom */
font-size: 22px !important;
line-height: 19px !important;
word-spacing: -2px !important;
}
p.biger_mrachel /* Formatuje pole BIO / tylko RACHEL / - na stronie ...teacherphotos.html... */
{
position: static;
position: relative;
font-size: 20px !important; /* 18 / 19 - formatuje tez w Iphone pion i poziom */
line-height: 18px !important; /* 16 */
word-spacing: -1px !important;
background-color: yello w !important; /* - formatuje tez w Iphone pion i poziom */
}
form#forma table textarea /* formatuje pole tekstowe w ksiedze gosci na stronie ...ksiega_gosci.html... */
{
position: static;
position: relative;
background-color: yellow !important;
width: 910px !important;
}
/* ..................................................................................... */
section#boxcontent article table.pokazlekcji figure /* Formatuje tylko znacznik ...figure... w tabeli pod zdjeciem FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
}
section#boxcontent article table.pokazlekcji figure a img.student /* Formatuje tylko zdjecie FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
left: -106px !important;
top: 0px !important;
}
section#boxcontent article a.youtub /*a button.youtub */ /* Formatuje tylko link pod klawiszem do strony YOUTUBE dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -105px !important; /* -153 */
/* height: 60px !important; */
}
section#boxcontent article a button.youtub nobr /* Formatuje tylko napis na klawiszu do strony YOUTUBE dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 37px !important;
top: 0px !important; /* -27 */
}
section#boxcontent article a.faceboo /*a button.faceboo */ /* Formatuje tylko link pod klawiszem do strony FACEBOOK dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -135px !important; /* -188 */
/* height: 60px !important; */
}
section#boxcontent article a button.faceboo nobr /* Formatuje tylko napis na klawiszu do strony FACEBOOK dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 37px !important;
top: 0px !important; /* -27 */
}
/* ...................................................................................... */
/* ..................................................................................... */
section#boxcontent article table.pokazlekcji_ukulele figure /* Formatuje tylko znacznik ...figure... w tabeli pod zdjeciem BOBBY RECK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
}
section#boxcontent article table.pokazlekcji_ukulele figure a img.ukulele /* Formatuje tylko zdjecie BOBBY RECK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
left: -106px !important;
top: 0px !important;
}
section#boxcontent article a.youtub_ukulele /* button.youtub_ukulele */ /* Formatuje tylko link pod klawiszem do strony YOUTUBE dla UKULELE - DEMO CLASS - YOU TUBE na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -105px !important; /* -153 */
/* height: 60px !important; */
}
section#boxcontent article a button.youtub_ukulele nobr /* Formatuje tylko napis na klawiszu do strony YOUTUBE dla UKULELE - DEMO CLASS - YOU TUBE na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 37px !important;
top: 0px !important; /* -27 */
}
section#boxcontent article a.faceboo_ukulele /* button.faceboo_ukulele */ /* Formatuje tylko link pod klawiszem do strony FACEBOOK dla UKULELE - DEMO CLASS - FACEBOOK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -135px !important; /* -188 */
/* height: 60px !important; */
}
section#boxcontent article a button.faceboo_ukulele nobr /* Formatuje tylko napis na klawiszu do strony FACEBOOK dla UKULELE - DEMO CLASS - FACEBOOK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 37px !important;
top: 0px !important; /* -27 */
}
/* ...................................................................................... */
img.tumptak1 /* Formatuje ikone ...thumptack... na stronie ...testimonials.html... w HTC pion i poziom, oraz w Iphone 5s pion i poziom gdyby ten nie mial swoich kodow */
{
position: static;
position: relative;
top: -530px !important; /* -503 */
}
/* ............................................................................................ */
hr.kresk /* Formatuje kreske pod koniec strony, na stronie ...aboutus.html... - dla HTC pion i poziom i dziala tez w Iphone 5s pion i poziom */
{
position: static;
position: relative;
top: 50px !important;
height: 6px !important;
background-color: blue !important;
}
section#text_columns/* Formatuje tresc pod kreska pod koniec strony, na stronie ...aboutus.html... - dla HTC pion i poziom i dziala tez w Iphone 5s pion i poziom */
{
position: static;
position: relative;
top: 20px !important;
}
section#boxcontent article p.demo /* Ustawia ...DEMO CLASS!!!... na stronie ...lessons.html... */
{
position: relative;
top: 30px !important;
}
footer.dlugosc_bodylong /* Ustala dlugosc strony ...important.html...- chyba dziala tez w Ipad mini pion */
{
position: relative;
top: 20px !important;
}
button.biger2.biger2a /* Ustawia klawisz ...VISIT US... w zoltym polu na stronie ...important.html... */
{
position: relative;
top: -5px !important;
}
td.ovii /* Dotyczy napisu ...OUR VERY IMPORTANT INFORMATIONS... na stronie ...important.html... */
{
position: relative;
font-size: 46px;
top: 40px !important;
}
footer.dlugoscks /* - Ustala margines gorny nad stopka - tylko na stronie ...ksiega_gosci.html... */
{
position: static;
position: absolute;
margin-top: 135px !important; /* 135px */
}
div#mar que /* - Ustala dlugosc calej strony - tylko na stronie ...ksiega_gosci.html... - wylaczone bo za to jest to w poz. 18051 w ... div.marque#index_ksgosci ... */
{
position: static;
position: absolute;
height: 2190px !important;
}
section#boxcontent article.futerles /* Ustala odstep konca strony od ...footer... na stronie ...lessons.html */
{
position: relative;
margin-bottom: -110px !important;
}
/* Dotyczy gornego odstepu ...Footer... od poprzedzjacego go tekstu na stronie ...locations.html... */
footer.dol1
{
position: static;
position: relative;
top: 50px !important; /* top: 190px */
}
/* Ustala odstep stopki /footer/ od koncowego elementu strony, w pionie - na stronie ...kidzfreelessons.html... / ...new_classes.html... */
footer.odstepwdol
{
position: static;
position: relative;
margin-top: 50px !important;
}
section#text_columns article.column1 ul.wyk /* Ustawia pierwsza kolumne lewej listy na koncu strony ...aboutus.html... - dla HTC pion i poziom, i Iphone5s pion i poziom */
{
position: relative;
left: 50px;
}
form input.zegar /* Formatuje okno i napisy w zegarze na stronie ...thankyou.html... */
{
position: relative;
width: auto !important; /* 372 376 - cyfra ustala staly wymiar a ...auto... dopasowuje do rozmiaru czcionki napisu w tym polu i kodu zrodlowego i ze skryptu */
height: 70px !important; /* moze byc ...auto... */
border: 4px dotted blue;
border-radius: 0px;
top: -702px !important; /* -85 */
left: 155px !important;
font-size: 48px !important; /* 50 */
font-family: 'Times New Roman', 'Wide Latin', serif, sans-serif, fantasy !important;
font-weight: bold !important;
font-variant: small-caps !important;
text-align: center !important; /*dotyczy tylko napisu ...TIME... na przycisku */
vertical-align: middle !important;
padding: 0px !important;
}
/* form input.zegar:hover -- Formatuje okno i napisy w zegarze po najechaniu/kliknieciu, na stronie ...thankyou.html...
{
position: relative;
color: red !important;
width: auto !important; 476
font-size: 60px !important;
font-family: 'Times New Roman', 'Wide Latin', serif, sans-serif, fantasy !important;
font-weight: bold !important;
font-variant: small-caps !important;
text-align: center !important;
vertical-align: middle !important;
padding: 0px !important;
}
*/
/* =========================== KALENDARZ WIECZNY =============================== */
h1.naglowek /* Formatuje tytul ...SELECT DATE... nad kalendarezem na stronie ...important.html... */
{
position: relative;
font-size: 65px !important;
width: 900px !important;
text-align: center !important;
margin-bottom: 0px !important;
margin-top: 100px !important;
}
form.kalwie table select /* Formatuje tylko pole ...select... z miesiacami - na stronie ...important.html... */
{
position: relative;
width: 390px !important;
background-color: yellow;
font-size: 65px;
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.kalforma /* Formatuje tylko szerokosc pola ...input z latami... - na stronie ...important.html... */
{
position: relative;
width: 175px !important;
}
form.kalwie table input /* Formatuje tylko pola; ...input... z latami i z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
width: 320px !important; /* 250 */
background-color: yellow;
font-size: 65px;
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.miejsce /* Formatuje tylko napis ...CREATE... pola; ...input... z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
text-align: center !important;
}
form.kalwie table input.kalwie1 /* Formatuje wszystkie pola pod kalendarzem oprocz pola ...TODAY... - na stronie ...important.html... */
{
position: relative;
width: 140px !important;
background-color: lime;
font-size: 65px;
/* text-align: center; */
border: dotted 1px #000000;
}
form.kalwie table input.kalwie1a /* Formatuje tylko pole ...TODAY... pod kalendarzem - na stronie ...important.html... */
{
position: relative;
width: 300px !important; /* 235 */
background-color: lime;
font-size: 65px;
text-align: center !important;
border: dotted 1px #000000;
}
form.kalwie table textarea.kalwie1ab /* Formatuje tylko pole ...TEXT AREA... - na stronie ...important.html... */
{
position: relative;
background-color: silver;
text-align: center;
font-size: 65px;
color: #000000;
letter-spacing: 0px !important;
border: dotted 2px #000000;
}
/* ========================================================================= */
section.container div.stop /* Ukrywa napis nad slajdami na stronie ...index.html... */
{
position: relative;
display: none;
}
/* .neighbor - Formatuje klawisz ...OUR NEIGHBORHOOD & DIRECTIONS.. na stronie ...mapaservicu.html...
{
position: relative;
width: px !important;
height: px !important;
}
*/
.snieg1 /* Wylacza skrypt imitujacy snieg wszedzie */
{
position: relative;
display: none !important;
}
.bajerkursor /* Wylacza bajer ptzy kursorze */
{
position: relative;
display: none !important;
}
/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* arkusz do stylizacji menu z kodow ...menu.js..., lub ...recitalsmenu.js... -- dla ...menu/id#22... - rozwijanego i wysuwanego dla ...Recitals SCH. MUSIC ACADEMY... na stronie ...recitals.html... - tylko dla mobilnych - HTC pion i poziom */
table.recitals dl#menu22 /* Formatuje tylko ...z-index... w ...menu22...na stronie ...recitals.html... */
{
position: relative;
z-index: 2 !important;
}
table.recitals #menu22, #menu22 dl {
font-size: 22px !important;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu22 dt {
cursor: pointer;
margin: 0;
padding: 10px;
background-color: lim e !important; /* #888; */
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 5px 25px;
}
#menu22 dl dt {
width: 230px !important;
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
background-color: re d !important; /* #ccc; */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu22 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 90px !important;
font-size: 30px !important;
}
#menu22 dt.active {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
#menu22 dd.active {
font-weight: bold;
}
#menu22 dt:hover.active {
color: #ff00ff;
}
#menu22 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu22 a:link, #menu22 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu22 a:hover {
color: #fff;
background-color: #008;
}
#menu22 dl {
position: absolute;
border: 10px;
background-color: blu e !important;
height: 0px !important;
width: 337px !important;
}
#menu22 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 350px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu22 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -5px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 350px !important;
left: 0px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu22 dl dd dl dt.tube /* druga rozwijanalista ale tyko tytul ...YOUTUBE... */
{
position: relative;
margin-top: -7px !important; /* ustawia gora-dol tylko tytul ...YouTube... w drugiej liscie */
}
#menu22 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 74px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 380px !important;
left: 355px !important;
background-color: silver !important; /* maroon */
font-size: 37px !important;
font-weight: bold !important;
padding-bottom: 20px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
/* ..................................................................................... */
/* ..................................................................................... */
dt.linki2 a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube2 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube2:before ... i ... dt.you_tube2:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube2:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube2:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook2 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook2:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/* ............................... */
dt.linki1 a /* ukrywa napis ...2016... po to aby go zastapic ponizszym ... dt.linki1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1:before /* wstawia napis ... 2016 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 6";
color: #000000;
font-weight: bolder !important;
}
dt.linki1a a /* ukrywa napis ...2017... po to aby go zastapic ponizszym ... dt.linki1a:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1a:before /* wstawia napis ... 2017 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 7";
color: #000000;
font-weight: bolder !important;
}
dt.linki2a a /* ukrywa napis ...2018... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2a:before /* wstawia napis ... 2018 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 8";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube1 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube1:before ... i ... dt.you_tube1:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube1:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube1:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook1 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook1:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* arkusz do stylizacji ...menu03... - rozwijanego i wysuwanego dla recitali KIDZROCK na stronie ...recitals.html... - tylko dla mobilnych - HTC pion i poziom */
table.recitals #menu03, #menu03 dl {
font-size: 22px;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu03 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 18px 25px;
}
#menu03 dl dt
{
background-color: #ccc !important; /* #ccc; / yellow - tlo pierwszej listy wysuwanej z tytulem ...2015... */
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu03 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 80px !important;
font-size: 30px !important;
}
#menu03 dd.active {
font-weight: bold;
}
#menu03 dt:hover.active {
color: #ff00ff;
}
#menu03 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu03 a:link, #menu03 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu03 a:hover {
color: #fff;
background-color: #008;
}
#menu03 dl {
position: absolute;
border: 0;
}
/*
#menu03 dl dd {
position: relative;
left: 230px;
bottom: 31px;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
} */
#menu03 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 390px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu03 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -6px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 369px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu03 dl dd dl dt.facebook /* druga rozwijana lista ale tyko tytul ...FACEBOOK... */
{
position: relative;
margin-top: -5px !important; /* ustawia gora-dol tylko tytul ...FACEBOOK... w drugiej liscie */
}
#menu03 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 73px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 340px !important;
left: 395px !important;
background-color: silver !important; /* maroon */
font-size: 48px !important;
font-weight: bold !important;
padding-bottom: 40px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
#menu03 dl dd dl /* druga lista rozwijana */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important; /* ukrywa liste */
}
dl#menu03 dd dl /* lista /tlo/ pod tytulem 2015 - chyba przedluzenie tla pierwszej listy wysuwanej */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important;
}
/* ..................................................................................... */
dt.linki a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone zamyjajac ...menu03... */
{
position: relative;
visibility: hidden !important;
}
dt.linki:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube:before ... i ... dt.you_tube:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -79px;
top: -0.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -85px;
position: static;
position: relative;
top: -122px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
position: static;
position: absolute;
left: 0px !important;
right: -17px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* Koniec stylow dla menu Kidzrock Recitals */
.nakladka /* Formatuje nakladke na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: absolute;
top: 525px !important;
left: 210px !important;
width: 598px !important;
height: 330px !important;
font-size: 38px;
}
.nakladka1 /* Ustawia tylko wyraz ...PRZEPRASZAMY... w nakladce na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: relative;
font-weight: bold !important;
top: -38px !important;
left: auto !important;
right: auto !important;
font-size: 50px;
}
div.nakladka span.nakladka2 /* Formatuje napis /oprocz wyrazu...PRZEPRASZAMY.../ w nakladce na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: relative;
top: 35px !important;
}
div#postit /* Ustawia ...pop-upek... na stronie ...index.html... */
{
position: absolute;
left: 12.5px !important;
top: 116px !important; /* 75 */
width: 970px !important;
padding-bottom: 80px !important; /* 50 */
text-align: justify !important;
z-index: 1000 !important;
}
div#postit img#postit1 /* Ustawia LOGO w ...pop-upek... na stronie ...index.html... */
{
position: absolute;
width: 970px !important;
margin-top: 24px !important; /* tylko dla opcji z obrazkiem do zamykania ...pop-upka... */
}
div#postit div button.closerog /* Formatuje tytul w napisie ...CLOSE... w ...pop-upek... na stronie ...index.html... w gornym prawym rogu */
{
position: relative;
font-size: 35px !important;
}
.close1 /* formatuje ..Close it... w ...popupek... w tekscie w ...Reminder... */
{
position: relative;
font-weight: bold !important;
padding: 3px !important;
font-size: 32px !important;
}
div#postit div p#socialicons img /* Formatuje obrazek do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla napisu ...CLOSE... */
{
position: relative;
width: 60px !important;
height: 60px !important;
}
div#postit div /* Formatuje blok z linkiem i obrazkiem do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla napisu ...CLOSE... */
{
position: relative;
top: -3px !important; /* -7 */
/* margin-top: -46px !important; */
margin-right: 35px !important;
/* margin-bottom: 15px !important; */
}
div#postit div#kalinform /* Formatuje blok z kalendarzem i powiadonieniami rocznice/swieta w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 900px !important; /* 680 */
font-size: 30px !important; /* 28 / 31 */
text-align: center !important;
padding-right: 1px !important
padding-top: 2px !important;
padding-right: 7px !important;
padding-bottom: 19px !important;
top: 3px !important; /* -4 */
/* margin-top: -53px !important; */
margin-right: 64px !important;
/* margin-bottom: -45px !important; */
/* background-color: #ffffff !important; - ten kolor tla ma wplyw na kolor tla w Iphone5 gdy tam nie ma nic zapisanego */
color: yellow !important; /* #000000 */
}
div#postit div#count /* Formatuje blok z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 300px !important;
font-size: 35px !important;
text-align: center !important;
height: 35px !important;
top: 25.4px !important;
padding-top: 2.5px !important;
/* padding-left: 5px !important; */
padding-bottom: 6.5px !important;
/* margin-top: 12px !important; */
/* margin-right: 35px !important; */
/* margin-bottom: -45px !important; */
background-color: green !important;
}
div#postit div#count span#ekran /* Formatuje tylko cyfry licznika w bloku z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 35px !important;
}
div#postit input.reminderalarm /* formatuje ...Odliczanie Nr2... w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 432px !important;
left: 304px !important;
top: -33px !important;
font-size: 35px !important;
}
.reminderrecitals /* formatuje Odliczanie czasu nr2 dla licznika recitali na stronie ...recitals.html... */
{
position: relative;
top: 400px !important;
width: 95% !important;
font-size: 40px !important;
}
/* ==================================================================================== */
marquee#costam_a /* Formatuje tylko pole /tlo/ dla skryptu do odliczanie czasu do dnia zdarzenia na stronie ...lessons.html... Po uplywie zaplanowanej daty to pole /tlo/ znika */
{
position: relative;
top: -40px!important; /* 400 */
width: 95% !important;
padding-bottom: 10px !important;
}
marquee#costam /* Formatuje odliczanie czasu do dnia zdarzenia na stronie ...recitals.html... */
{
position: relative;
top: 400px!important;
width: 95% !important;
padding-bottom: 10px !important;
}
.costamtext /* Formatuje rozmiar czcionki w wyswietlanym tekscie w powyzszym ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
font-size: 60px !important;
}
.costamtext img /* Formatuje wszystkie ikony pianina we wszystkich tekstach z powyzszego ...marquee.costam... na stronie ...recitals.html... */
{
position: relative;
width: 80px !important;
height: 60px !important;
}
button.butony /* Formatuje BUTTON z linkiem do mapy do powyzszego odliczania czasu ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
top: 450px !important;
font-size: 35px !important;
font-family: serif !important;
}
a button.butony:after /* formatuje ...myslnik... na koncu napisu ... - G E T D I R E C T I O N to R E C I T A L - 1151 N. State St, Elgin, IL 60123 -... na stronie ...recitals.html... na przycisku z linkiem do mapy */
{
content: " -";
color: purple !important;
font-weight: bold !important;
font-size: 35px !important;
position: relative;
font-family: serif !important;
}
div#campus a img /* Pozycjonuje mape campusu Judson na stronie ...recitals.html... */
{
position: relative;
top: 470px !important;
margin-bottom: 70px !important;
}
/* ================================================================================================== */
div#postit div.budzik form input /* formatuje ...Zegarek tekstowy... w ...popupek... na stronie ...index.html... */
{
position: static;
position: relative;
left: 762px !important;
top: -91.8px !important;
font-size: 35px !important;
font-weight: bold !important;
height: 35px !important;
width: 200px !important;
text-align: center !important;
}
div#postit div.liczeniedni1 /* formatuje napis jak dlugo istnieje Schaumburg Music w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 28px !important; /* 25 */
font-size-adjust: 0.58 !important;
text-align: center !important;
margin-top: -55px !important;
margin-bottom: 35px !important;
height: 35px !important;
outline: 8px #ffffff ridge !important;
padding-top: 15px !important;
color: #ffffff !important;
font-weight: bold !important;
background-color: gray !important; /* maroon */
}
div#postit div.liczeniedni2 /* formatuje napis jak dlugo istnieje witryna Schaumburg Music w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 26px !important; /* 23 */
font-size-adjust: 0.58 !important;
text-align: center !important;
height: 35px !important;
outline: 8px #ffffff ridge !important;
padding-top: 15px !important;
color: #ffffff !important;
font-weight: bold !important;
background-color: gray !important; /* maroon */
}
/* div#postit font#migot4 - Formatuje tytul ...Reminder... w ...pop-upek... na stronie ...index.html... - dla wersji z migotaniem podwojnym
{
position: relative;
font-size: 45px !important;
} */
div#postit font#migot4 span#migot4a /* Formatuje tytul ...Reminder... w ...pop-upek... na stronie ...index.html... - dla wersji z Rainbow text */
{
position: relative;
font-size: 55px !important;
font-weight: bold !important;
}
div#postit p a#migot3 /* Formatuje tytul ...HERE... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important;
top: 4px !important;
}
div#postit p font /* Formatuje akapity /tresc/ w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 38px !important;
}
div#postit p span /* Formatuje akapity /tresc/ w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 38px !important;
}
div#postit span.podpis /* Formatuje napis ...Schaumburg Music Academy... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size:42px !important;
top: 20px !important;
}
div#postit p img /* Formatuje obrazek ...SMART... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: -21px !important;
margin-right: 15px !important;
width: 150px !important;
height: 150px !important;
}
div#postit p.opis /* Formatuje opis ...SMART... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 45px !important;
}
div#postit div.css3droppanel /* formatuje ustawienie kurtyny w ...popupek... na stronie index.html...*/
{
position: relative;
top: 60px !important; /* 45 */
margin-bottom: 40px !important;
margin-left: auto !important;
margin-right: auto !important;
}
div#postit div.css3droppanel input[type="checkbox"]:checked ~ div /* formatuje wysokosc okna kurtyny po jej otwarciu */
{
height: 1200px; /* Wysokosc panelu po jego otwarciu - 250px - */
opacity: 1;
overflow: auto;
}
form#kliczko div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
position: absolute;
left: 0;
background: lightyellow;
border: 1px solid yellow;
border-radius: 2px;
padding: 3px 10px;
box-shadow: 4px 1px 5px gray;
font-size: 30px !important; /* wielkosc czcionki */
font-weight: bold;
-webkit-backface-visibility: hidden;
top: 10px; /* initial top position of label relative to dynamiclabel container */
-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 0;
z-index: -1;
left: 5px; /* 500px - przesuniecie w lewo/prawo wszystkich wyskakujacch pol */
}
form#kliczko div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...sale.html... - tylko ...textarea... - dla ...cleaning_service_1... */
position: absolute;
left: 10px !important; /* przesuniecie w lewo/prawo wyskakujacego pola */
}
form#kliczko div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
opacity: 1;
z-index:100;
top: -46px !important; /* Post top position of label on focus relative to dynamiclabel container ...-35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe, w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
-ms-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
form#kliczko div.dynamiclabel input /* div container for each form field with pop up label - formatuje wszystkie i tyko pola input w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
display: block;
margin: 20px; /* 30 - odstepy miedzy polami input */
left: -15px !important;
font-size: 35px !important;
width: 520px !important; /* szerokosc tylko pol input */
height: 40px !important;
border: 4px solid #000000 !important;
position: relative;
}
form#kliczko div.dynamiclabel textarea /* Formatuje tylko pole ...textarea... w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
position: relative;
height: 150px !important; /* wysokosc tylko pola textarea */
font-size: 40px !important;
border: 4px solid #000000 !important;
}
form#kliczko div.dynamiclabel textarea.coment /* Formatuje tylko pole ...textarea... w poczcie na stronie ...sale.html.... - dla ...cleaning_service_1 */
{
position: relative;
left: 8px !important; /* 57*/
top: 0px !important; /* -705 */
height: 270px !important; /* 660 wysokosc tylko pola textarea */
width: 930px !important; /* 350*/
font-size: 44px !important;
border: 2px solid #000000 !important;
margin-bottom: 80px !important;
background-color: yello w !important;
}
form#kliczko input.input_i_reset /* formatuje tylko przycisk ...WYSLIJ... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 110px !important;
width: 22% !important;
height: 110px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
}
form#kliczko input.reset_i_input /* formatuje tylko przycisk ...RESET... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 340px !important;
width: 25% !important;
height: 110px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
}
form#kliczko input.reset_i_input.inputresetu /* ustawia pole input z ...RESET... na stronie ...sale.html... - dla cleaning_service_1 */
{
position: relative;
left: 30px !important;
}
form#kliczko input.input_i_reset.resetinputu /* ustawia pole input z ...SUBMIT... na stronie ...sale.html..- dla cleaning_service_1. */
{
position: relative;
left: -30px !important;
}
form#forma div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...ksiega_gosci.html... */
position: absolute;
left: 0;
background: lightyellow;
border: 1px solid yellow;
border-radius: 2px;
padding: 3px 10px;
box-shadow: 4px 1px 5px gray;
font-size: 45px !important; /* wielkosc czcionki */
font-weight: bold;
-webkit-backface-visibility: hidden;
top: 10px; /* initial top position of label relative to dynamiclabel container */
-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 0;
z-index: -1;
left: 5px; /* 500px - przesuniecie w lewo/prawo wszystkich wyskakujacch pol */
}
form#forma div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
opacity: 1;
z-index:100;
top: -65px !important; /* Post top position of label on focus relative to dynamiclabel container ...-35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe, w poczcie na stronie ...ksiega_gosci.html... */
-ms-transform: rotate(-3deg) !important;
-moz-transform: rotate(-3deg) !important;
-webkit-transform: rotate(-3deg) !important;
transform: rotate(-3deg) !important;
}
form#forma div.dynamiclabel input /* div container for each form field with pop up label - formatuje wszystkie i tyko pola input w poczcie na stronie ...ksiega_gosci.html... */
{
display: block;
margin: 20px; /* 30 - odstepy tylko miedzy polami input w poczcie na stronie ...ksiega_gosci.html..*/
left: -15px !important;
font-size: 40px !important;
width: 520px !important; /* szerokosc tylko pol input */
height: 60px !important;
border: 2px solid #000000 !important;
position: relative;
}
form#forma div.dynamiclabel textarea /* Formatuje tylko pole ...textarea... w poczcie na stronie ...ksiega_gosci.html.... */
{
position: relative;
height: 100px !important; /* wysokosc tylko pola textarea */
font-size: 44px !important;
border: 2px solid #000000 !important;
}
form#forma input.input_i_reset /* formatuje tylko przycisk ...WYSLIJ... w poczcie na stronie ...ksiega_gosci.html... */
{
position: relative;
left: -140px !important;
width: 100% !important;
height: 50px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
margin-bottom: 40px !important;
margin-top: 40px !important;
}
form#forma input.reset_i_input /* formatuje tylko przycisk ...RESET... w poczcie na stronie ...ksiega_gosci.html... */
{
position: relative;
left: 140px !important;
width: 100% !important;
height: 50px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
margin-bottom: 40px !important;
margin-top: 40px !important;
}
div#postit img#postit1 /* Ustawia migaj¹cy napis ...Reminder... pod Logo na stronie ...index.html... w ...pop-upek... */
{
position: relative;
margin-bottom: 50px !important;
}
h1#al_reminder123 /* formatuje Napis ...Reminder... nad ...Alarm Clock... w pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important;
width: 330px !important;
background-color: yello w !important;
margin-top: 20px !important;
}
div#jsalarmclock /* formatuje caly blok z ...Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 97% !important;
margin-top: 35px !important;
margin-left: auto !important;
margin-right: auto !important;
height: 490px !important;
}
#jsalarmclock img.nasza_flaga /* formatuje tylko flage Polski w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 10px !important;
left: 185px !important;
}
div#jsalarmclock div div.leftcolumn /* formatuje lewe wszystkie pola z opisami alarmu w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 30px !important;
font-size: 28px !important;
width: 220px !important;
margin-to p: -20px !important;
}
#jsalarmclock span /* formatuje pole wyswietlajace aktualny czas i pola z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
font-size: 34px !important;
top: 30px !important;
left: -10px !important;
margin-right: -5px !important;
background-color: aqu a !important;
}
#jsalarmclock span select /* formatuje pole wyswietlajace cyfry odnoszace sie do pol z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
top: -3px !important;
font-size: 29px !important;
width: 10% !important;
font-weight: bold !important;
}
div#jsalarmclock div#location div.leftcolumn, #spaner /* formatuje lewe pole tylko z opisem alarmu ...Set Alarm Action... w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 5px !important;
font-size: 28px !important;
width: 220px !important;
}
input#musicloc /* formatuje pole z linkiem do muzyki w ...Reminder/Alarm Clock.. w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 23px !important;
top: -40px !important;
left: -25px !important;
margin-right: -20px !important; /* robi odstep pola z linkiem od jego opisu z boku po prawej stronie */
margin-top: 46px !important;
}
#jsalarmclock form div#location /* cale pole z ...Set Alarm Action... plus pole na linki obok i opis obok tego pola w ...pop-upek... Reminder / Alarm Clock na stronie ...index.html... */
{
position: relative;
font-size: 25px !important;
width: 905px !important;
height: 50px !important;
top: 25px !important;
background-color: yello w !important;
}
#jsalarmclock form div#location span#locat /* formatuje pole z napisem ... Location of page to launch.... w ...pop-upek... w ...Reminder/Alarm Clock... na stronie ...index.html... */
{
position: relative;
background-color: gree n !important;
top: -19px !important;
font-size: 22px !important;
left: -18px !important;
}
input#submitbutton /* ustawia przycisk ...Set Alarm... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
margin-top: 45px !important;
font-size: 35px !important;
padding-top: 15px !important;
padding-bottom: 45px !important;
}
input#resetbutton /* ustawia przycisk ...Reset... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 70px !important;
margin-top: 45px !important;
font-size: 35px !important;
padding-top: 15px !important;
padding-bottom: 20px !important;
}
div#jsalarmclock div#help_pomoc /* formatuje caly blok z napisem ...HELP... i jego opisem w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 920px !important;
left: -7px !important;
top: 0px !important;
font-size: 35px !important;
background-color: lim e !important;
}
div#jsalarmclock div#help_pomoc span#spanhelp /* formatuje tylko napis ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 5px !important;
top: 0px !important;
font-size: 35px !important;
margin-right: 10px !important;
background-color: aq ua !important;
}
div#jsalarmclock div#help_pomoc span /* formatuje czesc opisu ...This is Polish time. For example Polish time is: ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 1px !important;
font-size: 35px !important;
/* word-spacing: -2px !important; */
background-color: re d !important;
}
div#jsalarmclock div#help_pomoc span#pakapit /* formatuje czesc opisu ...1am /english/ = 1.00 polish/......etc, ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 175px !important;
top: 3px !important;
font-size: 35px !important;
background-color: fuchsi a !important;
}
div#jsalarmclock div#help_pomoc span#poledwa /* formatuje czesc opisu ... 1pm /english/ = 13.00 /polish/......etc. ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 175px !important;
top: 6px !important;
font-size: 35px !important;
background-color: yello w !important;
}
select#melodyjki,.zmiana /* formatuje cale pole ...SELECT... w Reminder/Alarm Clock... w pop-upek... na stronie ...index.html... */
{
display: none !important;
/* visibility: hidden; - ukryte bo tu nie ma zastosowania bo nie da sie skopiowac linku
position: relative;
top: -108px !important;
left: 115px !important;
font-size: 28px !important; */
}
input.kasowanie /* formatuje tylko przycisk ...RESET... przy polu ...SELECT... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
display: none !important;
/* visibility: hidden; - ukryte bo tu nie ma zastosowania
position: relative;
top: -107px !important;
left: 120px !important;
font-size: 23px !important;
width: 160px !important; */
}
form#form2 input.reminderalarm /* formatuje brazowe pole do ...Odliczania nr2 /lub innych/... na dole ...Reminder... w ...po-upek... na stronie ...index.html... */
{
position: relative;
top: 30px !important; /* -25 */
left: 15px !important;
right: auto !important;
width: 95% !important;
}
form table.zegar_strefowy /* formatuje wymiary zewnetrzne ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 940px !important;
left: -5px !important;
}
form table.zegar_strefowy td input /* formatuje rozmiar pol i czcionke we wszystkich polach z godzinami ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: -30px !important;
margin-right: -30px !important;
width: 207px !important;
font-size: 30px !important;
}
form table.zegar_strefowy td /* formatuje czcionke we wszystkich polach z nazwami miast ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 29px !important;
text-align: left !important;
width: auto !important;
background-color: fuchsi a !important;
border: 0px red solid !important;
}
table#uniwersalnytak td table /* nadaje rozmiary tabeli wewnetrznej Kalendarza w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 860px !important;
margin-left: auto !important;
margin-right: auto !important;
}
table#uniwersalnytak /* Kolor tla marginesu tabeli zewnetrznej - Kalendarz - popupek - w ...index.html... */
{
position: relative;
background-color: #ffffff !important
}
table#uniwersalnytak td table td input /* nadaje rozmiary wszystkim polom ...input... Kalendarza za wyjatkiem tego z rokiem i miesiacem oraz liczbom w nich wpisanych w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 100px !important;
font-size: 40px !important;
margin-left: auto !important;
margin-right: auto !important;
}
table#uniwersalnytak td table th /* nadaje rozmiary wszystkim nazwom dni tygodnia Kalendarza w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 40px !important;
color: maroon !important;
padding-top: 10px !important;
padding-bottom: 5px !important;
}
table#uniwersalnytak td table input.privious /* formatuje pola ...input... Kalendarza z ...privious... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 150px !important;
height: 70px !important;
font-size: 45px !important;
left: 20px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.next /* formatuje pola ...input... Kalendarza z ...NEXT... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 150px !important;
height: 70px !important;
font-size: 45px !important;
left: -60px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table tr th input /* formatuje pola ...input... Kalendarza z rokiem i miesiacem w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 250px !important;
height: 50px !important;
font-size: 35px !important;
padding: 5px !important;
margin-top: 5px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.poledaty /* formatuje pole ...input... Kalendarza z aktualna data /na samym dole kalendarza/ w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 600px !important;
font-size: 35px !important;
height: 55px !important;
margin-top: 2px !important;
background-color: blu e !important;
}
table.tx /* formatuje rozmiary zewnetrzne tabeli z ...Wskaznik Wagi BMI */
{
position: relative;
width: 860px !important;
font-size: 33px !important; /* rozmiar czcionki tyko nad polami ...Your weight... ...your height... ...Your MBI... */
}
table.tx caption /* Formatuje napis ...WSKAZNIK WAGI BMI... w ..pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important;
top: 35px !important;
margin-bottom: 35px !important;
}
table.tx td /*formatuje napisy ...Your weight... ...your height... ...Your MBI... lacznie z polami pod nimi w ...pop-upek... w ...Wskaznik Wagi BMI... */
{
position: relative;
left: 15px !important;
}
input.pole1 /* Formatuje wszystkie trzy pola ...You weight... Your Height... Your BMI... w pop-upek... we ...Wskazniku Wagi BMI... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important;
margin-top: 15px !important;
margin-bottom: 30px !important;
}
input.zobaczmy /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... */
{
position: relative
visibility: hidden !important;
font-size: 30px !important;
width: 320px !important;
margin-top: 15px !important;
padding-top: 5px !important;
padding-bottom: 4px !important;
left: -105px !important;
}
input.zobaczmy:hover /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po NAJECHANIU go */
{
position: relative;
background-color: lime !important;
}
input.zobaczmy:active /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po KLIKNIECIU go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 320px !important;
background-color: yellow !important;
}
div.ilewazysz /* formatuje blok w kt�� jest umieszczony ....COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
text-align: center !important;
font-size: 45px !important; /* rozmiar czcionki tylko napisu ...COMMENT... */
background-color: yello w !important;
width: 800px !important;
height: 250px !important;
margin-top: 40px !important;
margin-left: 30px !important;
margin-right: auto !important;
margin-bottom: 200px !important;
}
textarea#toty /* formatuje blok w kt�� jest umieszczone pole ....Textarea... pod napisem ...COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 44px !important; /* rozmiar pola ...textarea... i jednoczesnie wielkosc czcionki */
}
/* .../... TA KRESKA PO LEWEJ LUB INNY JAKIKOLWIEK ZNAK POWDUJE TO ZE PONIZSZE KODY DLA PRZYCISKU RESET W ....WSKANIKU WAGI BMI... S.A. WYSWIETLANE PRWIDLOWO. BEZ TEJ KRESKI NIC SIE NIE WYSWIETLA - NIE WIEM DLACZEGO, TO JAKIS BEZSENS - bez kreski wyswietla sie gdy w ...input#kasowaniepolawagi... jest wylaczone ...hidde n... */
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - ukrywa go - ale gdy ukrywa to jest potrzebna ukosna kreska powyzej aby byl on wyswietlany, lub gdy jest bez powyzszej kreski to ponizej musi byc wylaczone...hidde n... */
{
position: relative;
visibility: hidde n !important;
}
input#kasowaniepolawagi:before /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - wyswietla go na nowo po ukryciu jak wyzej */
{
content: "R E S E T";
color: maroon !important;
font-weight: bold !important;
}
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... */
{
position: relative;
border-style: inset !important;
width: 220px !important;
margin-top: 15px !important;
padding-top: 10px !important;
padding-bottom: 8px !important;
font-size: 30px !important;
left: 105px !important;
}
input#kasowaniepolawagi:hover /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po najechaniu go */
{
position: relative;
background-color: yellow !important;
}
input#kasowaniepolawagi:active /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 220px !important;
background-color: #ff99ff !important;
}
#progressbar1 /* formatuje pole postepu wypelnienia pola ...textarea.... w poczcie na stronie ...ksiega_gosci.html.... */
{
position: relative;
font-size: 50px !important;
}
.anima /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - script */
{
position: relative;
left: 0px !important; /* -25 */
font-size: 40px !important;
/* text-shadow: 15px 10px 30px maroon !important; */
text-shadow: 10px 5px 20px gray !important;
}
.anima1 /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - blok */
{
position: relative;
left: 0px !important;
}
/* div#index / * Nadaje margines dolny tylko stronie ... index.html ... - przeniesione do poz. 17869 do kodow ...div#index... * /
{
position: relative;
margin-bottom: 90px !important;
} */
/* div#index_testimonials / * Nadaje margines dolny i gorny tylko na stronie ... testimonials.html ... - przeniesione do kodow w poz. 17883 ...div.marque#index_sale / *div#index - dlugosc tylko strony ...sale.html... * /
{
position: relative;
margin-bottom: 65px !important;
top: 43px;
} */
body /* robi tlo dla wszystkich stron tylko na mobilnych */
{
position: relative;
background-image: url(tlo.jpg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important; /*cover , / auto 100% / */
}
#text_columns h3
{
position: relative;
border-bottom: 0px solid #000000; /* #D6D0C1 - likwiduje przy ...0px.. i pokazuje przy ...1 i wiecej piksel... podkreslenie wyrazow ...Lessons... i ...Rentals... na stronie ...index.html... */
}
section#text_columns article.column1 h3.lekcje span.lekcje1 /* - Formatuje tytul ...Lessons... na stronie ...index.html... */
{
position: relative;
font-size: 75px !important;
/* border-bottom: 5px solid blue !important; */
top: 5px !important;
font-family: Georgia, 'open sans', sans-serif;
font-weight: bold !important;
color: blue !important;
margin-left: 5px !important;
background-color: yello w !important;
}
/* section#text_columns article.column1 h3.lekcje */ /* Formatuje tytul ...Lessons... na stronie ...index.html... - zamienia kody komputera na mobilne kodami ...section#text_columns article.column1:before...
{
position: relative;
visibility: hidden !important;
} */
/* section#text_columns article.column1 h3.lekcje:before */ /* Formatuje tytul ...Lessons... na stronie ...index.html... - zamienia kody komputera na mobilne z kodow ...section#text_columns article.column1 h3.lekcje...
{
visibility: hidden important;
content: "Lessons";
position: relative;
top: 95px !important;
font-size: 75px;
border-bottom: 3px solid blue;
margin-top: -500px !important;
font-family: Georgia, 'open sans', sans-serif;
font-weight: bolder;
color: blue;
margin-left: 25px;
} */
section#text_columns section.column2 article.row h3.rental span.rental1 /* - Formatuje tytul ...Rentals... na stronie ...index.html... */
{
position: relative;
font-size: 75px !important;
/* border-bottom: 5px solid blue !important; */
/* top: -5px !important; */
font-family: Georgia, 'open sans', sans-serif;
font-weight: bold !important;
color: blue !important;
margin-left: 5px !important;
/* text-decoration: none !important; */
background-color: yello w !important;
}
/* section#text_columns section.column2 article.row h3.rental - Formatuje tytul ...Rentals... na stronie ...index.html... - zamienia kody komputera na mobilne kodami ...section#text_columns section.column2 article.row:before...
{
position: relative;
visibility: hidden !important;
} */
/* section#text_columns section.column2 article.row:before - Formatuje tytul ...Rentals... na stronie ...index.html... - zamienia kody komputera na mobilne z kodow ...section#text_columns section.column2 article.row h3.rental...
{
content: "Rentals";
position: relative;
top: 95px !important;
font-size: 75px;
border-bottom: 3px solid blue;
margin-top: -500px !important;
font-family: Georgia, 'open sans', sans-serif;
font-weight: bolder;
color: blue;
margin-left: -20px;
} */
/* Kody do ustawiania calej /samej - bez ikon/ komorki z ikonami w pasku rss - HTC pion i poziom
table.rss td.rss1 ul.bubblewrap
{
position: static !important;
position: relative !important;
width: 275px !important;
margin-top: 10px !important;
padding-left: 5px !important;
padding-bottom: 15px !important;
background-color: yello w; - Nadaje kolor tla komorki
}
Kody ustawienia samych ikon w komorce w pasku rss - HTC pion i poziom
table.rss td.rss1 ul li a img
{
position: static !important;
position: relative !important;
margin-top: -10px !important;
background-color: lim e; Nadaje kolor tla komorki
}
*/
h2#fly /* formatuje tylko napis Thanks for vivsiting "SCHAUMBURG MUSIC ACADEMY" w ...fly letters... na wszystkich stronach oprocz strony ...testimonials.html */
{
position: relative;
top: -33px !important; /* -37 */
font-size: 41px !important;
margin-bottom: 3px;
background-color: re d !important;
}
header /* formatuje ...header dla wszystkich stron oprocz ... index.html ... - patrz tez pozycja 13568 kody ...header.menu... tylko dla strony ...index.html... i poz.14512 kody ...body header... - dla wszystkich stron */
{
position:relative;
/*top: 40px; - do ustawienia nizej naglowka aby dac u gory Menu rozwijane i wysuwane - zastapione jest to w ..inline... w HEADER atrybutem ...top: 35.5px... - dla wersji bez ruchomego napisu ...Thanks for visiting "SCHAUMBURG MUSIC ACADEMY" ! pod ...MARGUE... w HTML5 */
top: 58p x;
width: auto;
height: 117px; /* 150 */
max-width: 1000px;
margin: auto;
background-color: #333 !important; /* - Kolor tla naglowka - wszedzie plus mobilne - by³o ...background:#333; */
}
/*
img#logo Formatuje wszystkie loga w naglowku ...header...
{
position: relative;
height: 190px !important; - tu bylo zamkniecie to co jest ponizej bo go przenioslem
} */
header p img#logo {
position: static !important;
position: relative !important;
left: -30px !important; /* -1 */
width: 35px !important; /* 267 */
height: 111px !important;
} /* Dopisalem - sa to parametry dla ...Logo.. - wszedzie cz.1/2 */
a.Timeis /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -190px !important; /* -210 -180 */
font-size: 60px !important; /* 65 */
color: green !important; /* maroon */
font-family: serif !important;
font-weight: bold !important;
}
a.Timeis1 /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -150px !important; /* -160 */
font-size: 60px !important; /* 65 */
color: green !important; /* maroon */
font-family: serif !important;
font-weight: bold !important;
}
/* - wylaczone bo jest powyzej w poz.6234
section#copyright div.wrapper formatuje napis ...copyright... w stopce
{
position: relative;
font-family: serif !important;
font-size; 6px !important;
color: #ffffff !important;
}
*/
/* Kody do ustawienia Logo w poziomie
header p img#logo
{
position: static;
position: absolute;
left: -5px !important;
top: 3px !important;
margin-right: auto !important;
} Dopisalem dla urzaden mobilnych -- tylko dla ...Logo... aby nie uciekalo do srodka w pozycji pionowej urzadzenia i dla pozycji poziomej - cz.2/2 */
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - poczatek - jest to kopia arkusza css ...indeks.css... ========= */
/* Kody do formatowania wygladu tylko indeksu na stronie ...sale.html... - ...cleaning_service_1.... - do kompletu jest; ...indeks.js.../...indeks_hasla.js */
table#indekswysz td span /* Formatuje tytul ..INDEX OF PASSWORDS... nad indeksemm hasel na stronie ...sale.html...*/
{
position: relative;
font-size: 55px !important;
}
#tytulopis /* Formatuje napis ...Here you can order a service... na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 63px !important;
margin-bottom: 10px !important;
}
.opisuslugi /* Formatuje wszystkie opisy uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 52px !important;
line-height: 55px !important;
}
.tematuslugi /* Formatuje wszystkie tematy /tytuly/ uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 55px !important;
font-weight: bold !important;
line-height: 63px !important;
}
.cenauslugi /* Formatuje wszystkie ceny uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 45px !important;
font-weight: bold !important;
line-height: 60px !important;
}
.clicorder /* Formatuje wszystkie napisy okreslajace temat /tytul/ zamawianej uslugi na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 45px !important;
font-weight: bold !important;
color: red !important;
}
.ilosciopis /* Formatuje pole zamowienia ...Period of the ordered service... na stronie ...sale.html... */
{
position: relative;
left: 2px !important;
width: 918px !important;
outline: 4px red solid !important;
font-size: 50px !important;
font-family: serif, Georgia !important;
font-weight: bold !important;
color: blue !important;
text-align: center !important;
vertical-align: -10px !important;
background-color: #ffffff !important;
margin-top: 5px !important;
padding-top: 20px !important;
padding-bottom: 15px !important;
border-radius: 0px 0px 0px 0px !important;
}
.ilosciopis_1 /* Formatuje pole zamowienia ...Enter a comment for this order here... na stronie ...sale.html... */
{
position: relative;
top: 5px !important;
left: 2px !important;
width: 918px !important;
outline: 4px red solid !important;
font-size: 50px !important;
font-family: serif, Georgia !important;
font-weight: bold !important;
color: rblue !important;
text-align: center !important;
vertical-align: -10px !important;
background-color: #ffffff !important;
margin-bottom: 15px !important;
padding-top: 20px !important;
padding-bottom: 15px !important;
border-radius: 0px 0px 0px 0px !important;
}
/*
input[type=checkbox] Formatuje kwadratowe okno ...checkbox... we wszystkich zamowieniach na stronie ...sale.html... - cos nie chce powiekszac pola ...checkbox....
{
position: static;
position: relative;
width: 130px !important;
height: 130px !important;
background-color: red !important;
} */
#rezultat /* Formatuje tytul ...SEARCH RESULTS + zadane haslo... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 */
{
position: relative;
width: 960px !important;
top: 30px !important;
margin-bottom: 45px !important;
background-color: yello w !important;
line-height: 50px !important;
}
#listarezultatu /* Formatuje liste wyszukanych hasel pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 druga i trzecia linijka od dolu. */
{
position: relative;
width: 890px !important;
background-color: lim e !important;
font-size: 60px !important;
left: 80px !important;
}
#znalezione /* Formatuje tylko wyszukane hasla w liscie, ale nie liste pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 180 */
{
position: relative;
width: 890px !important;
/* left: -30px !important; */
font-size: 50px !important;
line-height: 83px !important;
background-color: yello w !important;
}
#indeks {
width: 950px !important;
padding: 10px 0;
background: #808000;
border-top: 6px dotted black !important;
border-right: 6px dotted black !important;
border-bottom: 6px dotted black !important;
border-left: 6px dotted black !important;
text-align: center !important;
margin-top: 17px !important; /* 1em auto - odsuwa do gory napis ...INDEX OF PASSWORDS... */
}
#indeks input.text {
position: relative;
text-align: center !important;
font-family: Algerian, serif !important;
color: #000000 !important;
font-size: 46px !important; /* 42 */
font-weight: bold !important;
width: 900px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-top: 20px !important;
margin-bottom: 32px !important;
background-color: silver; /* tlo pola wyszukiwania w INDEKSIE */
}
#indeks select {
position: relative;
font-family: Algerian, serif !important;
color: green;
font-size: 50px !important; /* 42 */
font-weight: bold !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
width: 100%;
margin: 2px 0 10px 0;
} /* Jest to pole z haslami w indeksie */
#indeks input.button {
position: relative;
font-weight: bold;
width: 100px;
margin-left: 5px;
margin-right: 5px;
} /* Klawisze Wyswietl, Szukaj i Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 42px !important;
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 25px !important; /* 13 */
padding-right: 270px !important; /* 10 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 50px !important; /* 38 48 */
padding-left: 20px !important; /* 10 */
width: 295p x !important;
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a:hover {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 42px !important;
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 25px !important; /* 13 */
padding-right: 270px !important; /* 10 */
padding-bottom: 50px !important; /* 38 48 */
padding-left: 20px !important; /* 10 */
width: 295p x !important;
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important; /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... - tutaj w sumie zbedny, ale wyswietla sie po wroceniu strony */
}
#indeks input.button1b {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 42px !important;
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 13px !important; /* 0 */
padding-right: 250px !important; /* 0 */
padding-bottom: 13px !important; /* 0 */
padding-left: 20px !important; /* 0 */
width: 250p x !important;
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1b:hover {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 42px !important;
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 13px !important; /* 0 */
padding-right: 250px !important; /* 0 */
padding-bottom: 13px !important; /* 0 */
padding-left: 20px !important; /* 0 */
width: 250p x !important;
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... - tutaj w sumie zbedny, ale wyswietla sie po wroceniu strony */
#indeks input.button1c {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 46px !important;
font-weight: bold !important;
color: red;
background-color: yellow;
padding-top: 22px !important; /* 10 */
padding-right: 230px !important; /* 5 */
padding-bottom: 22px !important; /* 10 */
padding-left: 20px !important; /* 5 */
width: 230p x !important;
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 35px !important;
margin-right: 5px !important;
} /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1c:hover {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 46px !important;
font-weight: bold !important;
color: red;
background-color: yellow;
padding-top: 22px !important; /* 10 */
padding-right: 230px !important; /* 5 */
padding-bottom: 23px !important; /* 10 */
padding-left: 20px !important; /* 5 */
width: 230p x !important;
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 35px !important;
margin-right: 5px !important; /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... - tutaj w sumie zbedny, ale wyswietla sie po wroceniu strony */
}
/* Kolor tla pola wyszukiwania w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 84 */
/* Kolor tla pola klawisza SZUKAJ w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 85 */
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - koniec ========= */
/* Kody do pokazu slajdow na stronie ...sale.html.. - POCZATEK - */
table#slidetabela /* formatuje cala tabele ze sladami na stronie ...sale.html... */
{
position: relative;
height: 620px !important;
margin-bottom: -50px !important;
}
div#slideshow select /* formatuje caly blok z wszystkimi polami select z numerami zdjec na stronie ...sale.html... */
{
position: relative;
margin-top: 30px !important;
font-size: 40px !important;
}
div#przesuniecie input /* formatuje wszystkie inputy z przyciskami / ..<<... ...Start... ...>>.../ w tym bloku na stronie ...sale.html... */
{
position: relative;
font-size: 40px !important;
margin-top: 30px !important;
margin-bottom: 20px !important;
}
/* Kody do pokazu slajdow na stronie ...sale.html.. - KONIEC - */
.addanattachment /* formatuje tylko wszystkie napisy ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html... */
{
position: relative;
font-size: 40px !important;
}
input.inputattachment /* formatuje wszystkie tylko inputy ...choose file... do wybierania plikow i ...No file chosen... do pokazania wybranych plikow po napisie ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html... */
{
position: relative;
font-size: 40px !important; /* wielkosc czcionki we wszystkich inputach...No file chosen... i ...choose file... */
padding-right: 200px !important; /* robi dlugosc ale tylko inputow ...No file chosen... */
padding-bottom: 40px !important; /* robi wysokosc inputow ...No file chosen... i inputow ...choose file... */
vertical-align: middle !important; /* ustawia wszystkie inputy w poziomie w stosunku do napisow ...Add an attachment... */
background-color: lim e !important;
}
a#wetransfer /* formatuje tylko czesc nanpisu ...WeTRansfer.... z calosci linku na stronie ...sale.html... */
{
position: relative;
font-size: 40px !important;
top: 0px !important;
}
a#wetransfer span#nowynapis /* formatuje /ukrywa/ caly /tresc/ link do ...WeTransfer... na stronie ...sale.html... po to aby go wyswietlic ponizej w kodach ...a#wetransfer:before... */
{
position: relative;
display: none !important;
}
a#wetransfer:after /* wyswietla w miejsce powyzszego linku ...a#wetransfer... nowy napis jak w tych kodach */
{
position: relative;
content: " send up to 2GB for free";
font-size: 40px !important;
font-family: serif !important;
font-weight: bold !important;
color: #000000 !important;
}
/* ================= SMART - Poczatek - WeTransfer dla strony ... requestinfo.html .... =================== */
a#wetransferrequest /* formatuje tylko czesc nanpisu ...WeTRansfer.... z calosci linku na stronie ...requestinfo.html... */
{
position: relative;
font-size: 40px !important;
top: -65px !important;
}
a#wetransferrequest span#nowynapis /* formatuje /ukrywa/ caly /tresc/ link do ...WeTransfer... na stronie ...requestinfo.html... po to aby go wyswietlic ponizej w kodach ...a#wetransfer:after... */
{
position: relative;
display: none !important;
}
a#wetransferrequest:after /* wyswietla w miejsce powyzszego linku ...a#wetransferrequest span#nowynapis ... nowy napis jak w tych kodach na stronie ...requestinfo.html .... */
{
position: relative;
content: " send up to 2GB for free";
font-size: 40px !important;
font-family: serif !important;
font-weight: bold !important;
color: #000000 !important;
}
/* ================== SMART - KNIEC - WeTransfer dla strony ... requestinfo.html .... =================== */
#boxcontent p#glownia /* formatuje napis ...-- R & W CLEANING SERVICE --
i SMART - Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: yello w !important;
font-size: 45px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: -200px !important; /* dla Cleaning Service jest -180px */
}
#boxcontent p#opisuslugi /* formatuje opis uslugi pod napisem ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... a w SMART tresc strony */
{
position: relative;
background-color: lim e !important;
font-size: 40px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: 20px !important; /* dla Cleaning Service jest -170px */
}
#boxcontent p#ofertaserwisu /* formatuje tytul ...We offer services... pod opisem uslugi pod napisem ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: aqu a !important;
font-size: 60px !important;
width: 550px !important;
padding: 5px !important;
line-height: 60px !important;
margin-top: 10px !important;
}
#boxcontent p#tekstoferty /* formatuje opis uslugi pod tytulem ...We offer service... na stronie ...aboutus.html... */
{
position: relative;
background-color: whit e !important;
font-size: 35px !important;
font-weight: bold !important;
left: 16px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: 15px !important;
}
#boxcontent p#kontakty /* formatuje kontakty pod opisem pod tytulem ...We offer service... na stronie ...aboutus.html... */
{
position: relative;
background-color: yello w !important;
font-size: 55px !important;
font-weight: bold !important;
left: 16px !important;
width: 950px !important;
line-height: 68px !important;
margin-top: 15px !important;
margin-bottom: 10px !important;
}
footer#dlugiaboutus /* formatuje stopke na stronie ...aboutus.html... */
{
position: relative;
margin-top: 100px !important;
margin-bottom: -20px !important;
}
/* div.marqueaboutus - formatuje dlugosc calej strony ...aboutus.html... - wylaczone, bo najpierw bylo potrzebne a potem nie, jakies czary
{
position: relative;
height: 2331px !important;
background-color: gold !important;
} */
.widget /* formatuje ikone Thumbtack z 2020 roku - oprócz strony ...sale.html... */
{
position: relative;
top: -165px;
}
.widget1 /* formatuje ikone Thumbtack z 2020 roku - tylko na stronie ...sale.html... */
{
position: relative;
top: -125px;
}
.widget2 /* formatuje ikone Thumbtack z 2020 roku - tylko na stronie ...testimonials.html... */
{
position: relative;
top: -650px;
}
.klawisze /* ustawia przyciski wszystkie i na wszystkich stronach oprócz klawisza ... HOT ... na stronie ... important.html ... i HOME na stronie ...index.html ... i klawiszy z opisem jak np. na stronie ... OFFER-pl... */
{
position: relative;
right: -93% !important;
top: -48px !important;
width: 170px !important;
height: 50px !important;
border-radius: 40px !important;
font-size: 35px !important;
font-weight: bolder !important;
font-size-adjust: 0.58 !important;
}
.klawisze span b /* ustawia tylko napis ...OFFER-pl ... i pozostale na przyciskach tylko na stronach z opisem klawisza i bez obrazka klawisza danej strony, oprócz klawisza ... HOT ... na stronie ... important.html ... i HOME na stronie ...index.html ... */
{
position: relative;
top: 6px !important;
}
#klawisz_index /* formatuje klawisz ...HOME... tylko na stronie ...index.html.... */
{
position: relative;
top: -63px !important;
left: -30px !important;
width: 150px !important;
height: 50px !important;
}
section#boxcontent p#zaproszenie img#lewy /* formatuje lewy obrazek kolo napisu ...ZAPRASZAMY... na stronie ...aboutus.html... */
{
position: relative;
width: 150px !important;
height: 150px !important;
}
section#boxcontent p#zaproszenie img#prawy /* formatuje prawy obrazek kolo napisu ...ZAPRASZAMY... na stronie ...aboutus.html... */
{
position: relative;
width: 150px !important;
height: 150px !important;
}
/* ========================== Kody dla SMART - poczatek ======================================= */
section#boxcontent div#zaproszenie img#lewy /* formatuje lewy obrazek kolo napisu ...ZAPRASZAMY... na stronie ...aboutus.html... */
{
position: relative;
width: 150px !important;
height: 150px !important;
}
section#boxcontent div#zaproszenie img#prawy /* formatuje prawy obrazek kolo napisu ...ZAPRASZAMY... na stronie ...aboutus.html... */
{
position: relative;
width: 150px !important;
height: 150px !important;
}
section#boxcontent div#zaproszenie /* formatuje napis ...ZAPRASZAMY... razem z obrazkami po lewej prawej na stronie ...aboutus.html... */
{
position: relative;
margin-top: 150px !important;
left: 22% !important;
}
/* ========================== Kody dla SMART - koniec ======================================= */
/* ======================================= STOPKA - POCZATEK ========================================= */
section#boxconten t /* formatuje /ustawia/ tylko cala sekcje z trescia strony ...aboutus.html... - jest do pary z kodami ... #stopka_tresc / * ustawia cala tresc stopki tylko na stronie ...testimonials.html... - jest do pary z kodami ...section#boxcontent / * formatuje /ustawia/ tylko cala sekcje z trescia strony ...aboutus.html... * / */
{
position: relative;
margin-top: -360p x !important;
margin-bottom: -130px;
}
#stopka_tres c /* ustawia cala tresc stopki tylko na stronie ...testimonials.html... - jest do pary z kodami ...section#boxcontent / * formatuje /ustawia/ tylko cala sekcje z trescia strony ...aboutus.html... * / */
{
position: relative;
top: -300px;
}
/* =============================== STOPKA - KONIEC ============================================= */
/*
section#boxcontent #opisuslu gi / * formatuje tresc strony ...aboutus.html... - jest w pozycji 20712 w kodach ...#boxcontent p#opisuslugi... * /
{
position: relative;
font-size: 40px !important;
} */
section#boxcontent p#opisuslugi button#direction b /* formatuje tylko napis ...GET DIRECTION... na ...BUTTON... w tresci strony ...aboutus.html...*/
{
position: relative;
font-size: 40px !important;
}
/* 3D flip menu cz.1/3 - formatuje wszystkie ...Menu-mobile... oprocz strony ...index.html...
Author: Dynamic Drive
Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool! */
body { /* webkit adjacent sibling bug fix */
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
div.nav{
position: relative; /* dotyczy menu przed kliknieciem */
background-color: yello w; /* dopisalem */
width: 330px; /* dopisalem */
top: -71px !important; /* 161px - dopisalem - podnosi cale MENU-MOBILE przed kliknieciem i otwarciem - -37px gdy jest nad klawiszami w gornej komorce tabeli */
z-index: 40 !important; /* dopisalem - ustawia cale menu po otwarciu po kliknieciu i chyba przed kliknieciem */
-webkit-perspective: 1000px;
perspective: 1000px;
}
div.nav input{
display: none;
}
div.nav label.mainlabel, div.nav div.menuflip{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; /* transition speed etc */
}
div.nav label.mainlabel{ /* menu anchor text style - napis MOBILE-MENU menu przed kliknieciem*/
width: 375px !important; /* width of anchor text */
height: 65px; /* 47px dopisalem - wysokosc menu przed kliknieciem */
font-size: 50px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important; /* 20px Tahoma */
color: maroon; /* dopisalem */
position: relative;
/* top: -17px; 0 - podnosi do gory sam napis MENU-MOBILE przed otwarciem */
left: -100px !important; /* -450px - dopisalem - przesuwa w lewo cale menu przed otwarciem - -5px gdy jest nad klawiszami w gornej komorce tabeli */
display: block;
padding-top: 23px !important; /* 15px dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-bottom: 17px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-left: 35px !important; /* 34px - add left padding to make room for icon - odleglosc kolka od napisu MOBILE-MENU */
padding-right: 5px !important; /* dopisalem - oleglosc napisu ...MOBILE-MENU... od prawej krawedzi jego pola */
cursor: pointer;
background-color: yellow; /* dopisalem */
outline: 2px #000000 dotted; /* dopisalem */
}
div.nav label.mainlabel:before{ /* menu anchor icon - kolko menu przed kliknieciem kolo napisu - MOBILE-MENU */
content: '';
position: absolute;
left: 5px !important; /* odleglosc kolka od lewej krawedzi przy napisie - MOBILE-MENU */
top: 32px !important;
width: 24px !important;
height: 24px !important;
border: 7px ridge green; /* 7px solid darkgreen; - rozmiar, styl, kolor kolka */
-webkit-box-shadow: inset 0 0 2px gray, 0 0 5px gray;
box-shadow: inset 0 0 2px gray, 0 0 5px gray;
border-radius: 30px;
}
div.nav div.menuflip{ /* DIV that flips over to reveal main menu - pole menu otwarte po kliknieciu */
position: absolute;
margin: 0;
top: -1px; /* 0 - podnosi cale menu po otwarciu po kliknieciu */
padding: 4px;
background: white;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
width: 760px !important; /* 200px - szerokosc pola menu po jego otwaciu po kliknieciu */
border: 4px solid gray !important; /* 1px */
-webkit-box-shadow: 2px 2px 15px #B5B5B5;
box-shadow: 2px 2px 15px #B5B5B5;
border-radius: 10px;
background: #eee;
left: -356px !important; /* -356px - dopisalem i ustawia to calosc otwartego menu po jego kliknieciu, lewo/prawo */
}
div.nav div.menuflip h4 /* napis SITE NAVIGATION pola menu otwartego po kliknieciu */
{
margin: 0;
margin-bottom: 4px !important;
font-size: 74px !important; /* 20px */
font-family: serif; /* dopisalem */
color: maroon; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-decoration: underline; /* dopisalem */
/* border-bottom: 2px red solid; - dopisalem */
padding: 4px 0 0 6px;
text-align: left; /* dopisalem */
}
div.nav div.menuflip ul /* lista z linkami do stron pola menu otwartego po kliknieciu */
{
list-style: none;
margin-top: 30px !important;
padding: 0;
font-family: serif !important; /* dopisalem */
font-size: 60px !important; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-align: left; /* dopisalem */
}
div.nav div.menuflip ul li{
border-bottom: 2px inset gray !important; /* kreski poziome oddzielajace linki w otwartym polu menu */
}
div.nav div.menuflip ul li:last-of-type{
border-bottom: none !important; /* wylacza ostatnia kreske pod ostatnim linkiem w otwartym polu menu */
}
div.nav div.menuflip ul li:hover{
border-bottom-color: transparent; /* nadaje animacje kreskom dzielacym linki w otwartym menu */
}
div.nav div.menuflip ul li a /* linki pola menu otwartego po kliknieciu */
{
display: block;
background-color: lim e !important;
color: blue;
text-decoration: none;
padding-top: 30px !important; /* dopisalem */
padding-bottom: 30px !important; /* dopisalem */
border-radius: 10px 0 10px;
-webkit-transition: none;
transition: none;
}
div.nav div.menuflip ul li a:hover /* linki pola menu otwartego po kliknieciu, po najechaniu kursorem */
{
background: #515151;
color: white;
}
div.nav div.menuflip label.close /* close button */
{
position: absolute;
right: 8px !important;
top: 8px !important;
padding-top: 20px !important;
display: inline-block !important;
text-align: center;
line-height: 14px !important;
color: red !important;
z-index: 1000 !important;
cursor: pointer !important;
border: 5px fuchsia ridge !important;
border-radius: 50px !important;
-webkit-box-shadow: 0 0 5px gray !important;
box-shadow: 0 0 5px gray !important;
width: 80px !important;
height: 50px !important;
background: yellow !important;
font-size: 88px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important;
}
div.nav input:checked ~ label.mainlabel{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
div.nav input:checked ~ div.menuflip{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.close:hover /* do zmiany kolorow w ..Close... w ...Site menu... - dopisalem calosc */
{
position: relative;
margin-right: -3px !important;
margin-top: -7px !important;
color: yellow !important;
background-color: red !important;
font-weight: bold !important;
padding: 3px !important;
border: 5px fuchsia ridge;
}
/*
*/
/* 3D flip menu cz.1/3 - formatuje ...Menu-mobile... tylko na stronie ...index.html...
Author: Dynamic Drive
Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool! */
body { /* webkit adjacent sibling bug fix */
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
div.navindex{
position: relative; /* dotyczy menu przed kliknieciem */
background-color: yello w; /* dopisalem */
width: 330px; /* dopisalem */
top: -50px !important; /* -37px - dopisalem - podnosi cale MENU-MOBILE przed kliknieciem i otwarciem - -37px gdy jest nad klawiszami w gornej komorce tabeli */
z-index: 40 !important; /* dopisalem - ustawia cale menu po otwarciu po kliknieciu i chyba przed kliknieciem */
-webkit-perspective: 1000px;
perspective: 1000px;
}
div.navindex input{
display: none;
}
div.navindex label.mainlabelindex, div.navindex div.menuflipindex{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; /* transition speed etc */
}
div.navindex label.mainlabelindex{ /* menu anchor text style - napis MOBILE-MENU menu przed kliknieciem */
width: 375px !important; /* width of anchor text */
height: 47px; /* dopisalem - wysokosc menu przed kliknieciem */
font-size: 50px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important; /* 20px Tahoma */
color: maroon; /* dopisalem */
position: relative;
/* top: -17px; 0 - podnosi do gory sam napis MENU-MOBILE przed otwarciem */
left: -90px !important; /* -5px - dopisalem - przesuwa w lewo cale menu przed otwarciem - -5px gdy jest nad klawiszami w gornej komorce tabeli */
display: block;
padding-top: 15px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-bottom: 25px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-left: 35px !important; /* 34px - add left padding to make room for icon - odleglosc kolka od napisu MOBILE-MENU */
padding-right: 5px !important; /* dopisalem - oleglosc napisu ...MOBILE-MENU... od prawej krawedzi jego pola */
cursor: pointer;
background-color: yellow; /* dopisalem */
outline: 2px #000000 dotted; /* dopisalem */
}
div.navindex label.mainlabelindex:before{ /* menu anchor icon - kolko menu przed kliknieciem kolo napisu - MOBILE-MENU */
content: '';
position: absolute;
left: 5px !important; /* odleglosc kolka od lewej krawedzi przy napisie - MOBILE-MENU */
top: 24px !important;
width: 24px !important;
height: 24px !important;
border: 7px ridge green; /* 7px solid darkgreen; - rozmiar, styl, kolor kolka */
-webkit-box-shadow: inset 0 0 2px gray, 0 0 5px gray;
box-shadow: inset 0 0 2px gray, 0 0 5px gray;
border-radius: 30px;
}
div.navindex div.menuflipindex{ /* DIV that flips over to reveal main menu - pole menu otwarte po kliknieciu */
position: absolute;
margin: 0;
top: -1px; /* 0 - podnosi cale menu po otwarciu po kliknieciu */
padding: 4px;
background: white;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
width: 760px !important; /* 200px - szerokosc pola menu po jego otwaciu po kliknieciu */
border: 4px solid gray !important; /* 1px */
-webkit-box-shadow: 2px 2px 15px #B5B5B5;
box-shadow: 2px 2px 15px #B5B5B5;
border-radius: 10px;
background: #eee;
left: -355px !important; /* - dopisalem i ustawia to calosc otwartego menu po jego kliknieciu, lewo/prawo */
}
div.navindex div.menuflipindex h4 /* napis SITE NAVIGATION pola menu otwartego po kliknieciu */
{
margin: 0;
margin-bottom: 4px !important;
font-size: 74px !important; /* 20px */
font-family: serif; /* dopisalem */
color: maroon; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-decoration: underline; /* dopisalem */
/* border-bottom: 2px red solid; - dopisalem */
padding: 4px 0 0 6px;
text-align: left; /* dopisalem */
}
div.navindex div.menuflipindex ul /* lista z linkami do stron pola menu otwartego po kliknieciu */
{
list-style: none;
margin-top: 30px !important;
padding: 0;
font-family: serif !important; /* dopisalem */
font-size: 60px !important; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-align: left; /* dopisalem */
}
div.navindex div.menuflipindex ul li{
border-bottom: 2px inset gray !important; /* kreski poziome oddzielajace linki w otwartym polu menu */
}
div.navindex div.menuflipindex ul li:last-of-type{
border-bottom: none !important; /* wylacza ostatnia kreske pod ostatnim linkiem w otwartym polu menu */
}
div.navindex div.menuflipindex ul li:hover{
border-bottom-color: transparent; /* nadaje animacje kreskom dzielacym linki w otwartym menu */
}
div.navindex div.menuflipindex ul li a /* linki pola menu otwartego po kliknieciu */
{
display: block;
background-color: lim e !important;
color: blue;
text-decoration: none;
padding-top: 30px !important; /* dopisalem */
padding-bottom: 30px !important; /* dopisalem */
border-radius: 10px 0 10px;
-webkit-transition: none;
transition: none;
}
div.navindex div.menuflipindex ul li a:hover /* linki pola menu otwartego po kliknieciu, po najechaniu kursorem */
{
background: #515151;
color: white;
}
div.navindex div.menuflipindex label.close /* close button */
{
position: absolute;
right: 8px !important;
top: 8px !important;
padding-top: 20px !important;
display: inline-block !important;
text-align: center;
line-height: 14px !important;
color: red !important;
z-index: 1000 !important;
cursor: pointer !important;
border: 5px fuchsia ridge !important;
border-radius: 50px !important;
-webkit-box-shadow: 0 0 5px gray !important;
box-shadow: 0 0 5px gray !important;
width: 80px !important;
height: 50px !important;
background: yellow !important;
font-size: 88px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important;
}
div.navindex input:checked ~ label.mainlabelindex{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
div.navindex input:checked ~ div.menuflipindex{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.close:hover /* do zmiany kolorow w ..Close... w ...Site menu... - dopisalem calosc */
{
position: relative;
margin-right: -3px !important;
margin-top: -7px !important;
color: yellow !important;
background-color: red !important;
font-weight: bold !important;
padding: 3px !important;
border: 5px fuchsia ridge;
}
/* */
/* */
}
@media screen and (min-width: 1001px) and (max-width: 1050px) /* Ipad mini poziom */
/* @media (min-width: 765px) and (max-width: 1000px) - tak bylo przed przenesieniem dla Ipad mini poziom z gory do tego miejsca */
{
table dl#menu31
{
position: static;
position: relative;
display: none !important;
}
/*
table dl#menu31
{
position: static;
position: relative;
z-index: 2 !important;
}
*/
/* footer.dlugoscks - wylaczone bo psulo dligosc strony - Ustala dlugosc tylko strony /przesuwa w dol stopke/ ...ksiega_gosci.html... - dla Ipad mini poziom
{
position: static;
position: absolute;
top: 1500px !important;
} */
/* div#index - ustawia gora-dol cala strone ...index.html... aby zlikwidowac puste miejsce po gornych menu - tylko na stronie ...index.html...
{
position: relative;
margin-top: 42px !important;
} */
/* div.marque - ustawia gora-dol cala strone aby zlikwidowac puste miejsce po gornych menu - wszystkie strony oprocz strony ...index...
{
position: relative;
margin-top: -1px !important;
width: 1000px !important; szerokosc strony
} */
/* =================================== POCZATEK KODOW DLA PASKA RSS ====================================== */
/* Kody dla paska z RSS i inne - wszystkie strony - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...table td.rss1... / ...#ipad2a.../...#ipad2b.../...#ipad2c...
.rss
{
position: static;
position: relative;
left: auto !important;
top: -100px !important; -140
right: auto !important;
width: 1000px !important;
background-color: maroon !important;
}
table.rss td.rss1 Dotyczy pola komorki ...RSSS - tylko ...bublewrap....
{
position: static;
position: relative;
top: 0px !important; -81
background-color: fuchsia !important;
}
Kody do ustawiania calej /samej - bez ikon/ komorki z ikonami w pasku rss
table.rss td.rss1 ul.bubblewrap
{
position: static !important;
position: relative !important;
width: 275px !important;
margin-top: 10px !important;
padding-left: 5px !important;
padding-bottom: 15px !important;
background-color: blue; Nadaje kolor tla komorki
}
Kody do zwiekszenia liter w - ...Get Directions...
@media (min-width: 765px) and (max-width: 1000px) - tak bylo przed przenesieniem tutaj - wylaczone
table.rss td a button#ipad2a
{
position: static;
position: relative;
top: 0px !important; -49
left: 25px !important; 15
font-size: 25px !important;
background-color: yellow; - Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru /chyba/ przesuwa sie ustawienie Button do gory i w Iphone5 rogi pola traca zaokraglenie a cale pole zwieksza wysokosc
}
Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood...
table.rss td a button#ipad2b
{
position: static;
position: relative;
top: 0px !important; -45 -75
left: 350px !important; 250 230
font-size: 25px !important;
width: 616px !important; - wylaczone
background-color: lime;
} */
/*
table.rss td button#ipad2b span - ukrywa czesc napisu ...& DIRECTION... w napisie ...OUR NEIGHBORHOOD & DIRECTION ... w tabeli z RSS na wszystkich stronach - wylaczone
{
position: static;
position: relative;
display: none !important;
} */
/* table.rss td#ipad2c /* ukrywa napis ...We speak English & Polish... razem z komorka w tabeli z RSS po to aby go zastapic ponizszym ... table.rss td#ipad2c:before ... bo szerokosc komorki nie pozwala na powiekszenie czcionki powyzej 10px bo napis wychodzi za prawy obrys strony nadajac inna szerokosc stronie niz to zaplanowane - wszystkie strony
{
position: relative;
visibility: hidden !important;
}
table.rss td#ipad2c:before - wstawia napis ... We spaak English & Polish ... w miejsce ukrytego napisu z linkiem jw. ...table.rss td#ipad2c ... co pozwala na powiekszenie czcionki bez niekontrolowanego zwiekszania szerokosci strony i wychodzenia napisu poza prawa krawedz strony - wszystkie strony
{
content: "We speak English & Polish";
position: absolute !important;
visibility: visible !important;
width: 335px !important;
text-align: right !important;
top: 0px !important; -13
left: -129px !important; - gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki
font-size: 23px !important;
background-color: red !important;
}
Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem ale nie ...bublewrap... - wszystkie strony
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqua !important;
} */
/* Kody ustawienia samych ikon w komorce w pasku rss - wylaczone
table.rss td.rss1 ul li a img
{
position: static !important;
position: relative !important;
margin-top: -10px !important;
background-color: lim e; Nadaje kolor tla komorki
}
*/
/* =================================== KONIEC KODOW DLA PASKA RSS ====================================== */
a.etykieta_opiniekg /* Ustawia etykiete do pola ...YOUR PUBLIC OPINION/COMMENTARY... na stronie ...ksiega_gosci.html... */
{
position: static;
position: relative;
top: -60px !important; /* -20 */
background-color: blue !important;
}
button.biger2.biger2a /* Ustawia klawisz ...VISIT US... w zoltym polu na stronie ...important.html... */
{
position: relative;
top: -3px !important;
}
td.ovii /* Dotyczy napisu ...OUR VERY IMPORTANT INFORMATIONS... na stronie ...important.html... */
{
position: relative;
font-size: 35px;
top: 40px !important;
}
/* footer.dlugoscks - Ustala dlugosc tylko strony ...ksiega_gosci.html...
{
position: static;
position: absolute;
top: 1400px !important;
}
*/
table.widok1 td a span#migot19ba1 /* - Formatuje przycisk /napis/ ...HOT... dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 22px !important; /* 20 */
font-family: Georgia !important;
}
table.widok1 td a#migot19ba1 /* Formatuje przycisk /napis/ ...HOT... - dla wszystkich stron razem */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: auto !important;
right: auto !important;
font-size: 22px !important; /* 20 */
font-family: Georgia !important;
}
table.navig td#pozycja a#migot19ba1 /* Formatuje przycisk /napis/ ...HOT... - dla Cleaning Service */
{
position: static;
position: relative;
vertical-align: middle !important;
width: 130px !important;
left: -315px !important; /* auto -300 */
right: auto !important;
font-size: 20px !important; /* 40 30 */
font-family: Georgia !important;
}
#menu31 dl dt button span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... we wszystkich ...MENU#31.... */
{
position: relative;
top: -3px !important; /* -2 -5 */
}
table span.dziel /* Ustawia oba myslniki jednoczesnie w tytulach ...SMART-POLISH... i ...SMART-ENGLISH... w mapie serwisu ...mapaservicu.html... - Ipad mini poziom, / - Ma to chyba tez wplyw na kody w MENU31 w Ipad mini poziom, oraz w Ipad mini pion w MENU31 i w mapie serwisu ?????????? / */
{
position: relative;
top: -3px !important; /* -2 -5 -3 -5 */
}
form input.zegar /* Formatuje napisy w zegarze na stronie ...thankyou.html... */
{
position: relative;
font-size: 25px !important; /* 50 25 20 */
border: 4px dotted blue; /* dopisane */
/* font-family: 'open sans', 'sans-serif' !important; */
font-family: 'Wide Latin', 'Times New Roman', serif, sans-serif, fantasy !important;
font-weight: bold !important;
text-align: center !important;
vertical-align: middle !important;
padding: 0px !important;
}
/* =========================== KALENDARZ WIECZNY ================================================ */
h1.naglowek /* Formatuje tytul ...SELECT DATE... nad kalendarezem na stronie ...important.html... */
{
position: relative;
font-size: 65px !important;
width: 900px !important;
text-align: center !important;
margin-bottom: 0px !important;
margin-top: 100px !important;
}
form.kalwie table select /* Formatuje tylko pole ...select... z miesiacami - na stronie ...important.html... */
{
position: relative;
width: 390px !important;
background-color: yellow;
font-size: 55px; /* 65 */
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.kalforma /* Formatuje tylko szerokosc pola ...input z latami... - na stronie ...important.html... */
{
position: relative;
width: 175px !important;
}
form.kalwie table input /* Formatuje tylko pola; ...input... z latami i z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
width: 320px !important; /* 250 */
background-color: yellow;
font-size: 55px; /*65 60 */
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.miejsce /* Formatuje tylko napis ...CREATE... pola; ...input... z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
text-align: center !important;
}
form.kalwie table input.kalwie1 /* Formatuje wszystkie pola pod kalendarzem oprocz pola ...TODAY... - na stronie ...important.html... */
{
position: relative;
width: 140px !important;
background-color: lime;
font-size: 45px; /* 65 55 */
/* text-align: center; */
border: dotted 1px #000000;
}
form.kalwie table input.kalwie1a /* Formatuje tylko pole ...TODAY... pod kalendarzem - na stronie ...important.html... */
{
position: relative;
width: 300px !important; /* 235 */
background-color: lime;
font-size: 55px; /* 65 60 */
text-align: center !important;
border: dotted 1px #000000;
}
form.kalwie table textarea.kalwie1ab /* Formatuje tylko pole ...TEXT AREA... - na stronie ...important.html... */
{
position: relative;
background-color: silver;
text-align: center;
font-size: 65px;
color: #000000;
border: dotted 2px #000000;
}
/* ========================================================================= */
section.container div.stop /* Ukrywa napis nad slajdami na stronie ...index.html... */
{
position: relative;
display: none;
}
.neighbor /* - Formatuje klawisz ...OUR NEIGHBORHOOD & DIRECTIONS.. na stronie ...mapaservicu.html... */
{
position: relative;
width: 230px !important; /* 300 220 */
height: 60px !important; /* 150 80 */
}
/*
.snieg1 Wylacza skrypt imitujacy snieg wszedzie - tutaj ukryte bo tu nie dziala i jest to w poz.10442 powyzej, dla mediow ...@media (min-device-width: 100px) and (max-device-width: 1280px)...
{
position: relative;
display: none !important; dopisalem ...important... bo nie wylaczalo sie
}
.bajerkursor Wylacza bajer ptzy kursorze - tutaj ukryte bo tu nie dziala i jest to w poz.10433 powyzej, dla mediow ...@media (min-device-width: 100px) and (max-device-width: 1280px)...
{
position: relative;
display: none !important; dopisalem ...important... bo nie wylaczalo sie
} */
/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* Powieksza napis ...R E C I T A L S ... na stronie ...recitals.html... */
table.recitale
{
position: static;
position: relative;
font-size: 80px !important;
letter-spacing: 9px !important;
top: 0px !important;
}
/* Ustawia tabele z menu obu recitali na stronie ...recitals.html... */
table.recitals
{
position: static;
position: relative;
left: 3px !important;
display: non e; /* ukrywa w Ipad imni poziom */
}
table.recitals dl#menu22 /* ustawia menu22 - recitale Sch. M. A */
{
position: static;
position: relative;
top: 50px !important;
z-index: 1 !important;
display: non e; /* ukrywa w Ipad mini poziom */
}
table.recitals dl#menu03 /* ustawia recitale Kidzrock */
{
position: static;
position: relative;
top: 200px !important;
left: 3px !important;
display: non e; /* ukrywa w Ipad mini poziom */
}
/* arkusz do stylizacji menu z kodow ...menu.js..., lub ...recitalsmenu.js... -- dla ...menu/id#22... - rozwijanego i wysuwanego dla ...Recitals SCH. MUSIC ACADEMY... na stronie ...recitals.html... - tylko dla mobilnych - Ipad mini poziom */
table.recitals dl#menu22 /* Formatuje tylko ...z-index... w ...menu22...na stronie ...recitals.html... */
{
position: relative;
z-index: 2 !important;
}
table.recitals #menu22, #menu22 dl {
font-size: 22px !important;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu22 dt {
cursor: pointer;
margin: 0;
padding: 10px;
background-color: lim e !important; /* #888; */
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 5px 25px;
}
#menu22 dl dt {
width: 230px !important;
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
background-color: re d !important; /* #ccc; */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu22 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 90px !important;
font-size: 30px !important;
}
#menu22 dt.active {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
#menu22 dd.active {
font-weight: bold;
}
#menu22 dt:hover.active {
color: #ff00ff;
}
#menu22 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu22 a:link, #menu22 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu22 a:hover {
color: #fff;
background-color: #008;
}
#menu22 dl {
position: absolute;
border: 10px;
background-color: blu e !important;
height: 0px !important;
width: 337px !important;
}
#menu22 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 350px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu22 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -5px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 350px !important;
left: 0px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu22 dl dd dl dt.tube /* druga rozwijanalista ale tyko tytul ...YOUTUBE... */
{
position: relative;
margin-top: -7px !important; /* ustawia gora-dol tylko tytul ...YouTube... w drugiej liscie */
}
#menu22 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 74px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 380px !important;
left: 355px !important;
background-color: silver !important; /* maroon */
font-size: 37px !important;
font-weight: bold !important;
padding-bottom: 20px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
/* ..................................................................................... */
/* ..................................................................................... */
dt.linki2 a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube2 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube2:before ... i ... dt.you_tube2:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube2:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube2:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook2 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook2:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/* ............................... */
dt.linki1 a /* ukrywa napis ...2016... po to aby go zastapic ponizszym ... dt.linki1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1:before /* wstawia napis ... 2016 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 6";
color: #000000;
font-weight: bolder !important;
}
dt.linki1a a /* ukrywa napis ...2017... po to aby go zastapic ponizszym ... dt.linki1a:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1a:before /* wstawia napis ... 2017 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 7";
color: #000000;
font-weight: bolder !important;
}
dt.linki2a a /* ukrywa napis ...2018... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2a:before /* wstawia napis ... 2018 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 8";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube1 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube1:before ... i ... dt.you_tube1:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube1:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube1:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook1 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook1:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* arkusz do stylizacji ...menu03... - rozwijanego i wysuwanego dla recitali KIDZROCK na stronie ...recitals.html... - tylko dla mobilnych - Iad mini poziom */
table.recitals #menu03, #menu03 dl {
font-size: 22px;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu03 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 18px 25px;
}
#menu03 dl dt
{
background-color: #ccc !important; /* #ccc; / yellow - tlo pierwszej listy wysuwanej z tytulem ...2015... */
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu03 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 80px !important;
font-size: 30px !important;
}
#menu03 dd.active {
font-weight: bold;
}
#menu03 dt:hover.active {
color: #ff00ff;
}
#menu03 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu03 a:link, #menu03 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu03 a:hover {
color: #fff;
background-color: #008;
}
#menu03 dl {
position: absolute;
border: 0;
}
/*
#menu03 dl dd {
position: relative;
left: 230px;
bottom: 31px;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
} */
#menu03 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 390px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu03 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -6px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 369px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu03 dl dd dl dt.facebook /* druga rozwijana lista ale tyko tytul ...FACEBOOK... */
{
position: relative;
margin-top: -5px !important; /* ustawia gora-dol tylko tytul ...FACEBOOK... w drugiej liscie */
}
#menu03 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 73px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 340px !important;
left: 395px !important;
background-color: silver !important; /* maroon */
font-size: 48px !important;
font-weight: bold !important;
padding-bottom: 40px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
#menu03 dl dd dl /* druga lista rozwijana */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important; /* ukrywa liste */
}
dl#menu03 dd dl /* lista /tlo/ pod tytulem 2015 - chyba przedluzenie tla pierwszej listy wysuwanej */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important;
}
/* ..................................................................................... */
dt.linki a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone zamyjajac ...menu03... */
{
position: relative;
visibility: hidden !important;
}
dt.linki:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube:before ... i ... dt.you_tube:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -79px;
top: -0.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -85px;
position: static;
position: relative;
top: -122px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
position: static;
position: absolute;
left: 0px !important;
right: -17px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* Koniec stylow dla menu Kidzrock Recitals */
.nakladka /* Formatuje nakladke na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: absolute;
top: 312px !important;
left: 298px !important;
width: 298px !important;
height: 159px !important;
}
.nakladka1 /* Ustawia tylko wyraz ...PRZEPRASZAMY... w nakladce na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: relative;
font-weight: bold;
left: auto !important;
right: auto !important;
top: -5px !important;
font-size: 20px;
}
div#postit /* Ustawia ...pop-upek... na stronie ...index.html... */
{
position: absolute;
left: 180px !important; /* 192 */
padding-bottom: 40px !important;
}
div#postit div#kalinform /* Formatuje blok z kalendarzem i powadomieniami o swietach/rocznicach itp. w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 746px !important;
font-size: 23px !important; /* 25 27 */
text-align: center !important;
padding-right: 1px !important;
padding-top: 3px !important;
padding-bottom: 15px !important;
top: -0.5px !important;
margin-right: 50px !important;
/* background-color: #ffffff !important; */ /* - tutaj kolor tla jest pobierany z kodow HTC gdy tu jest wylaczony */
color: yellow !important;
}
div#postit div p#socialicons img /* Formatuje obrazek do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla napisu ...CLOSE... */
{
position: relative;
width: 45px !important;
height: 45px !important;
}
div#postit div /* Formatuje blok z linkiem i obrazkiem do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla napisu ...CLOSE... */
{
position: relative;
top: -17px !important; /* -7 */
/* margin-top: -46px !important; */
margin-right: 21px !important;
/* margin-bottom: 15px !important; */
}
div#postit div#count /* Formatuje blok z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 198px !important;
font-size: 22px !important; /* 25 */
text-align: center !important;
height: 25px !important;
top: 13.5px !important;
padding-top: 2.5px !important;
/* padding-left: 5px !important; */
padding-bottom: 6.5px !important;
/* margin-top: 12px !important; */
/* margin-right: 35px !important; */
/* margin-bottom: -45px !important; */
background-color: green !important;
}
div#postit div#count span#ekran /* Formatuje tylko cyfry licznika w bloku z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 22px !important; /* 25 */
}
div#postit input.reminderalarm /* formatuje ...Odliczanie Nr2... w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 419px !important;
left: 201px !important;
top: -32px !important;
font-size: 25px !important;
}
.reminderrecitals /* formatuje Odliczanie czasu nr2 dla licznika recitali na stronie ...recitals.html... */
{
position: relative;
top: 400px !important;
width: 95% !important;
font-size: 40px !important;
}
/* ============================================================================================= */
marquee#costam /* Formatuje odliczanie czasu do dnia zdarzenia na stronie ...recitals.html... */
{
position: relative;
top: 400px!important;
width: 95% !important;
padding-bottom: 10px !important;
}
.costamtext /* Formatuje rozmiar czcionki w wyswietlanym tekscie w powyzszym ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
font-size: 60px !important;
}
.costamtext img /* Formatuje wszystkie ikony pianina we wszystkich tekstach z powyzszego ...marquee.costam... na stronie ...recitals.html... */
{
position: relative;
width: 80px !important;
height: 60px !important;
}
button.butony_get /* Formatuje BUTTON z linkiem do mapy do powyzszego odliczania czasu ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
top: 450px !important;
font-size: 23px !important; /* 32 */
font-family: Sans-Serif !important;
outline: 0px !important;
padding-bottom: 10px !important;
}
div#campus a img /* Pozycjonuje mape campusu Judson na stronie ...recitals.html... */
{
position: relative;
top: 470px !important;
margin-bottom: 70px !important;
}
/* ================================================================================================== */
div#postit div.budzik form input /* formatuje ...Zegarek tekstowy... w ...popupek... na stronie ...index.html... */
{
position: static;
position: relative;
left: 642px !important;
top: -63.3px !important;
font-size: 25px !important;
font-weight: bold !important;
height: 25px !important;
width: 150px !important;
text-align: center !important;
}
div#postit div.liczeniedni1 /* formatuje napis jak dlugo istnieje Schaumburg Music w ...popupek... na stronie ...index.html ... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 20px !important; /* 21 19 */
font-size-adjust: 0.58 !important;
text-align: center !important;
margin-top: -30px !important;
margin-bottom: 30px !important;
height: 25px !important;
outline: 8px #ffffff ridge !important;
padding-top: 10px !important;
color: #000000 !important; /* ffffff */
font-weight: bold !important;
background-color: gray !important; /* maroon */
}
div#postit div.liczeniedni2 /* formatuje napis jak dlugo istnieje witryna Schaumburg Music w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 45px !important;
font-size: 19px !important; /* 19 17 */
font-size-adjust: 0.58 !important;
text-align: center !important;
height: 25px !important;
outline: 8px #ffffff ridge !important;
padding-top: 10px !important;
color: #000000 !important; /* ffffff */
font-weight: bold !important;
background-color: gray !important; /* maroon */
}
div#postit div.css3droppanel /* formatuje ustawienie kurtyny w ...popupek... na stronie index.html...*/
{
position: relative;
top: 10px !important; /* -5 */
margin-bottom: 20px !important;
margin-left: auto !important;
margin-right: auto !important;
}
div#postit div.css3droppanel input[type="checkbox"]:checked ~ div /* formatuje wysokosc okna kurtyny po jej otwarciu */
{
height: 800px; /* Wysokosc panelu po jego otwarciu - 250px - */
opacity: 1;
overflow: auto;
}
section#boxcontent_1 article span#boxcontent_4 /* formatuje napis ...Have any questions or comments ? Fill out the form below and we'll get back to you as soon as possible !... nad poczta na stronie ...contactus.html... */
{
position: relative;
font-size: 22px !important;
}
section#boxcontent_1 article div p span#boxcontent_3 /* formatuje napis ...Want some more information about our music lessons, or others ?
Fill out the form below and we'll get back to you as soon as possible !... nad poczta na stronie ...requestinfo.html... */
{
position: relative;
font-size: 29px !important;
}
form#kliczko div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
position: absolute;
left: 0;
background: lightyellow;
border: 1px solid yellow;
border-radius: 2px;
padding: 3px 10px;
box-shadow: 4px 1px 5px gray;
font-size: 35px !important; /* wielkosc czcionki */
font-weight: bold;
-webkit-backface-visibility: hidden;
top: 10px; /* initial top position of label relative to dynamiclabel container */
-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 0;
z-index: -1;
left: 5px; /* 500px - przesuniecie w lewo/prawo wszystkich wyskakujacch pol */
}
form#kliczko div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
opacity: 1;
z-index:100;
top: -52px !important; /* Post top position of label on focus relative to dynamiclabel container ...-35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe, w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
-ms-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
form#kliczko div.dynamiclabel{ /* div container for each form field with pop up label */
display: block;
margin: 20px !important; /* 30 - odstepy miedzy polami */
font: 16px;
position: relative;
}
form#kliczko div.dynamiclabel input /* div container for each form field with pop up label - formatuje wszystkie i tyko pola input w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
display: block;
/* margin: 20px; 30 - odstepy miedzy polami */
/* left: -15px !important; */
font-size: 30px !important;
width: 325px !important; /* 340 szerokosc tylko pol input */
position: relative;
border: 2px solid #000000 !important;
}
form#kliczko div.dynamiclabel textarea /* Formatuje tylko pole ...textarea... w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
position: relative;
top: -10px !important;
/* height: 475px !important; */ /* wysokosc tylko pola textarea */
font-size: 30px !important;
border: 2px solid #000000 !important;
}
form#kliczko div.dynamiclabel textarea.coment /* Formatuje tylko pole ...textarea... w poczcie na stronie ...sale.html.... - dla ...cleaning_service_1 */
{
position: relative;
left: 360px !important; /* 57 8 */
top: -536px !important; /* -535 */
width: 572px !important; /* 320 587 szerokosc tylko pola textarea */
height: 492px !important; /* 516 486 - wysokosc tylko pola textarea */
/* font-size: 44px !important;
border: 2px solid #000000 !important;
margin-bottom: 80px !important;
background-color: lim e !important; */
}
form#kliczko div.dynamiclabel > *:focus + label#popup{ /* label style when user focuses on child element inside div.dynamiclabel */ /* Formatuje wyskakujace okno tylko nad ...textarea... w poczcie na stronie ...sale.html... - dla ...cleaning_service_1.... */
opacity: 1;
z-index:100;
top: -595px !important; /* -590 - Post top position of label on focus relative to dynamiclabel container ... -35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe*/
-ms-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
form#kliczko input.input_i_reset /* formatuje tylko przycisk ...WYSLIJ... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 80px !important;
width: 15% !important;
height: 50px !important;
font-size: 22px !important;
text-align: center !important;
font-weight: bold !important;
}
form#kliczko input.reset_i_input /* formatuje tylko przycisk ...RESET... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 200px !important;
width: 15% !important;
height: 50px !important;
font-size: 22px !important;
text-align: center !important;
font-weight: bold !important;
}
.bajerkursor /* Wylacza bajer ptzy kursorze - przeniesione do Ipad poziom w ...PROBY... - bo tu zle dziala i psuje kody w komputerze wylaczajac bajerkursor */
{
position: static;
position: relative;
display: none !important;
}
.snieg1 /* Wylacza skrypt imitujacy snieg wszedzie - przeniesione do Ipad poziom w ...PROBY... - bo tu zle dziala i psuje kody w komputerze wylaczajac snieg */
{
position: relative;
/* display: non e !important; dopisalem ...important... bo nie wylaczalo sie */
visibility: visible !important;
}
.anima /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - script - wyswietla na wszystkich rozdzielczosciach od ...100px do 1280px... te parametry kt��h nie ma zapisanych na poszczegolnych rozdzielczosciach */
{
position: relative;
left: 0px !important; /* -25 0 -5 5 15 12 0 -11 -5 */
/* font-size: 32px !important; */
/* text-shadow: 15px 10px 30px maroon !important; */
text-shadow: 10px 5px 20px gray !important;
}
.anima1 /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - blok - wyswietla na wszystkich rozdzielczosciach od ...100px do 1280px... te parametry kt��h nie ma zapisanych na poszczegolnych rozdzielczosciach */
{
position: relative;
left: 11.5px !important; /* 0 -5 5 15 12 */
border: 1px blu e solid !important;
}
img.tumptak1 /* Formatuje w - Ipad pion i poziom - ikone ...thumptack... tylko na stronie ...testimonials.html... */
{
position: static;
position: relative;
top: -359px !important;
left: -161px !important;
}
img.thumbtackz /* Formatuje w - Ipad pion i poziom - ikone ...thumptack... na wszystkich stronach oprócz strony ...testimonials.html... , ...sale.html... , ...ksiega_gosci.html... ...thankyou.html... */
{
position: static;
position: relative;
top: -111px !important;
left: -161px !important;
}
img.thumbtackzks /* Formatuje w - Ipad pion i poziom - ikone ...thumptack... tylko na stronie ....ksiega_gosci.html... */
{
position: static;
position: relative;
top: -107px !important;
left: -161px !important;
}
img.thumbtackztk /* Formatuje w - Ipad pion i poziom - ikone ...thumptack... tylko na stronie ....thankyou.html... */
{
position: static;
position: relative;
top: -107px !important;
left: -161px !important;
}
img.thumbtackzgal /* Formatuje w - Ipad pion i poziom - ikone ...thumptack... tylko na stronie ....ksiega_gosci.html... */
{
position: static;
position: relative;
top: -107px !important;
left: -161px !important;
}
div#index /* Nadaje margines dolny tylko stronie ... index.html ... */
{
position: relative;
margin-bottom: -15px !important;
}
div#postit img#postit1 /* Ustawia migaj¹cy napis ...Reminder... pod Logo na stronie ...index.html... w ...pop-upek... */
{
position: relative;
margin-bottom: 50px !important;
}
h1#al_reminder123 /* formatuje Napis ...Reminder... nad ...Alarm Clock... w pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 35px !important; /* 45 */
width: 270px !important;
background-color: yello w !important;
margin-top: 20px !important;
}
div#jsalarmclock /* formatuje caly blok z ...Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 740px !important; /* 97% */
margin-top: 55px !important;
margin-left: auto !important;
margin-right: auto !important;
height: 415px !important; /* 490 */
background-color: lim e !important;
}
#jsalarmclock img.nasza_flaga /* formatuje tylko flage Polski w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 25px !important; /* 25 */
left: 25px !important; /* 195 */
}
div#jsalarmclock div div.leftcolumn /* formatuje lewe wszystkie pola z opisami alarmu w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 30px !important;
font-size: 23px !important;
width: 160px !important; /* 220 */
background-color: gree n !important;
}
#jsalarmclock span /* formatuje pole wyswietlajace aktualny czas i pola z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
font-size: 24px !important; /* 34 */
top: 30px !important;
left: -20px !important;
margin-right: 3px !important;
background-color: yello w !important;
}
#jsalarmclock span select /* formatuje pole wyswietlajace cyfry odnoszace si蟤o pol z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
top: -3px !important;
font-size: 24px !important; /* 29 */
width: 11% !important;
font-weight: bold !important;
background-color: lim e !important;
}
div#jsalarmclock div#location div.leftcolumn, #spaner /* formatuje lewe pole tylko z opisem alarmu ...Set Alarm Action... w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 6px !important;
font-size: 23px !important; /* 28 */
width: 180px !important; /* 220 */
}
#jsalarmclock form div#location /* cale pole z ...Set Alarm Action... plus pole na linki obok i opis obok tego pola w ...pop-upek... Reminder / Alarm Clock na stronie ...index.html... */
{
position: relative;
font-size: 25px !important; /* 25 */
width: 728px !important; /* 910 */
height: 40px !important; /* 50 */
top: 0px !important;
background-color: yello w !important;
}
input#musicloc /* formatuje pole z linkiem do muzyki w ...Reminder/Alarm Clock.. w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 20px !important; /* 23 */
top: -44px !important;
left: -25px !important;
margin-right: -20px !important; /* robi odstep pola z linkiem od jego opisu z boku po prawej stronie */
margin-top: 46px !important;
width: 269px !important;
}
#jsalarmclock form div#location span#locat /* formatuje pole z napisem ... Location of page to launch.... w ...pop-upek... w ...Reminder/Alarm Clock... na stronie ...index.html... */
{
position: relative;
background-color: re d !important;
top: -25px !important; /* -20 */
font-size: 20px !important; /* 24 */
left: -10px !important; /* -10 */
}
input#submitbutton /* ustawia przycisk ...Set Alarm... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 10px !important; /* -35 */
font-size: 25px !important; /* 35 */
}
input#resetbutton /* ustawia przycisk ...Reset... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 30px !important;
top: 10px !important; /* -35*/
font-size: 25px !important; /* 35 */
}
div#jsalarmclock div#help_pomoc /* formatuje caly blok z napisem ...HELP... i jego opisem w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 728px !important;
left: -7px !important;
margin-top: 40px !important; /* -20 */
font-size: 35px !important;
background-color: lim e !important;
}
div#jsalarmclock div#help_pomoc span#spanhelp /* formatuje tylko napis ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 10px !important;
top: 0px !important;
font-size: 30px !important; /* 35 */
margin-right: 40px !important;
background-color: aq ua !important;
}
div#jsalarmclock div#help_pomoc span /* formatuje czesc opisu ...This is Polish time. For example Polish time is: ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 1px !important;
font-size: 25px !important; /* 35 */
background-color: re d !important;
}
div#jsalarmclock div#help_pomoc span#pakapit /* formatuje czesc opisu ...1am /english/ = 1.00 polish/......etc, ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 142px !important; /* 175*/
top: 0px !important; /* 3 */
font-size: 25px !important; /* 35 */
background-color: fuchsi a !important;
}
div#jsalarmclock div#help_pomoc span#poledwa /* formatuje czesc opisu ... 1pm /english/ = 13.00 /polish/......etc. ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 142px !important; /* 175 */
top: -3px !important;
font-size: 25px !important; /* 35 */
background-color: yello w !important;
}
select#melodyjki,.zmiana /* formatuje cale pole ...SELECT... w Reminder/Alarm Clock... w pop-upek... na stronie ...index.html... */
{
display: none !important;
/* visibility: hidden !important; - ukryte bo tu nie ma zastosowania bo nie da sie skopiowac linku
position: relative;
top: 108px !important;
left: 25px !important;
font-size: 28px !important; */
}
input.kasowanie /* formatuje tylko przycisk ...RESET... przy polu ...SELECT... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
display: none !important;
/* visibility: hidden; - ukryte bo tu nie ma zastosowania i zweza cala strone
position: relative;
top: 7px !important;
left: 20px !important;
font-size: 23px !important;
width: 160px !important; */
}
form#form2 input.reminderalarm /* formatuje brazowe pole do ...Odliczania nr2 /lub innych/... na dole ...Reminder... w ...po-upek... na stronie ...index.html... */
{
position: relative;
top: -5px !important; /* -25 */
left: 15px !important;
right: auto !important;
width: 95% !important;
}
table#uniwersalnytak td table /* nadaje rozmiary tabeli wewnetrznej Kalendarza w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 730px !important; /* 860 */
margin-left: auto !important;
margin-right: auto !important;
}
table#uniwersalnytak /* Kolor tla marginesu tabeli zewnetrznej - Kalendarz - popupek - w ...index.html... */
{
position: relative;
background-color: #ffffff !important
}
table#uniwersalnytak td table td input /* nadaje rozmiary wszystkim polom ...input... Kalendarza za wyjatkiem tego z rokiem i miesiacem oraz liczbom w nich wpisanych w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 50px !important; /* 100 */
font-size: 20px !important; /* 40 */
margin-left: 30px !important;
margin-right: auto !important;
}
table#uniwersalnytak td table th /* nadaje rozmiary wszystkim nazwom dni tygodnia Kalendarza w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 20px !important; /* 40 */
color: maroon !important;
padding-top: 10px !important;
padding-bottom: 5px !important;
}
table#uniwersalnytak td table input.privious /* formatuje pola ...input... Kalendarza z ...privious... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 100px !important; /* 150 */
height: 50px !important; /* 70 */
font-size: 25px !important; /* 45 */
left: 20px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.next /* formatuje pola ...input... Kalendarza z ...NEXT... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 100px !important; /* 150 */
height: 50px !important; /* 70 */
font-size: 25px !important; /* 45 */
left: -60px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table tr th input /* formatuje pola ...input... Kalendarza z rokiem i miesiacem w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 150px !important; /* 250 */
height: 30px !important; /* 50 */
font-size: 25px !important; /* 35 */
padding: 5px !important;
margin-top: 5px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.poledaty /* formatuje pole ...input... Kalendarza z aktualna data /na samym dole kalendarza/ w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 475px !important; /* 600 */
left: -4px !important;
font-size: 20px !important; /* 35 */
height: 28px !important; /* 55 */
margin-top: 2px !important;
background-color: blu e !important;
}
table.tx /* formatuje rozmiary zewnetrzne tabeli z ...Wskaznik Wagi BMI */
{
position: relative;
width: 740px !important;
font-size: 20px !important; /* rozmiar czcionki tyko nad polami ...Your weight... ...your height... ...Your MBI... */
background-color: aqu a !important;
}
table.tx caption /* Formatuje napis ...WSKAZNIK WAGI BMI... w ..pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 37px !important;
top: 0px !important; /* 25 */
margin-bottom: 10px !important; /* 35 */
}
table.tx td /*formatuje napisy ...Your weight... ...your height... ...Your MBI... lacznie z polami pod nimi w ...pop-upek... w ...Wskaznik Wagi BMI... */
{
position: relative;
left: 15px !important;
}
input.pole1 /* Formatuje wszystkie trzy pola ...You weight... Your Height... Your BMI... w pop-upek... we ...Wskazniku Wagi BMI... na stronie ...index.html... */
{
position: relative;
font-size: 39px !important;
margin-top: 10px !important; /* 15 */
margin-bottom: 10px !important; /* 30 */
}
input.zobaczmy /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... */
{
position: relative
visibility: hidden !important;
font-size: 20px !important; /* 30 */
width: 235px !important; /* 320 */
margin-top: 0px !important; /* 15 */
padding-top: 5px !important;
padding-bottom: 4px !important;
left: -70px !important;
}
input.zobaczmy:hover /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po NAJECHANIU go */
{
position: relative;
background-color: lime !important;
}
input.zobaczmy:active /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po KLIKNIECIU go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 265px !important; /* 320 */
background-color: yellow !important;
}
div.ilewazysz /* formatuje blok w kt�� jest umieszczony ....COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
text-align: center !important;
font-size: 30px !important; /* 40 - rozmiar czcionki tylko napisu ...COMMENT... */
background-color: yello w !important;
width: 680px !important;
height: 220px !important; /* 250 */
margin-top: 30px !important; /* 40 */
margin-left: 30px !important;
margin-right: auto !important;
margin-bottom: 165px !important; /* 170 */
}
textarea#toty /* formatuje blok w kt�� jest umieszczone pole ....Textarea... pod napisem ...COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 41px !important; /* rozmiar pola ...textarea... i jednoczesnie wielkosc czcionki */
}
/* .../... TA KRESKA PO LEWEJ LUB INNY JAKIKOLWIEK ZNAK POWDUJE TO ZE PONIZSZE KODY DLA PRZYCISKU RESET W ....WSKANIKU WAGI BMI... S.A. WYSWIETLANE PRWIDLOWO. BEZ TEJ KRESKI NIC SIȠNIE WYSWIETLA - NIE WIEM DLACZEGO, TO JAKIS BEZSENS - bez kreski wyswietla sie gdy w ...input#kasowaniepolawagi... jest wylaczone ...hidde n... */
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - ukrywa go - ale gdy ukrywa to jest potrzebna ukosna kreska powyzej aby byl on wyswietlany, lub gdy jest bez powyzszej kreski to ponizej musi byc wylaczone...hidde n... */
{
position: relative;
visibility: hidde n !important;
}
input#kasowaniepolawagi:before /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - wyswietla go na nowo po ukryciu jak wyzej */
{
content: "R E S E T";
color: maroon !important;
font-weight: bold !important;
}
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... */
{
position: relative;
border-style: inset !important;
width: 165px !important; /* 220 */
margin-top: 0px !important; /* 15 */
padding-top: 10px !important;
padding-bottom: 8px !important;
font-size: 20px !important; /* 30 */
left: 70px !important;
}
input#kasowaniepolawagi:hover /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po najechaniu go */
{
position: relative;
background-color: yellow !important;
}
input#kasowaniepolawagi:active /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 165px !important; /* 220 */
background-color: #ff99ff !important;
}
.progress_ksgosci /* - formatuje pole postepu wypelnienia pola ...textarea.... w poczcie tylko na stronie ...ksiega_gosci.html.... */
{
position: relative;
word-wrap: break-word; /* If paragraph contains a very long word the long word will break and wrap to the next line. */
}
header p img#logo {
position: static !important;
position: relative !important;
left: -1px !important;
width: 267px !important;
height: 111px !important;
} /* Dopisalem - sa to parametry dla ...Logo.. - wszedzie cz.1/2 */
/* Kody do ustawienia Logo w poziomie */
header p img#logo
{
position: static;
position: absolute;
left: -5px !important; /* 10 */
top: 3px !important; /* 30 */
margin-right: auto !important;
} /* Dopisalem dla urzaden mobilnych -- tylko dla ...Logo... aby nie uciekalo do srodka w pozycji pionowej urzadzenia i dla pozycji poziomej - cz.2/2 */
/* Kody do Logo dla R&W ...header p img.logo... pochodza z rozdzielczosci dla komputera */
a.Time is /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -180px !important; /* -210 */
font-size: 60px !important; /* 65 */
color: blue !important;
font-family: serif !important;
font-weight: bold !important;
}
a.Time is1 /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -150px !important; /* -160 */
font-size: 60px !important; /* 65 */
color: blue !important;
font-family: serif !important;
font-weight: bold !important;
}
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - poczatek - jest to kopia arkusza css ...indeks.css... =========
Kody do formatowania wygladu tylko indeksu na stronie ...sale.html... - ...cleaning_service_1.... - do kompletu jest; ...indeks.js.../...indeks_hasla.js */
/*
#rezultat Formatuje tytul ...SEARCH RESULTS + zadane haslo... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 - tu wylaczone bo te kody sa w skrypcie ...indeks. js... w poz. 201 dla komputera i ...Ipad poziom...
{
position: relative;
width: 554px !important;
top: 30px !important;
margin-bottom: 45px !important;
background-color: lime !important;
line-height: 50px !important;
}
*/
/*
table#indekswysz td span Formatuje tytul ..INDEX OF PASSWORDS... nad indeksemm hasel na stronie ...sale.html...
{
position: relative;
font-size: 55px !important;
}
#rezultat Formatuje tytul ...SEARCH RESULTS + zadane haslo... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201
{
position: relative;
font-size: 45px !important; 50
top: 30px !important;
margin-bottom: 45px !important;
}
#listarezultatu Formatuje liste wyszukanych hasel pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 druga i trzecia linijka od dolu.
{
position: relative;
width: 890px !important;
background-color: lim e !important;
font-size: 50px !important; 60
left: 80px !important;
}
#znalezione Formatuje tylko wyszukane hasla w liscie, ale nie liste pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 180
{
position: relative;
width: 890px !important;
left: -30px !important; - wylaczone
font-size: 45px !important; 50
line-height: 83px !important;
background-color: yello w !important;
}
#indeks {
width: 950px !important;
padding: 10px 0;
background: #808000;
border-top: 6px dotted black !important;
border-right: 6px dotted black !important;
border-bottom: 6px dotted black !important;
border-left: 6px dotted black !important;
text-align: center !important;
margin-top: 17px !important; 1em auto - odsuwa do gory napis ...INDEX OF PASSWORDS...
}
#indeks input.text {
position: relative;
text-align: center !important;
font-family: Algerian, serif !important;
color: #000000 !important;
font-size: 42px !important;
font-weight: bold !important;
width: 900px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-top: 20px !important;
margin-bottom: 32px !important;
background-color: silver; tlo pola wyszukiwania w INDEKSIE
} */
#indeks select {
position: relative;
font-family: Algerian, serif !important;
color: green;
font-size: 20px !important; /* 42 32 25 18 */
font-weight: bold !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
width: 100%;
margin: 2px 0 10px 0;
} /* Jest to pole z haslami w indeksie */
#indeks input.button {
position: relative;
font-weight: bold;
width: 100px;
margin-left: 5px;
margin-right: 5px;
} /* Klawisze Wyswietl, Szukaj i Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 20px !important; /* 42 22 */
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 5px !important; /* 13 25 */
padding-right: 5px !important; /* 10 270 10 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 38 48 50 */
padding-left: 5px !important; /* 10 20 */
width: 155px !important; /* 295 195 */
margin-top: 30px !important; /* 50 */
margin-bottom:20px !important; /* 40 */
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a:hover {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 20px !important; /* 42 22 */
font-weight: bold !important;
color: #000000;
background-color: #ffffff;
padding-top: 5px !important; /* 13 25 */
padding-right: 5px !important; /* 10 270 10 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 38 48 50 */
padding-left: 5px !important; /* 10 20 */
width: 155px !important; /* 295 195 */
margin-top: 30px !important; /* 50 */
margin-bottom:20px !important; /* 40 */
margin-left: 5px !important;
margin-right: 5px !important; /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego */
}
#indeks input.button1b {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 20px !important; /* 42 22 */
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 5px !important; /* 0 13 */
padding-right: 5px !important; /* 0 250 20 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 0 13 */
padding-left: 0px !important; /* 0 20 5 */
width: 150px !important; /* 250 */
margin-top: 30px !important; /* 50 */
margin-bottom:20px !important; /* 40 */
margin-left: 0px !important; /* 5 */
margin-right: 20px !important; /* 5 15 25 */
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1b:hover {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 20px !important; /* 42 22 */
font-weight: bold !important;
color: #000000;
background-color: #lime;
padding-top: 5px !important; /* 0 13 */
padding-right: 5px !important; /* 0 250 20 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 0 13 */
padding-left: 0px !important; /* 0 20 5 */
width: 150px !important; /* 250 */
margin-top: 30px !important; /* 50 */
margin-bottom:20px !important; /* 40 */
margin-left: 0px !important; /* 5 */
margin-right: 20px !important; /* 5 15 25 */
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego */
#indeks input.button1c {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 20px !important; /* 46 22 */
font-weight: bold !important;
color: red;
background-color: yellow;
padding-top: 5px !important; /* 10 22 */
padding-right: 5px !important; /* 5 230 20 *//* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 10 22 */
padding-left: 0px !important; /* 5 20 5 */
width: 130px !important; /* 230 */
margin-top: 30px !important; /* 50 */
margin-bottom:20px !important; /* 40 */
margin-left: 25px !important; /* 35 5 */
margin-right: 5px !important;
} /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1c:hover {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 20px !important; /* 46 22 */
font-weight: bold !important;
color: #ffffff;
background-color: red;
padding-top: 5px !important; /* 10 22 */
padding-right: 5px !important; /* 5 230 20 *//* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 10 22 */
padding-left: 0px !important; /* 5 20 5 */
width: 130px !important; /* 230 */
margin-top: 30px !important; /* 50 */
margin-bottom:20px !important; /* 40 */
margin-left: 25px !important; /* 35 5 */
margin-right: 5px !important; /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego i potwierdzeniu zamiaru przez klikniecie ...OK... w oknie kt��sie otworzy */
}
/* Kolor tla pola wyszukiwania w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 84 */
/* Kolor tla pola klawisza SZUKAJ w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 85 */
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - koniec ========= */
/* Kody do pokazu slajdow na stronie ...sale.html.. - POCZATEK - */
table#slidetabela /* formatuje cala tabele ze sladami na stronie ...sale.html... */
{
position: relative;
height: 570px !important; /* 620 580 */
margin-bottom: -50px !important;
}
div#slideshow select /* formatuje caly blok z wszystkimi polami select z numerami zdjec na stronie ...sale.html... */
{
position: relative;
margin-top: 30px !important;
font-size: 20px !important; /* 40 */
}
div#przesuniecie input /* formatuje wszystkie inputy z przyciskami / ..<<... ...Start... ...>>.../ w tym bloku na stronie ...sale.html... */
{
position: relative;
font-size: 20px !important; /* 40 */
margin-top: 20px !important; /* 30 */
margin-bottom: 20px !important;
}
/* Kody do pokazu slajdow na stronie ...sale.html.. - KONIEC - */
}
@media screen and (min-width: 641px) and (max-width: 1000px) /* Ipad mini pion */
{
/* Kody dla paska z RSS i inne - wszystkie strony - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...table td.rss1... / ...#ipad2a.../...#ipad2b.../...#ipad2c... */
.rss
{
position: static;
position: relative;
left: auto !important;
top: -100px !important;
right: auto !important;
width: 1000px !important;
background-color: blu e !important;
}
table td.rss1 /* Dotyczy pola ...RSSS - tylko ...bublewrap.... */
{
position: static;
position: relative;
top: -25px !important;
}
/* Kody do ustawiania calej /samej - bez ikon/ komorki z ikonami w pasku rss */
table.rss td.rss1 ul.bubblewrap
{
position: static !important;
position: relative !important;
width: 275px !important;
margin-top: 10px !important;
padding-left: 5px !important;
padding-bottom: 15px !important;
background-color: yello w; /* Nadaje kolor tla komorki */
}
/* Kody do zwiekszenia liter w - ...Get Directions...
@media (min-width: 765px) and (max-width: 1000px) - tak bylo przed przenesieniem tutaj */
table.rss td button#ipad2a
{
position: static;
position: relative;
top: -10px !important; /* -5 */
left: 15px !important;
font-size: 25px !important;
background-color: re d; /* Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru /chyba/ przesuwa sie ustawienie Button do gory i w Iphone5 rogi pola traca zaokraglenie a cale pole zwieksza wysokosc */
}
/* Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... */
table.rss td button#ipad2b
{
position: static;
position: relative;
top: 15px !important; /* 15 5 */
left: 215px !important; /* 200px - gdy z lewej jest Menu -Mobile ale nie w pop-up ...Site navogation... */
font-size: 25px !important;
/* width: 616px !important; */
background-color: lim e;
}
/*
table.rss td button#ipad2b span - ukrywa czesc napisu ...& DIRECTION... w napisie ...OUR NEIGHBORHOOD & DIRECTION ... w tabeli z RSS na wszystkich stronach
{
position: static;
position: relative;
display: none !important;
} */
table.rss td#ipad2c /* ukrywa napis ...We speak English & Polish... razem z komorka w tabeli z RSS po to aby go zastapic ponizszym ... table.rss td#ipad2c:before ... bo szerokosc komorki nie pozwala na powiekszenie czcionki powyzej 10px bo napis wychodzi za prawy obrys strony nadajac inna szerokosc stronie niz to zaplanowane - wszystkie strony */
{
position: relative;
visibility: hidden !important;
}
table.rss td#ipad2c:before /* wstawia napis ... We spaak English & Polish ... w miejsce ukrytego napisu z linkiem jw. ...table.rss td#ipad2c ... co pozwala na powiekszenie czcionki bez niekontrolowanego zwiekszania szerokosci strony i wychodzenia napisu poza prawa krawedz strony - wszystkie strony */
{
content: "We speak English & Polish";
position: absolute !important;
visibility: visible !important;
width: 355px !important;
text-align: right !important;
top: 5px !important; /* 10 */
left: -150px !important; /* - gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki */
font-size: 25px !important;
background-color: whit e !important;
}
/* Formatuje i ustawia wszystkie kanaly RSS - na pasku RSS pod naglowkiem ale nie ...bublewrap... - wszystkie strony */
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu !important;
}
/* Kody ustawienia samych ikon w komorce w pasku rss
table.rss td.rss1 ul li a img
{
position: static !important;
position: relative !important;
margin-top: -10px !important;
background-color: lim e; Nadaje kolor tla komorki
}
*/
div#index /* ustawia gora-dol cala strone ...index.html... aby zlikwidowac puste miejsce po gornych menu - tylko na stronie ...index.html... */
{
position: relative;
margin-top: 42px !important;
}
div.marque /* ustawia gora-dol cala strone ...index.html... aby zlikwidowac puste miejsce po gornych menu - wszystkie strony oprocz strony ...index... */
{
position: relative;
margin-top: -1px !important;
}
a.etykieta_opiniekg /* Ustawia etykiete do pola ...YOUR PUBLIC OPINION/COMMENTARY... na stronie ...ksiega_gosci.html... */
{
position: static;
position: relative;
top: 40px !important;
background-color: yellow !important;
}
/* Powieksza litery i ustawia calosc tresci BIO - wszystkich nauczycieli / oprocz RACHEL i Joseph Schultz / na stronie ...teacherphotos.html */
table.tabela p.biger_m
{
position: static !important;
position: absolute !important;
top: -1px !important;
background-color: yello w !important;
font-size: 22px !important;
line-height: 19px !important;
word-spacing: -2px !important;
}
p.biger_mrachel /* Formatuje pole BIO / tylko RACHEL / - na stronie ...teacherphotos.html... */
{
position: static;
position: relative;
font-size: 20px !important; /* 16 / 18 */
line-height: 18px !important; /* 16 */
word-spacing: -1px !important;
background-color: yello w !important;
}
/* ..................................................................................... */
section#boxcontent article table.pokazlekcji figure /* Formatuje tylko znacznik ...figure... w tabeli pod zdjeciem FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
}
section#boxcontent article table.pokazlekcji figure a img.student /* Formatuje tylko zdjecie FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
left: -106px !important;
top: 0px !important;
}
section#boxcontent article a.youtub /* button.youtub */ /* Formatuje tylko link pod klawiszem do strony YOUTUBE dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -105px !important; /* -164 */
/* height: 60px !important; */
}
section#boxcontent article a button.youtub nobr /* Formatuje tylko napis na klawiszu do strony YOUTUBE dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /*37 */
top: -3px !important; /* -27 -10 */
}
section#boxcontent article a.faceboo /* button.faceboo */ /* Formatuje tylko link pod klawiszem do strony FACEBOOK dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -135px !important; /* -199 */
/* height: 60px !important;
width: 703px; */
}
section#boxcontent article a button.faceboo nobr /* Formatuje tylko napis na klawiszu do strony FACEBOOK dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /* 37 */
top: -3px !important; /* -27 -10 */
}
/* ............................................................................................ */
/* ..................................................................................... */
section#boxcontent article table.pokazlekcji_ukulele figure /* Formatuje tylko znacznik ...figure... w tabeli pod zdjeciem BOBBY RECK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
}
section#boxcontent article table.pokazlekcji_ukulele figure a img.ukulele /* Formatuje tylko zdjecie BOBBY RECK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
left: -106px !important;
top: 0px !important;
}
section#boxcontent article a.youtub_ukulele /* button.youtub_ukulele */ /* Formatuje tylko link pod klawiszem do strony YOUTUBE dla UKULELE - DEMO CLASS - YOU TUBE na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -105px !important; /* -164 */
/* height: 60px !important; */
}
section#boxcontent article a button.youtub_ukulele nobr /* Formatuje tylko napis na klawiszu do strony YOUTUBE dla UKULELE - DEMO CLASS - YOU TUBE na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /* 37 */
top: -3px !important; /* -27 -17 -10 */
}
section#boxcontent article a.faceboo_ukulele /* button.faceboo_ukulele */ /* Formatuje tylko link pod klawiszem do strony FACEBOOK dla UKULELE - DEMO CLASS - FACEBOOK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -135px !important; /* -199 */
/* height: 60px !important; */
}
section#boxcontent article a button.faceboo_ukulele nobr /* Formatuje tylko napis na klawiszu do strony FACEBOOK dla UKULELE - DEMO CLASS - FACEBOOK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /* 37 */
top: -3px !important; /* -27 -17 -10 */
}
/* ............................................................................................ */
hr.kresk /* Formatuje kreske pod koniec strony, na stronie ...aboutus.html... */
{
position: static;
position: relative;
top: 50px !important;
height: 6px !important;
background-color: blue !important;
}
section#text_columns/* Formatuje tresc pod kreska pod koniec strony, na stronie ...aboutus.html... */
{
position: static;
position: relative;
top: 20px !important;
}
section#boxcontent article p.demo /* Ustawia ...DEMO CLASS!!!... na stronie ...lessons.html... */
{
position: relative;
top: 30px !important;
}
button.biger2.biger2a /* Ustawia klawisz ...VISIT US... w zoltym polu na stronie ...important.html... */
{
position: relative;
top: -3px !important;
}
td.ovii /* Dotyczy napisu ...OUR VERY IMPORTANT INFORMATIONS... na stronie ...important.html... */
{
position: relative;
font-size: 40px; /* 35 */
top: 40px !important;
}
/* footer.dlugoscks - wylaczylem bo psuje dlugosc strony /przesuwa w dol stopke/ - Ustala dlugosc tylko strony ...ksiega_gosci.html...
{
position: static;
position: absolute;
top: 1730px !important;
} */
footer.dlugoscks /* - Ustala margines gorny nad stopka - tylko na stronie ...ksiega_gosci.html... */
{
position: static;
position: absolute;
margin-top: 135px !important; /* 90 */
}
div#marque /* - Ustala dlugosc calej strony - tylko na stronie ...ksiega_gosci.html... */
{
position: static;
position: absolute;
height: 2160px !important;
}
footer#dlugosc_contact /* - Ustala margines gorny nad stopka - tylko na stronie ...contactus.html... */
{
position: static;
position: absolute;
margin-top: 0px !important;
}
footer#dlugosc_sale /* - Ustala margines gorny nad stopka - tylko na stronie ...sale.html... */
{
position: static;
position: absolute;
margin-top: 0px !important;
}
section#boxcontent article.futerles /* Ustala odstep konca strony od ...footer... na stronie ...lessons.html */
{
position: relative;
margin-bottom: -110px !important;
}
/* Dotyczy gornego odstepu ...Footer... od poprzedzjacego go tekstu na stronie ...locations.html... */
footer.dol1
{
position: static;
position: relative;
top: 50px !important; /* top: 190px */
}
/* Ustala odstep stopki /footer/ od koncowego elementu strony, w pionie - na stronie ...kidzfreelessons.html... / ...new_classes.html... */
footer.odstepwdol
{
position: static;
position: relative;
margin-top: 50px !important;
}
section#text_columns article.column1 ul.wyk /* Ustawia pierwsza kolumne lewej listy na koncu strony ...aboutus.html... */
{
position: relative;
left: 50px;
}
form input.zegar /* Formatuje okno i napisy w zegarze na stronie ... thankyou.html... */
{
position: relative;
width: auto !important; /* 372 376 - cyfra ustala staly wymiar a ...auto... dopasowuje do rozmiaru czcionki napisu w tym polu i kodu zrodlowego i ze skryptu */
height: 70px !important; /* moze byc ...auto... */
border: 4px dotted blue; /* dopisane */
top: -830px !important; /* -85 */
left: 5px !important;
font-size: 40px !important; /* 50 40 30 */
/* font-family: 'open sans', 'sans-serif' !important; */
font-family: 'Wide Latin', 'Times New Roman', serif, sans-serif, fantasy !important;
font-weight: bold !important;
text-align: center !important; /* dotyczy tylko napisu ...TIME... na przycisku */
vertical-align: middle !important;
padding: 0px !important;
}
/* =========================== KALENDARZ WIECZNY ================================================ */
h1.naglowek /* Formatuje tytul ...SELECT DATE... nad kalendarezem na stronie ...important.html... */
{
position: relative;
font-size: 65px !important;
width: 900px !important;
text-align: center !important;
margin-bottom: 0px !important;
margin-top: 100px !important;
}
form.kalwie table select /* Formatuje tylko pole ...select... z miesiacami - na stronie ...important.html... */
{
position: relative;
width: 390px !important;
background-color: yellow;
font-size: 55px; /* 65 */
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.kalforma /* Formatuje tylko szerokosc pola ...input z latami... - na stronie ...important.html... */
{
position: relative;
width: 175px !important;
}
form.kalwie table input /* Formatuje tylko pola; ...input... z latami i z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
width: 320px !important; /* 250 */
background-color: yellow;
font-size: 55px; /*65 60 */
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.miejsce /* Formatuje tylko napis ...CREATE... pola; ...input... z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
text-align: center !important;
}
form.kalwie table input.kalwie1 /* Formatuje wszystkie pola pod kalendarzem oprocz pola ...TODAY... - na stronie ...important.html... */
{
position: relative;
width: 140px !important;
background-color: lime;
font-size: 45px; /* 65 55 */
/* text-align: center; */
border: dotted 1px #000000;
}
form.kalwie table input.kalwie1a /* Formatuje tylko pole ...TODAY... pod kalendarzem - na stronie ...important.html... */
{
position: relative;
width: 300px !important; /* 235 */
background-color: lime;
font-size: 55px; /* 65 60 */
text-align: center !important;
border: dotted 1px #000000;
}
form.kalwie table textarea.kalwie1ab /* Formatuje tylko pole ...TEXT AREA... - na stronie ...important.html... */
{
position: relative;
background-color: silver;
text-align: center;
font-size: 65px;
color: #000000;
border: dotted 2px #000000;
}
/* ========================================================================= */
section.container div.stop /* Ukrywa napis nad slajdami na stronie ...index.html... */
{
position: relative;
display: none;
}
.neighbor /* - Formatuje klawisz ...OUR NEIGHBORHOOD & DIRECTIONS.. na stronie ...mapaservicu.html... */
{
position: relative;
width: 230px !important; /* 300 220 */
height: 60px !important; /* 150 80 */
}
.snieg1 /* Wylacza skrypt imitujacy snieg wszedzie */
{
position: relative;
display: none;
}
.bajerkursor /* Wylacza bajer ptzy kursorze */
{
position: relative;
display: none;
}
/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* Powieksza napis ...R E C I T A L S ... na stronie ...recitals.html... */
table.recitale
{
position: static;
position: relative;
font-size: 80px !important;
letter-spacing: 9px !important;
top: 0px !important;
}
/* Ustawia tabele z menu obu recitali na stronie ...recitals.html... - Iphone5s pion i poziom i HTC pion i poziom */
table.recitals
{
position: static;
position: relative;
left: 3px !important;
display: non e; /* ukrywa w Ipad imni poziom */
}
table.recitals dl#menu22 /* ustawia menu22 - recitale Sch. M. A */
{
position: static;
position: relative;
top: 50px !important;
z-index: 1 !important;
display: non e; /* ukrywa w Ipad mini poziom */
}
table.recitals dl#menu03 /* ustawia recitale Kidzrock */
{
position: static;
position: relative;
top: 200px !important;
left: 3px !important;
display: non e; /* ukrywa w Ipad mini poziom */
}
/* arkusz do stylizacji menu z kodow ...menu.js..., lub ...recitalsmenu.js... -- dla ...menu/id#22... - rozwijanego i wysuwanego dla ...Recitals SCH. MUSIC ACADEMY... na stronie ...recitals.html... - tylko dla mobilnych - Ipad mini pion */
table.recitals dl#menu22 /* Formatuje tylko ...z-index... w ...menu22...na stronie ...recitals.html... */
{
position: relative;
z-index: 2 !important;
}
table.recitals #menu22, #menu22 dl {
font-size: 22px !important;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu22 dt {
cursor: pointer;
margin: 0;
padding: 10px;
background-color: lim e !important; /* #888; */
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 5px 25px;
}
#menu22 dl dt {
width: 230px !important;
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
background-color: re d !important; /* #ccc; */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu22 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 90px !important;
font-size: 30px !important;
}
#menu22 dt.active {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
#menu22 dd.active {
font-weight: bold;
}
#menu22 dt:hover.active {
color: #ff00ff;
}
#menu22 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu22 a:link, #menu22 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu22 a:hover {
color: #fff;
background-color: #008;
}
#menu22 dl {
position: absolute;
border: 10px;
background-color: blu e !important;
height: 0px !important;
width: 337px !important;
}
#menu22 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 350px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu22 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -5px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 350px !important;
left: 0px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu22 dl dd dl dt.tube /* druga rozwijanalista ale tyko tytul ...YOUTUBE... */
{
position: relative;
margin-top: -7px !important; /* ustawia gora-dol tylko tytul ...YouTube... w drugiej liscie */
}
#menu22 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 74px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 380px !important;
left: 355px !important;
background-color: silver !important; /* maroon */
font-size: 37px !important;
font-weight: bold !important;
padding-bottom: 20px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
/* ..................................................................................... */
/* ..................................................................................... */
dt.linki2 a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube2 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube2:before ... i ... dt.you_tube2:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube2:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube2:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook2 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook2:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/* ............................... */
dt.linki1 a /* ukrywa napis ...2016... po to aby go zastapic ponizszym ... dt.linki1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1:before /* wstawia napis ... 2016 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 6";
color: #000000;
font-weight: bolder !important;
}
dt.linki1a a /* ukrywa napis ...2017... po to aby go zastapic ponizszym ... dt.linki1a:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1a:before /* wstawia napis ... 2017 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 7";
color: #000000;
font-weight: bolder !important;
}
dt.linki2a a /* ukrywa napis ...2018... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2a:before /* wstawia napis ... 2018 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 8";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube1 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube1:before ... i ... dt.you_tube1:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube1:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube1:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook1 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook1:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* arkusz do stylizacji ...menu03... - rozwijanego i wysuwanego dla recitali KIDZROCK na stronie ...recitals.html... - tylko dla mobilnych - Iad mini pion */
table.recitals #menu03, #menu03 dl {
font-size: 22px;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu03 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 18px 25px;
}
#menu03 dl dt
{
background-color: #ccc !important; /* #ccc; / yellow - tlo pierwszej listy wysuwanej z tytulem ...2015... */
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu03 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 80px !important;
font-size: 30px !important;
}
#menu03 dd.active {
font-weight: bold;
}
#menu03 dt:hover.active {
color: #ff00ff;
}
#menu03 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu03 a:link, #menu03 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu03 a:hover {
color: #fff;
background-color: #008;
}
#menu03 dl {
position: absolute;
border: 0;
}
/*
#menu03 dl dd {
position: relative;
left: 230px;
bottom: 31px;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
} */
#menu03 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 390px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu03 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -6px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 369px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu03 dl dd dl dt.facebook /* druga rozwijana lista ale tyko tytul ...FACEBOOK... */
{
position: relative;
margin-top: -5px !important; /* ustawia gora-dol tylko tytul ...FACEBOOK... w drugiej liscie */
}
#menu03 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 73px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 340px !important;
left: 395px !important;
background-color: silver !important; /* maroon */
font-size: 48px !important;
font-weight: bold !important;
padding-bottom: 40px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
#menu03 dl dd dl /* druga lista rozwijana */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important; /* ukrywa liste */
}
dl#menu03 dd dl /* lista /tlo/ pod tytulem 2015 - chyba przedluzenie tla pierwszej listy wysuwanej */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important;
}
/* ..................................................................................... */
dt.linki a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone zamyjajac ...menu03... */
{
position: relative;
visibility: hidden !important;
}
dt.linki:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube:before ... i ... dt.you_tube:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -79px;
top: -0.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -85px;
position: static;
position: relative;
top: -122px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
position: static;
position: absolute;
left: 0px !important;
right: -17px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* Koniec stylow dla menu Kidzrock Recitals */
.nakladka /* Formatuje nakladke na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: absolute;
top: 547px !important;
left: 200px !important;
width: 598px !important;
height: 225px !important;
font-size: 32px;
}
.nakladka1 /* Ustawia tylko wyraz ...PRZEPRASZAMY... w nakladce na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: relative;
font-weight: bold;
top: -48px !important;
left: auto !important;
right: auto !important;
font-size: 41px;
}
div#postit /* Ustawia ...pop-upek... na stronie ...index.html... */
{
position: absolute;
/* position: static; */
left: 181px !important; /* 182 */
top: 69px !important; /* 25 -970 25 */
padding-bottom: 45px !important;
}
div#postit img#postit1 /* Ustawia LOGO w ...pop-upek... na stronie ...index.html... */
{
position: absolute;
margin-top: 5px !important; /* tylko dla opcji z obrazkiem do zamykania ...pop-upka... */
}
div#postit div button.close /* Formatuje tytul ...CLOSE... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 35px !important;
}
div#postit div p#socialicons img /* Formatuje obrazek do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla napisu ...CLOSE... */
{
position: relative;
width: 55px !important;
height: 55px !important;
}
div#postit div /* Formatuje blok z linkiem i obrazkiem do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla opcji z obrazkiem */
{
position: relative;
top: -24px !important;
margin-right: 30px !important;
}
div#postit div#kalinform /* Formatuje blok z kalendarzem i powiadonieniami rocznice/swieta w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 737px !important;
font-size: 23px !important; /* 26 /25 / 27 / 25 */
text-align: center !important;
padding-right: 1px !important;
padding-top: 6px !important;
padding-bottom: 18px !important;
top: 1.5px !important;
margin-right: 59px !important;
/* background-color: #ffffff !important; */ /* - tutaj kolor tla jest pobierany z kodow HTC gdy tu jest wylaczony */
color: yellow !important;
}
div#postit div#count /* Formatuje blok z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 190px !important;
font-size: 21px !important;
text-align: center !important;
height: 30px !important;
top: 20px !important;
padding-top: 2.5px !important;
padding-bottom: 0px !important;
background-color: green !important;
}
div#postit div#count span#ekran /* Formatuje tylko cyfry licznika w bloku z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 21px !important;
}
div#postit input.reminderalarm /* formatuje ...Odliczanie Nr2... w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 446px !important;
left: 193px !important;
top: -25px !important;
font-size: 23px !important;
}
.reminderrecitals /* formatuje Odliczanie czasu nr2 dla licznika recitali na stronie ...recitals.html... */
{
position: relative;
top: 400px !important;
width: 95% !important;
font-size: 40px !important;
}
/* ===================================================================================== */
marquee#costam_a /* Formatuje tylko pole /tlo/ dla skryptu do odliczanie czasu do dnia zdarzenia na stronie ...lessons.html... Po uplywie zaplanowanej daty to pole /tlo/ znika */
{
position: relative;
top: -40px!important; /* 400 */
width: 95% !important;
padding-bottom: 10px !important;
}
marquee#costam /* Formatuje odliczanie czasu do dnia zdarzenia na stronie ...recitals.html... */
{
position: relative;
top: 400px!important;
width: 95% !important;
padding-bottom: 10px !important;
}
.costamtext /* Formatuje rozmiar czcionki w wyswietlanym tekscie w powyzszym ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
font-size: 60px !important;
}
.costamtext img /* Formatuje wszystkie ikony pianina we wszystkich tekstach z powyzszego ...marquee.costam... na stronie ...recitals.html... */
{
position: relative;
width: 80px !important;
height: 60px !important;
}
button.butony /* Formatuje BUTTON z linkiem do mapy do powyzszego odliczania czasu ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
top: 450px !important;
font-size: 25px !important; /* 32 */
font-family: Sans-Serif !important;
outline: 0px !important;
padding-bottom: 10px !important;
}
div#campus a img /* Pozycjonuje mape campusu Judson na stronie ...recitals.html... */
{
position: relative;
top: 470px !important;
margin-bottom: 70px !important;
}
/* ================================================================================================== */
div#postit div.budzik form input /* formatuje ...Zegarek tekstowy... w ...popupek... na stronie ...index.html... */
{
position: static;
position: relative;
left: 663px !important;
top: -48px !important;
font-size: 23px !important;
font-weight: bold !important;
height: 22px !important;
width: 130px !important;
text-align: center !important;
}
div#postit div.liczeniedni1 /* formatuje napis jak dlugo istnieje Schaumburg Music w ...popupek... na stronie ...index.html ... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 21px !important; /* 21 19 */
font-size-adjust: 0.58 !important;
text-align: center !important;
margin-top: -13px !important;
margin-bottom: 30px !important;
height: 25px !important;
outline: 8px #ffffff ridge !important;
padding-top: 10px !important;
color: #000000 !important; /* ffffff */
font-weight: bold !important;
background-color: gray !important; /* maroon */
}
div#postit div.liczeniedni2 /* formatuje napis jak dlugo istnieje witryna Schaumburg Music w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 19.4px !important; /* 19.4 17.4 */
font-size-adjust: 0.58 !important;
text-align: center !important;
height: 25px !important;
outline: 8px #ffffff ridge !important;
padding-top: 10px !important;
color: #000000 !important; /* ffffff */
font-weight: bold !important;
background-color: gray !important; /* maroon */
}
div#postit div.css3droppanel /* formatuje ustawienie kurtyny w ...popupek... na stronie index.html...*/
{
position: relative;
top: 15px !important; /* -5 */
margin-bottom: 20px !important;
margin-left: auto !important;
margin-right: auto !important;
}
div#postit div.css3droppanel input[type="checkbox"]:checked ~ div /* formatuje wysokosc okna kurtyny po jej otwarciu */
{
height: 800px; /* Wysokosc panelu po jego otwarciu - 250px - */
opacity: 1;
overflow: auto;
}
/* div#postit font#migot4 - Formatuje tytul ...Reminder... w ...pop-upek... na stronie ...index.html... - dla wersji z migotaniem podwojnym
{
position: relative;
font-size: 25px !important;
} */
div#postit font#migot4 span#migot4a /* Formatuje tytul ...Reminder... w ...pop-upek... na stronie ...index.html... - dla wersji z Rainbow text */
{
position: relative;
font-size: 35px !important;
font-weight: bold !important;
}
div#postit p font /* Formatuje akapity /tresc/ w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 18px !important;
}
div#postit p span /* Formatuje akapity /tresc/ w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 18px !important;
}
div#postit span.podpis /* Formatuje napis ...Schaumburg Music Academy... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 20px !important;
}
div#postit div.css3droppanel input[type="checkbox"]:checked ~ div /* formatuje wysokosc okna kurtyny po jej otwarciu */
{
height: 1000px; /* Wysokosc panelu po jego otwarciu - 250px - */
opacity: 1;
overflow: auto;
}
/* ==================== formatowanie dla ...cleaning_service_1... na stronie ...sale.html... ================ */
form#kliczko input.reset_i_input.inputresetu /* ustawia pole input z ...RESET... na stronie ...sale.html... - dla cleaning_service_1 */
{
position: relative;
left: 30px !important;
}
form#kliczko input.input_i_reset.resetinputu /* ustawia pole input z ...SUBMIT... na stronie ...sale.html..- dla cleaning_service_1. */
{
position: relative;
left: -30px !important;
}
form#kliczko div.dynamiclabel textarea.coment /* Formatuje tylko pole ...textarea... w poczcie na stronie ...sale.html.... - dla ...cleaning_service_1 */
{
position: relative;
left: 8px !important; /* 57*/
top: 0px !important; /* -705 */
height: 270px !important; /* 660 wysokosc tylko pola textarea */
width: 930px !important; /* 350*/
font-size: 44px !important;
border: 2px solid #000000 !important;
margin-bottom: 80px !important;
background-color: lim e !important;
}
form#kliczko div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...sale.html... - tylko ...textarea... - dla ...cleaning_service_1... */
position: absolute;
left: 10px !important; /* przesuniecie w lewo/prawo wyskakujacego pola */
}
/* ============================================================================================================= */
form#kliczko div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
position: absolute;
left: 0;
background: lightyellow;
border: 1px solid yellow;
border-radius: 2px;
padding: 3px 10px;
box-shadow: 4px 1px 5px gray;
font-size: 35px !important; /* wielkosc czcionki */
font-weight: bold;
-webkit-backface-visibility: hidden;
top: 10px; /* initial top position of label relative to dynamiclabel container */
-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 0;
z-index: -1;
left: 5px; /* 500px - przesuniecie w lewo/prawo wszystkich wyskakujacch pol */
}
form#kliczko div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
opacity: 1;
z-index:100;
top: -52px !important; /* Post top position of label on focus relative to dynamiclabel container ...-35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe, w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
-ms-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
form#kliczko div.dynamiclabel input /* div container for each form field with pop up label - formatuje wszystkie i tyko pola input w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
display: block;
margin: 20px; /* 30 - odstepy miedzy polami */
left: -15px !important;
font-size: 35px !important;
width: 520px !important;
position: relative;
border: 2px solid #000000 !important;
}
form#kliczko div.dynamiclabel textarea /* Formatuje tylko pole ...textarea... w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
position: relative;
height: 150px !important; /* wysokosc tylko pola textarea */
font-size: 35px !important;
border: 2px solid #000000 !important;
}
form#kliczko input.input_i_reset /* formatuje tylko przycisk ...WYSLIJ... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 60px !important;
width: 15% !important;
height: 50px !important;
font-size: 22px !important;
text-align: center !important;
font-weight: bold !important;
}
form#kliczko input.reset_i_input /* formatuje tylko przycisk ...REST... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 210px !important;
width: 15% !important;
height: 50px !important;
font-size: 22px !important;
text-align: center !important;
font-weight: bold !important;
}
form#forma div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...ksiega_gosci.html... */
position: absolute;
left: 0;
background: lightyellow;
border: 1px solid yellow;
border-radius: 2px;
padding: 3px 10px;
box-shadow: 4px 1px 5px gray;
font-size: 45px !important; /* wielkosc czcionki */
font-weight: bold;
-webkit-backface-visibility: hidden;
top: 10px; /* initial top position of label relative to dynamiclabel container */
-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 0;
z-index: -1;
left: 5px; /* 500px - przesuniecie w lewo/prawo wszystkich wyskakujacch pol */
}
form#forma div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
opacity: 1;
z-index:100;
top: -65px !important; /* Post top position of label on focus relative to dynamiclabel container ...-35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe, w poczcie na stronie ...ksiega_gosci.html... */
-ms-transform: rotate(-3deg) !important;
-moz-transform: rotate(-3deg) !important;
-webkit-transform: rotate(-3deg) !important;
transform: rotate(-3deg) !important;
}
form#forma div.dynamiclabel input /* div container for each form field with pop up label - formatuje wszystkie i tyko pola input w poczcie na stronie ...ksiega_gosci.html... */
{
display: block;
margin: 20px; /* 30 - odstepy tylko miedzy polami input w poczcie na stronie ...ksiega_gosci.html..*/
left: -15px !important;
font-size: 40px !important;
width: 520px !important; /* szerokosc tylko pol input */
height: 60px !important;
border: 2px solid #000000 !important;
position: relative;
}
form#forma div.dynamiclabel textarea /* Formatuje tylko pole ...textarea... w poczcie na stronie ...ksiega_gosci.html.... */
{
position: relative;
height: 100px !important; /* wysokosc tylko pola textarea */
font-size: 38px !important;
border: 2px solid #000000 !important;
}
form#forma input.input_i_reset /* formatuje tylko przycisk ...WYSLIJ... w poczcie na stronie ...ksiega_gosci.html... */
{
position: relative;
left: -140px !important;
width: 100% !important;
height: 50px !important;
font-size: 30px !important;
text-align: center !important;
font-weight: bold !important;
margin-bottom: 40px !important;
margin-top: 40px !important;
}
form#forma input.reset_i_input /* formatuje tylko przycisk ...RESET... w poczcie na stronie ...ksiega_gosci.html... */
{
position: relative;
left: 140px !important;
width: 100% !important;
height: 50px !important;
font-size: 30px !important;
text-align: center !important;
font-weight: bold !important;
margin-bottom: 40px !important;
margin-top: 40px !important;
}
#progressbar1 /* formatuje pole postepu wypelnienia pola ...textarea.... w poczcie na stronie ...ksiega_gosci.html.... */
{
position: relative;
font-size: 40px !important;
}
.anima /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - script */
{
position: relative;
left: 0px !important; /* -25 */
font-size: 32px !important;
/* text-shadow: 15px 10px 30px maroon !important; */
text-shadow: 10px 5px 20px gray !important;
}
.anima1 /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - blok */
{
position: relative;
left: 0px !important;
border: re d 1px solid !important;
}
img.tumptak1 /* Formatuje ikone ...thumptack... na stronie ...testimonials.html... */
{
position: static;
position: relative;
top: -382px !important;
}
div#index /* Nadaje margines dolny tylko stronie ... index.html ... */
{
position: relative;
margin-bottom: 75px !important;
}
body /* robi tlo dla wszystkich stron tylko na mobilnych */
{
position: relative;
background-image: url(tlo.jpg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important; /* cover , / auto 100% / */
}
#text_columns h3
{
position: relative;
border-bottom: 0px solid #000000; /* #D6D0C1 - likwiduje przy ...0px.. i pokazuje przy ...1 i wiecej piksel... podkreslenie wyrazow ...Lessons... i ...Rentals... na stronie ...index.html... */
}
section#text_columns article.column1 h3.lekcje span.lekcje1 /* - Formatuje tytul ...Lessons... na stronie ...index.html... */
{
position: relative;
font-size: 75px !important;
/* border-bottom: 5px solid blue !important; */
/* top: -35px !important; */
font-family: Georgia, 'open sans', sans-serif;
font-weight: bold !important;
color: blue !important;
margin-left: 5px !important;
/* text-decoration: none !important; */
background-color: yello w !important;
}
/* section#text_columns article.column1 h3.lekcje - Formatuje tytul ...Lessons... na stronie ...index.html... - zamienia kody komputera na mobilne kodami ...section#text_columns article.column1:before...
{
position: relative;
visibility: hidden !important;
}
section#text_columns article.column1:before - Formatuje tytul ...Lessons... na stronie ...index.html... - zamienia kody komputera na mobilne z kodow ...section#text_columns article.column1 h3.lekcje...
{
content: "Lessons";
position: relative;
top: 95px !important;
font-size: 75px;
border-bottom: 3px solid blue;
margin-top: -500px !important;
font-family: Georgia, 'open sans', sans-serif;
font-weight: bolder;
color: blue;
margin-left: 25px;
} */
section#text_columns section.column2 article.row h3.rental span.rental1 /* - Formatuje tytul ...Rentals... na stronie ...index.html... */
{
position: relative;
font-size: 75px !important;
/* border-bottom: 5px solid blue !important; */
/* top: -5px !important; */
font-family: Georgia, 'open sans', sans-serif;
font-weight: bold !important;
color: blue !important;
margin-left: 5px !important;
/* text-decoration: none !important; */
background-color: yello w !important;
}
/*
section#text_columns section.column2 article.row h3.rental - Formatuje tytul ...Rentals... na stronie ...index.html... - zamienia kody komputera na mobilne kodami ...section#text_columns section.column2 article.row:before...
{
position: relative;
visibility: hidden !important;
}
section#text_columns section.column2 article.row:before - Formatuje tytul ...Rentals... na stronie ...index.html... - zamienia kody komputera na mobilne z kodow ...section#text_columns section.column2 article.row h3.rental...
{
content: "Rentals";
position: relative;
top: 95px !important;
font-size: 75px;
border-bottom: 3px solid blue;
margin-top: -500px !important;
font-family: Georgia, 'open sans', sans-serif;
font-weight: bolder;
color: blue;
margin-left: -20px;
} */
div#postit img#postit1 /* Ustawia migajacy napis ...Reminder... pod Logo na stronie ...index.html... w ...pop-upek... */
{
position: relative;
margin-bottom: 50px !important;
}
h1#al_reminder123 /* formatuje Napis ...Reminder... nad ...Alarm Clock... w pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 35px !important; /* 45 */
width: 270px !important;
background-color: yello w !important;
margin-top: 20px !important;
}
div#jsalarmclock /* formatuje caly blok z ...Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 730px !important; /* 97% */
margin-top: 55px !important;
margin-left: auto !important;
margin-right: auto !important;
height: 415px !important; /* 490 */
background-color: lim e !important;
}
#jsalarmclock img.nasza_flaga /* formatuje tylko flage Polski w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 25px !important; /* 25 */
left: 25px !important; /* 195 */
}
div#jsalarmclock div div.leftcolumn /* formatuje lewe wszystkie pola z opisami alarmu w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 30px !important;
font-size: 23px !important;
width: 160px !important; /* 220 */
background-color: gree n !important;
}
#jsalarmclock span /* formatuje pole wyswietlajace aktualny czas i pola z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
font-size: 24px !important; /* 34 */
top: 30px !important;
left: -20px !important;
margin-right: 3px !important;
background-color: yello w !important;
}
#jsalarmclock span select /* formatuje pole wyswietlajace cyfry odnoszace si蟤o pol z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
top: -3px !important;
font-size: 24px !important; /* 29 */
width: 11% !important;
font-weight: bold !important;
background-color: lim e !important;
}
div#jsalarmclock div#location div.leftcolumn, #spaner /* formatuje lewe pole tylko z opisem alarmu ...Set Alarm Action... w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 6px !important;
font-size: 23px !important; /* 28 */
width: 180px !important; /* 220 */
}
#jsalarmclock form div#location /* cale pole z ...Set Alarm Action... plus pole na linki obok i opis obok tego pola w ...pop-upek... Reminder / Alarm Clock na stronie ...index.html... */
{
position: relative;
font-size: 25px !important; /* 25 */
width: 728px !important; /* 910 */
height: 40px !important; /* 50 */
top: 0px !important;
background-color: yello w !important;
}
input#musicloc /* formatuje pole z linkiem do muzyki w ...Reminder/Alarm Clock.. w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 20px !important; /* 23 */
top: -44px !important;
left: -25px !important;
margin-right: -20px !important; /* robi odstep pola z linkiem od jego opisu z boku po prawej stronie */
margin-top: 46px !important;
width: 269px !important;
}
#jsalarmclock form div#location span#locat /* formatuje pole z napisem ... Location of page to launch.... w ...pop-upek... w ...Reminder/Alarm Clock... na stronie ...index.html... */
{
position: relative;
background-color: re d !important;
top: -25px !important; /* -20 */
font-size: 20px !important; /* 24 */
left: -10px !important; /* -10 */
}
input#submitbutton /* ustawia przycisk ...Set Alarm... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 10px !important; /* -35 */
font-size: 25px !important; /* 35 */
}
input#resetbutton /* ustawia przycisk ...Reset... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 30px !important;
top: 10px !important; /* -35*/
font-size: 25px !important; /* 35 */
}
div#jsalarmclock div#help_pomoc /* formatuje caly blok z napisem ...HELP... i jego opisem w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 728px !important;
left: -7px !important;
margin-top: 40px !important; /* -20 */
font-size: 35px !important;
background-color: lim e !important;
}
div#jsalarmclock div#help_pomoc span#spanhelp /* formatuje tylko napis ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 10px !important;
top: 0px !important;
font-size: 30px !important; /* 35 */
margin-right: 40px !important;
background-color: aq ua !important;
}
div#jsalarmclock div#help_pomoc span /* formatuje czesc opisu ...This is Polish time. For example Polish time is: ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 1px !important;
font-size: 25px !important; /* 35 */
background-color: re d !important;
}
div#jsalarmclock div#help_pomoc span#pakapit /* formatuje czesc opisu ...1am /english/ = 1.00 polish/......etc, ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 142px !important; /* 175*/
top: 0px !important; /* 3 */
font-size: 25px !important; /* 35 */
background-color: fuchsi a !important;
}
div#jsalarmclock div#help_pomoc span#poledwa /* formatuje czesc opisu ... 1pm /english/ = 13.00 /polish/......etc. ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 142px !important; /* 175 */
top: -3px !important;
font-size: 25px !important; /* 35 */
background-color: yello w !important;
}
select#melodyjki,.zmiana /* formatuje cale pole ...SELECT... w Reminder/Alarm Clock... w pop-upek... na stronie ...index.html... */
{
display: none !important;
/* visibility: visible !important; - ukryte bo tu nie ma zastosowania bo nie da sie skopiowac linku
position: relative;
top: 108px !important;
left: 25px !important;
font-size: 28px !important; */
}
input.kasowanie /* formatuje tylko przycisk ...RESET... przy polu ...SELECT... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
display: none !important;
/* visibility: visible; - ukryte bo tu nie ma zastosowania i zweza cala strone
position: relative;
top: 7px !important;
left: 20px !important;
font-size: 23px !important;
width: 160px !important; */
}
form#form2 input.reminderalarm /* formatuje brazowe pole do ...Odliczania nr2 /lub innych/... na dole ...Reminder... w ...po-upek... na stronie ...index.html... */
{
position: relative;
top: -5px !important; /* -25 */
left: 15px !important;
right: auto !important;
width: 95% !important;
}
form table.zegar_strefowy /* formatuje wymiary zewnetrzne ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 760px !important; /* 940*/
/* left: -5px !important; */
margin-left: auto !important;
margin-right: auto !important;
}
form table.zegar_strefowy td input /* formatuje rozmiar pol i czcionke we wszystkich polach z godzinami ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: -30px !important;
margin-right: -30px !important;
width: 135px !important; /* 207 */
font-size: 20px !important; /* 30 */
text-align: center !important;
}
form table.zegar_strefowy td /* formatuje czcionke we wszystkich polach z nazwami miast ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 25px !important; /* 29 */
text-align: left !important;
width: auto !important;
background-color: fuchsi a !important;
border: 0px red solid !important;
}
table#uniwersalnytak td table /* nadaje rozmiary tabeli wewnetrznej Kalendarza w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 730px !important; /* 860 */
margin-left: auto !important;
margin-right: auto !important;
}
table#uniwersalnytak /* Kolor tla marginesu tabeli zewnetrznej - Kalendarz - popupek - w ...index.html... */
{
position: relative;
background-color: #ffffff !important
}
table#uniwersalnytak td table td input /* nadaje rozmiary wszystkim polom ...input... Kalendarza za wyjatkiem tego z rokiem i miesiacem oraz liczbom w nich wpisanych w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 50px !important; /* 100 */
font-size: 20px !important; /* 40 */
margin-left: 30px !important;
margin-right: auto !important;
}
table#uniwersalnytak td table th /* nadaje rozmiary wszystkim nazwom dni tygodnia Kalendarza w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 20px !important; /* 40 */
color: maroon !important;
padding-top: 10px !important;
padding-bottom: 5px !important;
}
table#uniwersalnytak td table input.privious /* formatuje pola ...input... Kalendarza z ...privious... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 100px !important; /* 150 */
height: 50px !important; /* 70 */
font-size: 25px !important; /* 45 */
left: 20px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.next /* formatuje pola ...input... Kalendarza z ...NEXT... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 100px !important; /* 150 */
height: 50px !important; /* 70 */
font-size: 25px !important; /* 45 */
left: -60px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table tr th input /* formatuje pola ...input... Kalendarza z rokiem i miesiacem w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 150px !important; /* 250 */
height: 30px !important; /* 50 */
font-size: 25px !important; /* 35 */
padding: 5px !important;
margin-top: 5px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.poledaty /* formatuje pole ...input... Kalendarza z aktualna data /na samym dole kalendarza/ w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 475px !important; /* 600 */
left: -4px !important;
font-size: 20px !important; /* 35 */
height: 28px !important; /* 55 */
margin-top: 2px !important;
background-color: blu e !important;
}
table.tx /* formatuje rozmiary zewnetrzne tabeli z ...Wskaznik Wagi BMI */
{
position: relative;
width: 740px !important;
font-size: 20px !important; /* rozmiar czcionki tyko nad polami ...Your weight... ...your height... ...Your MBI... */
background-color: aqu a !important;
}
table.tx caption /* Formatuje napis ...WSKAZNIK WAGI BMI... w ..pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 37px !important;
top: 25px !important;
margin-bottom: 35px !important;
}
table.tx td /*formatuje napisy ...Your weight... ...your height... ...Your MBI... lacznie z polami pod nimi w ...pop-upek... w ...Wskaznik Wagi BMI... */
{
position: relative;
left: 15px !important;
}
input.pole1 /* Formatuje wszystkie trzy pola ...You weight... Your Height... Your BMI... w pop-upek... we ...Wskazniku Wagi BMI... na stronie ...index.html... */
{
position: relative;
font-size: 39px !important;
margin-top: 15px !important;
margin-bottom: 30px !important;
}
input.zobaczmy /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... */
{
position: relative
visibility: hidden !important;
font-size: 30px !important;
width: 320px !important;
margin-top: 15px !important;
padding-top: 5px !important;
padding-bottom: 4px !important;
left: -70px !important;
}
input.zobaczmy:hover /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po NAJECHANIU go */
{
position: relative;
background-color: lime !important;
}
input.zobaczmy:active /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po KLIKNIECIU go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 320px !important;
background-color: yellow !important;
}
div.ilewazysz /* formatuje blok w kt�� jest umieszczony ....COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
text-align: center !important;
font-size: 40px !important; /* rozmiar czcionki tylko napisu ...COMMENT... */
background-color: yello w !important;
width: 680px !important;
height: 250px !important;
margin-top: 40px !important;
margin-left: 30px !important;
margin-right: auto !important;
margin-bottom: 170px !important;
}
textarea#toty /* formatuje blok w kt�� jest umieszczone pole ....Textarea... pod napisem ...COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 41px !important; /* rozmiar pola ...textarea... i jednoczesnie wielkosc czcionki */
}
/* .../... TA KRESKA PO LEWEJ LUB INNY JAKIKOLWIEK ZNAK POWDUJE TO ZE PONIZSZE KODY DLA PRZYCISKU RESET W ....WSKANIKU WAGI BMI... S.A. WYSWIETLANE PRWIDLOWO. BEZ TEJ KRESKI NIC SIȠNIE WYSWIETLA - NIE WIEM DLACZEGO, TO JAKIS BEZSENS - bez kreski wyswietla sie gdy w ...input#kasowaniepolawagi... jest wylaczone ...hidde n... */
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - ukrywa go - ale gdy ukrywa to jest potrzebna ukosna kreska powyzej aby byl on wyswietlany, lub gdy jest bez powyzszej kreski to ponizej musi byc wylaczone...hidde n... */
{
position: relative;
visibility: hidde n !important;
}
input#kasowaniepolawagi:before /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - wyswietla go na nowo po ukryciu jak wyzej */
{
content: "R E S E T";
color: maroon !important;
font-weight: bold !important;
}
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... */
{
position: relative;
border-style: inset !important;
width: 220px !important;
margin-top: 15px !important;
padding-top: 10px !important;
padding-bottom: 8px !important;
font-size: 30px !important;
left: 70px !important;
}
input#kasowaniepolawagi:hover /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po najechaniu go */
{
position: relative;
background-color: yellow !important;
}
input#kasowaniepolawagi:active /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 220px !important;
background-color: #ff99ff !important;
}
h2#fly /* formatuje tylko napis Thanks for vivsiting "SCHAUMBURG MUSIC ACADEMY" w ...fly letters... na stronie ...index.html */
{
position: relative;
top: -37px !important;
font-size: 30px;
margin-bottom: 4px;
}
.progress_ksgosci /* - formatuje pole postepu wypelnienia pola ...textarea.... w poczcie tylko na stronie ...ksiega_gosci.html.... */
{
position: relative;
word-wrap: break-word; /* If paragraph contains a very long word the long word will break and wrap to the next line. */
}
header
{
position: relative;
/*top: 40px; - do ustawienia nizej naglowka aby dac u gory Menu rozwijane i wysuwane - zastapione jest to w ..inline... w HEADER atrybutem ...top: 35.5px... - dla wersji bez ruchomego napisu ...Thanks for visiting "SCHAUMBURG MUSIC ACADEMY" ! pod ...MARGUE... w HTML5 */
width:auto;
height: 117px;
max-width: 1000px;
margin: auto;
background-color: #333 !important; /* - Kolor tla naglowka - wszedzie plus mobilne - by³o ...background:#333; */
}
img#logo /*Formatuje wszystkie loga w naglowku ...header... */
{
position: relative;
height: 190px !important;
}
header p img.logo /* Formatuje Logo dla EMKA - Cleaning Service */
{
position: static !important;
position: relative !important;
left: 80px !important; /* 30 */
width: 35px !important; /* 267 */
height: 90px !important; /* 111 */
} /* Dopisalem - sa to parametry dla ...Logo.. - wszedzie cz.1/2 */
div.wrapper /* formatuje napis ...copyright... w stopce */
{
position: relative;
font-family: serif !important;
font-size: 22px !important; /* 25 */
color: #ffffff !important;
}
a.Timeis /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -190px !important; /* -210 */
font-size: 65px !important;
color: blue !important;
font-family: serif !important;
font-weight: bold !important;
}
a.Timeis1 /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -160px !important;
font-size: 65px !important;
color: blue !important;
font-family: serif !important;
font-weight: bold !important;
}
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - poczatek - jest to kopia arkusza css ...indeks.css... ========= */
/* Kody do formatowania wygladu tylko indeksu na stronie ...sale.html... - ...cleaning_service_1.... - do kompletu jest; ...indeks.js.../...indeks_hasla.js */
table#indekswysz td span /* Formatuje tytul ..INDEX OF PASSWORDS... nad indeksemm hasel na stronie ...sale.html... */
{
position: relative;
font-size: 60px !important; /* 63 */
}
#tytulopis /* Formatuje napis ...Here you can order a service... na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 60px !important; /* 63 */
margin-bottom: 10px !important;
}
.opisuslugi /* Formatuje wszystkie opisy uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 37px !important; /* 52 45 37 */
line-height: 45px !important; /* 55 */
}
.tematuslugi /* Formatuje wszystkie tematy /tytuly/ uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 40px !important; /* 55 48 40 */
font-weight: bold !important;
line-height: 63px !important;
}
.cenauslugi /* Formatuje wszystkie ceny uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 40px !important; /* 55 48 40 */
font-weight: bold !important;
}
.clicorder /* Formatuje wszystkie napisy okreslajace temat /tytul/ zamawianej uslugi na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 25px !important; /* 45 38 30 */
font-weight: bold !important;
color: red !important;
}
.ilosciopis /* Formatuje pole zamowienia ...Period of the ordered service... na stronie ...sale.html... */
{
position: relative;
left: 2px !important;
width: 918px !important;
outline: 4px red solid !important;
font-size: 32px !important; /* 50 43 35 */
font-family: serif, Georgia !important;
font-weight: bold !important;
color: blue !important;
text-align: center !important;
vertical-align: -10px !important;
background-color: #ffffff !important;
margin-top: 5px !important;
padding-top: 20px !important;
padding-bottom: 15px !important;
border-radius: 0px 0px 0px 0px !important;
}
.ilosciopis_1 /* Formatuje pole zamowienia ...Enter a comment for this order here... na stronie ...sale.html... */
{
position: relative;
top: 5px !important;
left: 2px !important;
width: 918px !important;
outline: 4px red solid !important;
font-size: 32px !important; /* 50 43 35 */
font-family: serif, Georgia !important;
font-weight: bold !important;
color: rblue !important;
text-align: center !important;
vertical-align: -10px !important;
background-color: #ffffff !important;
margin-bottom: 15px !important;
padding-top: 20px !important;
padding-bottom: 15px !important;
border-radius: 0px 0px 0px 0px !important;
}
#rezultat /* Formatuje tytul ...SEARCH RESULTS + zadane haslo... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 */
{
position: relative;
width: 955px !important;
top: 30px !important;
font-size: 25px !important; /* 35 30 */
margin-bottom: 45px !important;
background-color: silve r !important;
line-height: 50px !important;
}
#listarezultatu /* Formatuje liste wyszukanych hasel pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 druga i trzecia linijka od dolu. */
{
position: relative;
width: 890px !important;
background-color: lim e !important;
font-size: 40px !important; /* 60 50 */
left: 80px !important;
}
#znalezione /* Formatuje tylko wyszukane hasla w liscie, ale nie liste pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 180 */
{
position: relative;
width: 890px !important;
/* left: -30px !important; */
font-size: 30px !important; /* 50 40 35 */
line-height: 55px !important; /* 83 65 */
background-color: yello w !important;
}
#indeks {
width: 950px !important;
padding: 10px 0;
background: #808000;
border-top: 6px dotted black !important;
border-right: 6px dotted black !important;
border-bottom: 6px dotted black !important;
border-left: 6px dotted black !important;
text-align: center !important;
margin-top: 17px !important; /* 1em auto - odsuwa do gory napis ...INDEX OF PASSWORDS... */
}
#indeks input.text {
position: relative;
text-align: center !important;
font-family: Algerian, serif !important;
color: #000000 !important;
font-size: 42px !important; /* 42 37 */
font-weight: bold !important;
width: 900px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-top: 20px !important;
margin-bottom: 32px !important;
background-color: silver; /* tlo pola wyszukiwania w INDEKSIE */
}
#indeks select {
position: relative;
font-family: Algerian, serif !important;
color: green;
font-size: 35px !important; /* 42 */
font-weight: bold !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
width: 100%;
margin: 2px 0 10px 0;
} /* Jest to pole z haslami w indeksie */
#indeks input.button {
position: relative;
font-weight: bold;
width: 100px;
margin-left: 5px;
margin-right: 5px;
} /* Klawisze Wyswietl, Szukaj i Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 30px !important; /* 42 22 20 25 */
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
/* padding-top: 55px !important; 13 25 5
padding-right: 5px !important; 270 10 to tutaj robi szerokosc pola zamiast elementu ...width...
padding-bottom: 55px !important; 38 48 50 5
padding-left: 5px !important; 10 20 */
height: 50px !important; /* 60 */
width: 225px !important; /* 295 195 155 175 195 215 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a:hover {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 30px !important; /* 42 22 20 25 */
font-weight: bold !important;
color: #000000;
background-color: #ffffff;
/* padding-top: 55px !important; 13 25 5
padding-right: 5px !important; 270 10 to tutaj robi szerokosc pola zamiast elementu ...width...
padding-bottom: 55px !important; 38 48 50 5
padding-left: 5px !important; 10 20 */
height: 50px !important; /* 60 */
width: 225px !important; /* 295 195 215*/
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important; /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego */
}
#indeks input.button1b {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 30px !important; /* 42 22 20 25 */
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 5px !important; /* 0 13 */
padding-right: 5px !important; /* 250 20 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 0 13 */
padding-left: 5px !important; /* 0 20 */
width: 210px !important; /* 250 190 200 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1b:hover {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 30px !important; /* 42 22 20 25 */
font-weight: bold !important;
color: #000000;
background-color: #lime;
padding-top: 5px !important; /* 0 13 */
padding-right: 5px !important; /* 250 20 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 0 13 */
padding-left: 5px !important; /* 0 20 */
width: 210px !important; /* 250 190 200 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego */
#indeks input.button1c {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 30px !important; /* 46 22 20 25 */
font-weight: bold !important;
color: red;
background-color: yellow;
padding-top: 5px !important; /* 10 22 */
padding-right: 5px !important; /* 230 20 *//* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 10 22 */
padding-left: 5px !important; /* 5 20 */
width: 190px !important; /* 230 170 180 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 35px !important; /* 35 5 */
margin-right: 5px !important;
} /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1c:hover {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 25px !important; /* 46 22 20 */
font-weight: bold !important;
color: #ffffff;
background-color: red;
padding-top: 5px !important; /* 10 22 */
padding-right: 5px !important; /*230 20 *//* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 10 22 */
padding-left: 5px !important; /* 5 20 */
width: 190px !important; /* 230 170 180 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 35px !important; /* 35 5 */
margin-right: 5px !important; /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego i potwierdzeniu zamiaru przez klikniecie ...OK... w oknie kt��sie otworzy */
}
/* Kolor tla pola wyszukiwania w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 84 */
/* Kolor tla pola klawisza SZUKAJ w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 85 */
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - koniec ========= */
/* Kody do pokazu slajdow na stronie ...slideshow.html.. - POCZATEK - */
table#slidetabela /* formatuje cala tabele ze sladami na stronie ...sale.html... */
{
position: relative;
height: 570px !important; /* 620 580 */
margin-bottom: -50px !important;
}
div#slideshow select /* formatuje caly blok z wszystkimi polami select z numerami zdjec na stronie ...sale.html... */
{
position: relative;
margin-top: 30px !important;
font-size: 20px !important; /* 40 */
}
div#przesuniecie input /* formatuje wszystkie inputy z przyciskami / ..<<... ...Start... ...>>.../ w tym bloku na stronie ...sale.html... */
{
position: relative;
font-size: 20px !important; /* 40 */
margin-top: 20px !important; /* 30 */
margin-bottom: 20px !important;
}
/* Kody do pokazu slajdow na stronie ...slideshow.html.. - KONIEC - */
.addanattachment /* formatuje tylko wszystkie napisy ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html... */
{
position: relative;
font-size: 25px !important; /* 30 */
}
/*
input.inputattachment formatuje wszystkie tylko inputy ...choose file... do wybierania plikow i ...No file chosen... do pokazania wybranych plikow po napisie ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html...
{
position: relative;
font-size: 25px !important; 20 - wielkosc czcionki we wszystkich inputach
margin-left: 5px !important;
padding-right: 200px !important; 200 150 - robi dlugosc ale tylko inputow ...No file chosen...
padding-top: 20px !important; -20
padding-bottom: -260px !important; -30 -60 - robi wysokosc inputow ...No file chosen... i inputow ...choose file...
vertical-align: middle !important; ustawia wszystkie inputy w poziomie w stosunku do napisow ...Add an attachment...
background-color: lime !important;
} */
/* .addanattachment input formatuje wszystkie tylko inputy ...choose file... do wybierania plikow i ...No file chosen... do pokazania wybranych plikow po napisie ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html...
{
position: relative;
font-size: 30px !important; 40 20
padding-right: 150px !important; 200
padding-bottom: 10px !important; 40
vertical-align: -35px !important;
} */
#boxcontent p#glownia /* formatuje napis ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: yello w !important;
font-size: 45px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: -180px !important;
}
#boxcontent p#opisuslugi /* formatuje opis uslugi pod napisem ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: lim e !important;
font-size: 35px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: 20px !important;
}
#boxcontent p#ofertaserwisu /* formatuje tytul ...We offer services... pod opisem uslugi pod napisem ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: aqu a !important;
font-size: 60px !important;
width: 550px !important;
padding: 5px !important;
line-height: 60px !important;
margin-top: 10px !important;
}
#boxcontent p#tekstoferty /* formatuje opis uslugi pod tytulem ...We offer service... na stronie ...aboutus.html... */
{
position: relative;
background-color: whit e !important;
font-size: 35px !important;
font-weight: bold !important;
left: 16px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: 15px !important;
}
#boxcontent p#kontakty /* formatuje kontakty pod opisem pod tytulem ...We offer service... na stronie ...aboutus.html... */
{
position: relative;
background-color: yello w !important;
font-size: 55px !important;
font-weight: bold !important;
left: 16px !important;
width: 950px !important;
line-height: 68px !important;
margin-top: 15px !important;
margin-bottom: 10px !important;
}
footer#dlugiaboutus /* formatuje stopke na stronie ...aboutus.html... */
{
position: relative;
margin-top: 100px !important;
margin-bottom: -20px !important;
}
/* div.marqueaboutus - formatuje dlugosc calej strony ...aboutus.html... - wylaczone, bo najpierw bylo potrzebne a potem nie, jakies czary
{
position: relative;
height: 2331px !important;
background-color: gold !important;
} */
/* 3D flip menu cz.1/3 - formatuje wszystkie ...Menu-mobile... oprocz strony ...index.html...
Author: Dynamic Drive
Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool! */
body { /* webkit adjacent sibling bug fix */
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
div.nav{
position: relative; /* dotyczy menu przed kliknieciem */
display: none !important; /* ukrywa cale Menu-Mobile */
background-color: yello w; /* dopisalem */
width: 330px; /* dopisalem */
top: 196px !important; /* -37px - dopisalem - podnosi cale MENU-MOBILE przed kliknieciem i otwarciem - -37px gdy jest nad klawiszami w gornej komorce tabeli */
z-index: 40 !important; /* dopisalem - ustawia cale menu po otwarciu po kliknieciu i chyba przed kliknieciem */
-webkit-perspective: 1000px;
perspective: 1000px;
}
div.nav input{
display: none;
}
div.nav label.mainlabel, div.nav div.menuflip{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; /* transition speed etc */
}
div.nav label.mainlabel{ /* menu anchor text style - napis MOBILE-MENU menu przed kliknieciem*/
width: 375px !important; /* width of anchor text */
height: 47px; /* dopisalem - wysokosc menu przed kliknieciem */
font-size: 50px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important; /* 20px Tahoma */
color: maroon; /* dopisalem */
position: relative;
/* top: -17px; 0 - podnosi do gory sam napis MENU-MOBILE przed otwarciem */
left: -675px !important; /* -5px - dopisalem - przesuwa w lewo cale menu przed otwarciem - -5px gdy jest nad klawiszami w gornej komorce tabeli */
display: block;
padding-top: 15px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-bottom: 25px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-left: 35px !important; /* 34px - add left padding to make room for icon - odleglosc kolka od napisu MOBILE-MENU */
padding-right: 5px !important; /* dopisalem - oleglosc napisu ...MOBILE-MENU... od prawej krawedzi jego pola */
cursor: pointer;
background-color: yellow; /* dopisalem */
outline: 2px #000000 dotted; /* dopisalem */
}
div.nav label.mainlabel:before{ /* menu anchor icon - kolko menu przed kliknieciem kolo napisu - MOBILE-MENU*/
content: '';
position: absolute;
left: 5px !important; /* odleglosc kolka od lewej krawedzi przy napisie - MOBILE-MENU */
top: 24px !important;
width: 24px !important;
height: 24px !important;
border: 7px ridge green; /* 7px solid darkgreen; - rozmiar, styl, kolor kolka */
-webkit-box-shadow: inset 0 0 2px gray, 0 0 5px gray;
box-shadow: inset 0 0 2px gray, 0 0 5px gray;
border-radius: 30px;
}
div.nav div.menuflip{ /* DIV that flips over to reveal main menu - pole menu otwarte po kliknieciu*/
position: absolute;
margin: 0;
top: -1px; /* 0 - podnosi cale menu po otwarciu po kliknieciu */
padding: 4px;
background: white;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
width: 760px !important; /* 200px - szerokosc pola menu po jego otwaciu po kliknieciu */
border: 4px solid gray !important; /* 1px */
-webkit-box-shadow: 2px 2px 15px #B5B5B5;
box-shadow: 2px 2px 15px #B5B5B5;
border-radius: 10px;
background: #eee;
left: -580px !important; /* - dopisalem i ustawia to calosc otwartego menu po jego kliknieciu, lewo/prawo */
}
div.nav div.menuflip h4 /* napis SITE NAVIGATION pola menu otwartego po kliknieciu */
{
margin: 0;
margin-bottom: 4px !important;
font-size: 74px !important; /* 20px */
font-family: serif; /* dopisalem */
color: maroon; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-decoration: underline; /* dopisalem */
/* border-bottom: 2px red solid; - dopisalem */
padding: 4px 0 0 6px;
text-align: left; /* dopisalem */
}
div.nav div.menuflip ul /* lista z linkami do stron pola menu otwartego po kliknieciu */
{
list-style: none;
margin-top: 30px !important;
padding: 0;
font-family: serif !important; /* dopisalem */
font-size: 60px !important; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-align: left; /* dopisalem */
}
div.nav div.menuflip ul li{
border-bottom: 2px inset gray !important; /* kreski poziome oddzielajace linki w otwartym polu menu */
}
div.nav div.menuflip ul li:last-of-type{
border-bottom: none !important; /* wylacza ostatnia kreske pod ostatnim linkiem w otwartym polu menu */
}
div.nav div.menuflip ul li:hover{
border-bottom-color: transparent; /* nadaje animacje kreskom dzielacym linki w otwartym menu */
}
div.nav div.menuflip ul li a /* linki pola menu otwartego po kliknieciu */
{
display: block;
background-color: lim e !important;
color: blue;
text-decoration: none;
padding-top: 30px !important; /* dopisalem */
padding-bottom: 30px !important; /* dopisalem */
border-radius: 10px 0 10px;
-webkit-transition: none;
transition: none;
}
div.nav div.menuflip ul li a:hover /* linki pola menu otwartego po kliknieciu, po najechaniu kursorem */
{
background: #515151;
color: white;
}
div.nav div.menuflip label.close /* close button */
{
position: absolute;
right: 8px !important;
top: 8px !important;
padding-top: 20px !important;
display: inline-block !important;
text-align: center;
line-height: 14px !important;
color: red !important;
z-index: 1000 !important;
cursor: pointer !important;
border: 5px fuchsia ridge !important;
border-radius: 50px !important;
-webkit-box-shadow: 0 0 5px gray !important;
box-shadow: 0 0 5px gray !important;
width: 80px !important;
height: 50px !important;
background: yellow !important;
font-size: 88px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important;
}
div.nav input:checked ~ label.mainlabel{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
div.nav input:checked ~ div.menuflip{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.close:hover /* do zmiany kolorow w ..Close... w ...Site menu... - dopisalem calosc */
{
position: relative;
margin-right: -3px !important;
margin-top: -7px !important;
color: yellow !important;
background-color: red !important;
font-weight: bold !important;
padding: 3px !important;
border: 5px fuchsia ridge;
}
*/
/* 3D flip menu cz.1/3 - formatuje ...Menu-mobile... tylko na stronie ...index.html...
Author: Dynamic Drive
Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool! */
body { /* webkit adjacent sibling bug fix */
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
div.navindex{
position: relative; /* dotyczy menu przed kliknieciem */
display: none !important; /* ukrywa cale Menu-Mobile */
background-color: yello w; /* dopisalem */
width: 330px; /* dopisalem */
top: 698px !important; /* -37px - dopisalem - podnosi cale MENU-MOBILE przed kliknieciem i otwarciem - -37px gdy jest nad klawiszami w gornej komorce tabeli */
z-index: 40 !important; /* dopisalem - ustawia cale menu po otwarciu po kliknieciu i chyba przed kliknieciem */
-webkit-perspective: 1000px;
perspective: 1000px;
}
div.navindex input{
display: none;
}
div.navindex label.mainlabelindex, div.navindex div.menuflipindex{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; /* transition speed etc */
}
div.navindex label.mainlabelindex{ /* menu anchor text style - napis MOBILE-MENU menu przed kliknieciem*/
width: 375px !important; /* width of anchor text */
height: 47px; /* dopisalem - wysokosc menu przed kliknieciem */
font-size: 50px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important; /* 20px Tahoma */
color: maroon; /* dopisalem */
position: relative;
/* top: -17px; 0 - podnosi do gory sam napis MENU-MOBILE przed otwarciem */
left: -675px !important; /* -5px - dopisalem - przesuwa w lewo cale menu przed otwarciem - -5px gdy jest nad klawiszami w gornej komorce tabeli */
display: block;
padding-top: 15px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-bottom: 25px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-left: 35px !important; /* 34px - add left padding to make room for icon - odleglosc kolka od napisu MOBILE-MENU */
padding-right: 5px !important; /* dopisalem - oleglosc napisu ...MOBILE-MENU... od prawej krawedzi jego pola */
cursor: pointer;
background-color: yellow; /* dopisalem */
outline: 2px #000000 dotted; /* dopisalem */
}
div.navindex label.mainlabelindex:before{ /* menu anchor icon - kolko menu przed kliknieciem kolo napisu - MOBILE-MENU */
content: '';
position: absolute;
left: 5px !important; /* odleglosc kolka od lewej krawedzi przy napisie - MOBILE-MENU */
top: 24px !important;
width: 24px !important;
height: 24px !important;
border: 7px ridge green; /* 7px solid darkgreen; - rozmiar, styl, kolor kolka */
-webkit-box-shadow: inset 0 0 2px gray, 0 0 5px gray;
box-shadow: inset 0 0 2px gray, 0 0 5px gray;
border-radius: 30px;
}
div.navindex div.menuflipindex{ /* DIV that flips over to reveal main menu - pole menu otwarte po kliknieciu */
position: absolute;
margin: 0;
top: -1px; /* 0 - podnosi cale menu po otwarciu po kliknieciu */
padding: 4px;
background: white;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
width: 760px !important; /* 200px - szerokosc pola menu po jego otwaciu po kliknieciu */
border: 4px solid gray !important; /* 1px */
-webkit-box-shadow: 2px 2px 15px #B5B5B5;
box-shadow: 2px 2px 15px #B5B5B5;
border-radius: 10px;
background: #eee;
left: -580px !important; /* - dopisalem i ustawia to calosc otwartego menu po jego kliknieciu, lewo/prawo */
}
div.navindex div.menuflipindex h4 /* napis SITE NAVIGATION pola menu otwartego po kliknieciu */
{
margin: 0;
margin-bottom: 4px !important;
font-size: 74px !important; /* 20px */
font-family: serif; /* dopisalem */
color: maroon; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-decoration: underline; /* dopisalem */
/* border-bottom: 2px red solid; - dopisalem */
padding: 4px 0 0 6px;
text-align: left; /* dopisalem */
}
div.navindex div.menuflipindex ul /* lista z linkami do stron pola menu otwartego po kliknieciu */
{
list-style: none;
margin-top: 30px !important;
padding: 0;
font-family: serif !important; /* dopisalem */
font-size: 60px !important; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-align: left; /* dopisalem */
}
div.navindex div.menuflipindex ul li{
border-bottom: 2px inset gray !important; /* kreski poziome oddzielajace linki w otwartym polu menu */
}
div.navindex div.menuflipindex ul li:last-of-type{
border-bottom: none !important; /* wylacza ostatnia kreske pod ostatnim linkiem w otwartym polu menu */
}
div.navindex div.menuflipindex ul li:hover{
border-bottom-color: transparent; /* nadaje animacje kreskom dzielacym linki w otwartym menu */
}
div.navindex div.menuflipindex ul li a /* linki pola menu otwartego po kliknieciu */
{
display: block;
background-color: lim e !important;
color: blue;
text-decoration: none;
padding-top: 30px !important; /* dopisalem */
padding-bottom: 30px !important; /* dopisalem */
border-radius: 10px 0 10px;
-webkit-transition: none;
transition: none;
}
div.navindex div.menuflipindex ul li a:hover /* linki pola menu otwartego po kliknieciu, po najechaniu kursorem */
{
background: #515151;
color: white;
}
div.navindex div.menuflipindex label.close /* close button */
{
position: absolute;
right: 8px !important;
top: 8px !important;
padding-top: 20px !important;
display: inline-block !important;
text-align: center;
line-height: 14px !important;
color: red !important;
z-index: 1000 !important;
cursor: pointer !important;
border: 5px fuchsia ridge !important;
border-radius: 50px !important;
-webkit-box-shadow: 0 0 5px gray !important;
box-shadow: 0 0 5px gray !important;
width: 80px !important;
height: 50px !important;
background: yellow !important;
font-size: 88px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important;
}
div.navindex input:checked ~ label.mainlabelindex{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
div.navindex input:checked ~ div.menuflipindex{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.close:hover /* do zmiany kolorow w ..Close... w ...Site menu... - dopisalem calosc */
{
position: relative;
margin-right: -3px !important;
margin-top: -7px !important;
color: yellow !important;
background-color: red !important;
font-weight: bold !important;
padding: 3px !important;
border: 5px fuchsia ridge;
}
/* */
/* */
}
@media screen and (max-device-width: 360px) /* Iphone pion i poziom - gdyby tu nie nadac odpowiednich parametrow /cech/ atrybutom to dzialaja tu dane z HTC pion i poziom czyli zapytania o media z kodu ...@media screen and (max-width: 640px;)*/
/* @media only screen and (max-width: 680px) - dla sredni telefon i Ipad */
{
/* ------------------------------------ ...media.html... ------------------------------------------------*/
#fortep img {position: relative; height: 255px !important; width: 355px !important;} /* formatuje sama ikone fortepianu na stronie ...media.html... */
#fortep {position: relative; background-color: lim e !important; left: 0px !important; margin-top: -160px !important; height: 160p x !important; width: 390px !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 swiecie 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; margin-left: auto !important; margin-right: auto !important; width: 385px !important; font-size: 65px !important; font-family: Wide Latin, serif !important;} /* formatuje tytul MUZYKA na stronie ...media.html... */
#blokmuzyka1 {position: relative; background-color: aqu a; width: 100% !important; left: 0px !important; padding-bottom: 570px !important;} /* formatuje blok nr1 z muzyka na stronie ...media.html... */
#blokmuzyka1 div {position: relative; width: 95% !important; height: 220px !important; font-size: 45px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr1 na stronie ...media.html... */
#blokmuzyka1 audio {position: relative; width: 95% !important;} /* formatuje wszystkie odtwarzacze audio z muzyka w bloku glownym nr1 na stronie ...media.html... */
#blokmuzyka2 {position: relative; background-color: lim e; width: 100% !important; left: 0px !important; padding-bottom: 570px !important;} /* formatuje blok nr2 z muzyka na stronie ...media,html... */
#blokmuzyka2 div {position: relative; width: 95% !important; height: 220px !important; font-size: 45px !important; background-color: yello w !important;} /* formatuje wszystkie bloki z muzyka w bloku glownym nr2 na stronie ...media.html... */
#blokmuzyka2 audio {position: relative; width: 95% !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: 350px !important; font-size: 65px !important; font-weight: bold !important; background-color: lime !important; margin-top: 140px !important;} /* formatuje napis ...FILMY... na stronie ...media.html... */
#filmy {position: relative; background-color: gol d !important; height: 1915px !important; left: 2px !important; width: 100% !important; margin-top: 2013px !important} /* formatuje tylko blok z blokami z filmami na stronie...media.html... */
#filmy div {position: relative; left: 1.5% !important; width: 95% !important; font-size: 45px !important; borde r: 2px red solid !important;}/*formatuje wszystkie tylko bloki zawierajace odtwarzacze filmowe na stronie ...media.html.. */
#filmy div video {position: relative; width: 100% !important;} /* formatuje tylko odtwarzacze filmowe na stronie ...media.html... */
.rss /* Kody dla paska z RSS i inne - ustawienie w pionie i poziomie paska i jego zawartosci i jego wymiarow - patrz tez nizej - ...table td.rss1... / ...#ipad2a.../...#ipad2b.../...#ipad2c... - na kazdej stronie */
{
position: static;
position: relative;
left: auto !important;
top: -100px !important;
right: auto !important;
width: 1000px !important;
background-color: re d !important;
}
table td.rss1 /* Dotyczy pola ...RSSS - tylko kanaly RSS z ...bublewrap... - na kazdej stronie */
{
position: static;
position: relative;
top: -23px !important; /* -20 -22 */
left: -2px !important;
}
/* Kody do ustawiania calej /samej - bez ikon/ komorki z ikonami w pasku rss */
table.rss td.rss1 ul.bubblewrap
{
position: static !important;
position: relative !important;
width: 275px !important;
margin-top: 10px !important;
padding-left: 5px !important;
padding-bottom: 15px !important;
background-color: yello w; /* Nadaje kolor tla komorki */
}
/* Kody do zwiekszenia liter w - ...Get Directions...
@media (min-width: 765px) and (max-width: 1000px) - tak bylo przed przenesieniem tutaj */
table.rss td button#ipad2a
{
position: static;
position: relative;
top: -10px !important; /* -5 */
left: 15px !important;
font-size: 25px !important;
font-weight: bold !important;
background-color: silve r !important; /* Nadaje kolor tla komorki , nie Button ale i w rzeczywistosci po wlaczeniu koloru /chyba/ przesuwa sie ustawienie Button do gory i w Iphone5 rogi pola traca zaokraglenie a cale pole zwieksza wysokosc */
}
/* Kody do zwiekszenia liter i ustawienia komorki w - ...Our Neigborhood... */
table.rss td a button#ipad2b
{
position: static;
position: relative;
top: 18px!important; /* 15 5 15 20 */
left: 210px !important; /* 145px - gdy z lewej jest Menu-Mobile ale nie w pop-up ...Site navogation... */
font-size: 37px !important; /* 32 */
font-weight: bold !important;
/* width: 550px !important; */ /* - kiedy jest wlaczone to chyba psuje szerokosc calych i wszystkich stron, nie wiem dlaczego */
background-color: lim e !important;
}
table.rss td button#ipad2b span#napislink /* - ukrywa czesc napisu ...& DIRECTION... w napisie ...OUR NEIGHBORHOOD & DIRECTION ... w tabeli z RSS na wszystkich stronach */
{
position: relative;
display: non e !important;
}
/*
table.rss td a button#ipad2b span - wyswietla ukryta dla kodow HTC pion i poziom czesc napisu ...& DIRECTION... w napisie ...OUR NEIGHBORHOOD & DIRECTION ... w tabeli z RSS, co oddzialowuje tutaj i ukrywa czesc napisu ...& DIRECTION... w napisie ...OUR NEIGHBORHOOD & DIRECTION ... w tabeli z RSS na wszystkich stronach - ma to znaczenie wtedy gdy w HTC ten kod jest w uzyciu
{
position: static;
position: relative;
visibility: visible !important;
}
ukryte dla sprawdzenia czy te kody z HTC w poz. 17717 dzialaja tutaj */
table.rss td#ipad2c /* ukrywa napis ...We speak English & Polish... razem z komorka w tabeli z RSS po to aby go zastapic ponizszym ... table.rss td#ipad2c:before ... bo szerokosc komorki nie pozwala na powiekszenie czcionki powyzej 10px bo napis wychodzi za prawy obrys strony nadajac inna szerokosc stronie niz to zaplanowane - wszystkie strony */
{
position: relative;
visibility: hidden !important;
}
table.rss td#ipad2c:before /* wstawia napis ... We spaak English & Polish ... w miejsce ukrytego napisu z linkiem jw. ...table.rss td#ipad2c ... co pozwala na powiekszenie czcionki bez niekontrolowanego zwiekszania szerokosci strony i wychodzenia napisu poza prawa krawedz strony - wszystkie strony */
{
content: "We speak English & Polish";
position: absolute !important;
visibility: visible !important;
width: 355px !important; /* 355 */
text-align: right !important;
top: 4px !important; /* 9 */
left: -145px !important; /* -190 -250 -160 -150 gdy napis wyjdzie w prawo poza brzeg strony to przesuwa napis np. w lewo, ale tylko w Ipad pion z tym ze nie zmienia szerokosci strony i dalej strona jest szersza niz powinna - szerokosc mozna wyregulowac tutaj ponizszym rozmiarem czcionki */
font-size: 25px !important; /* 29 25 27 25 23 */
background-color: yello w !important;
}
/* Formatuje i ustawia wszystkie kanaly RSS /ale nie ...bublewrap... / - na pasku RSS pod naglowkiem - wszystkie strony */
table.rss td a img
{
position: static !important;
position: relative !important;
top: 15px !important;
left: 1px !important;
width: 41px !important;
height: 41px !important;
background-color: aqu a !important;
}
/* Kody ustawienia samych ikon w komorce w pasku rss
table.rss td.rss1 ul li a img
{
position: static !important;
position: relative !important;
margin-top: -10px !important;
background-color: lim e; / * Nadaje kolor tla komorki
}
*/
div.marque#index_contact /* dlugosc tylko strony ...contact.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 370px !important; /* 90px */
}
div.marque#index_slideshow /*div#index - dlugosc tylko strony ...slideshom.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 370px !important; /* 90px */
}
#selekt /* Formatuje pole ...select ... ze zdjeciami w galerii na stronie ... slideshow.html ... */
{
position: relative;
width: 250px !important
}
div.marque#index_sale /* dlugosc tylko strony ...sale.html... */
{
position: relative;
height: 5p x !important;
padding-bottom: 320px !important; /* to wydluza strone */
margin-top: 42px !important; /* 43px */
margin-bottom: 360p x !important; /* 680/ 65px */
}
div.marque#index_ksgosci /* dlugosc i margines gorny i dolny tylko strony ...ksiega_gosci.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 280px !important; /* 90px */
height: 2500px !important;
}
div.marque#index_request /*div#index - dlugosc tylko strony ...request.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 20px !important; /* 90px */
}
div.marque#index_aboutus /*div#index - dlugosc tylko strony ...aboutus.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 38px !important; /* 90px */
}
div.marque#index_important /*div#index - dlugosc tylko strony ...important.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 25px !important; /* 90px */
}
div.marque#index_thankyou /*div#index - dlugosc tylko strony ...thankyou.html... */
{
position: relative;
margin-top: 42px !important;
margin-bottom: 20px !important; /* 90px */
}
div#index_home /* ustawia gora-dol cala strone ...index.html... aby zlikwidowac puste miejsce po gornych menu - tylko na stronie ...index.html... */
{
position: relative;
width: 1015px !important;
margin-top: 42px !important; /* przeniesione z pozycji 27072 z kodow ...div#index... */
margin-bottom: 95px !important; /* przeniesione z pozycji 19979 z kodow ...div#index... */
}
footer.dol /* stopka strony ...index.html... */
{
position: relative;
width: 1015.5px !important;
left: 2px !important;
}
div.marque#index_testimonials /* ustawia tylko strone ...testimonials.html... */
{
position: relative;
margin-top: 42px !important;
width: 1000px !important;
margin-bottom: 20px !important;
}
/* Te zapisy sa zastapione przez powyzsze dla SMART
div#index / * ustawia gora-dol cala strone ...index.html... aby zlikwidowac puste miejsce po gornych menu - tylko na stronie ...index.html... * /
{
position: relative;
margin-top: 42px !important;
}
div.marque / * ustawia gora-dol cale strony aby zlikwidowac puste miejsce po gornych menu - wszystkie strony oprocz strony ...index.html... i ...testimonials.html... * /
{
position: relative;
margin-top: -1px !important;
}
*/
a.etykieta_opiniekg /* Ustawia etykiete do pola ...YOUR PUBLIC OPINION/COMMENTARY... na stronie ...ksiega_gosci.html... */
{
position: static;
position: relative;
top: 80px !important;
background-color: red !important;
}
/* Powieksza litery i ustawia calosc tresci BIO - wszystkich nauczycieli / oprocz RACHEL i Joseph Schultz / na stronie ...teacherphotos.html - na te kody maja wplyw kody z HTC pion i poziom i psuja te ustawienia */
table.tabela p.biger_m
{
position: static !important;
position: absolute !important;
top: -1px !important;
background-color: yello w !important;
font-size: 22px !important;
line-height: 19px !important;
word-spacing: -2px !important;
}
p.biger_mrachel /* Formatuje pole BIO / tylko RACHEL / - na stronie ...teacherphotos.html... na te kody maja wplyw kody z HTC pion i poziom i psuja te ustawienia */
{
position: static;
position: relative;
font-size: 22px !important; /* 17 */
line-height: 17px !important; /* 17 */
word-spacing: -1px !important;
background-color: yello w !important;
}
/* ..................................................................................... */
section#boxcontent article table.pokazlekcji figure /* Formatuje tylko znacznik ...figure... w tabeli pod zdjeciem FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
}
section#boxcontent article table.pokazlekcji figure a img.student /* Formatuje tylko zdjecie FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
left: -106px !important;
top: 0px !important;
}
section#boxcontent article a.youtub /* button.youtub */ /* Formatuje tylko link pod klawiszem do strony YOUTUBE dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -105px !important; /* -164 */
/* height: 60px !important; */
}
section#boxcontent article a button.youtub nobr /* Formatuje tylko napis na klawiszu do strony YOUTUBE dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /* 37 */
top: -3px !important; /* -27 -17 -10 */
}
section#boxcontent article a.faceboo /* button.faceboo */ /* Formatuje tylko link pod klawiszem do strony FACEBOOK dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 */
top: -135px !important; /* -199 */
/* height: 60px !important; */
}
section#boxcontent article a button.faceboo nobr /* Formatuje tylko napis na klawiszu do strony FACEBOOK dla FRANCESCA na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /* 37 */
top: -3px !important; /* -27 -17 -10 */
}
/* ............................................................................................ */
/* ..................................................................................... */
section#boxcontent article table.pokazlekcji_ukulele figure /* Formatuje tylko znacznik ...figure... w tabeli pod zdjeciem BOBBY RECK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
}
section#boxcontent article table.pokazlekcji_ukulele figure a img.ukulele /* Formatuje tylko zdjecie BOBBY RECK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
width: 250px !important;
height: 150px !important;
left: -106px !important;
top: 0px !important;
}
section#boxcontent article a.youtub_ukulele /* button.youtub_ukulele */ /* Formatuje tylko link pod klawiszem do strony YOUTUBE dla UKULELE - DEMO CLASS - YOU TUBE na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 / 115 / 215 */
top: -105px !important; /* -164 / 0 / -25 / -55 */
padding-top: -25px !important;
padding-bottom: -10px !important;
/* height: 60px !important; */
}
section#boxcontent article a button.youtub_ukulele nobr /* Formatuje tylko napis na klawiszu do strony YOUTUBE dla UKULELE - DEMO CLASS - YOU TUBE na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /* 37 */
top: -3px !important; /* -27 -17 -10 */
}
section#boxcontent article a.faceboo_ukulele /* button.faceboo_ukulele */ /* Formatuje tylko link pod klawiszem do strony FACEBOOK dla UKULELE - DEMO CLASS - FACEBOOK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
left: 300px !important; /* 300 / 115 / 215 */
top: -135px !important; /* -199/ -2 / -23 / -53 / -133 */
padding-top: -25px !important;
padding-bottom: -10px !important;
/* height: 60px !important; */
}
section#boxcontent article a button.faceboo_ukulele nobr /* Formatuje tylko napis na klawiszu do strony FACEBOOK dla UKULELE - DEMO CLASS - FACEBOOK na stronie ...lessons.html... pod DEMO CLASS */
{
position: relative;
font-size: 34px !important; /* 37 */
top: -3px !important; /* -27 -17 -10 */
}
/* ............................................................................................ */
section#boxcontent article p.demo /* Ustawia ...DEMO CLASS!!!... na stronie ...lessons.html... */
{
position: relative;
top: 30px !important;
}
button.biger2.biger2a /* Ustawia klawisz ...VISIT US... w zoltym polu na stronie ...important.html... */
{
position: relative;
top: -3px !important;
}
td.ovii /* Dotyczy napisu ...OUR VERY IMPORTANT INFORMATIONS... na stronie ...important.html... */
{
position: relative;
font-size: 40px; /* 35 */
top: 40px !important;
}
section#boxcontent article.futerles /* Ustala odstep konca strony od ...footer... na stronie ...lessons.html */
{
position: relative;
margin-bottom: -110px !important;
}
/* Dotyczy gornego odstepu ...Footer... od poprzedzjacego go tekstu na stronie ...locations.html... */
footer.dol1
{
position: static;
position: relative;
top: 50px !important; /* top: 190px */
}
/* Ustala odstep stopki /footer/ od koncowego elementu strony, w pionie - na stronie ...kidzfreelessons.html... / ...new_classes.html... */
footer.odstepwdol
{
position: static;
position: relative;
margin-top: 50px !important;
}
form input.zegar /* Formatuje okno i napisy w zegarze na stronie ...thankyou.html... */
{
position: relative;
width: auto !important; /* 372 376 - cyfra ustala staly wymiar a ...auto... dopasowuje do rozmiaru czcionki napisu w tym polu i kodu zrodlowego i ze skryptu */
height: 70px !important; /* moze byc ...auto... */
border: 4px dotted blue; /* dopisane */
top: -685px !important; /* -830 */
left: 150px !important; /* 5px */
font-size: 40px !important; /*50 45 40 */
/* font-family: 'open sans', 'sans-serif' !important; */
font-family: 'Wide Latin', 'Times New Roman', serif, sans-serif, fantasy !important;
font-weight: bold !important;
text-align: center !important; /*dotyczy tylko napisu ...TIME... na przycisku */
vertical-align: middle !important;
padding: 0px !important;
}
/* form input.zegar:hover -- Formatuje okno i napisy w zegarze po kliknieciu, na stronie ...thankyou.html...
{
position: relative;
color: red !important;
width: auto !important; 476
font-size: 50px !important;
font-family: 'Times New Roman', 'Wide Latin', serif, sans-serif, fantasy !important;
font-weight: bold !important;
font-variant: small-caps !important;
text-align: center !important;
vertical-align: middle !important;
padding: 0px !important;
}
*/
/* =========================== KALENDARZ WIECZNY ================================================ */
h1.naglowek /* Formatuje tytul ...SELECT DATE... nad kalendarezem na stronie ...important.html... */
{
position: relative;
font-size: 65px !important;
width: 900px !important;
text-align: center !important;
margin-bottom: 0px !important;
margin-top: 100px !important;
}
form.kalwie table select /* Formatuje tylko pole ...select... z miesiacami - na stronie ...important.html... */
{
position: relative;
width: 390px !important;
background-color: yellow;
font-size: 55px; /* 65 */
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.kalforma /* Formatuje tylko szerokosc pola ...input z latami... - na stronie ...important.html... */
{
position: relative;
width: 175px !important;
}
form.kalwie table input /* Formatuje tylko pola; ...input... z latami i z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
width: 320px !important; /* 250 */
background-color: yellow;
font-size: 55px; /*65 60 */
font-weight: bold;
color: blue;
border: dotted 1px #000000;
margin-bottom: 15px;
}
form.kalwie table input.miejsce /* Formatuje tylko napis ...CREATE... pola; ...input... z napisem ...CREATE...- na stronie ...important.html... */
{
position: relative;
text-align: center !important;
}
form.kalwie table input.kalwie1 /* Formatuje wszystkie pola pod kalendarzem oprocz pola ...TODAY... - na stronie ...important.html... */
{
position: relative;
width: 140px !important;
background-color: lime;
font-size: 45px; /* 65 55 */
/* text-align: center; */
border: dotted 1px #000000;
}
form.kalwie table input.kalwie1a /* Formatuje tylko pole ...TODAY... pod kalendarzem - na stronie ...important.html... */
{
position: relative;
width: 300px !important; /* 235 */
background-color: lime;
font-size: 55px; /* 65 60 */
text-align: center !important;
border: dotted 1px #000000;
}
form.kalwie table textarea.kalwie1ab /* Formatuje tylko pole ...TEXT AREA... - na stronie ...important.html... */
{
position: relative;
background-color: silver;
text-align: center;
font-size: 65px;
color: #000000;
border: dotted 2px #000000;
}
/* ========================================================================= */
section.container div.stop /* Ukrywa napis nad slajdami na stronie ...index.html... */
{
position: relative;
display: none;
}
.neighbor /* - Formatuje klawisz ...OUR NEIGHBORHOOD & DIRECTIONS.. na stronie ...mapaservicu.html... */
{
position: relative;
width: 230px !important; /* 300 220 */
height: 60px !important; /* 150 80 */
}
.snieg1 /* Wylacza skrypt imitujacy snieg wszedzie */
{
position: relative;
display: none;
}
.bajerkursor /* Wylacza bajer ptzy kursorze */
{
position: relative;
display: none;
}
/* ///////////////////////////////////////////////////// */
footer.dlugosck s /* - Ustala margines gorny nad stopka - tylko na stronie ...ksiega_gosci.html...- dla Iphone5s pion i poziom */
{
position: static;
position: absolute;
margin-top: 120px !important; /* 90 */
}
div#marqu e /* - Ustala dlugosc calej strony - tylko na stronie ...ksiega_gosci.html... - dla Iphone5s pion i poziom - wylaczone, za to jest powyzzsze ...div.marque#index_ksgosci... p.27466 */
{
position: static;
position: absolute;
height: 2260px !important;
}
div#marque_sal e /* - Ustala dlugosc calej strony - tylko na stronie ...sale.html... - dla Iphone5s pion i poziom */
{
position: static;
position: absolute;
height: 1425px !important;
}
footer#dlugosc_sal e /* - Ustala margines gorny nad stopka - tylko na stronie ...sale.html... - dla Iphone5s pion i poziom */
{
position: static;
position: absolute;
margin-top: 135px !important;
}
footer#dlugosc_contac t /* - Ustala margines gorny nad stopka - tylko na stronie ...contactus.html... - dla Iphone5s pion i poziom */
{
position: static;
position: absolute;
margin-top: 0px !important; /* 120 */
}
div#inde x /* Nadaje margines dolny tylko stronie ... index.html ... */
{
position: relative;
margin-bottom: 85px !important;
}
body /* robi tlo dla wszystkich stron tylko na mobilnych */
{
position: relative;
background-image: url(tlo.jpg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important; /*cover , / auto 100% / */
}
/* //////////////////////////////////////////////////////////////////////////////////// */
/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* arkusz do stylizacji menu z kodow ...menu.js..., lub ...recitalsmenu.js... -- dla ...menu/id#22... - rozwijanego i wysuwanego dla ...Recitals SCH. MUSIC ACADEMY... na stronie ...recitals.html... - tylko dla mobilnych - Iphone5s pion i poziom */
table.recitals dl#menu22 /* Formatuje tylko ...z-index... w ...menu22...na stronie ...recitals.html... */
{
position: relative;
z-index: 2 !important;
}
table.recitals #menu22, #menu22 dl {
font-size: 22px !important;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu22 dt {
cursor: pointer;
margin: 0;
padding: 10px;
background-color: lim e !important; /* #888; */
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 5px 25px;
}
#menu22 dl dt {
width: 230px !important;
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
background-color: re d !important; /* #ccc; */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu22 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 90px !important;
font-size: 30px !important;
}
#menu22 dt.active {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
#menu22 dd.active {
font-weight: bold;
}
#menu22 dt:hover.active {
color: #ff00ff;
}
#menu22 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu22 a:link, #menu22 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu22 a:hover {
color: #fff;
background-color: #008;
}
#menu22 dl {
position: absolute;
border: 10px;
background-color: blu e !important;
height: 0px !important;
width: 337px !important;
}
#menu22 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 350px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu22 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -5px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 350px !important;
left: 0px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu22 dl dd dl dt.tube /* druga rozwijanalista ale tyko tytul ...YOUTUBE... */
{
position: relative;
margin-top: -7px !important; /* ustawia gora-dol tylko tytul ...YouTube... w drugiej liscie */
}
#menu22 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 74px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 380px !important;
left: 355px !important;
background-color: silver !important; /* maroon */
font-size: 37px !important;
font-weight: bold !important;
padding-bottom: 20px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
/* ..................................................................................... */
/* ..................................................................................... */
dt.linki2 a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamyjajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube2 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube2:before ... i ... dt.you_tube2:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube2:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube2:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook2 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook2:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook2 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/* ............................... */
dt.linki1 a /* ukrywa napis ...2016... po to aby go zastapic ponizszym ... dt.linki1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1:before /* wstawia napis ... 2016 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 6";
color: #000000;
font-weight: bolder !important;
}
dt.linki1a a /* ukrywa napis ...2017... po to aby go zastapic ponizszym ... dt.linki1a:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki1a:before /* wstawia napis ... 2017 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 7";
color: #000000;
font-weight: bolder !important;
}
dt.linki2a a /* ukrywa napis ...2018... po to aby go zastapic ponizszym ... dt.linki2:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone zamykajac ...menu22... */
{
position: relative;
visibility: hidden !important;
}
dt.linki2a:before /* wstawia napis ... 2018 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 8";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube1 a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube1:before ... i ... dt.you_tube1:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube1:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -91px;
top: -1.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube1:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -73px;
position: static;
position: relative;
top: -123px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook1 a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook1:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu22... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook1:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook1 a ... co pozwala na dalsze otwarcie ...menu22... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
font-size: 51px !important;
height: 55px !important;
position: static;
position: absolute;
left: 0px !important;
right: 0px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* arkusz do stylizacji ...menu03... - rozwijanego i wysuwanego dla recitali KIDZROCK na stronie ...recitals.html... - tylko dla mobilnych - Iphone5s pion i poziom */
table.recitals #menu03, #menu03 dl {
font-size: 22px;
position: absolute;
width: 970px;
margin: 0;
padding: 0;
border-width: 10px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
background-color: gainsboro !important; /* silver yellow */
}
#menu03 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 55px !important;
border-width: 5px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 18px 25px;
}
#menu03 dl dt
{
background-color: #ccc !important; /* #ccc; / yellow - tlo pierwszej listy wysuwanej z tytulem ...2015... */
height: 59px !important; /* wysokosc pierwszej listy z napisem ...2015... - jest to dla pozycji ... dt.linki:before... i pozycji ...dt.linki a... - ponizej */
color: #000;
text-align: center;
font-weight: normal;
font-size: 22px;
border: 0;
padding: 0;
}
#menu03 dd {
background-color: gray !important; /* #ccc; gray fuchsia */
color: #000;
margin: 0;
padding-top: 20px !important; /* robi gorny margines wewnetrzny w pierwszej liscie wysuwanej spod pola glownego */
width: 230px !important;
height: 80px !important;
font-size: 30px !important;
}
#menu03 dd.active {
font-weight: bold;
}
#menu03 dt:hover.active {
color: #ff00ff;
}
#menu03 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}
#menu03 a:link, #menu03 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}
#menu03 a:hover {
color: #fff;
background-color: #008;
}
#menu03 dl {
position: absolute;
border: 0;
}
/*
#menu03 dl dd {
position: relative;
left: 230px;
bottom: 31px;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
} */
#menu03 dl dd /* druga rozwijana lista ale tylko tlo pod tytulami ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
height: 45px !important;
width: 390px !important;
left: 233px !important;
margin-bottom: 9px !important; /* robi przerwy miedzy polami drugiej i trzeciej /ostatniej/ listy rozwijanej */
bottom: 58px !important; /* ustawia gora-dol druga liste rozwijana / z tytulami ...YOUTUBE... i ...FACEBOOK... */
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
background-color: gree n !important;
}
#menu03 dl dd dl dt /* druga rozwijana lista ale tyko tytuly ...YOUTUBE... i ...FACEBOOK... */
{
position: relative;
z-index: 1 !important;
bottom: 10px !important;
margin-top: -6px !important; /* ustawia gora-dol tytuly ...YouTube i Facebook... w drugiej liscie */
width: 369px !important;
background-color: gray !important; /* blue - kolor tla drugiej listy rozwijanej po tytulem ...facebook... */
}
#menu03 dl dd dl dt.facebook /* druga rozwijana lista ale tyko tytul ...FACEBOOK... */
{
position: relative;
margin-top: -5px !important; /* ustawia gora-dol tylko tytul ...FACEBOOK... w drugiej liscie */
}
#menu03 dl dd dd /* ostatnia rozwijana lista */
{
position: relative;
bottom: 73px !important; /* ustawia g0ra-dol ostatnia liste rozwijana */
width: 340px !important;
left: 395px !important;
background-color: silver !important; /* maroon */
font-size: 48px !important;
font-weight: bold !important;
padding-bottom: 40px !important; /* ustawia gora-dol wszystkie napisy w liscie */
}
#menu03 dl dd dl /* druga lista rozwijana */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important; /* ukrywa liste */
}
dl#menu03 dd dl /* lista /tlo/ pod tytulem 2015 - chyba przedluzenie tla pierwszej listy wysuwanej */
{
position: relative;
background-color: maroon !important; /* maroon silver */
height: 0px !important;
}
/* ..................................................................................... */
dt.linki a /* ukrywa napis ...2015... po to aby go zastapic ponizszym ... dt.linki:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone zamyjajac ...menu03... */
{
position: relative;
visibility: hidden !important;
}
dt.linki:before /* wstawia napis ... 2015 ... w miejsce ukrytego napisu z linkiem jw. ...dt.linki a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "2 0 1 5";
color: #000000;
font-weight: bolder !important;
}
dt.you_tube a /* ukrywa napis ...YouTube... po to aby go zastapic ponizszym ... dt.you_tube:before ... i ... dt.you_tube:after... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...YOUTUBE... */
{
position: relative;
visibility: hidden !important;
}
dt.you_tube:before /* wstawia napis ...You... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "Y o u";
color: #000000;
background-color: #ffffff !important;
font-weight: bolder !important;
position: static;
position: relative;
left: -79px;
top: -0.5px;
font-family: Georgia;
border-radius: 10px;
}
dt.you_tube:after /* wstawia napis ...Tube... w miejsce ukrytego napisu z linkiem jw. ...dt.you_tube a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "T u b e";
color: #ffffff;
background-color: red !important;
font-weight: bolder !important;
right: -85px;
position: static;
position: relative;
top: -122px;
font-family: Georgia;
border-radius: 10px;
}
dt.facebook a /* ukrywa napis ...Facebook... po to aby go zastapic ponizszym ... dt.facebook:before ... bo link ...a... nie pozwala na dalsze otwarcie ...menu03... poniewaz przeladowuje strone do ...Facebook... */
{
position: relative;
visibility: hidden !important;
}
dt.facebook:before /* wstawia napis ...Facebook... w miejsce ukrytego napisu z linkiem jw. ...dt.facebook a ... co pozwala na dalsze otwarcie ...menu03... czego nie da sie zrobic gdy ten napis jest w linku j.w. */
{
content: "F a c e b o o k";
color: #ffffff;
background-color: #0000ff !important;
font-weight: bolder !important;
position: static;
position: absolute;
left: 0px !important;
right: -17px !important;
top: 0px;
font-family: Georgia;
}
/*............................................................................................. */
/* Koniec stylow dla menu Kidzrock Recitals */
.nakladka /* Formatuje nakladke na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: absolute;
top: 540px !important;
left: 200px !important;
width: 598px !important;
height: 350px !important;
font-size: 48px !important;
font-weight: bold !important;
}
.nakladka1 /* Ustawia tylko wyraz ...PRZEPRASZAMY... w nakladce na pola formularza w ...GUEST BOOK... na stronie ...testimonials.html... */
{
position: relative;
font-weight: bold;
top: -90px !important;
left: auto !important;
right: auto !important;
font-weight: bold !important;
font-size: 48px !important;
}
div#postit /* Ustawia ...pop-upek... na stronie ...index.html... */
{
position: absolute;
width: 970px !important;
left: 8px !important; /* 5 */
top: 68px !important; /* 31 */
padding-bottom: 95px !important; /* 60 */
text-align: justify !important;
z-index: 1000 !important;
/* display: none; */
}
div#postit img#postit1 /* Ustawia LOGO w ...pop-upek... na stronie ...index.html... w opcji z obrazkiem do zamykania ...pop-upka... */
{
position: absolute;
width: 970px !important;
margin-top: 10px !important; /* tylko dla opcji z obrazkiem do zamykania ...pop-upka... */
}
/*
div#postit img#postit1 Ustawia LOGO w ...pop-upek... na stronie ...index.html... w opcji z napisem ...CLOSE.. do zamykania ...pop-upka...
{
position: relative;
width: 970px !important;
}
*/
div#postit div button.close /* Formatuje tytul ...CLOSE... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 35px !important;
}
div#postit div p#socialicons img /* Formatuje obrazek do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla napisu ...CLOSE... */
{
position: relative;
width: 55px !important;
height: 55px !important;
}
/* div#postit div - Formatuje blok z linkiem i obrazkiem do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla napisu ...CLOSE... - dla opcji z napisem ...CLOSE...
{
position: relative;
margin-top: -7px !important;
margin-right: 32px !important;
margin-bottom: 31px !important;
}
*/
div#postit div /* Formatuje blok z linkiem i obrazkiem do zamykania strony w ...pop-upek... na stronie ...index.html... - zamieny za powyzszy ...div#postit div button.close... dla opcji z obrazkiem */
{
position: relative;
top: -23px !important;
/* margin-top: -46px !important; */
margin-right: 30px !important;
/* margin-bottom: 15px !important; */
}
div#postit div#kalinform /* Formatuje blok z kalendarzem i powiadonieniami rocznice/swieta w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 905px !important; /* 700*/
font-size: 26px !important; /* 32 / 24 / 27 */
text-align: center !important; /* right */
padding-right: 1px !important;
padding-top: 7px !important;
padding-bottom: 16px !important;
top: 1px !important; /* -3.5 */
/* margin-top: -53px !important; */
margin-right: 60px !important; /* 57 */
/* margin-bottom: -45px !important; */
/* background-color: #ffffff !important; */ /* - tutaj kolor tla jest pobierany z kodow HTC gdy tu jest wylaczony */
color: yellow !important; /* yellow */
}
div#postit div#count /* Formatuje blok z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
position: static;
width: 270px !important;
font-size: 29px !important; /* 35 */
font-size-adjust: 0.58 !important;
text-align: center !important;
height: 35px !important;
top: 25px !important;
/* padding-left: 5px !important; */
padding-top: 4.5px !important;
padding-bottom: 2.5px !important;
/* margin-top: 12px !important; */
/* margin-right: 35px !important; */
/* margin-bottom: -45px !important; */
background-color: green !important;
}
div#postit div#count span#ekran /* Formatuje tylko cyfry licznika w bloku z licznikiem odwiedzin w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 29px !important; /* 35 */
}
div#postit input.reminderalarm /* formatuje ...Odliczanie Nr2... w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 461px !important;
left: 275px !important;
top: -33px !important;
font-size: 35px !important;
}
.reminderrecitals /* formatuje Odliczanie czasu nr2 dla licznika recitali na stronie ...recitals.html... */
{
position: relative;
top: 400px !important;
width: 95% !important;
font-size: 40px !important;
}
/* ============================================================================================= */
marquee#costam_a /* Formatuje tylko pole /tlo/ dla skryptu do odliczanie czasu do dnia zdarzenia na stronie ...lessons.html... Po uplywie zaplanowanej daty to pole /tlo/ znika */
{
position: relative;
top: -40px!important; /* 400 */
width: 95% !important;
padding-bottom: 10px !important;
}
marquee#costam /* Formatuje odliczanie czasu do dnia zdarzenia na stronie ...recitals.html... */
{
position: relative;
top: 400px!important;
width: 95% !important;
padding-bottom: 10px !important;
}
.costamtext /* Formatuje rozmiar czcionki w wyswietlanym tekscie w powyzszym ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
font-size: 60px !important;
}
.costamtext img /* Formatuje wszystkie ikony pianina we wszystkich tekstach z powyzszego ...marquee.costam... na stronie ...recitals.html... */
{
position: relative;
width: 80px !important;
height: 60px !important;
}
button.butony /* Formatuje BUTTON z linkiem do mapy do powyzszego odliczania czasu ...marquee#costam... na stronie ...recitals.html... */
{
position: relative;
top: 450px !important;
font-size: 35px !important; /* 32 / 25 / 30 */
font-family: Sans-Serif !important;
outline: 0px !important;
padding-bottom: 10px !important;
height: 120px !important; /* 150 */
}
a button.butony:after /* formatuje ...myslnik... na koncu napisu ...G E T D I R E C T I O N to R E C I T A L - 1151 N. State St, Elgin, IL 60123 na stronie ...recitals.html... na przycisku z linkiem do mapy */
{
content: " -";
color: purple !important;
font-weight: bold !important;
font-size: 35px !important;
position: relative;
font-family: serif !important;
}
div#campus a img /* Pozycjonuje mape campusu Judson na stronie ...recitals.html... */
{
position: relative;
top: 470px !important;
margin-bottom: 70px !important;
}
/* ================================================================================================== */
div#postit div.budzik form input /* formatuje ...Zegarek tekstowy... w ...popupek... na stronie ...index.html... */
{
position: static;
position: relative;
left: 762px !important;
top: -72px !important;
font-size: 35px !important;
font-weight: bold !important;
height: 35px !important;
width: 200px !important;
text-align: center !important;
}
div#postit div.liczeniedni1 /* formatuje napis jak dlugo istnieje Schaumburg Music w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 24px !important; /* 26 23 */
font-size-adjust: 0.58 !important;
text-align: center !important;
margin-top: -35px !important;
margin-bottom: 35px !important;
height: 35px !important;
outline: 8px #ffffff ridge !important;
padding-top: 15px !important;
color: #000000 !important; /* ffffff */
font-weight: bol d !important;
background-color: gray !important; /* maroon */
}
div#postit div.liczeniedni2 /* formatuje napis jak dlugo istnieje witryna Schaumburg Music w ...popupek... na stronie ...index.html... */
{
position: relative;
width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 23px !important; /* 24 21 24 */
font-size-adjust: 0.58 !important;
text-align: center !important;
height: 35px !important;
outline: 8px #ffffff ridge !important;
padding-top: 15px !important;
color: #000000 !important; /* ffffff */
font-weight: bold !important;
background-color: gray !important; /* maroon */
}
/* div#postit font#migot4 - Formatuje tytul ...Reminder... w ...pop-upek... na stronie ...index.html... - dla wersji z migotaniem podwojnym
{
position: relative;
font-size: 55px !important;
} */
div#postit font#migot4 span#migot4a /* Formatuje tytul ...Reminder... w ...pop-upek... na stronie ...index.html... - dla wersji z Rainbow text */
{
position: relative;
font-size: 55px !important;
font-weight: bold !important;
}
div#postit p a#migot3 /* Formatuje tytul ...HERE... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 50px !important;
top: 5px !important;
}
.close1 /* formatuje ..Close it... w ...popupek... w tekscie w ...Reminder... */
{
position: relative;
font-weight: bold !important;
padding: 3px !important;
font-size: 38px !important;
}
div#postit p font /* Formatuje akapity /tresc/ w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 25px !important;
}
div#postit p span /* Formatuje akapity /tresc/ w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 25px !important;
}
div#postit span.podpis /* Formatuje napis ...Schaumburg Music Academy... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size:45px !important;
top: 20px !important;
}
div#postit p img /* Formatuje obrazek ...SMART... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 0px !important;
margin-right: 15px !important;
width: 150px !important;
height: 180px !important;
}
/*
div#postit p.opis / * Formatuje opis ...SMART... w ...pop-upek... na stronie ...index.html... * /
{
/ * position: relative;
top: 35px !important; * /
}
*/
div#postit div.css3droppanel /* formatuje ustawienie kurtyny w ...popupek... na stronie index.html...*/
{
position: relative;
top: 70px !important; /* 45 */
margin-bottom: 30px !important;
margin-left: auto !important;
margin-right: auto !important;
}
div#postit div.css3droppanel input[type="checkbox"]:checked ~ div /* formatuje wysokosc okna kurtyny po jej otwarciu */
{
height: 1200px; /* Wysokosc panelu po jego otwarciu - 250px - */
opacity: 1;
overflow: auto;
}
/* ==================== formatowanie dla ...cleaning_service_1... na stronie ...sale.html... ================ */
form#kliczko input.reset_i_input.inputresetu /* ustawia pole input z ...RESET... na stronie ...sale.html... - dla cleaning_service_1 */
{
position: relative;
left: 10px !important; /* -130 -80 -20 */
}
form#kliczko input.input_i_reset.resetinputu /* ustawia pole input z ...SUBMIT... na stronie ...sale.html..- dla cleaning_service_1. */
{
position: relative;
left: -30px !important;
}
form#kliczko div.dynamiclabel textarea.coment /* Formatuje tylko pole ...textarea... w poczcie na stronie ...sale.html.... - dla ...cleaning_service_1 */
{
position: relative;
left: 8px !important; /* 57*/
top: 0px !important; /* -705 */
height: 270px !important; /* 660 wysokosc tylko pola textarea */
width: 930px !important; /* 350*/
font-size: 44px !important;
border: 2px solid #000000 !important;
margin-bottom: 80px !important;
background-color: aqu a !important;
}
form#kliczko div.dynamiclabel label /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...sale.html... - tylko ...textarea... - dla ...cleaning_service_1... */
{
position: absolute;
left: 10px !important; /* przesuniecie w lewo/prawo wyskakujacego pola */
}
/* ========================================================================================================== */
form#kliczko div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
position: absolute;
left: 0;
background: lightyellow;
border: 1px solid yellow;
border-radius: 2px;
padding: 3px 10px;
box-shadow: 4px 1px 5px gray;
font-size: 45px !important; /* wielkosc czcionki */
font-weight: bold;
-webkit-backface-visibility: hidden;
top: 10px; /* initial top position of label relative to dynamiclabel container */
-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 0;
z-index: -1;
left: 5px; /* 500px - przesuniecie w lewo/prawo wszystkich wyskakujacch pol */
}
form#kliczko div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
opacity: 1;
z-index:100;
top: -65px !important; /* Post top position of label on focus relative to dynamiclabel container ...-35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe, w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
-ms-transform: rotate(-3deg) !important;
-moz-transform: rotate(-3deg) !important;
-webkit-transform: rotate(-3deg) !important;
transform: rotate(-3deg) !important;
}
form#kliczko div.dynamiclabel input /* div container for each form field with pop up label - formatuje wszystkie i tyko pola input w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
display: block;
margin: 20px; /* 30 - odstepy tylko miedzy polami input w poczcie na stronie ...contactus.html..*/
left: -15px !important;
font-size: 40px !important;
width: 520px !important; /* szerokosc tylko polinput */
height: 60px !important;
border: 2px solid #000000 !important;
position: relative;
}
form#kliczko div.dynamiclabel textarea /* Formatuje tylko pole ...textarea... w poczcie na stronie ...contactus.html... i na stronie ...requestinfo.html ... */
{
position: relative;
height: 100px !important; /* wysokosc tylko pola textarea */
font-size: 40px !important;
border: 2px solid #000000 !important;
}
form#kliczko input.input_i_reset /* formatuje tylko przycisk ...WYSLIJ... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 110px !important;
width: 22% !important;
height: 110px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
}
form#kliczko input.reset_i_input /* formatuje tylko przycisk ...RESET... w poczcie na stronie ...contactus.html ... i na stronie ...requestinfo.html ... */
{
position: relative;
left: 340px !important;
width: 25% !important;
height: 110px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
}
form#forma div.dynamiclabel label{ /* pop up label style - formatuje wyskakujace okna w poczcie na stronie ...ksiega_gosci.html... */
position: absolute;
left: 0;
background: lightyellow;
border: 1px solid yellow;
border-radius: 2px;
padding: 3px 10px;
box-shadow: 4px 1px 5px gray;
font-size: 45px !important; /* wielkosc czcionki */
font-weight: bold;
-webkit-backface-visibility: hidden;
top: 10px; /* initial top position of label relative to dynamiclabel container */
-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.4s ease-in-out; /* Safari doesn't seem to support cubic-bezier values beyond 0 to 1, so use keyword value instead */
-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 0;
z-index: -1;
left: 5px; /* 500px - przesuniecie w lewo/prawo wszystkich wyskakujacch pol */
}
form#forma div.dynamiclabel > *:focus + label{ /* label style when user focuses on child element inside div.dynamiclabel */
opacity: 1;
z-index:100;
top: -65px !important; /* Post top position of label on focus relative to dynamiclabel container ...-35... jest to wysokosc na jaka wyskakuja wyskakujace pola nad pole wlasciwe, w poczcie na stronie ...ksiega_gosci.html... */
-ms-transform: rotate(-3deg) !important;
-moz-transform: rotate(-3deg) !important;
-webkit-transform: rotate(-3deg) !important;
transform: rotate(-3deg) !important;
}
form#forma div.dynamiclabel input /* div container for each form field with pop up label - formatuje wszystkie i tyko pola input w poczcie na stronie ...ksiega_gosci.html... */
{
display: block;
margin: 20px; /* 30 - odstepy tylko miedzy polami input w poczcie na stronie ...ksiega_gosci.html..*/
left: -15px !important;
font-size: 40px !important;
width: 520px !important; /* szerokosc tylko pol input */
height: 60px !important;
border: 2px solid #000000 !important;
position: relative;
}
form#forma div.dynamiclabel textarea /* Formatuje tylko pole ...textarea... w poczcie na stronie ...ksiega_gosci.html.... */
{
position: relative;
height: 100px !important; /* wysokosc tylko pola textarea */
font-size: 44px !important;
border: 2px solid #000000 !important;
}
form#forma input.input_i_reset /* formatuje tylko przycisk ...WYSLIJ... w poczcie na stronie ...ksiega_gosci.html... */
{
position: relative;
left: -140px !important;
width: 100% !important;
height: 50px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
margin-bottom: 40px !important;
margin-top: 40px !important;
}
form#forma input.reset_i_input /* formatuje tylko przycisk ...RESET... w poczcie na stronie ...ksiega_gosci.html... */
{
position: relative;
left: 140px !important;
width: 100% !important;
height: 50px !important;
font-size: 40px !important;
text-align: center !important;
font-weight: bold !important;
margin-bottom: 40px !important;
margin-top: 40px !important;
}
.progress_ksgosci /* - formatuje pole postepu wypelnienia pola ...textarea.... w poczcie tylko na stronie ...ksiega_gosci.html.... - jakosc dziwnie sie to zachowuje przy formatowniu - w HTC i Ipad pion nie ma tego problemu */
{
position: relative;
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 5px !important;
font-size: 70px !important;
white-space: nowrap !important;
overflow: hidden !important;
/* color: white;
background-color: #99ffff; - oryginalnie byl kolor ...navy... ale po zastosowaniu ...padding-top... i padding-bottom... po wejsciu na strone wyswietlal sie niebieski pasek pod polem ...textarea... i znikal gdy sie zaczynalo pisac w tym polu - dziwne zachowanie
*/
}
h1#al_reminder123 /* formatuje Napis ...Reminder... nad ...Alarm Clock... w pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important;
width: 330px !important;
background-color: yello w !important;
margin-top: 20px !important;
}
div#jsalarmclock /* formatuje caly blok z ...Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 97% !important;
margin-top: 55px !important;
margin-left: auto !important;
margin-right: auto !important;
height: 490px !important;
}
#jsalarmclock img.nasza_flaga /* formatuje tylko flage Polski w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 25px !important;
left: 195px !important;
}
div#jsalarmclock div div.leftcolumn /* formatuje lewe wszystkie pola z opisami alarmu w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 30px !important;
font-size: 28px !important;
width: 220px !important;
}
#jsalarmclock span /* formatuje pole wyswietlajace aktualny czas i pola z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
font-size: 34px !important;
top: 30px !important;
left: -20px !important;
margin-right: 3px !important;
}
#jsalarmclock span select /* formatuje pole wyswietlajace cyfry odnoszace si蟤o pol z napisami ...Hour.../ Minutes... / ...Secconds... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html...*/
{
position: relative;
top: -3px !important;
font-size: 29px !important;
width: 10% !important;
font-weight: bold !important;
}
div#jsalarmclock div#location div.leftcolumn, #spaner /* formatuje lewe pole tylko z opisem alarmu ...Set Alarm Action... w ..Alarm Clock /Reminder/... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 6px !important;
font-size: 28px !important;
width: 220px !important;
}
#jsalarmclock form div#location /* cale pole z ...Set Alarm Action... plus pole na linki obok i opis obok tego pola w ...pop-upek... Reminder / Alarm Clock na stronie ...index.html... */
{
position: relative;
font-size: 25px !important;
width: 910px !important;
height: 50px !important;
top: 0px !important;
background-color: yello w !important;
}
input#musicloc /* formatuje pole z linkiem do muzyki w ...Reminder/Alarm Clock.. w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 23px !important;
top: -44px !important;
left: -25px !important;
margin-right: -20px !important; /* robi odstep pola z linkiem od jego opisu z boku po prawej stronie */
margin-top: 46px !important;
}
#jsalarmclock form div#location span#locat /* formatuje pole z napisem ... Location of page to launch.... w ...pop-upek... w ...Reminder/Alarm Clock... na stronie ...index.html... */
{
position: relative;
background-color: gree n !important;
top: -20px !important;
font-size: 24px !important;
left: -10px !important;
}
input#submitbutton /* ustawia przycisk ...Set Alarm... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: -35px !important;
font-size: 35px !important;
}
input#resetbutton /* ustawia przycisk ...Reset... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: -35px !important;
font-size: 35px !important;
}
div#jsalarmclock div#help_pomoc /* formatuje caly blok z napisem ...HELP... i jego opisem w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 920px !important;
left: -7px !important;
margin-top: -20px !important;
font-size: 35px !important;
background-color: lim e !important;
}
div#jsalarmclock div#help_pomoc span#spanhelp /* formatuje tylko napis ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 10px !important;
top: 0px !important;
font-size: 35px !important;
margin-right: 40px !important;
background-color: aq ua !important;
}
div#jsalarmclock div#help_pomoc span /* formatuje czesc opisu ...This is Polish time. For example Polish time is: ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
top: 1px !important;
font-size: 35px !important;
background-color: re d !important;
}
div#jsalarmclock div#help_pomoc span#pakapit /* formatuje czesc opisu ...1am /english/ = 1.00 polish/......etc, ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 175px !important;
top: 3px !important;
font-size: 35px !important;
background-color: fuchsi a !important;
}
div#jsalarmclock div#help_pomoc span#poledwa /* formatuje czesc opisu ... 1pm /english/ = 13.00 /polish/......etc. ... przy napisie ...HELP... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: 175px !important;
top: 9px !important;
font-size: 35px !important;
background-color: yello w !important;
}
select#melodyjki,.zmiana /* formatuje cale pole ...SELECT... w Reminder/Alarm Clock... w pop-upek... na stronie ...index.html... */
{
visibility: hidden; /* ukryte bo tu nie ma zastosowania bo nie da sie skopiowac linku */
position: relative;
top: -108px !important;
left: 115px !important;
font-size: 28px !important;
}
input.kasowanie /* formatuje tylko przycisk ...RESET... przy polu ...SELECT... w ...Reminder/Alarm Clock... w ...pop-upek... na stronie ...index.html... */
{
visibility: hidden; /* ukryte bo tu nie ma zastosowania */
position: relative;
top: -107px !important;
left: 120px !important;
font-size: 23px !important;
width: 160px !important;
}
form#form2 input.reminderalarm /* formatuje brazowe pole do ...Odliczania nr2 /lub innych/... na dole ...Reminder... w ...po-upek... na stronie ...index.html... */
{
position: relative;
top: 30px !important; /* -25 */
left: 15px !important;
right: auto !important;
width: 95% !important;
}
form table.zegar_strefowy /* formatuje wymiary zewnetrzne ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 940px !important;
left: -5px !important;
}
form table.zegar_strefowy td input /* formatuje rozmiar pol i czcionke we wszystkich polach z godzinami ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
left: -30px !important;
margin-right: -30px !important;
width: 207px !important;
font-size: 30px !important;
}
form table.zegar_strefowy td /* formatuje czcionke we wszystkich polach z nazwami miast ...Zegara wielostrefowego... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 29px !important;
text-align: left !important;
width: auto !important;
background-color: fuchsi a !important;
border: 0px red solid !important;
}
table#uniwersalnytak td table /* nadaje rozmiary tabeli wewnetrznej Kalendarza w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 860px !important;
margin-left: auto !important;
margin-right: auto !important;
}
table#uniwersalnytak /* Kolor tla marginesu tabeli zewnetrznej - Kalendarz - popupek - w ...index.html... */
{
position: relative;
background-color: #ffffff !important
}
table#uniwersalnytak td table td input /* nadaje rozmiary wszystkim polom ...input... Kalendarza za wyjatkiem tego z rokiem i miesiacem oraz liczbom w nich wpisanych w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 100px !important;
font-size: 40px !important;
margin-left: auto !important;
margin-right: auto !important;
}
table#uniwersalnytak td table th /* nadaje rozmiary wszystkim nazwom dni tygodnia Kalendarza w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 40px !important;
color: maroon !important;
padding-top: 10px !important;
padding-bottom: 5px !important;
}
table#uniwersalnytak td table input.privious /* formatuje pola ...input... Kalendarza z ...privious... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 150px !important;
height: 70px !important;
font-size: 45px !important;
left: 20px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.next /* formatuje pola ...input... Kalendarza z ...NEXT... rok i miesiac w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 150px !important;
height: 70px !important;
font-size: 45px !important;
left: -60px !important;
margin-right: -30px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table tr th input /* formatuje pola ...input... Kalendarza z rokiem i miesiacem w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 250px !important;
height: 50px !important;
font-size: 35px !important;
padding: 5px !important;
margin-top: 5px !important;
background-color: blu e !important;
}
table#uniwersalnytak td table input.poledaty /* formatuje pole ...input... Kalendarza z aktualna data /na samym dole kalendarza/ w tabeli wewnetrznej w ...pop-upek... na stronie ...index.html... */
{
position: relative;
width: 600px !important;
font-size: 35px !important;
height: 55px !important;
margin-top: 2px !important;
background-color: blu e !important;
}
table.tx /* formatuje rozmiary zewnetrzne tabeli z ...Wskaznik Wagi BMI */
{
position: relative;
width: 860px !important;
font-size: 34px !important; /* 33 rozmiar czcionki tyko nad polami ...Your weight... ...yourheight... ...Your MBI... */
}
table.tx caption /* Formatuje napis ...WSKAZNIK WAGI BMI... w ..pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important;
margin-top: -2px !important;
margin-bottom: 65px !important;
}
input.pole1 /* Formatuje wszystkie trzy pola ...You weight... Your Height... Your BMI... w pop-upek... we ...Wskazniku Wagi BMI... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important;
margin-top: 15px !important;
margin-bottom: 30px !important;
}
input.zobaczmy /* * Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... */
{
position: relative
visibility: hidden !important;
font-size: 30px !important;
width: 320px !important;
left: -105px !important;
}
input.zobaczmy:hover /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po NAJECHANIU go */
{
position: relative;
background-color: lime !important;
}
input.zobaczmy:active /* Formatuje przycisk ...ZOBACZMY... w ...WSKAZNIK WAGI BMI... W ...POP-UPEK... na stronie ...index.html... - po KLIKNIECIU go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 320px !important;
background-color: yellow !important;
}
div.ilewazysz /* formatuje blok w kt�� jest umieszczony ....COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
text-align: center !important;
font-size: 45px !important; /* rozmiar czcionki tylko napisu ...COMMENT... */
background-color: yello w !important;
width: 800px !important;
height: 250px !important;
margin-top: 40px !important;
margin-left: 30px !important;
margin-right: auto !important;
margin-bottom: 0px !important;
margin-bottom: 210px !important; /* 220 */
}
textarea#toty /* formatuje blok w kt�� jest umieszczone pole ....Textarea... pod napisem ...COMMENT... we ...Wskazniku Wagi BMI... w ...pop-upek... na stronie ...index.html... */
{
position: relative;
font-size: 45px !important; /* rozmiar pola ...texyarea... i jednoczesnie wielkosc czcionki */
}
/* .../... TA KRESKA PO LEWEJ LUB INNY JAKIKOLWIEK ZNAK POWDUJE TO ZE PONIZSZE KODY DLA PRZYCISKU RESET W ....WSKANIKU WAGI BMI... S.A. WYSWIETLANE PRWIDLOWO. BEZ TEJ KRESKI NIC SIȠNIE WYSWIETLA - NIE WIEM DLACZEGO, TO JAKIS BEZSENS - bez kreski wyswietla sie gdy w ...input#kasowaniepolawagi... jest wylaczone ...hidde n... */
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - ukrywa go - ale gdy ukrywa to jest potrzebna ukosna kreska powyzej aby byl on wyswietlany, lub gdy jest bez powyzszej kreski to ponizej musi byc wylaczone...hidde n... */
{
position: relative;
visibility: hidde n !important;
}
input#kasowaniepolawagi:before /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po najechaniu go */
{
content: "R E S E T";
color: maroon !important;
font-weight: bold !important;
}
input#kasowaniepolawagi /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... */
{
position: relative;
border-style: inset !important;
width: 220px !important;
font-size: 30px !important;
left: 105px !important;
}
input#kasowaniepolawagi:hover /* Formatuje tylko przycisk ...RESET... we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po najechaniu go */
{
position: relative;
background-color: yellow !important;
}
input#kasowaniepolawagi:active /* Formatuje tylko przycisk ...RESET.. we ...Wskazniku Wagi... w ...POP-UPEK /kurtyna/... na stronie ...index.html... - po kliknieciu go */
{
position: relative;
border-style: inset !important;
padding: -7px -3px -3px -7px !important;
width: 220px !important;
background-color: #ff99ff !important;
}
.anima /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - script */
{
position: relative;
left: 0px !important; /* -25 */
font-size: 32px !important;
/* text-shadow: 15px 10px 30px maroon !important; */
text-shadow: 10px 5px 20px gray !important;
}
.anima1 /* dopisalem - ustawia w poziomie ...animowanie przyciski... na stronie...index.html... i pozostale strony - blok */
{
position: relative;
left: 0px !important;
}
img.tumptak1 /* Formatuje ikone ...thumptack... na stronie ...testimonials.html... */
{
position: static;
position: relative;
top: -550px !important; /* -503 / 540 */
}
#text_columns h3
{
position: relative;
border-bottom: 0px solid #000000; /* #D6D0C1 - likwiduje przy ...0px.. i pokazuje przy ...1 i wiecej piksel... podkreslenie wyrazow ...Lessons... i ...Rentals... na stronie ...index.html... */
}
section#text_columns article.column1 h3.lekcje span.lekcje1 /* - Formatuje tytul ...Lessons... na stronie ...index.html... */
{
position: relative;
font-size: 75px !important;
/* border-bottom: 5px solid blue !important; */
/* top: -35px !important; */
font-family: Georgia, 'open sans', sans-serif;
font-weight: bold !important;
color: blue !important;
margin-left: 5px !important;
/* text-decoration: none !important; */
background-color: yello w !important;
}
/*
section#text_columns article.column1 h3.lekcje - Formatuje tytul ...Lessons... na stronie ...index.html... - zamienia kody komputera na mobilne kodami ...section#text_columns article.column1:before...
{
position: relative;
visibility: hidden !important;
}
section#text_columns article.column1:before - Formatuje tytul ...Lessons... na stronie ...index.html... - zamienia kody komputera na mobilne z kodow ...section#text_columns article.column1 h3.lekcje...
{
content: "Lessons";
position: relative;
top: 95px !important;
font-size: 75px;
border-bottom: 3px solid blue;
margin-top: -500px !important;
font-family: Georgia, 'open sans', sans-serif;
font-weight: bolder;
color: blue;
margin-left: 25px;
} */
section#text_columns section.column2 article.row h3.rental span.rental1 /* - Formatuje tytul ...Rentals... na stronie ...index.html... */
{
position: relative;
font-size: 75px !important;
/* border-bottom: 5px solid blue !important; */
/* top: -5px !important; */
font-family: Georgia, 'open sans', sans-serif;
font-weight: bold !important;
color: blue !important;
margin-left: 5px !important;
/* text-decoration: none !important; */
background-color: yello w !important;
}
/*
section#text_columns section.column2 article.row h3.rental - Formatuje tytul ...Rentals... na stronie ...index.html... - zamienia kody komputera na mobilne kodami ...section#text_columns section.column2 article.row:before...
{
position: relative;
visibility: hidden !important;
}
section#text_columns section.column2 article.row:before - Formatuje tytul ...Rentals... na stronie ...index.html... - zamienia kody komputera na mobilne z kodow ...section#text_columns section.column2 article.row h3.rental...
{
content: "Rentals";
position: relative;
top: 95px !important;
font-size: 75px;
border-bottom: 3px solid blue;
margin-top: -500px !important;
font-family: Georgia, 'open sans', sans-serif;
font-weight: bolder;
color: blue;
margin-left: -20px;
} */
/*
table.trzy_slajdy - formatuje tabele z wyborem grupy slajdow pod wyswietlaczem slajdow na poczatku strony ...index.html...
{
position: relative;
width: 994px !important;
height: 50px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
background-color: lime !important;
}
table.trzy_slajdy td.slajdy_1 a - formatuje wszystkie komorki tabeli z wyborem grupy slajdow pod wyswietlaczem slajdow na poczatku strony ...index.html...
{
position: relative;
height: 50px !important;
font-size: 35px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
background-color: yellow !important;
}
*/
h2#fly /* formatuje tylko napis Thanks for visiting "SCHAUMBURG MUSIC ACADEMY" w ...fly letters... na stronie ...index.html */
{
position: relative;
top: -37px !important;
font-size: 28px !important; /* 26 */
background-color: yello w !important;
}
header
{
position: relative;
/*top: 40px; - do ustawienia nizej naglowka aby dac u gory Menu rozwijane i wysuwane - zastapione jest to w ..inline... w HEADER atrybutem ...top: 35.5px... - dla wersji bez ruchomego napisu ...Thanks for visiting "SCHAUMBURG MUSIC ACADEMY" ! pod ...MARGUE... w HTML5 */
width:auto;
height: 117px;
max-width: 1000px;
margin: auto;
background-color: #333 !important; /* - Kolor tla naglowka - wszedzie plus mobilne - bylo ...background:#333; */
}
/*
img#logo / * Formatuje wszystkie loga w naglowku ...header...
{
position: relative;
height: 111px !important;
}
*/
header p img.logo {
position: static !important;
position: relative !important;
left: 60px !important; /* -1 -30 -20 */
width: 35px !important; /* 267 */
height: 95px !important; /* 111 */
} /* Dopisalem - sa to parametry dla ...Logo.. - wszedzie cz.1/2 */
/* Kody do ustawienia Logo w poziomie
header p img.logo
{
position: static;
position: absolute;
left: -5px !important; 10
top: 3px !important; 30
margin-right: auto !important;
} Dopisalem dla urzaden mobilnych -- tylko dla ...Logo... aby nie uciekalo do srodka w pozycji pionowej urzadzenia i dla pozycji poziomej - cz.2/2 */
div.wrapper /* formatuje napis ...copyright... w stopce */
{
position: relative;
font-family: serif !important;
font-size: 26px !important; /* 22 25 27 */
color: #ffffff !important;
}
a.Timeis /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -170px !important; /* -210 */
font-size: 65px !important;
color: maroon !important;
font-family: serif !important;
font-weight: bold !important;
}
a.Timeis1 /* Formatuje zegar - aktualny czas - na stronie ...important.html */
{
position: relative;
width: 600px !important;
top: -145px !important; /* -150 */
font-size: 65px !important;
color: maroon !important;
font-family: serif !important;
font-weight: bold !important;
}
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - poczatek - jest to kopia arkusza css ...indeks.css... ========= */
/* Kody do formatowania wygladu tylko indeksu na stronie ...sale.html... - ...cleaning_service_1.... - do kompletu jest; ...indeks.js.../...indeks_hasla.js */
table#indekswysz td span /* Formatuje tytul ..INDEX OF PASSWORDS... nad indeksemm hasel na stronie ...sale.html... */
{
position: relative;
font-size: 60px !important; /* 65 */
}
#tytulopis /* Formatuje napis ...Here you can order a service... na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 63px !important;
margin-bottom: 10px !important;
}
.opisuslugi /* Formatuje wszystkie opisy uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 52px !important;
line-height: 55px !important;
}
.tematuslugi /* Formatuje wszystkie tematy /tytuly/ uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 55px !important;
font-weight: bold !important;
line-height: 63px !important;
}
.cenauslugi /* Formatuje wszystkie ceny uslug na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 55px !important;
font-weight: bold !important;
}
.clicorder /* Formatuje wszystkie napisy okreslajace temat /tytul/ zamawianej uslugi na stronie ...sale.html... */
{
position: relative;
font-family: serif, Georgia !important;
font-size: 45px !important;
font-weight: bold !important;
color: red !important;
}
.ilosciopis /* Formatuje pole zamowienia ...Period of the ordered service... na stronie ...sale.html... */
{
position: relative;
left: 2px !important;
width: 918px !important;
outline: 4px red solid !important;
font-size: 50px !important;
font-family: serif, Georgia !important;
font-weight: bold !important;
color: blue !important;
text-align: center !important;
vertical-align: -10px !important;
background-color: #ffffff !important;
margin-top: 5px !important;
padding-top: 20px !important;
padding-bottom: 15px !important;
border-radius: 0px 0px 0px 0px !important;
}
.ilosciopis_1 /* Formatuje pole zamowienia ...Enter a comment for this order here... na stronie ...sale.html... */
{
position: relative;
top: 5px !important;
left: 2px !important;
width: 918px !important;
outline: 4px red solid !important;
font-size: 50px !important;
font-family: serif, Georgia !important;
font-weight: bold !important;
color: rblue !important;
text-align: center !important;
vertical-align: -10px !important;
background-color: #ffffff !important;
margin-bottom: 15px !important;
padding-top: 20px !important;
padding-bottom: 15px !important;
border-radius: 0px 0px 0px 0px !important;
}
#rezultat /* Formatuje tytul ...SEARCH RESULTS + zadane haslo... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 */
{
position: relative;
width: 955px !important;
top: 30px !important;
margin-bottom: 45px !important;
background-color: fuchsi a !important;
line-height: 50px !important;
}
#listarezultatu /* Formatuje liste wyszukanych hasel pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 201 druga i trzecia linijka od dolu. */
{
position: relative;
width: 875px !important; /* 890 885 880 */
background-color: re d !important;
font-size: 60px !important;
left: 87px !important; /* 80 85 */
}
#znalezione /* Formatuje tylko wyszukane hasla w liscie, ale nie liste pod tytulem ...SEARCH RESULTS... na stronie ...sale.html... - to ...id... jest w skrypcie ...indeks.js... pozycja 180 */
{
position: relative;
width: 875px !important; /* 890 882 */
/* left: -30px !important; */
font-size: 50px !important;
line-height: 83px !important;
background-color: fuchsi a !important;
}
#indeks {
width: 950px !important;
padding: 10px 0;
background: #808000;
border-top: 6px dotted black !important;
border-right: 6px dotted black !important;
border-bottom: 6px dotted black !important;
border-left: 6px dotted black !important;
text-align: center !important;
margin-top: 17px !important; /* 1em auto - odsuwa do gory napis ...INDEX OF PASSWORDS... */
}
#indeks input.text {
position: relative;
text-align: center !important;
font-family: Algerian, serif !important;
color: #000000 !important;
font-size: 53px !important; /* 42 45 49 55 */
font-weight: bold !important;
width: 900px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-top: 20px !important;
margin-bottom: 32px !important;
background-color: silver; /* tlo pola wyszukiwania w INDEKSIE */
}
#indeks select {
position: relative;
font-family: Algerian, serif !important;
color: green;
font-size: 36px !important; /* 42 42 38 */
font-weight: bold !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
width: 100%;
margin: 2px 0 10px 0;
} /* Jest to pole z haslami w indeksie */
#indeks input.button {
position: relative;
font-weight: bold;
width: 100px;
margin-left: 5px;
margin-right: 5px;
} /* Klawisze Wyswietl, Szukaj i Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 40px !important; /* 42 45 50*/
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
/* padding-top: 55px !important; 5 15 5
padding-right: 5px !important; 10 270 10 to tutaj robi szerokosc pola zamiast elementu ...width...
padding-bottom: 55px !important; 5 15 5
padding-left: 5px !important; 10 20 */
height: 75px !important; /* 60 100 80 */
width: 295px !important; /* 295 275 290 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1a:hover {
position: relative;
border-radius: 10px;
font-family: serif, Algerian !important;
font-size: 40px !important; /* 42 45 50 */
font-weight: bold !important;
color: #000000;
background-color: #ffffff;
/* padding-top: 55px !important; 13 25 5
padding-right: 5px !important; 10 270 10 to tutaj robi szerokosc pola zamiast elementu ...width...
padding-bottom: 55px !important; 38 48 50 5
padding-left: 5px !important; 10 20 */
height: 75px !important; /* 60 100 80 */
width: 295px !important; /* 295 275 295 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important; /* Klawisz Wyswietl w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego */
}
#indeks input.button1b {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 40px !important; /* 42 35 45 */
font-weight: bold !important;
color: #ffffff;
background-color: #000000;
padding-top: 5px !important; /* 0 13 */
padding-right: 5px !important; /* 0 250 20 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 0 13 */
padding-left: 5px !important; /* 0 20 */
width: 293px !important; /* 265 290 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1b:hover {
position: relative;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 40px !important; /* 42 35 45 */
font-weight: bold !important;
color: #000000;
background-color: #lime;
padding-top: 5px !important; /* 0 13 */
padding-right: 5px !important; /* 0 250 20 */ /* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 0 13 */
padding-left: 5px !important; /* 0 20 */
width: 293px !important; /* 265 290 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 5px !important;
margin-right: 5px !important;
} /* Klawisz Szukaj w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego */
#indeks input.button1c {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 40px !important; /* 46 35 45 */
font-weight: bold !important;
color: red;
background-color: yellow;
padding-top: 5px !important; /* 10 22 */
padding-right: 5px !important; /* 5 230 20 *//* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 10 22 */
padding-left: 5px !important; /* 5 20 */
width: 257px !important; /* 230 190 230 235 255 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 15px !important; /* 35 5 */
margin-right: 5px !important;
} /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... */
#indeks input.button1c:hover {
position: relative;
border: 2px black solid;
border-radius: 10px;
font-family: Algerian, serif !important;
font-size: 40px !important; /* 46 35 45 */
font-weight: bold !important;
color: #ffffff;
background-color: red;
padding-top: 5px !important; /* 10 22 */
padding-right: 5px !important; /* 5 230 20 *//* to tutaj robi szerokosc pola zamiast elementu ...width... */
padding-bottom: 5px !important; /* 10 22 */
padding-left: 5px !important; /* 5 20 */
width: 257px !important; /* 230 190 230 240 255 */
margin-top: 50px !important;
margin-bottom: 40px !important;
margin-left: 15px !important; /* 35 5 */
margin-right: 5px !important; /* Klawisz Skasuj w Indeksie hasel na stronie ...sale.html... - wyswietla sie po kliknieciu na niego i potwierdzeniu zamiaru przez klikniecie ...OK... w oknie kt��sie otworzy */
}
/* Kolor tla pola wyszukiwania w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 84 */
/* Kolor tla pola klawisza SZUKAJ w samej wyszukiwarce jaet w skrypcie...indeks.js... pozycja 85 */
/* ========== kody do wyszukiwarki na stronie ...sale.html... - dla ...cleaning_service_1... - koniec ========= */
/* Kody do pokazu slajdow na stronie ...sale.html.. - POCZATEK - */
table#slidetabela /* formatuje cala tabele ze sladami na stronie ...sale.html... */
{
position: relative;
height: 600px !important; /* 620 630 620 */
margin-bottom: -50px !important;
}
div#slideshow select /* formatuje caly blok z wszystkimi polami select z numerami zdjec na stronie ...sale.html... */
{
position: relative;
margin-top: 30px !important;
font-size: 30px !important; /* 40 */
}
div#przesuniecie input /* formatuje wszystkie inputy z przyciskami / ..<<... ...Start... ...>>.../ w tym bloku na stronie ...sale.html... */
{
position: relative;
font-size: 30px !important; /* 40 */
margin-top: 20px !important; /* 30 */
margin-bottom: 20px !important;
}
/* Kody do pokazu slajdow na stronie ...sale.html.. - KONIEC - */
a#wetransfer /* formatuje tylko czesc nanpisu ...WeTRansfer.... z calosci linku na stronie ...sale.html... */
{
position: relative;
font-size: 41px !important;
top: -130px !important;
}
a#wetransfer span#nowynapis /* formatuje /ukrywa/ caly /tresc/ link do ...WeTransfer... na stronie ...sale.html... po to aby go wyswietlic ponizej w kodach ...a#wetransfer:before... */
{
position: relative;
display: none !important;
}
a#wetransfer:after /* wyswietla w miejsce powyzszego linku ...a#wetransfer... nowy napis jak w tych kodach */
{
position: relative;
content: " send up to 2GB for free";
font-size: 41px !important;
font-family: serif !important;
font-weight: bold !important;
color: #000000 !important;
}
/* ================= SMART - Poczatek - WeTransfer dla strony ... requestinfo.html .... =================== */
a#wetransferrequest /* formatuje tylko czesc nanpisu ...WeTRansfer.... z calosci linku na stronie ...requestinfo.html... */
{
position: relative;
font-size: 40px !important;
top: -65px !important;
}
a#wetransferrequest span#nowynapis /* formatuje /ukrywa/ caly /tresc/ link do ...WeTransfer... na stronie ...requestinfo.html... po to aby go wyswietlic ponizej w kodach ...a#wetransfer:after... */
{
position: relative;
display: none !important;
}
a#wetransferrequest:after /* wyswietla w miejsce powyzszego linku ...a#wetransferrequest span#nowynapis ... nowy napis jak w tych kodach na stronie ...requestinfo.html .... */
{
position: relative;
content: " send up to 2GB for free";
font-size: 40px !important;
font-family: serif !important;
font-weight: bold !important;
color: #000000 !important;
}
/* ================== SMART - KNIEC - WeTransfer dla strony ... requestinfo.html .... =================== */
.addanattachment /* formatuje tylko wszystkie napisy ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html... */
{
position: relative;
font-size: 30px !important; /* 25 26 28*/
}
/*
span.inputattachment formatuje wszystkie tylko inputy ...choose file... do wybierania plikow i ...No file chosen... do pokazania wybranych plikow po napisie ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html...
{
position: relative;
font-size: 40px !important; 35 45 - wielkosc czcionki we wszystkich inputach
margin-left: 5px !important;
padding-right: 130px !important; 100 110 - robi dlugosc ale tylko inputow ...No file chosen...
padding-top: 40px !important; -10 20
padding-bottom: -260px !important; 60 -100 -150 - robi wysokosc inputow ...No file chosen... i inputow ...choose file...
vertical-align: middle !important; ustawia wszystkie inputy w poziomie w stosunku do napisow ...Add an attachment...
background-color: lime !important;
} */
input.wybierzpliktu
{
position: relative;
visibility: hidden !important;
}
input.inputattachment /* - formatuje wszystkie tylko inputy ...choose file... do wybierania plikow i ...No file chosen... do pokazania wybranych plikow po napisie ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html... */
{
position: relative;
font-size: 40px !important; /* 35 45 - wielkosc czcionki we wszystkich inputach */
margin-left: 5px !important;
padding-right: 130px !important; /* 100 110 - robi dlugosc ale tylko inputow ...No file chosen... */
padding-top: 40px !important; /* -10 20 */
padding-bottom: -260px !important; /* 60 -100 -150 - robi wysokosc inputow ...No file chosen... i inputow ...choose file... */
vertical-align: middle !important; /* ustawia wszystkie inputy w poziomie w stosunku do napisow ...Add an attachment... */
background-color: lime !important;
}
/*
input.wybierzpliktu formatuje wszystkie tylko inputy ...choose file... do wybierania plikow i ...No file chosen... do pokazania wybranych plikow po napisie ...Add an attachment... w poczcie - dodawanie plikow na stronie ...sale.html...
{
position: relative;
font-size: 50px !important;
padding-right: 100px !important;
padding-bottom: 140px !important;
vertical-align: middle !important;
}
*/
#boxcontent p#glownia /* formatuje napis ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: yello w !important;
font-size: 50px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: -180px !important; /* to samo jest dla SMART */
}
#boxcontent p#opisuslugi /* formatuje opis uslugi pod napisem ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: lim e !important;
font-size: 45px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: 20px !important; /* to samo jest dla SMART */
}
#boxcontent p#ofertaserwisu /* formatuje tytul ...We offer services... pod opisem uslugi pod napisem ...-- R & W CLEANING SERVICE --
- Chicago and surrounding area -... na stronie ...aboutus.html... */
{
position: relative;
background-color: aqu a !important;
font-size: 60px !important;
width: 550px !important;
padding: 5px !important;
line-height: 60px !important;
margin-top: 10px !important;
}
#boxcontent p#tekstoferty /* formatuje opis uslugi pod tytulem ...We offer service... na stronie ...aboutus.html... */
{
position: relative;
background-color: whit e !important;
font-size: 45px !important;
font-weight: bold !important;
left: 16px !important;
width: 950px !important;
line-height: 60px !important;
margin-top: 15px !important;
}
#boxcontent p#kontakty /* formatuje kontakty pod opisem pod tytulem ...We offer service... na stronie ...aboutus.html... */
{
position: relative;
background-color: yello w !important;
font-size: 55px !important;
font-weight: bold !important;
left: 16px !important;
width: 950px !important;
line-height: 68px !important;
margin-top: 15px !important;
margin-bottom: 10px !important;
}
/* ========================== Kody dla SMART - poczatek ======================================= */
section#boxcontent div#zaproszenie img#lewy /* formatuje lewy obrazek kolo napisu ...ZAPRASZAMY... na stronie ...aboutus.html... */
{
position: relative;
width: 150px !important;
height: 150px !important;
}
section#boxcontent div#zaproszenie img#prawy /* formatuje prawy obrazek kolo napisu ...ZAPRASZAMY... na stronie ...aboutus.html... */
{
position: relative;
width: 150px !important;
height: 150px !important;
}
section#boxcontent div#zaproszenie /* formatuje napis ...ZAPRASZAMY... razem z obrazkami po lewej prawej na stronie ...aboutus.html... */
{
position: relative;
margin-top: 150px !important;
left: 22% !important;
}
/* ========================== Kody dla SMART - koniec ======================================= */
footer#dlugiaboutus /* formatuje stopke na stronie ...aboutus.html... */
{
position: relative;
margin-top: 100px !important;
margin-bottom: -20px !important;
}
/* div.marqueaboutus - formatuje dlugosc calej strony ...aboutus.html... - wylaczone, bo najpierw bylo potrzebne a potem nie, jakies czary
{
position: relative;
height: 2331px !important;
background-color: gold !important;
} */
.klawisze /* ustawia przyciski wszystkie i na wszystkich stronach oprócz klawisza ... HOT ... na stronie ... important.html ... i HOME na stronie ...index.html ... i klawiszy z opisem jak np. na stronie ... OFFER-pl... */
{
position: relative;
right: -93% !important;
top: -41px !important; /* -35px */
width: 170px !important;
height: 50px !important;
border-radius: 40px !important;
font-size: 32px !important;
font-weight: bolder !important;
font-size-adjust: 0.58 !important;
}
.klawisze span b /* ustawia tylko napis ...OFFER-pl ... i pozostale na przyciskach tylko na stronach z opisem klawisza i bez obrazka klawisza danej strony, oprócz klawisza ... HOT ... na stronie ... important.html ... i HOME na stronie ...index.html ... */
{
position: relative;
top: 4px !important;
font-family: Arial !important;
}
#klawisz_index /* formatuje klawisz ...HOME... tylko na stronie ...index.html.... */
{
position: relative;
top: -63px !important;
left: -30px !important;
width: 150px !important;
height: 50px !important;
}
/* 3D flip menu cz.1/3 - formatuje wszystkie ...Menu-mobile... oprocz strony ...index.html...
Author: Dynamic Drive
Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool! */
body { /* webkit adjacent sibling bug fix */
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
div.nav{
position: relative; /* dotyczy menu przed kliknieciem */
background-color: yello w; /* dopisalem */
width: 330px; /* dopisalem */
top: -61px !important; /* -37px / -58px - dopisalem - podnosi cale MENU-MOBILE przed kliknieciem i otwarciem - -37px gdy jest nad klawiszami w gornej komorce tabeli */
/* z-index: 140 !important; - dopisalem - ustawia cale menu po otwarciu po kliknieciu i chyba przed kliknieciem - chyba nie jest tu potrzebne, bo na komputerach i w mobilnych te funkcje spelnia ...z-index: 100; ... w wewn. css z klasy ... div.navindex ... - zasada pierwszenstwa - to tutaj wogole nie dziala. Dziala tylko w wewn. css */
-webkit-perspective: 1000px;
perspective: 1000px;
}
div.nav input{
display: none;
}
div.nav label.mainlabel, div.nav div.menuflip{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; /* transition speed etc */
}
div.nav label.mainlabel{ /* menu anchor text style - napis MOBILE-MENU menu przed kliknieciem*/
width: 375px !important; /* width of anchor text */
height: 47px; /* dopisalem - wysokosc menu przed kliknieciem */
font-size: 50px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important; /* 20px Tahoma */
color: maroon; /* dopisalem */
position: relative;
/* top: -17px; 0 - podnosi do gory sam napis MENU-MOBILE przed otwarciem */
left: -100px !important; /* -5px - dopisalem - przesuwa w lewo cale menu przed otwarciem - -5px gdy jest nad klawiszami w gornej komorce tabeli */
display: block;
padding-top: 15px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-bottom: 25px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-left: 35px !important; /* 34px - add left padding to make room for icon - odleglosc kolka od napisu MOBILE-MENU */
padding-right: 5px !important; /* dopisalem - oleglosc napisu ...MOBILE-MENU... od prawej krawedzi jego pola */
cursor: pointer;
background-color: yellow; /* dopisalem */
outline: 2px #000000 dotted; /* dopisalem */
}
div.nav label.mainlabel:before{ /* menu anchor icon - kolko menu przed kliknieciem kolo napisu - MOBILE-MENU*/
content: '';
position: absolute;
left: 5px !important; /* odleglosc kolka od lewej krawedzi przy napisie - MOBILE-MENU */
top: 24px !important;
width: 24px !important;
height: 24px !important;
border: 7px ridge green; /* 7px solid darkgreen; - rozmiar, styl, kolor kolka */
-webkit-box-shadow: inset 0 0 2px gray, 0 0 5px gray;
box-shadow: inset 0 0 2px gray, 0 0 5px gray;
border-radius: 30px;
}
div.nav div.menuflip{ /* DIV that flips over to reveal main menu - pole menu otwarte po kliknieciu*/
position: absolute;
margin: 0;
top: -1px; /* 0 - podnosi cale menu po otwarciu po kliknieciu */
padding: 4px;
background: white;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
width: 760px !important; /* 200px - szerokosc pola menu po jego otwaciu po kliknieciu */
border: 4px solid gray !important; /* 1px */
-webkit-box-shadow: 2px 2px 15px #B5B5B5;
box-shadow: 2px 2px 15px #B5B5B5;
border-radius: 10px;
background: #eee;
left: -360px !important; /* -410px - dopisalem i ustawia to calosc otwartego menu po jego kliknieciu, lewo/prawo */
}
div.nav div.menuflip h4 /* napis SITE NAVIGATION pola menu otwartego po kliknieciu */
{
margin: 0;
margin-bottom: 4px !important;
font-size: 74px !important; /* 20px */
font-family: serif; /* dopisalem */
color: maroon; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-decoration: underline; /* dopisalem */
/* border-bottom: 2px red solid; - dopisalem */
padding: 4px 0 0 6px;
text-align: left; /* dopisalem */
}
div.nav div.menuflip ul /* lista z linkami do stron pola menu otwartego po kliknieciu */
{
list-style: none;
margin-top: 30px !important;
padding: 0;
font-family: serif !important; /* dopisalem */
font-size: 60px !important; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-align: left; /* dopisalem */
}
div.nav div.menuflip ul li{
border-bottom: 2px inset gray !important; /* kreski poziome oddzielajace linki w otwartym polu menu */
}
div.nav div.menuflip ul li:last-of-type{
border-bottom: none !important; /* wylacza ostatnia kreske pod ostatnim linkiem w otwartym polu menu */
}
div.nav div.menuflip ul li:hover{
border-bottom-color: transparent; /* nadaje animacje kreskom dzielacym linki w otwartym menu */
}
div.nav div.menuflip ul li a /* linki pola menu otwartego po kliknieciu */
{
display: block;
background-color: lim e !important;
color: blue;
text-decoration: none;
padding-top: 30px !important; /* dopisalem */
padding-bottom: 30px !important; /* dopisalem */
border-radius: 10px 0 10px;
-webkit-transition: none;
transition: none;
}
div.nav div.menuflip ul li a:hover /* linki pola menu otwartego po kliknieciu, po najechaniu kursorem */
{
background: #515151;
color: white;
}
div.nav div.menuflip label.close /* close button */
{
position: absolute;
right: 8px !important;
top: 8px !important;
padding-top: 20px !important;
display: inline-block !important;
text-align: center;
line-height: 14px !important;
color: red !important;
z-index: 1000 !important;
cursor: pointer !important;
border: 5px fuchsia ridge !important;
border-radius: 50px !important;
-webkit-box-shadow: 0 0 5px gray !important;
box-shadow: 0 0 5px gray !important;
width: 80px !important;
height: 50px !important;
background: yellow !important;
font-size: 88px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important;
}
div.nav input:checked ~ label.mainlabel{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
div.nav input:checked ~ div.menuflip{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.close:hover /* do zmiany kolorow w ..Close... w ...Site menu... - dopisalem calosc */
{
position: relative;
margin-right: -3px !important;
margin-top: -7px !important;
color: yellow !important;
background-color: red !important;
font-weight: bold !important;
padding: 3px !important;
border: 5px fuchsia ridge;
}
/* */
/* */
/* 3D flip menu cz.1/3 - formatuje ...Menu-mobile... tylko na stronie ...index.html...
Author: Dynamic Drive
Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool! */
body { /* webkit adjacent sibling bug fix */
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
div.navindex{
position: relative; /* dotyczy menu przed kliknieciem */
background-color: yello w; /* dopisalem */
width: 330px; /* dopisalem */
top: -50px !important; /* -37px - dopisalem - podnosi cale MENU-MOBILE przed kliknieciem i otwarciem - -37px gdy jest nad klawiszami w gornej komorce tabeli */
/* z-index: 140 !important; - dopisalem - ustawia cale menu po otwarciu po kliknieciu i chyba przed kliknieciem - chyba nie jest tu potrzebne, bo na komputerach i w mobilnych te funkcje spelnia ...z-index: 100; ... w wewn. css z klasy ... div.navindex ... - zasada pierwszenstwa - to tutaj wogole nie dziala. Dziala tylko w wewn. css */
-webkit-perspective: 1000px;
perspective: 1000px;
}
div.navindex input{
display: none;
}
div.navindex label.mainlabelindex, div.navindex div.menuflipindex{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; /* transition speed etc */
}
div.navindex label.mainlabelindex{ /* menu anchor text style - napis MOBILE-MENU menu przed kliknieciem*/
width: 375px !important; /* width of anchor text */
height: 47px; /* dopisalem - wysokosc menu przed kliknieciem */
font-size: 50px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important; /* 20px Tahoma */
color: maroon; /* dopisalem */
position: relative;
/* top: -17px; 0 - podnosi do gory sam napis MENU-MOBILE przed otwarciem */
left: -90px !important; /* -5px - dopisalem - przesuwa w lewo cale menu przed otwarciem - -5px gdy jest nad klawiszami w gornej komorce tabeli */
display: block;
padding-top: 15px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-bottom: 26px !important; /* dopisalem - dla ustawienia poza tabela z klawiszami Munu glownego */
padding-left: 35px !important; /* 34px - add left padding to make room for icon - odleglosc kolka od napisu MOBILE-MENU */
padding-right: 5px !important; /* dopisalem - oleglosc napisu ...MOBILE-MENU... od prawej krawedzi jego pola */
cursor: pointer;
background-color: yellow; /* dopisalem */
outline: 2px #000000 dotted; /* dopisalem */
}
div.navindex label.mainlabelindex:before{ /* menu anchor icon - kolko menu przed kliknieciem kolo napisu - MOBILE-MENU*/
content: '';
position: absolute;
left: 5px !important; /* odleglosc kolka od lewej krawedzi przy napisie - MOBILE-MENU */
top: 24px !important;
width: 24px !important;
height: 24px !important;
border: 7px ridge green; /* 7px solid darkgreen; - rozmiar, styl, kolor kolka */
-webkit-box-shadow: inset 0 0 2px gray, 0 0 5px gray;
box-shadow: inset 0 0 2px gray, 0 0 5px gray;
border-radius: 30px;
}
div.navindex div.menuflipindex{ /* DIV that flips over to reveal main menu - pole menu otwarte po kliknieciu*/
position: absolute;
margin: 0;
top: -1px; /* 0 - podnosi cale menu po otwarciu po kliknieciu */
padding: 4px;
background: white;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
width: 760px !important; /* 200px - szerokosc pola menu po jego otwaciu po kliknieciu */
border: 4px solid gray !important; /* 1px */
-webkit-box-shadow: 2px 2px 15px #B5B5B5;
box-shadow: 2px 2px 15px #B5B5B5;
border-radius: 10px;
background: #eee;
left: -370px !important; /* -410px - dopisalem i ustawia to calosc otwartego menu po jego kliknieciu, lewo/prawo */
}
div.navindex div.menuflipindex h4 /* napis SITE NAVIGATION pola menu otwartego po kliknieciu */
{
margin: 0;
margin-bottom: 4px !important;
font-size: 74px !important; /* 20px */
font-family: serif; /* dopisalem */
color: maroon; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-decoration: underline; /* dopisalem */
/* border-bottom: 2px red solid; - dopisalem */
padding: 4px 0 0 6px;
text-align: left; /* dopisalem */
}
div.navindex div.menuflipindex ul /* lista z linkami do stron pola menu otwartego po kliknieciu */
{
list-style: none;
margin-top: 30px !important;
padding: 0;
font-family: serif !important; /* dopisalem */
font-size: 60px !important; /* dopisalem */
font-weight: bold !important; /* dopisalem */
text-align: left; /* dopisalem */
}
div.navindex div.menuflipindex ul li{
border-bottom: 2px inset gray !important; /* kreski poziome oddzielajace linki w otwartym polu menu */
}
div.navindex div.menuflipindex ul li:last-of-type{
border-bottom: none !important; /* wylacza ostatnia kreske pod ostatnim linkiem w otwartym polu menu */
}
div.navindex div.menuflipindex ul li:hover{
border-bottom-color: transparent; /* nadaje animacje kreskom dzielacym linki w otwartym menu */
}
div.navindex div.menuflipindex ul li a /* linki pola menu otwartego po kliknieciu */
{
display: block;
background-color: lim e !important;
color: blue;
text-decoration: none;
padding-top: 30px !important; /* dopisalem */
padding-bottom: 30px !important; /* dopisalem */
border-radius: 10px 0 10px;
-webkit-transition: none;
transition: none;
}
div.navindex div.menuflipindex ul li a:hover /* linki pola menu otwartego po kliknieciu, po najechaniu kursorem */
{
background: #515151;
color: white;
}
div.navindex div.menuflipindex label.close /* close button */
{
position: absolute;
right: 8px !important;
top: 8px !important;
padding-top: 20px !important;
display: inline-block !important;
text-align: center;
line-height: 14px !important;
color: red !important;
z-index: 1000 !important;
cursor: pointer !important;
border: 5px fuchsia ridge !important;
border-radius: 50px !important;
-webkit-box-shadow: 0 0 5px gray !important;
box-shadow: 0 0 5px gray !important;
width: 80px !important;
height: 50px !important;
background: yellow !important;
font-size: 88px !important;
font-weight: bold !important;
font-family: Wide Latin, serif, Tahoma !important;
}
div.navindex input:checked ~ label.mainlabelindex{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
div.navindex input:checked ~ div.menuflipindex{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.close:hover /* do zmiany kolorow w ..Close... w ...Site menu... - dopisalem calosc */
{
position: relative;
margin-right: -3px !important;
margin-top: -7px !important;
color: yellow !important;
background-color: red !important;
font-weight: bold !important;
padding: 3px !important;
border: 5px fuchsia ridge;
}
/* */
/* */
.emailofertapl /* Formatuje napis ... Zamow usluge klikajac TUTAJ ... na stronie ... ofertapl.html ... */
{
position: relative;
font-size: 45px !important;
line-height: 115px !important;
}
}
/*
table.trzy_slajdy - formatuje tabele z wyborem grupy slajdow pod wyswietlaczem slajdow na poczatku strony ...index.html...
{
position: relative;
width: 994px !important;
height: 50px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
background-color: lime !important;
}
table.trzy_slajdy td.slajdy_1 a - formatuje wszystkie komorki tabeli z wyborem grupy slajdow pod wyswietlaczem slajdow na poczatku strony ...index.html...
{
position: relative;
height: 50px !important;
font-size: 35px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
background-color: yellow !important;
}
*/
/* ================================== KONIEC PROB ========================================= */
/* KEYFRAMES */
@keyframes stylie-transform-keyframes {
0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}
@keyframes stylie-transform2-keyframes {
0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}