Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @CHARSET "UTF-8";
- /*style reset*/
- a, abbr, address, article, aside, audio, b, blockquote, body, canvas,
- caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
- figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
- html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
- object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
- sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font-weight: inherit;
- font-style: inherit;
- vertical-align: baseline;
- }
- article, aside, canvas, details, figcaption, figure, footer, header,
- hgroup, menu, nav, section, summary {
- display: block;
- }
- a, ins, del {
- text-decoration: none;
- }
- ul, ol {
- list-style: none;
- }
- caption {
- text-align: left;
- }
- q:after, q:before {
- content: "";
- }
- /*end of style reset*/
- /*global*/
- body{
- #background-image: url('../images/baner-bg.jpg');
- background-repeat: repeat-x;
- background-color: #00615c;
- #border-top: 11px solid #c9d8d1;
- }
- h1{
- font-size: 22px;
- padding-bottom: 20px;
- }
- /*end global*/
- /*ID section*/
- #baner{
- background-color: #fff;
- margin-top: 1px;
- height: 1px;
- border: 5px solid #5fd1cb;
- color: #00615c;
- }
- #baner img{
- float: right;
- margin-right: 140px;
- }
- #baner p{
- font-size: 32px;
- font-style: italic;
- width: 500px;
- margin-top: 65px;
- margin-left: 70px;
- }
- #container{
- position: relative;
- width: 980px;
- margin: 0 auto;
- text-align: left;/*cleaning after centering for IE6*/
- }
- #content{
- height: 300px;
- border-bottom: 1px solid #05736e;
- }
- #content div{
- float: left;
- height: 100%;
- width: 98%;
- #background-image: url('../images/vert-line.jpg');
- background-repeat: no-repeat;
- background-position: left;
- padding-left: 10px;
- }
- #content div:first-child{
- background-image: none;
- padding-left: 0px;
- }
- #content p{
- font-family: arial;
- font-size: 15px;
- padding-right: 10px;
- }
- #footer{
- background-color: #5fd1cb;
- margin: 15px 0px;
- color: #132a29;
- height: 54px;
- }
- #footer p{
- padding: 0 8px;
- line-height: 54px;
- }
- #footer a{
- color: #132a29;
- text-decoration: underline;
- }
- #global{
- color: #fff;
- width: 100%;
- position: absolute;
- text-align: center; /*IE6*/
- }
- #header{
- height: 50px;
- }
- #menu{
- background-image: url('../images/logo.png');
- background-repeat: no-repeat;
- background-color: #5fd1cb;
- height: 51px;
- line-height: 51px;
- }
- #menu a{
- color: #fff;
- }
- #menu ul{
- float: right;
- }
- #menu ul li{
- display: inline;
- padding: 0 10px;
- }
- #menu ul li:hover{
- background-color: #00615c;
- padding: 14px 10px 14px 10px;
- }
- #upmenu{
- color: #00615c;
- height: 51px;
- line-height: 51px;
- }
- #upmenu a{
- color: #00615c;
- }
- #upmenu ul{
- float: right;
- }
- #upmenu ul li{
- display: inline;
- padding: 0 0 0 10px;
- }
- #footer, #upmenu{
- font-family: arial;
- font-size: 12px;
- }
- /*end ID section*/
- /*class*/
- .bolded{
- font-weight: bold;
- }
- .f2left{
- float: left;
- }
- .f2right{
- float: right;
- }
- .f2top{
- float: top;
- }
- .more-button{
- font-size: 11px;
- font-family: arial;
- color: #132A29;
- background-color: #18bdb4;
- float: top;
- padding: 7px 21px;
- margin-top: 15px;
- bottom: 0px;
- }
- .more-button a{
- color: #132A29;
- }
- .underlined{
- text-decoration: underline;
- }
- #formularz {
- width:100px; /* 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:255px; /* ustalamy szerokość */
- }
- #formularz input#submit {
- width:100px; /* 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ę */
- }
- #scroll-to-top{
- position:fixed;
- bottom:15px;
- right:20px;
- opacity:0.8;
- }
- #scroll-to-top2{
- bottom:95px;
- right:20px;
- opacity:0.8;
- }
- #scroll-to-top:hover{
- opacity:1;
- }
- #scroll-to-top2:hover{
- opacity:1;
- }
- * {
- margin: 0;
- padding: 0;
- }
- .css_gallery {
- margin: 0 auto;
- width: 720px; /* szerokosc najszerszego zdjęcia + szerokosc miniatur + 40px luzu */
- position: relative;
- overflow: hidden;
- }
- .css_gallery ul {
- list-style-type: none;
- width: 192px; /* szerokosc miniatur */
- height: 375px; /* wysokosc najwyzszego zdjecia + miejsce na ewentualny opis zdjec */
- overflow: auto;
- padding: 0;
- float: left;
- margin: 0 0 30px 0;
- }
- .css_gallery li {
- display: block;
- width: 152px; /* szerokosc miniatury + ew. obramowanie obrazka */
- height: 152px; /* wysokosc miniatury + ew. obramowanie obrazka */
- padding: 5px 20px 5px 0;
- margin: 0;
- }
- .css_gallery li img {
- border: 1px solid #000;
- max-width: 500px;
- max-height: 500px;
- }
- .css_gallery li div {
- display: none;
- }
- .css_gallery ul:hover li:first-child div {
- display: none;
- }
- .css_gallery li:hover div
- ,.css_gallery ul li:first-child div
- ,.css_gallery ul li:first-child:hover div {
- display: block;
- position: absolute;
- left: 220px; /* szerokosc <ul> + padding <ul> + 20px */
- top: 0;
- }
- /*end class*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement