/* Ten plik CSS nalezy do strony www.fundacja.elblag.pl */ /* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright by Flusso and may not be reproduced! */ /* ZEROWANIE ------------------------------------------------------------*/ * { margin: 0; padding: 0; border: none } /* POCZATEK ------------------------------------------------------------*/ body { font: normal 100% Verdana, Tahoma, 'Trebuchet MS', Arial, sans-serif; background: #f2f2f2 url('img/body_bg.jpg') repeat-x; color: black;} #global { background: url('img/center_bg.gif') no-repeat; } /* CENTROWANIE STRONY ------------------------------------------------------------*/ #center { width: 950px; margin: 0 auto; } /* lewa strona */ #left_side { width: 190px; margin-left: 20px; float: left; } #left_side h3 { font-size: .875em; color: #949494; margin-bottom: 3px; margin-left: 0px; } /* szukanie */ #left_side #search { margin-top: 10px; } #left_side #search a { display: block; font-size: .56em; text-align: center; line-height: 1em; margin: 5px 0px; } /* informacja */ #left_side #information { margin-top: 10px; } #left_side #information p { text-align: center; } #left_side #information .big_number { color: #ff4200; font-family: Arial; font-size: 1.5em; } #left_side #information .number { color: #ff4200; font-family: Arial; font-size: 1.125em; } #left_side #information .info { font-size: .56em; color: #8a8c8e; } #left_side #information .email a { font-size: .81em; color: #000; background: #fff; padding: 4px 10px; margin: 10px 0px; display: block; } #left_side #information .email a:hover { text-decoration: underline; } /* top 10 */ #left_side #top10 h3 { color: #ff4200; } #left_side #top10 { margin-top: 10px; } #left_side #top10 ul { list-style-type: none; } #left_side #top10 li { margin-left: 23px; color: #8a8c8e; font-size: .75em; margin-bottom: 1px; padding-top: 2px; } #left_side #top10 li span { display: block; float: left; margin-left: -25px; text-align: right; width: 20px; } #left_side #top10 li a { color: #000; display: block; float: left; width: 110px; overflow: hidden; height: 1em; } #left_side #top10 li .price { color: #FF2A00; font-size: .75em; text-align: right; float: right; margin-top: .2em; } html>body #left_side #top10 li a { width: 110px; } #left_side #top10 li .price small { font-size: .75em; } /* GG */ #left_side #gg { margin-top: 10px; } #left_side #gg ul { margin-top: 2px; } #left_side #gg li { padding-left: 20px; list-style-type: none; font-size: .625em; height: 17px; } #left_side #gg li img { width: 15px; height: 15px; margin-right: 5px; vertical-align: top; } /* newsletter */ #left_side #newsletter { margin-top: 10px; } #left_side #newsletter .info { font-size: .56em; margin-bottom: 5px; } #left_side #newsletter .field { border: 1px solid #303030; padding: 2px; width: 152px; float: left; } #left_side #newsletter .button { font-size: .625em; cursor: pointer; } /* karty kredytowe */ #left_side #credit_cards { font-size: .56em; color: #616161; margin-top: 10px; text-align: center; } /* banery */ #left_side #banners { margin-top: 20px; } #left_side #banners li { list-style-type: none; text-align: center; } /* prawa strona */ #right_side { float: left; width: 740px; } /* naglowek */ #header #date { float: right; color: #FF2A00; font-size: .75em; margin-top: 10px; margin-right: 25px; } #header #date small { font-size: .82em; color: #949494; } #header h1 { display: block; text-indent: -9999em; background: url('img/logo.gif') no-repeat; width: 269px; height: 65px; margin-left: 45px; margin-top: 10px; float: left; } #header h2 { display: block; text-indent: -9999em; background: url('img/udanywypoczynek.gif') no-repeat; width: 257px; height: 27px; float: right; margin-top: 5px; margin-right: 25px; } #header .home { display: block; text-indent: -9999em; background: url('img/home_button.gif') no-repeat; width: 16px; height: 16px; float: left; margin-left: 26px; margin-top: 5px; } #jsbuttons { float: right; width: 220px; text-align: right; margin-top: 5px; } #jsbuttons .favorite { display: block; text-indent: -9999em; width: 16px; height: 16px; background: url('img/ico_favorite.png') no-repeat; float: left; text-align: left; margin-right: 10px; margin-top: 6px; } #jsbuttons .homepage { display: block; text-indent: -9999em; width: 16px; height: 16px; background: url('img/ico_homepage.png') no-repeat; float: left; text-align: left; margin-right: 10px; margin-top: 6px; } /* MENU ------------------------------------------------------------*/ ul#menu { list-style: none; float: right; font-family: Arial; margin-right: 5px; } ul#menu li { position: relative; float : left; margin-left: 3px; } ul#menu li a { display: block; padding: 3px 0px 3px 6px; text-decoration: none; font-size: .875em; color: #FF2A00; } ul#menu li a .b_r { color: #dddcdc; font-size: 1.5em; line-height: .75em; } ul#menu li:hover, ul#menu li a:hover { background: url('img/menu_button_hover.gif') no-repeat; } ul#menu li a:hover .b_r { background: url('img/menu_button_hover.gif') no-repeat right; } ul#menu li a.active { background: url('img/menu_button_active.gif') no-repeat; } ul#menu li a.active .b_r { color: #fff; background: url('img/menu_button_active.gif') no-repeat right; } /* DROPDOWN */ ul#menu li ul { left: -999em; z-index: 100; list-style: none; position: absolute; top: 0px; background: url('img/submenu_bg.png'); } ul#menu li ul li { margin: 0px; clear: both; } ul#menu li ul li a { display: block; padding: 2px; font-size: .75em; width: 100%; text-align: left; width: 130px; } ul#menu li ul li a:hover { background: #ffe0cc; } ul#menu li ul li a:hover .b_r { background: #ffe0cc; } ul#menu li:hover ul, #menu li.sfhover ul { display: block; top: 21px; left: 5px; } /* tlo zawartosci */ #container { width: 730px; float: right; } #container #bg_top { background: url('img/content_bg_top.png') no-repeat left bottom; width: 100%; height: 14px; } #container #bg_central { background: url('img/content_bg_center.png') repeat-y left; width: 665px; padding: 0px 35px 0px 30px; } * html #container #bg_central { width: 100%; } #container #bg_bottom { background: url('img/content_bg_bottom.png') no-repeat left top; width: 100%; height: 15px; } /* BREAD CRUMBS */ #container .path { font-size: .62em; } #container .path a { color: #c7c7c7; } #container .path a:hover { text-decoration: underline; color: #000 } /* naglowek zawartosci */ #content_header { float: right; color: #FF652F; } #content_header h2 { font-size: 1.2em !important; } /* TRESC ------------------------------------------------------------*/ #center #content { font-size: .75em; text-align: justify} /* Naglowki */ #content h3, #content h4, #content h5, #content h6 { margin: 18px 0 10px; color: #2060b6; font-family: Verdana, Arial, 'Trebuchet MS', Tahoma, sans-serif; font-weight: 700; clear: both } #content h3 { font-size: 1.16em } #content h4 { font-size: 1.08em } #content h5 { font-size: 1em } /* Linki */ #content a { border-bottom: 1px solid #ddd;} #content a:hover { text-decoration: none; } /* Tresci */ #content p, #content ul, #content ol, #content dl, #content address, #content form { margin-bottom: 10px; font-size: 1em; line-height: 1.6em; } #content ol { margin-left: 27px; } #content ul { list-style: none; margin-left: 13px;} #content ul li { background: transparent url(img/list.gif) no-repeat 0 7px; padding-left: 13px; } #content ul li span { font-size: .91em; color: #aaa } #content .description { margin-bottom: 11px; margin-top: 5px; } /* LISTA ARTYKULOW */ ul#list { margin: 18px 0 0 0 ; } ul#list li { padding: 0; background: none; margin-bottom: 20px;} ul#list li ul li { background: transparent url(img/list.gif) no-repeat left; padding-left: 7px; margin: 0; } ul#list li h3 { margin: 0; } ul#list li h3 a { border: none } ul#list li .art_container { margin-top: 3px; } #content h3 { margin: 0; margin-top: 20px; } /*G*/ #content p.date { font-size: .91em; color: #a4a4a4; margin: 0; margin-bottom: 5px; } /*G*/ #content p.read_more { margin: 0; clear: both; text-align: left } /*G*/ #content a.read_more { padding-right: 8px; border: none; margin: 0; background: transparent url(img/read_more_arrow.gif) no-repeat right; } /*G*/ #content a.back { padding-left: 8px; padding-right: 20px; border: none; margin: 0; background: transparent url(img/back_arrow.gif) no-repeat left; } /*G*/ #content a.print { padding-left: 14px; padding-right: 20px; border: none; margin: 0; background: transparent url(img/print.gif) no-repeat left; } /*G*/ #content a.see_more { padding-left: 16px; border: none; margin: 0; background: transparent url(img/see_more.gif) no-repeat left; } /*G*/ /* PODGLAD ARTYKULU */ #content #art_addons { width: 100%; text-align: left; } #content #art_container { width: 100%; } #content #art_container_wide { width: 100%; } #content #art_mini { float: right; padding: 2px; border: 1px solid #ededed; margin: 10px; } #content h4.header_addons { padding: 3px; margin: 0; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd } #content #art_container h4.header_addons { margin-top: 12px; } #content #art_addons p { padding: 3px; margin: 1px; text-align: center; color: #666 } #content #art_addons p small { line-height: 1em } #content #art_addons #art_files { margin: 0 0 10px 0; } #content #art_lead, #content #art_content, #content .art_content { line-height: 1.6em } #content #art_lead { } /* LISTA GALERII dziedziczone od ARTYKULOW */ ul#list .gal_mini { float: right; width: 150px; text-align: center; } ul#list .gal_mini a { border: none } ul#list .gal_title { float: left; width: 390px; } /* GALERIA */ #content #gallery #titleGallery { display: block; float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; } #content #gallery .date { display: block; float: left; } #content #galList { list-style: none; } #content #galList li { position: relative; float: left; background-color: #d8eff5; margin: 0; padding: 0; background-image: none } #content #galList li a { display: block; position: absolute; background-color: #d8eff5; text-align: center; border: none } #content #galList li a:hover { background-color: #add8e4; } #content #galList li { width: 108px; height: 108px; margin-left: 8px; margin-bottom: 8px; } #content #galList li a {width: 100px; height: 100px; padding: 3px; top: 1px; left: 1px; } /* STRONY */ p#strony { clear: both; margin: 8px 0; padding: 3px; text-align: left; border: 1px solid #e5e1d6; border-left: none; border-right: none; } p#strony a { border: none; padding: 3px; } p#strony strong { padding: 3px; background-color: #dcd3b7; color: #6C5735 } p#strony a.pages_first, p#strony a.pages_previous, p#strony a.pages_next, p#strony a.pages_last { background-repeat: no-repeat; } p#strony a.pages_first, p#strony a.pages_previous { background-position: left; } p#strony a.pages_next, p#strony a.pages_last { background-position: right; } p#strony a.pages_first { padding-left: 9px; background-image: url(img/pages_first.gif); } p#strony a.pages_last { padding-right: 9px; background-image: url(img/pages_last.gif); } p#strony a.pages_next { padding-right: 6px; background-image: url(img/pages_next.gif); } p#strony a.pages_previous { padding-left: 6px; background-image: url(img/pages_previous.gif); } /* footer */ #footer { } #footer .home { display: block; text-indent: -9999em; background: url('img/home_bottom_button.gif') no-repeat; width: 16px; height: 16px; float: left; margin-left: 6px; margin-top: 2px; } /* MENU dolne ------------------------------------------------------------*/ ul#bottom_menu { list-style: none; float: right; font-family: Arial; } ul#bottom_menu li { position: relative; float : left; margin-left: 3px; } ul#bottom_menu li a { display: block; padding: 3px 0px 3px 6px; text-decoration: none; font-size: .75em; color: #868686; } ul#bottom_menu li a .b_r { color: #dddcdc; font-size: 1.5em; line-height: .75em; } ul#bottom_menu li:hover, ul#bottom_menu li a:hover { background: url('img/menu_button_hover.gif') no-repeat; } ul#bottom_menu li a:hover .b_r { background: url('img/menu_button_hover.gif') no-repeat right; } ul#bottom_menu li a.active { background: url('img/menu_button_active.gif') no-repeat; } ul#bottom_menu li a.active .b_r { color: #fff; background: url('img/menu_button_active.gif') no-repeat right; } /* DROPDOWN */ ul#bottom_menu li ul { left: -999em; z-index: 100; list-style: none; position: absolute; top: 0px; background: url('img/submenu_bg.png'); } ul#bottom_menu li ul li { margin: 0px; clear: both; } ul#bottom_menu li ul li a { display: block; padding: 2px; font-size: .75em; width: 100%; text-align: center; width: 100px; } ul#bottom_menu li ul li a:hover { background: #ffe0cc; } ul#bottom_menu li ul li a:hover .b_r { background: #ffe0cc; } ul#bottom_menu li:hover ul, #bottom_menu li.sfhover ul { display: block; top: 21px; left: 5px; } /* skocz do gory */ #footer { width: 710px; margin-right: 10px; float: right; } #footer #to_top { font-size: .62em; color: #5d5d5d; display: block; float: right; background: url('img/to_top.png') no-repeat right bottom; padding-right: 12px; } #footer .info { color: #868686; font-size: .56em; } #footer .copyright { color: #868686; font-size: .56em; float: left; } #footer .links, #footer .flusso_copyright { color: #868686; font-size: .56em; float: right; } #footer .flusso_copyright { margin-top: 10px; } a img { border: none; } .no_border { border: none; } a { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } #ie6 { display: none; } /* Informacyjne ------------------------------------------------------------*/ .box_info { padding: 10px; background-color: #E8E6E0; text-align: center } .box_info p { font-size: 1em; } /* ROZNE ------------------------------------------------------------*/ .clear { clear: both; width: 1px; height: 1px; line-height: 1px; font-size: 0.01em; } .display_none { display: none; } .visibility_hidden { visibility:hidden } .information { text-align: center } .img_right { float: right; margin: 0 0 10px 10px; } .img_left { float: right; margin: 0 10px 10px 0; } .floatLeft { float: left } .floatRight { float: right } .center_text { text-align: center; } #center img.no_border { border: none; } ul.styledUl { list-style-image: url(img/li.gif) } .infoBox { text-align: center; background: #DFF2FF; border: 1px solid #71AFDA; padding: 6px; line-height: 140%; font-size: .75em; } .flusso { color: #0065a4 } .flusso:hover { color: #12355F } acronym, abbr { cursor: help }