/* style.php - zamieniamy style ;) */ * { margin: 0; padding: 0; outline: 0 } body { font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; color: #5B5B5B; margin: 0; padding: 20px 0; background: #f3f3f3; text-align: center;} /* Linki */ a, a:active, a:link { text-decoration: none; color: #006193; } a:visited { text-decoration: none;} a:hover { color: #fc4; border-bottom: 1px dotted #fc8;} /* Nag?ówki */ h1 { font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; color: #ABABAB; font-size: 2em; font-weight: normal; letter-spacing: -2px; padding: 10px 10px 5px 10px; } h2 { font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; color: #ABABAB; font-size: 1.7em; color: #895F30; padding: 10px 10px 5px 10px; } h3 { font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; color: #ABABAB; font-size: 1.4em; font-weight: normal; padding: 10px 10px 5px 10px; } h4 { font-size: 9pt; } /* Akapit */ p, dl { padding: 10px; margin: 0;} /* Listy */ ul, ol { margin: 10px 10px; padding: 0 10px;} /* Definicje */ dt { font-weight: bold; color: #aaa; padding-left: 5px;} dd { padding-left: 25px;} /* Obrazki */ img { background: none; border: none; vertical-align: middle;} img.po-prawej { margin: 5px 0px 10px 10px;} img.po-lewej { margin: 5px 10px 10px 0px;} code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ; background: #eee;} acronym { cursor: help; border-bottom: 1px dotted #5B5B5B;} blockquote { margin: 15px 10px; padding: 10px 10px 10px 40px; background: #eee url(Common/quote.jpg) no-repeat 10px 10px; font-weight: normal; font-size: 11px; font-style: italic; font-family: Georgia, Times, serif; color:#aaa;} /* Tabelki */ table { margin: 15px 10px; border-collapse: collapse; font-size: 9pt; } th { color: #f60; padding: 5px 12px; text-align: left; font: bold 9pt; border-bottom: 1px solid #fec; } th a, th a:active, th a:link, th a:visited { color: #fa0; } tr { color: #5b5b5b; } td { padding: 2px 10px; border: none; } /* Formatki */ form { margin: 20px 10px; padding: 5px 10px 20px 10px; border: 1px solid #eee; text-align: center; } label { display: block; font-weight: bold; margin: 8px 0; color: #fff; } input, select, textarea { padding: 5px 4px; font: normal 1em Verdana, Tahoma, sans-serif; color: #6A6969; background: #f3f3f3; border: 1px solid #eee; } textarea { width: 400px; height: 100px; display: block; } input.button { font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #333; background: #eee; border-width: 1px; border-style: solid; border-color: #1c1c1c; } /* Szukajki */ .searchform { background-color: transparent; border: none; margin: 0; padding: 20px 0 15px 8px; width: 270px;} .searchform p { margin: 0; padding: 0 0 10px 0;} .searchform input.textbox { width: 185px; height: 24px; padding: 2px; vertical-align: top;} .searchform input.button { width: 60px; height: 24px; padding: 2px 5px; vertical-align: top;} /* Div'y */ #wrap { position: relative; width: 980px; margin: 0 auto; text-align: left;} #content-wrap { position: relative; clear: both; width: 980px; padding: 0; margin-left: 5px; background: #fff; float: left; display: inline; z-index:4; } #header { position: relative; width: 980px; height: 64px; margin-left: 5px; padding: 0; background: url(New/Orange/header.png) no-repeat; z-index: 6; } #topbar { position: absolute; top: 5px; right: 0; padding: 0; margin: 0 5px 0 0; border: none; width: 400px; height: 30px; text-align: right; z-index: 9999; font-size: 9pt; } /* Szybkie Logowanie */ #header form#szybkie-logowanie { position: absolute; top: 5px; right: 0; padding: 0; margin: 0 5px 0 0; border: none; width: 262px; height: 30px; background: url(Common/szybkielogowanie.png) no-repeat; z-index: 9999; text-align: left;} #header form#szybkie-logowanie p { margin: 0; padding: 0; } #header form#szybkie-logowanie .tbox { margin: 2px 0 0 5px; width: 108px; background: none; border: none;} #header form#szybkie-logowanie label{ display: none;} #header form#szybkie-logowanie .btn { display: none;} #header .zalogowany-jako { color: #ffe; font-size: 8pt; } /* Kolumna G?ówna */ #main { float: left; width: 650px; padding: 0; margin: 0; display: inline; z-index: 5; } #main h2 { padding-bottom: 3px; margin-top: 10px; font: normal 2em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; color: #aaa; letter-spacing: -1.2px; text-transform: none; } #main h2 a { color: #aaa; text-decoration: none; border: none; } ul li { list-style-image: url(bullet.gif); } /* Strona u?ytkownika i inne takie na ca?š stron? */ #userpage { width: 980px; background: url(New/Orange/userpage.png); height: 180px; padding: 10px; } .userpage-c1 { width: 300px; padding: 0 0 30px 0;} .userpage-c2 { width: 300px; padding: 0 20px 30px 20px;} .userpage-c3 { width: 300px; padding: 0 0 30px 20px;} .userpage-item { width: 300px; border-bottom: 1px dotted #fa8; padding: 7px;} .userpage-sidebar { position: relative; top: 165px;} img.userpage-flag { border-width: 1px; border-style: solid; border-color: #eee; vertical-align: top; } /* Sidebar */ #sidebar { float: right; width: 260px; padding: 0; margin: 25px 0 0 0; display: inline; z-index: 5; } #sidebar h3 { margin-top: 10px; padding: 15px 5px 10px 5px; font: normal 1.3em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; background: url(Common/footer-top.jpg) no-repeat center bottom; color: #0f0f0f; } #sidebar ul.sidemenu { text-align: left; margin: 7px 5px 8px 0px; padding: 0; } #sidebar ul.sidemenu li { list-style: none; padding: 8px 10px; margin: 0; border-bottom: 1px solid #eee;} * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; border: none; color: #5d5d5d; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; font-size: 12px; /* letter-spacing: .5px; */} #sidebar ul.sidemenu li a span { color: #444; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: normal; font-size: 10px;} #sidebar ul.sidemenu li a:hover, #sidebar ul.sidemenu li a:hover span { color: #888;} #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0;} #sidebar ul.sidemenu ul li { border: none;} #sidebar td { border-width: 0px;} /* Stopka */ #footer-wrap { position: relative; clear: both; padding: 15px 10px 60px 10px; font: normal 1em 'Trebuchet MS', Tahoma, sans-serif; color: #666; width: 960px; display: block; } #footer-wrap small { color: #ddd; } #footer-wrap #footer-links { float:right; } #footer-wrap #footer-links a { text-decoration: none; text-decoration: dotted 1px #997; color: #997; } /* metadata Postów etc. */ .metadata { padding: 7px 5px; margin: 20px 10px 15px 10px; font-size: 1em; color: #545454; border: 1px solid #eee;} .metadata .data{ margin: 0 10px 0 5px;} .metadata a.komentarze { margin: 0 10px 0 5px;} .metadata a.czytaj-wiecej { margin: 0 10px 0 5px;} /* Wyrównanie */ .po-lewej { float: left;} .po-prawej { float: right;} .do-lewej { text-align: left;} .do-prawej { text-align: right;} /* Sposoby wy?wietlania */ .clearer { clear: both; background: transparent;} .clear { display:inline-block;} .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; } /* Zdarzenia */ li.zdarzenia-lista-1 { list-style-image: url(Common/Silk/bullet_red.gif); font-weight: normal;} li.zdarzenia-lista-2 { list-style-image: url(Common/Silk/bullet_orange.gif); font-weight: normal;} li.zdarzenia-lista-3 { list-style-image: url(Common/Silk/bullet_blue.gif); font-weight: normal;} .zdarzenia h4 { border-bottom: 1px solid #eee; height: 23px; padding-top: 8px;} /* Komentarze, Opisy, Zdj?cia */ .komentarz { background: #f2f2f2; margin: 20px; padding: 10px;} .opis { background: #fafafa; margin: 20px; padding: 10px;} div.zdjecie { margin: 5px; width: 500px; position: relative; top: -20px; left: -20px; } img.zdjecie { margin: none; width: 500px; position: relative; top: 20px; left: 20px; } .male-zdjecie { margin: 5px; width: 400px;} /* miniaturka (np. na forach) */ .gallery_thumb { max-width: 100px; max-height: 100px; } .gallery_thumb_wrap { text-align: center; overflow: auto; width: 120px; height: 120px; padding: 5px; } .gallery_thumb_wrap a { font-size: 80%; font-weight: bolder; } /* Nowa wersja mini */ .thumb-img { width: 70px; height: 70px; } .thumb-img-wrap { width: 70px; height: 69px; float: left; } .thumb-top { height: 70px; } .thumb-center { height: 40px; } .thumb-icn-wrap { width: 47px; height: 70px; float: right; } .thumb-icn-item { height: 20px; width: 100%; background: #fafafa; border-top: 1px dotted #fff; font-size: 7pt; } .thumb-wrap { text-align: left; width: 128px; height: 128px; padding: 3px; border: 2px solid #eee; margin: 0; } .thumb-btn { width: 130px; height: 20px; padding: 2px; border-top: 1px solid #eee; } .thumb-wrap a { font-size: 80%; font-weight: bolder; } /* Menu poziome */ ul.top_menu, ul.top_menu li { display: block; list-style: none; margin: 0; padding: 0; z-index:100; } ul.top_menu li { float: left; display: inline; border-width: 0 0 0 1px; border-style: solid; border-color: transparent #fc4; } ul.top_menu a:link, ul.top_menu a:visited { text-decoration: none; display: block; text-align: center; padding: 3px 10px; font-weight: bold; background-color: #fa0; color: #fafafa; border-top: 0; } ul.top_menu a:hover { background-color: #fb2; color: #fff; } ul.top_menu a.zaznaczone { background-color: #fb2; color: #fff; } div#menu { height: 30px; width: 700px; position: absolute; top: 39px; right: 3px; } /* podmenu */ /* hide the sub levels and give them a positon absolute so that they take up no room */ ul.top_menu li ul.sub_active { display:none; position:absolute; top:14px; width:200px; z-index:10000; } ul.top_menu li ul.sub { display:none; position:absolute; top:14px; width:200px; z-index:10001; } /* make the second level visible when hover on first level list OR link */ ul.top_menu li:hover ul.sub, ul.top_menu a:hover ul.sub, ul.top_menu li:hover ul.sub_active, ul.top_menu a:hover ul.sub_active{ display: block; z-index:10002;} ul.top_menu li ul li { position:relative; left:-20px; z-index:10003;} ul.top_menu li ul li a:link, ul.top_menu li ul li a:visited { text-decoration: none; display: block; width: 200px; text-align: center; padding: 5px 0; font-weight: bold; background-color: #fa0; color: #fafafa; border: 0; z-index:10004;} ul.top_menu li ul li a:hover { background-color: #fb2; color: #fff; z-index:10005;} /* ?cie?ka (np. fora) */ .breadcrumb { font-weight: bold; font-family: "Trebuchet MS", sans-serif;} .breadcrumb a { font-weight: bold; font-family: "Trebuchet MS", sans-serif; text-decoration: none;} /* Poczta */ .poczta-w-tabela { width: 100%;} .poczta-w-tabela td { border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px dotted #eee; border-right: 1px dotted #eee; padding: 4px; } .poczta-pole { width: 540px;} .poczta-wiad-tabela { width: 100%;} .poczta-wiad-mini { border: 1px dotted #eee; width: 120px;} .poczta-wiad-post { border: 1px dotted #eee; vertical-align: top; padding: 3px;} /* Obserwowane */ .old-observed { width: 100%;} .old-observed td { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; border-left: none; border-right: none; padding: 4px; } /* pozioma linia */ hr { border: 0px; background-color: #eee; height: 1px; outline: 0px; padding: 0px; } /* PogAds */ .ad_headline13211 { font: bold 10pt arial; text-decoration: none; color: #f50; } .ad_text13211 { font: normal 10pt arial; width: 210px; text-decoration: none; color: #333; } .ad_table13211 { border: 0px solid; border-color: #fff; background: #fff; } .ad_adv13211 { border: 0px; font: normal 10pt arial; } .ad_link13211 { font: normal 10pt arial; text-decoration: none; color: #f50; float: right; } /* dziękujemy za wytrwanie do końca xD */