- Treść komunikatu;">*/
div#rozprawka {
width:520px;
margin-left: auto;
margin-right: auto;
margin-top:5px;
margin-bottom:10px;
padding : 0,0,5,0,0 px;
border: 1px solid #800;
border-radius: 6px;
font-family: Helvetica, Cambria;
font-size: 11pt;
clear: both;
color: #000066;
background-image: url('obrazki/nieboBladyroz560x374.png');
}
/*
gdzie jako "rodzaj" należy podać:
. "disc" - (domyślny) - koło
. "circle" - okršg
. "square" - wypełniony kwadrat
background-color: #CeCeCe;*/
td {
list-style-type:none;
margin:0;
padding:0;
}
td {
font-family: Arial,Cambria, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 12pt;
color: #000000;}
a {padding:0;
margin-bottom: 15px;
}
list-style-type:none; /* usunięcie stylu wyróżników listy */
#text {
margin:0;
padding:0;
list-style-type:square;
background-color:#FDF;
}
#text > li {
font-size: 11pt;
color: #500000;
font-family: Helvetica, Verdana, Tahoma, sans-serif, Cambria, Arial;
list-style-type:square;}
#text >ul {
font-size: 11pt;
color: #000000;
font-family: Helvetica, Verdana, Tahoma, sans-serif, Cambria, Arial;
list-style-type:square;}
/* CIEŃ W TEKŚCIE*/
text-shadow:1px 1px 5px red;}
text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px;} /* poziom, pion, rozmycie, kolor*/
hr {
color: #824000;
height: 16px;
width:100px;
size:3px;
}
/* Pudełko dla strony*/
#top {
width: 760px;
height: Auto;
padding-top: 10px;
margin: auto;
text-align: left;
border: 0px solid #000;
background-color: #808080;
}
#firma {
width: 758px;
height: 160px;
margin: auto;
margin-top:0px;
margin-bottom:0px;
text-align: left;
border: 1px solid #000;
border-radius: 6px;
background-color: #505050;
box-shadow: 10px -10px 10px #fff; /*Cień na zewnštrz elementu: poziom pion rozmycie rozprzestrzenienie kolor,... */
}
#logo {
width: 154px;
height: 160px;
background-color: #505050;
float: left;
padding: 0;
border: 0px solid #000;
overflow: hidden;
clear: both;
margin-left: 6px;
}
#nazwa {
width: 598px;
height: 160px ;
font-family:Segoe Print;
color: #fff;
text-align: center;
float: left;
overflow: hidden;
padding-top:20px;
border: 0px solid #000;
text-shadow: 3px 2px 2px #fff; /*Cień na zewnštrz elementu: poziom pion rozmycie rozprzestrzenienie kolor,... */
}
#NAGLOWEK {
width: 758px;
height: 60px ;
background-color: #800;
font-family:Segoe Print;
font-size: 15px;
color: #fff;
text-align: center;
padding-top: 0;
padding-bottom: 0;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
border-radius: 6px;
clear: both;
box-shadow: 10px 0px 10px #fff; /*Cień na zewnštrz elementu: poziom pion rozmycie rozprzestrzenienie kolor,... */
}
#centrum {
width: 760px;
height: auto;
margin: auto;
padding-top: 10px;
background-color: #fff;
text-align: left;
border: 1px solid #000;
border-radius: 10px;
margin-bottom: 10px;
overflow: hidden;
box-shadow: 10px 0px 10px #fff; /*Cień na zewnštrz elementu: poziom pion rozmycie rozprzestrzenienie kolor,... */
}
/*kolumna lewa*/
#MENU {
width: 153px;
height: auto;
float: left;
overflow: hidden;
background-color: #fff;
border-right: 3px solid #808080;
border-top-left-radius: 6px;
text-align: center;
}
#kolumnaPrawa{
width:590px;
height: auto;
float: left;
margin-left: 0px;
border-left: 0px solid #808080;
padding : 5px;
overflow: hidden;
background-color: #fff;
border-top-right-radius: 0px;
background-image: /* url('obrazki/bombka_400x262.png')*/;}
#lokalizacja{
width:400px;
height: auto;
float: left;
margin-left: 5px;
border-left: 1px solid #808080;
padding : 5px;
overflow: hidden;
background-color: #fff;
border-top-right-radius: 0px;}
#kolumnaLewa{
width:300px;
height: auto;
float: left;
margin-left: 0px;
border-left: 1px solid #808080;
padding : 10px;
overflow: hidden;
background-color: #fff;
border-top-right-radius: 0px;}
#menuPoziome{
width:600px;
border :0px;
font-family: Verdana, Tahoma, Segoe Print;
font-size: 18px;
text-align: center;
float: left;
overflow: hidden;
background-color: #fff;
}
#tresc{
width: 550px;
margin: auto;
overflow: hidden;
background-color: #fff;
border: 0px solid #CCC;
clear: both;
}
#trzyfotki {
width: 756px;
height: 190px;
margin: auto;
float: left;
background-color: #bbb;
text-align:center;
border: 0px solid #000;
border-radius: 10px;
margin-bottom: 10px;
overflow: hidden;
padding-top: 10px;
padding-left: 4px;
}
#fotkalewa {
width: 236px;
height: 160px;
float: left;
overflow: hidden;
margin-top: 50px;
margin: 7px;
text-align: left;
border: 0px solid #000;
border-radius: 6px;
background-color: #fff;
background-image: url('obrazki/irenazeszkicem236x160.png');
}
#fotkasrodek {
width: 236px;
height: 160px;
float: left;
overflow: hidden;
margin-top: 50px;
margin: 7px;
text-align: left;
border: 0px solid #000;
border-radius: 6px;
background-color: #fff;
background-image: url('obrazki/fundwiatraka236x160.png');
}
#fotkaprawa {
width: 236px;
height: 160px;
float: left;
overflow: hidden;
margin-top: 50px;
margin: 7px;
text-align: left;
border: 0px solid #000;
border-radius: 6px;
background-color: #fff;
background-image: url('obrazki/1Ja+leica.png');
}
/* F O R M U L A R Z */
#formularz {
width:260px; /* ustawiamy szerokość formularza */
margin:0 auto; /* jeżeli nasz formularz ma ustawionš szerokość wyśrodkowujemy go */
background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
border-radius:10px; /* zaokršglamy tło naszego formularza */
padding:20px; /* dodajemy margines wewnštrz naszego formularza */
margin-top:20px; /* dodajemy margines górny naszego formularza */
}
#formularz label {
display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
margin-bottom:5px;/* dodajemy margines dolny */
font-weight:bold; /* pogrubiamy czcionkę */
text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
font-size:12px; /* ustawiamy wielkość czcionki */
color:#555555; /* ustawiamy kolor czcionki */
}
#formularz textarea,
#formularz input {
padding:5px; /* dodajemy margines wewnštrz naszego pola */
border-radius:3px; /* dodajemy zaokraglone rogi */
border:1px solid #ccc; /* dodajemy obramowanie */
margin-bottom:25px; /* dodajemy margines dolny */
width:245px; /* ustalamy szerokość */
}
#formularz input#submit {
width:255px; /* ustalamy szerokość */
cursor:pointer; /* zmieniamy kursor */
margin-bottom:0px;/* resetujemy margines dolny */
}
#formularz p.copy {
color:#555555; /* ustawiamy kolor czcionki */
margin-bottom:0px; /* resetujemy margines dolny */
font-size:12px; /* ustawiamy rozmiar czcionki */
text-align: center; /* wyśrodkowywujemy tekst */
}
#formularz p.copy a {
color:#555555;/* ustawiamy kolor czcionki */
text-decoration: none; /* usuwamy podkreślenie linku */
font-weight:bold; /* pogrubiamy czcionkę */
}
/* F O R M U L A R Z - KONIEC*/
pre {
overflow: auto;
}
/*MENU PIONOWE*/
/* wygląd elementu - ul */
ul {
list-style-type:none; /* usunięcie stylu wyróżników listy */
margin-left: 0;
padding:0;
border:0px solid #CCC;
width:160px;
box-shadow:0 6px 6px -6px #666;
}
/* wygląd elementów - li */
ul li {
border-top:1px solid #CCC;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
width:140px;
}
/* wygląd pierwszego elementu - li */
ul li:first-child {
border-top:none;
}
/* wygląd elementów - a */
ul li a {
display:block; /* nadanie elementowu "a" właściwość bloku*/
text-decoration:none;
background-color:#fff;
padding:10px;
text-align:center;
color:#00A0AA;
text-shadow:1px 1px 0 #FFF, 1px 2px 0 #AAA, 1px 2px 6px #AAA;
font-size:18px;
border:2px solid #FFF;
background-image:url('obrazek.png');
background-repeat:repeat-x;
background-image:radial-gradient(ellipse at bottom, #FFF 0%, #DDD 100%);
}
/* wygląd elementu - a - w momencie najechania na niego kursorem myszki */
ul li a:hover {
color:#000;
background-color:#FFF;
background-image:none;
}
/* MENU POZIOME*/
/* wygląd elementu - ol */
#mmenu {
width:600px;
height: 20px;
margin: auto;
margin-top:12px;
padding:0;
list-style-type:none;
background-color:#800;
}
/* naprawa wysokości elementu - ol */
#mmenu:after {
content:'';
display:block;
clear:both;
}
/* wygląd elementów - li */
#mmenu > li {
float:left;
}
/* pierwszy element - li - elementu o identyfikatorze menu */
#mmenu > li:first-child {
background-color: #800, red;
width:25%;
}
/* drugi element - li - elementu o identyfikatorze menu */
#mmenu > li:first-child + li {
background-color: #800, green;
width:25%;
}
/* trzeci element - li - elementu o identyfikatorze menu */
#mmenu > li:first-child + li + li {
background-color: #800, blue;
width:25%;
}
/* czwarty element - li - elementu o identyfikatorze menu */
#mmenu > li:first-child + li + li + li {
background-color: #800, blue;
width:25%;
}
/* wygląd elementów - a */
#mmenu > li > a {
display: block;
padding:5px;
margin-left: 5px;
text-decoration:none;
text-align:center;
color:#000;
background-color:#DDD;
box-shadow:0 0 0 1px #FFF inset;
background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);
}
/* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
#mmenu > li:hover > a {
color:#00F;
background-color:#FFF;
background-image:none;
}