/* CSS by Krzysztof Wolniak WWW: http://wolniak.org (c) All rights reserved */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 12:30:10 PM America/New_York */ @font-face { font-family: 'MidoMedium'; src: url('fonts/Mido-webfont.eot'); src: local('☺'), url('fonts/Mido-webfont.woff') format('woff'), url('fonts/Mido-webfont.ttf') format('truetype'), url('fonts/Mido-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } body { font: 0.75em/1.8 "Trebuchet MS", Georgia, Helvetica, Arial, sans-serif; background: #fff url(../gfx/bg_fixed.jpg) no-repeat fixed 0 0; color: #3e3e3e; } h2, h3 { color: #67706e; } h3 { font-size: 1.5em; font-weight: normal; } acronym { cursor: help; border-bottom: 1px dotted black; } img.left { float: left; margin: 0 1em 1em 0; } img.right { float: right; margin: 0 0 1em 1em; } img.center { display: block; text-align: center; margin: 1em 0; } a:link, a:visited { color: #0d5373; } a:hover, a:active { text-decoration: none; } /*** Header ***/ #header { margin-bottom: 3em; padding-bottom: 2em; border-bottom: 1px solid #fff; } #welcome { color: #666; } #welcome h1 { margin: 0 0 0.1em -0.4em; line-height: 125px; font-size: 4.5em; font-family: MidoMedium, serif; } #welcome h1 a { color: #666; text-decoration: none; } #welcome h1 a:hover { opacity: 0.6; } #welcome span { color: #ccc; } #welcome p { font-size: 1.5em; font-weight: normal; font-style: normal; } #welcome strong { color: #333; } /* Header Menu */ #nav { margin: 0 0 1em 0; width: 340px; height: 48px; font: bold 1.3em/48px Arial, Tahoma, sans-serif; color: #4e6965; letter-spacing: -1px; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.3); -moz-box-shadow: #BFBFBF 0px 0px 8px; -webkit-box-shadow: #BFBFBF 0px 0px 8px; box-shadow: #BFBFBF 0px 0px 8px; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-radius: 0 0 12px 12px; } #nav a:link, #nav a:visited { color: #4e6965; text-decoration: none; } #nav a:hover, #nav a:active { color: #529cb2; border-bottom: 2px solid; } #nav ul { overflow: hidden; margin: 0; list-style-type: none; } #nav li { display: inline; float: left; margin: 0 0 0 28px; } /* Header Info Box */ #info { font-size: 0.92em; text-align: justify; background-color: rgb(215, 224, 224); background-color: rgba(255, 255, 255, 0.4); -moz-box-shadow: #BFBFBF 0px 0px 8px; -webkit-box-shadow: #BFBFBF 0px 0px 8px; box-shadow: #BFBFBF 0px 0px 8px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } #info ul { list-style-type: none; } #info ul span { margin: 0 0.8em 0 0; text-transform: uppercase; color: #627e7a; font-weight: bold; } #info p { margin: 0; } /*** Content ***/ #content { overflow: hidden; width: 960px; } #content li { padding-left: 15px; background: url(../gfx/ico/li.png) no-repeat left center; } /* Latest Work */ #works { overflow: hidden; } #works li { background: none; padding-left: 0; } .work { position: relative; margin-bottom: 2em; min-height: 320px; color: #4e4d4d; } .work img:hover { opacity: 0.5; } .work ul { list-style-type: none; padding: 0; margin: .6em .4em 1.4em; } .work ul span { margin: 0 0.4em 0 0; text-transform: uppercase; font-weight: bold; } a.see_online:link, a.see_online:visited { position: absolute; bottom: 0; padding: .5em 1em; background: #CBD5D4; text-transform: uppercase; color: #0d5373; font-size: .9em; font-weight: bold; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } a.see_online:hover, a.see_online:active { opacity: .6; text-decoration: none; } /* Kontakt */ #kontakt li { background: none; padding-left: 0; } /* O mnie */ #omnie #sidebar ul { margin-left: 0; } /*** Sidebar ***/ /* Mapa */ #mapa { text-align: center; } #mapa iframe { margin: 0 0 .8em; border: 5px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 2em #67706E; -webkit-box-shadow: 0 0 2em #67706E; box-shadow: 0 0 2em #67706E; } /* Contact info */ #contact_info { margin: 3em 0 0 2.5em; } #contact_info li { float: left; margin: 0 0 .3em; width: 50%; } #contact_info span { display: block; font-weight: bold; } /*** Footer ***/ #footer { margin: 3.5em 0 1em; width: 960px; } #footer h3 { margin-bottom: 0.5em; padding-bottom: 0.4em; color: #67706e; word-spacing: .4em; border-bottom: 1px solid #EFEFEF; } #about_me_footer { overflow: hidden; margin: 0 0 1em; padding: 1em 0; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .4); -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } #about_me_footer ul { margin: 0; } .browser a, .me_in_site a { display: block; padding-left: 3.2em; line-height: 3em; } /* Formularz */ label { margin-left: 4px; color: #333; cursor: pointer; } textarea, input[type="text"], input[type="submit"] { display: block; margin: 1em 0; padding: 6px 6px 0; border: 1px solid #d1d8d7; color: #67706E; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .3); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 .3em #ccc; -webkit-box-shadow: 0 0 .5em #ccc; box-shadow: 0 0 .5em #ccc; } input[type="text"] { width: 60%; height: 24px; } textarea { width: 85%; max-width: 85%; height: 9em; } input[type="submit"] { padding: .5em 1em; text-transform: uppercase; color: #0d5373; font-size: .9em; font-weight: bold; } input[type="submit"]:hover { opacity: .7; } textarea:focus, input[type="text"]:focus, input[type="submit"]:focus { background: rgba(255, 250, 115, .3); } /* Ja w sieci Box */ .twitter a { background: transparent url(../gfx/ico/ico_twitter.png) no-repeat 0 50%; } .blip a { background: transparent url(../gfx/ico/ico_blip.png) no-repeat 0 50%; } .rss a { background: transparent url(../gfx/ico/ico_rss.png) no-repeat 0 50%; } .kohana a { background: transparent url(../gfx/ico/ico_kohana.png) no-repeat 0 50%; } .facebook a { background: transparent url(../gfx/ico/ico24_facebook.png) no-repeat 0 50%; } .lastfm a { background: transparent url(../gfx/ico/ico24_lastfm.png) no-repeat 0 50%; } /* Polecane Przegladarki */ .firefox a { background: transparent url(../gfx/ico/ico24_firefox.png) no-repeat 0 50%; } .chrome a { background: transparent url(../gfx/ico/ico24_chrome.png) no-repeat 0 50%; } .safari a { background: transparent url(../gfx/ico/ico24_safari.png) no-repeat 0 50%; } .copyright { color: #7F7F7F; font-weight: bold; font-size: 0.9em; } /* Blip Box Statutes */ .blip_status h3 { padding-left: 60px; text-indent: -9999px; background: url(../gfx/ico/ico50_blip.png) no-repeat 0 0; } .blip_status ol { margin: .5em 0 0; } .blip_status li { margin: 0; padding: .5em 0; border-top: 1px solid #EFEFEF; } .blip_status .create_date { color: #0D5373; font-style: italic; font-weight: bold; } /*** Klasy porzadkowe ***/ .browser p, .me_in_site p, .blip_status p { margin-bottom: .5em; } .nick { font-style: italic; } .inner { padding: 1.5em; } .defcur { cursor: default; }