/* Ten plik CSS nalezy do strony www.galeriael.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! */ /* Resetowanie ------------------------------------------------------------*/ * { margin: 0; padding: 0;} /* Poczatek ------------------------------------------------------------*/ body { font: normal 100% Tahoma, Verdana, Arial, sans-serif; /* 16px */ background: #525253 url(img/bg.gif); color: white;} a { color: #ef6e1a; text-decoration: none;} a:hover { color: #D82A0C; text-decoration: underline } #content a { border-bottom: 1px solid #ccc;} #content a:hover { text-decoration: none; } #content .box .boxContent a:visited { color:#a6a6a6 } a img { border: none; } #content p, #content ul, #content ol, #content dl, #content address {margin-bottom: 16px; font-size: 0.75em; /* 12px */ line-height: 1.3em; text-align: justify } ul, ol { line-height: 120% } #content ul, #content ol { margin-left: 19px; } fieldset { border: none; } form { font-family: Tahoma, Verdana, Arial, sans-serif; } h3, h4, h5, h6 { margin: 16px 0 7px; /*color: #ef6e1a;*/ color: black; font-family: Tahoma, Arial, Verdana, 'Trebuchet MS', sans-serif; } h3 {font-size: 1.13em; /*18px*/} h4 {font-size: 1.00em; /*16px*/} h5 {font-size: 0.94em; /*15px*/} h6 {font-size: 0.88em; /*14px*/} /* Glowny uklad strony ------------------------------------------------------------*/ #center, #bannerTop { width: 760px; margin: 0 auto; position: relative; } #bannerTop { width: 750px; margin-bottom: 15px; padding: 5px; background-color: black; text-align: center; } h1 {height: 84px; background: url(img/header.jpg) no-repeat; } h1 a { display: block; width: 760px; height: 84px; text-indent: -9999px; } #search { position: absolute; top: 20px; width: 200px; right: 20px; } #search legend { font-size: .75em; line-height: 1.2em; color: white; } #search input.field { border: none; background: white; padding: 2px; } #search input.button { font-size: 0.1em; max-height: 15px; height: 15px; width: 13px; border: none; background: url(img/searchButton.gif) 0 0 no-repeat; padding-top: 18px; margin-left: 5px; cursor: pointer;} #facebook { background: url(img/facebook.png) no-repeat;font-size: .75em; color: white; position: absolute; top: 35px; width: 20px; height: 20px; right: 225px; } #facebook:hover { color: #fff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #facebook a:visited { color: #fff; } #myspace { background: url(img/myspace.png) no-repeat; font-size: .75em; color: white; position: absolute; top: 35px; width: 20px; height: 20px; right: 250px; } #myspace:hover { color: #fff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #myspace a:visited { color: #fff; } /* TOP ------------------------------------------------------------*/ #underTop { height: 124px; background: white url(img/top_bg.jpg) no-repeat center right; width: 760px; } #underTop .soundlab { display: block; background: black url(img/przewodnik.gif) no-repeat center; width: 165px; height: 124px; float: left; text-indent: -9999px; } #underTop #top_flash { width: 595px; float: left; } #underTop #top_flash object { z-index: 10; } #info { height: 19px; background: url(img/info.jpg) no-repeat; padding-top: 5px; font-size: 0.68em } #info a { color: white; } #info span { display: block; float: left; padding-left: 15px; } #info span.date { width: 165px; text-align: center; padding: 0; } #container { background: white url(img/containerBg.gif) repeat-y; color: black; width: 760px; padding-bottom: 8px; } #left { float: left; width: 165px; background-color: #f6f6f6; } #right { float: left; width: 595px; padding-top: 27px; background: white url(img/right.jpg) no-repeat } #content { width: 575px; padding: 0 10px; } #content h2 { color: #d25b0e; background-color: white; border-bottom: 1px solid #d25b0e; margin-bottom: 20px; font-size: 1.37em; font-weight: normal; line-height: 1; } #content h2 a { color: #d25b0e; border: none; } /* MENU ------------------------------------------------------------*/ #menu { margin: 0; list-style-type: none; width: 165px; height: 320px; background: black url(img/menu.gif) no-repeat; padding-top: 11px; font-size: .87em} #menu li { margin: 0 18px; padding: 0; border-bottom: 1px solid #232323 } #menu li a { display: block; width: 110px; padding: 5px 0 5px 19px; color: #d0d0d0; background-repeat: no-repeat; background-position: 0 50%} #menu li a.m0 { color: #ee5a02;} #menu li a.m1 { background-image: url(img/m1.gif);} #menu li a.m2 { background-image: url(img/m2.gif);} #menu li a.m3 { background-image: url(img/m3.gif);} #menu li a.m4 { background-image: url(img/m4.gif);} #menu li a.m5 { background-image: url(img/m5.gif);} #menu li a.m6 { background-image: url(img/m6.gif);} #menu li a.m7 { background-image: url(img/m7.gif);} #menu li a.m8 { background-image: url(img/m8.gif);} #menu li a.m9 { background-image: url(img/m9.gif);} #menu li a.m10 { background-image: url(img/m10.gif);} #menu li a:hover { background-color: #555556; text-decoration: none; color: white } /* Najnowsze ------------------------------------------------------------*/ #newest { font-size: .75em; padding: 4px; width: 150px; } #newest address { font-style: normal } #newest dt { padding-left: 15px; margin-top: 15px; background: #F6F6F6 url(img/newestDt.gif) no-repeat top left; } #newest dt.first { margin: 0; } #newest dd { margin-top: 3px; padding-left: 15px; font-size: .91em; color: #656565 } #newest h4 { margin-bottom: 2px; } #sponsors { font-size: .75em; padding: 4px; width: 150px; } #sponsors dt { padding-left: 15px; margin-top: 15px; background: #F6F6F6 url(img/newestDt.gif) no-repeat top left; } #sponsors dd { margin-top: 3px; padding-left: 5px; } #buttons a { display: block; width: 165px; height: 78px; text-indent: -9999em; } #buttons .guide { background: url('img/button_guide.gif') no-repeat; } #buttons .library { background: url('img/button_library.gif') no-repeat; } /* Tresc strony, Box ------------------------------------------------------------*/ #content {color: #656565; font-family: Verdana, Tahoma, Arial, sans-serif} #content div.box { width: 575px; margin-bottom: 27px; margin-top: 0; } #content div.box h3 { color: black; font-size: 0.88em; margin-bottom: 3px; margin-top: 0; } #content div.box h3 a { color: black; border: none; } #content div.box p.titleInfo { color: #989898; font-size: .67em; margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid #ececec; } #content div.box p.titleInfo a { border: none } #content div.box .boxContent { font-size: .75em; line-height: 1.3em; text-align: justify } #content div.box .boxContent p { font-size: 1em; } #content div.box .boxContent img { float: right; padding: 2px; border: 1px solid #c4c4c4; margin: 0 0 5px 5px; } #content div.box .aktMore { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ececec; clear: both } #content div.box .aktMore p { font-size: 1em; } #content div.box p.readMore, #content div.box p.back { text-align: left; margin: 6px 0 0; } #content div.box p.readMore a, #content div.box p.readMore a:visited, #content div.box p.back a, #content div.box p.back a:visited { color: #ff5f00; font-weight: bold; font-size: 1em; } #content div.box p.readMore a:hover { color: #ef6e1a; background: white; } #content div.box p.news_with_gallery { clear: both; margin-top: 10px; background-color: white; color: black; text-align: left; padding: 4px; } #content div.box p.news_with_gallery a, #content div.box p.news_with_gallery a:visited { display: block; width: 150px; height: 46px; padding-top: 4px; padding-right: 60px; background: white url(img/news_with_gallery.jpg) no-repeat right center; border: none; color: black; } #content div.box p.news_with_gallery a:hover { color: #ED5A01; } /* Archwium ------------------------------------------------------------*/ ul#archive_files, ul#archive_files ul { list-style-type: none; margin-left: 10px; font-size: 1em; } ul#archive_files ul { margin-left: 15px; font-size: .90em } ul#archive_files span { color: #999 } /* Strona glowna ------------------------------------------------------------*/ #main { width: 570px; } #main div { width: 270px; margin: 0 auto 10px auto; border: 1px solid #e6d6d6; background-color: #f4f4f4; } #main div h3 { margin: 0 0 7px 0; height: 25px; font-size: 0.5em; text-indent: -9999px; background-repeat: no-repeat; } #main div.floatLeft, #main div.floatRight { width: 280px; } #main div.floatLeft, #main div.floatRight, #main div.clear { border: none; background: transparent; } #main div h3.wystawy { background-image: url(img/najnowsze_wystawy.jpg); } #main div h3.aktualnosci { background-image: url(img/najnowsze_aktualnosci.jpg); } #main div h3.koncerty { background-image: url(img/najnowsze_koncerty.jpg); } #main div h3.edukacja { background-image: url(img/najnowsze_edukacja.jpg); } #main div div div { margin: 0 5px 15px; border: none; font-size: .68em; width: auto; } #main div div div p { font-size: 1em; } #main div div h4 { margin: 7px 5px 4px; font-size: .81em; } /* Historia ------------------------------------------------------------*/ p.historyContent img { margin: 8px; padding: 2px; border: 1px solid #c5c5c5 } ul.historyDirectors { list-style-type: none; } ul.historyDirectors li { margin-top: 12px; } ul.historyDirectors li img { float: left; padding: 2px; border: 1px solid #c5c5c5; margin-right: 12px; } #content dl.historyBiennale { margin-top: 12px; font-size: .83em; } #content dl.historyBiennale dt { color: #ef6e1a; margin: 12px 0 6px; } #content a.zoom { background: url(img/zoom.gif) left bottom no-repeat; padding-left: 14px; border: none } #content a.save { background: url(img/save.gif) left bottom no-repeat; padding-left: 14px; border: none } #content a.english { background: url(img/english_flag.gif) left center no-repeat; padding-left: 20px; border: none } #content a.polish { background: url(img/polish_flag.gif) left center no-repeat; padding-left: 20px; border: none } /* O nas ------------------------------------------------------------*/ #content div.aboutContent p a.dyplom { display: block; float: right; width: 120px; margin-left: 10px; padding: 2px 0; text-align: center; font-size: .75em; line-height: 1em; border: 1px solid #ccc } #content div.aboutContent img { padding: 2px; border: 1px solid #c5c5c5; } #content div.aboutContent img.floatLeft {margin-right: 12px;} #content div.aboutContent img.floatRight {margin-left: 12px;} #content div.aboutContent a.noborder { border: none; } #content div.aboutContent img.noborder { border: none; } /* Linki ------------------------------------------------------------*/ dl#linki dd { margin-bottom: 12px; margin-left: 6px;} dl#linki dd a { padding-right: 10px; background: url(img/arrow.gif) white no-repeat 100% 50% } /* WYSZUKIWANIE ------------------------------------------------------------*/ #content .searchHeader { font-size: .87em; border-bottom: 1px solid #eee; margin: 0; } #content .searchHeader span { display: block; float: left; width: 20px; text-indent: -9999px; background: url(img/searchResultsHeader.gif) center no-repeat } #content .searchResults { margin-bottom: 15px; } #content .searchResults dt { margin: 7px 0 3px 0 } #content .searchResults dd { font-size: .91em; color: #898989 } /* --- Szukanie zaawansowane */ #searchAdvanced { font-size: .72em; background: url(img/searchAdvanced.jpg) right top no-repeat; margin-bottom: 10px } #searchAdvanced fieldset { border: none; border-bottom: 1px solid #eee; padding-bottom: 10px} #searchAdvanced legend { padding: 5px 0 0 380px; color: black} #searchAdvanced input { z-index: 30; border: 1px solid #ddd; color: #353535; padding: 2px; width: 150px; } #searchAdvanced select { z-index: 30; border: 1px solid #ddd; color: #353535; padding: 2px; width: 160px; } #searchAdvanced div { clear: left; display: block; text-align:left; margin: 5px 0 0; padding: 1px 3px; } #searchAdvanced div label { display: block; float: left; width: 120px; padding: 0 5px; margin: 0 0 5px 0; text-align: right; cursor: pointer; } #searchAdvanced div.buttonCont { padding-left: 135px } #searchAdvanced .button { background: black; border: 1px solid #ddd; padding: 2px; color: white; cursor: pointer; width: auto} #searchAdvanced .button:hover { color: black; background: #eee; border: 1px solid #ddd; } /* ZDJECIA ------------------------------------------------------------*/ #galList { list-style-type: none; text-align: center; width: 490px; margin: 7px auto; } #galList li { background: #f6f6f6; width: 110px; height: 110px; float: left; position: relative; margin-left: 10px; margin-bottom: 20px; } #galList li a { display: block; width: 100px; height: 100px; position: absolute; top: 5px; left: 5px; text-align: center; border: none } #galList li a:hover { background: #eee; } #content ul#galList li img { padding: 0; border: 0; } /* ZDJECIA ZOOM ------------------------------------------------------------*/ #div_background { margin: 0; padding: 0; background-color: black; z-index: 99 } #div_container { z-index: 100; position: absolute; width: 620px; padding: 10px; background: white; border: 3px solid black; text-align: center } #div_container h3 { margin: 0 0 10px 0; padding: 0 70px 10px 0; background: url(img/dots.gif) bottom repeat-x; text-align: left } #div_container #pic_menu { font-size: .81em; margin-bottom: 3px; border-bottom: 1px solid #ddd; padding-bottom: 5px; } #div_container span {padding: 0 130px; color: #777; } #div_container a, #div_container a:hover { color: black } #div_container a.disabled, #div_container a.disabled:hover { color: #777 } #div_container a.disabled:hover { text-decoration: none } #div_container #a_close { display: block; width: 80px; height: 16px; position: absolute; top: 16px; right: 10px; color: #8f8f8f; font-size: .69em; padding-right: 20px; color: red; } #div_content {position:relative ; height:50px;} #div_description { color: black; margin-top: 3px; padding: 3px 0 0; border-top: 1px solid #ddd; font-size: .75em} #gallery_info_box { background: white; color: black; width: 100px; padding: 2px; font-size: .68em; z-index: 99; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; border-top: 1px solid #eee; border-left: 1px solid #eee; } /* Biblioteka ------------------------------------------------------------*/ #nrs li { list-style-type: none; display: block; float: left; } #nrs li a.nr1 { display: block; text-indent: -9999em; width: 93px; height: 126px; background: url('img/nrs_nr1.gif') no-repeat; margin-right: 14px; } #nrs li a.nr2 { display: block; text-indent: -9999em; width: 97px; height: 126px; background: url('img/nrs_nr2.gif') no-repeat; margin-right: 14px; } #nrs li a.nr3 { display: block; text-indent: -9999em; width: 98px; height: 126px; background: url('img/nrs_nr3.gif') no-repeat; margin-right: 14px; } #nrs li a.nr4 { display: block; text-indent: -9999em; width: 101px; height: 126px; background: url('img/nrs_nr4.gif') no-repeat; margin-right: 14px; } #nrs li a.nr5 { display: block; text-indent: -9999em; width: 99px; height: 126px; background: url('img/nrs_nr5.gif') no-repeat; } #nrs li a:hover { border-bottom: 1px solid #ED5A01; } #nrs p.info { color: #6c6c6c; font-size: .62em; text-align: right; margin-right: 14px; margin-top: 5px; } #dates_list_conteiner { width: 76px; background: url('cyf_bib/dates_list_bg.gif') repeat-x; border: 1px solid #e6d6d6; margin-right: 7px; margin-top: 6px; float: left; } #dates_list_conteiner a { border: 0; } #dates_list_conteiner .up { display: block; width: 100%; height: 14px; background: url('cyf_bib/dates_list_up.gif') no-repeat center; font-size: .0001em; color: #fff; } #dates_list_conteiner .up.active { background: url('cyf_bib/dates_list_up_active.gif') no-repeat center; } #dates_list_conteiner .down { display: block; width: 100%; height: 14px; background: url('cyf_bib/dates_list_down.gif') no-repeat center; font-size: .0001em; color: #fff; } #dates_list_conteiner .down.active { background: url('cyf_bib/dates_list_down_active.gif') no-repeat center; } #dates_list_conteiner .dates_list { height: 380px; overflow: hidden; } #dates_list_conteiner ul { list-style-type: none; margin: 0; } #dates_list_conteiner ul li a { display: block; background: url('cyf_bib/dates_list_li_bg.gif') no-repeat bottom center; height: 20px; width: 76px; padding-top: 7px; text-align: center; color: #010103; } #dates_list_conteiner ul li a:hover { color: #555557; } #dates_list_conteiner ul li a.active { background: #ed5a01; color: #fff; } #dates_data { float: left; width: 480px; } #dates_data .sort { text-align: right; margin-bottom: 5px; } #dates_data .sort small { font-size: .56em; } #dates_data .sort a { color: #010103; font-weight: bold; font-size: .62em; text-decoration: none; border: none; } #dates_data .sort a.active { color: #ed5a01; font-weight: normal; font-size: .75em; } #dates_data .sort a:hover { color: #555557; } #dates_data .list ul { list-style-type: none; margin: 0; } #dates_data .list ul li { margin-bottom: 1px; } #dates_data .list ul .head { font-size: 1em; line-height: 1em; margin: 0; display: block; width: 100%; height: 20px; background: url('cyf_bib/dates_data_li_bg.gif') repeat-x; border: 1px solid #e6d6d6; padding: 4px 0px 0px 10px; color: #010103; } #dates_data .list ul .head span.title { display: block; float: left; width: 455px; } #dates_data .list ul .head span.arrow { display: block; float: left; background: url('cyf_bib/dates_data_li_ico.gif') no-repeat center; width: 10px; height: 8px; font-size: .00001em; color: #fff; margin-top: 5px; } #dates_data .list ul .head.up span.arrow { background: url('cyf_bib/dates_data_li_ico_up.gif') no-repeat center; } #dates_data .list ul .head:hover span.arrow { background: url('cyf_bib/dates_data_li_ico_hover.gif') no-repeat center; } #dates_data .list ul .head.up:hover span.arrow { background: url('cyf_bib/dates_data_li_ico_up_active.gif') no-repeat center; } #dates_data .list ul .works { border: 1px solid #e6d6d6; border-top: 0; margin: 0 2px; width: 100%; } #dates_data .list ul .works.hidden { display: none; } #dates_data .list ul .works li { display: block; float: left; margin: 7px; width: 102px; height: 102px; border: 1px solid #e0e0e0; padding: 1px; } #dates_data .list ul .works li a { display: block; width: 100px; height: 100px; border: 0; cursor: pointer; } #dates_data .list ul .works li.ico a { background: url('cyf_bib/def_ico.gif') no-repeat 73px 64px; } #dates_data .list ul .works li.doc a { background: url('cyf_bib/doc_ico.gif') no-repeat 67px 64px; } #dates_data .list ul .works li.pdf a { background: url('cyf_bib/pdf_ico.gif') no-repeat 67px 64px; } #dates_data .list ul .works li.rar a, #dates_data .list ul .works li.zip a { background: url('cyf_bib/rar_ico.gif') no-repeat 73px 64px; } #dates_data .list ul .works li a:hover { background-color: #f8f8f8 } #dates_data .list ul .works li .title { color: #010103; font-size: 1.3em; display: block; width: 81px; height: 50px; padding: 9px; } #dates_data .list ul .works li .type { font-size: 1.5em; display: block; margin-top: 7px; margin-left: 9px; margin-bottom: 2px; } #dates_data .list ul .works li .type { color: #7f7f80; } #dates_data .list ul .works li.pdf .type { color: #d91515; } #dates_data .list ul .works li.doc .type { color: #25509a; } #dates_data .list ul .works li.rar .type, #dates_data .list ul .works li.zip .type { color: #d11a79; } #dates_data .list ul .works li .type small { color: #7f7f80; font-size: .75em; } #dates_data .list ul li .readMore { margin: 0px 7px 5px 0px; text-align: right; } #dates_data .list ul li .readMore a { border: 0; } #dates_data .list h3 { margin: 7px; color: #ed5a01; } #dates_data .author_data { padding: 7px; } #dates_data .author_data .author_mini { float: right; border: 1px solid #e6d6d6; padding: 2px; margin-left: 7px; } /* FOOTER ------------------------------------------------------------*/ p.toTop { text-align: right; background-color: white; font-size: .75em; margin: 0 10px 0 300px; } p.toTop a { border: none; padding-right: 16px; background: white url(img/toTop.gif) right center no-repeat; } #footer { width: 750px; margin-bottom: 15px; background-color: #ed5a01; padding: 5px; border-top: 1px solid black; font-size: .75em; color: #f9d3a2 } #footerMenu { text-align: center; color: black; margin-bottom: 15px; } #footerMenu a { color: #f9decc } #footerMenu a:hover { color: white; } #footerLeft, #footerRight { width: 250px; font-size: .84em; } #footerLeft { float: left; } #footerRight { text-align: right; float: right } /* Strony ------------------------------------------------------------*/ p#strony { clear: both; margin: 5px 0; padding: 3px; text-align: right; border: 1px solid #ececec; border-left: none; border-right: none; color: #919191; font-size: .75em; } p#gallery_navigation { clear: both; margin: 10px 0; padding: 4px; text-align: center; border: 1px solid #ececec; border-left: none; border-right: none; color: #919191; font-size: .75em; } p#gallery_navigation a:visited { color: #ef6e1a } p#gallery_navigation span { padding: 0 20px; } p#gallery_navigation span.previous, p#gallery_navigation span.next { padding: 0; } p#gallery_image { text-align: center; } p#gallery_image img { float: none } /* Ankieta ------------------------------------------------------------*/ p.ankieta { margin-left: 5px; } #odpowiedz { margin-left: 20px; margin-top: 0px; margin-bottom: 20px;} /* Rozne ------------------------------------------------------------*/ .clear { clear: both; width: 1px; height: 1px; line-height: 1px} .disnone { display: none; } .vishidden { visibility:hidden } .information { text-align: center } .floatLeft { float: left } .floatRight { float: right } #content .center_text { text-align: center; } 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 { padding: 1px; color: white } .flusso:hover { color: #12355F }