/******************************************** AUTHOR: Jiří Černý E-MAIL: Tvorbawebu@email.cz WEBSITE: http://www.tukni.cz/ *******************************************/ /* Top Elements */ * { margin: 0; padding: 0; } body {background: #e9e8e6 url(../img/body-bg.png);font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;color: #000;text-align: center;} /* links */ a, a:visited {text-decoration: none;color: #33a9d5;} a:hover {text-decoration: underline;color:#000;} a.big{color:#FFF;background: #35addb;float:left;width: 680px;padding: 10px 0;margin: 5px 0 0 0;text-align:center;font-size: 15px;} /* headers */ h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;} h1 {font-size: 24px;font-family: Georgia;font-weight:normal;color:#0093cb; text-shadow: 1px 1px #FFF;} h2 {font-size: 130%;color: #0093CB;} h3 {font-size: 110%;color: #666666;} /* images */ img {border: 0;} h1, h2, h3, p {padding: 10px; margin: 0;} ul, ol {margin: 5px 20px;padding: 0 20px;color: #000;} ul li ul li{list-style:none;} /******************************************** LAYOUT ********************************************/ #wrap {width: 950px;margin: 0 auto;text-align: left;} #content-wrap {clear: both;width: 950px;padding: 0;margin: 0 auto;} #header {width: 100%;height: 71px;background: #000 url(../img/header-bg.png) repeat-x center top;padding: 0;} #header .content{width: 950px;margin: 0 auto;position: relative;font-size: 14px;color: #FFF;} #header .content .logo {position: absolute;top: 18px; left:0;} #header .content .logo a, #header .logo span {display: block;float:left;width: 202px;height: 38px;color: #000;text-align:center;font-size: 10px;} #header .content .logo a {position: relative;text-align:left;} #header .content .logo a:hover{text-decoration:none;} #header .content .logo span {position: absolute;top: 0; left: 0;cursor: pointer;} #header .content .logo a span {background: url(../img/logo.png) left center no-repeat;} /* Menu */ #header .content #menu {clear: both;margin: 0; padding: 0;font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;position: absolute;top: 25px; right:0;} #header .content #menu ul {float: left;list-style: none;margin:0; padding: 0;} #header .content #menu ul li {display: inline;position:relative;float:left;} #header .content #menu ul li a {display: block;float: left;padding: 0;margin: 0 0 0 30px;color: #000;text-decoration: none;font-size: 0px;} #header .content #menu ul li a.uvod{background: url(../img/menu.png) no-repeat left top;width: 37px;height:16px;} #header .content #menu ul li a.o-me{background: url(../img/menu.png) no-repeat -47px top;width: 39px;height:16px;} #header .content #menu ul li a.me-prace{background: url(../img/menu.png) no-repeat -96px top;width: 68px;height:22px;} #header .content #menu ul li a.archiv{background: url(../img/menu.png) no-repeat -173px top;width: 45px;height:16px;} #header .content #menu ul li a.kontakt{background: url(../img/menu.png) no-repeat -228px top;width: 54px;height:16px;} #header .content #menu ul li a.admin{background: url(../img/menu.png) no-repeat -294px top;width: 55px;height:24px;} #header .content #menu ul li a:hover.uvod{background: url(../img/menu.png) no-repeat left -22px;width: 37px;height:16px;} #header .content #menu ul li a:hover.o-me{background: url(../img/menu.png) no-repeat -47px -22px;width: 39px;height:16px;} #header .content #menu ul li a:hover.me-prace{background: url(../img/menu.png) no-repeat -96px -22px;width: 68px;height:22px;} #header .content #menu ul li a:hover.archiv{background: url(../img/menu.png) no-repeat -173px -22px;width: 45px;height:16px;} #header .content #menu ul li a:hover.kontakt{background: url(../img/menu.png) no-repeat -228px -22px;width: 54px;height:16px;} #header .content #menu ul li a:hover.admin{background: url(../img/menu.png) no-repeat -294px -22px;width: 55px;height:24px;} #header .content #menu ul li.cur_uvod a{background: url(../img/menu.png) no-repeat left -43px;width: 37px;height:21px;} #header .content #menu ul li.cur_o-me a{background: url(../img/menu.png) no-repeat -47px -43px;width: 39px;height:21px;} #header .content #menu ul li.cur_me-prace a{background: url(../img/menu.png) no-repeat -96px -43px;width: 68px;height:21px;} #header .content #menu ul li.cur_archiv a{background: url(../img/menu.png) no-repeat -175px -43px;width: 45px;height:21px;} #header .content #menu ul li.cur_kontakt a{background: url(../img/menu.png) no-repeat -228px -43px;width: 54px;height:21px;} #header .content #menu ul li.cur_admin a{background: url(../img/menu.png) no-repeat -294px -43px;width: 55px;height:24px;} #header .content #menu ul li a:hover {color: #000;} #header .content #menu ul li ul {display:none;} #header .content #menu ul li:hover ul {z-index: 10000; display:block; position:absolute;top: 22px;left: 25px;border: solid #333; border-width:0 2px 2px 2px;background:#FFF;padding: 0 5px;} #header .content #menu ul li:hover ul li {display:block; float:none;width: 150px;height: 26px;border-bottom: 1px dotted #999;} #header .content #menu ul li:hover ul li a {color:#333;font-size: 11px;padding: 0;margin:0;font-weight:normal;background:none;width: 150px;text-align:left;} #header .content #menu ul li:hover ul li a:hover {text-decoration: underline;color:#000;} #header .content #menu ul li:hover ul li a img{margin-bottom: -3px;} /* Main Column */ #main {float: left;width: 680px;padding: 0; margin: 0;font-size: 12px;} #main h1 a, #main h1 {font: normal 24px Georgia;color: #000;padding: 0;} #main p{padding:5px 0;} #main .article{background: #FFF;padding: 15px;clear:both;margin: 10px 0;background: #FFF url(../img/main-article-bg.png) repeat-x center top;border: 1px solid #bfbebd;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} #main .article .info{color:#ababab;font-size: 9px;} #main .article .info a, #main .article .info span{color: #5f5f5f;} #main .article a.next{font-size: 16px;} #main .comment{background: #f8f8f8;border: 1px dashed #E7E7E7;margin: 10px 0;padding: 10px;} #main .comment img.gravatar{float:left;width: 40px; margin: 0 5px 5px 0;} #main .comment .info .datum{color:#a6a6a6;font-size: 10px;} #main .comment .info{color:#000;font-size: 13px;} #main .comment .info a{color:#3489FF;} /* Sidebar */ #sidebar {float: right;width: 251px;padding: 0; margin: 0;} #sidebar h1 {font: normal 21px Georgia;color: #000;padding: 0;} #sidebar .left-box {background: #FFF;padding: 15px;clear:both;margin: 10px 0;position: relative;background: #FFF url(../img/main-article-bg.png) repeat-x center top;border: 1px solid #bfbebd;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} #sidebar .left-box h1.bg{background: url(../img/sidebar-h1-bg.png) no-repeat;padding: 5px 0 0 15px;width: 247px;height:40px;color:#FFF;text-shadow: 1px 1px #00366b;position:absolute;top:15px;left:0;} #sidebar ul.sidemenu {list-style: none;text-align: left;margin: 50px 0 0 0; padding: 0;text-decoration: none;} #sidebar ul.sidemenu li {margin: 0 2px;} #sidebar ul.sidemenu li a {font-size: 13px;float:left;text-decoration: none;clear:both;padding: 7px 10px;background: #d9eff7;width: 198px;margin: 5px 0 0 0;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} #sidebar ul.sidemenu li a:hover{background: #35addb;color:#FFF;} #sidebar ul.sidemenu li.current a{background: #35addb;color:#FFF;} #sidebar ul.sidemenu li ul{padding:0;} #sidebar ul.sidemenu li ul li{list-style:none;} #sidebar ul.sidemenu li ul li a, #sidebar ul.sidemenu li.current ul li a{width: 175px;padding: 5px 10px;background: none;color:#624333;} #sidebar ul.sidemenu li ul li a:hover{background: #f2f2ee;color:#624333;} #sidebar ul.sidemenu li ul li.current a{background: #f2f2ee;color:#624333;} /* Footer */ #footer {color: #FFF;background: #333 url(../img/footer-bg.png);clear: both;width: 100%;text-align:left;} #footer .head .content, #footer .content, #footer .foot .content {width: 950px;margin: 0 auto;} #footer .column1{width: 300px;float:left;} #footer .column2{width: 300px;float:left;margin:0 20px;} #footer .column3{width: 300px;float:right;} #footer .column1 h1, #footer .column2 h1, #footer .column3 h1{font-family: Georgia;font-weight:normal;font-size: 20px;text-shadow: 1px 1px #000;padding: 10px 0;} #footer .column1 ul, #footer .column2 ul, #footer .column3 ul{margin: 10px 0 10px 0;padding: 0;} #footer .column1 ul li, #footer .column2 ul li, #footer .column3 ul li{background: url(../img/footer-list-style.png) no-repeat left 12px;border-bottom: 1px dotted #343434;padding: 7px 0 7px 13px;list-style:none;} #footer .column1 ul li a, #footer .column2 ul li a, #footer .column3 ul li a{color:#969696;font-size: 12px;} #footer .head {background: #000 url(../img/footer-head-bg.png) repeat-x;width: 100%;height: 52px;} #footer .head .content ul {float: right;list-style: none;margin: 15px 0 0 0; padding: 0;font-size: 14px;} #footer .head .content ul li {display: inline;} #footer .head .content ul li a {display: block;float: left;padding: 0 15px;color: #FFF;text-decoration: none;} #footer .head .content ul li a:hover {color: #3096bc;} #footer .head .content ul li.current a {color: #3096bc;text-decoration: underline;} #footer .foot {clear:both;background: #000 url(../img/footer-foot-bg.png) repeat-x;width: 100%;height: 18px;font-size: 13px;padding: 17px 0;} #footer .foot a{color: #777;} /* Navigation */ .PagerClass{clear:both;width: 99%;padding: 5px;margin: 10px 0;} .PagerClass a{background: #FFF url(../img/pager-bg.png) repeat-x;border: 1px solid #d8cfcf;padding:2px 4px;color:#5b5757;} .PagerClass a:hover{border:1px solid #007eb9;background:#FFF;text-decoration: none;} /* Formuláře */ .formular label{float:left;clear:both;margin: 5px 0;color:#464646;font-size: 15px;} .formular input[type=text]{border: 1px solid #c2c2c2;color:#464646;background: #f6f6f6;padding: 5px 10px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .formular input[type=text].big{font-size: 18px;} .formular input[type=submit], .logform input[type=submit], .formular_comment input[type=submit] {font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;text-decoration: none;font-size: 13px !important;line-height: 16px;padding: 2px 8px;cursor: pointer;border: 1px solid #bbb;text-shadow: rgba(255,255,255,1) 0 1px 0;margin: 10px 0;background: #FFF url(../img/pager-bg.png) repeat-x center bottom;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .formular input[type=submit]:hover, .logform input[type=submit]:hover, .formular_comment input[type=submit]:hover{border:1px solid #666;} .formular .info{color:#ADADAD;font-size: 10px;} .formular li{list-style:none;} .formular .editor { padding:5px;clear:both; background-color:#FFF;} .formular .editor .funkce {height:23px;padding: 5px 5px 0 5px;} .formular .editor .funkce div { float:left; width:30px; height:20px; cursor:pointer; margin:0 1px 0 0;} .formular .editor .funkce div:hover { background-position: right -20px;} .formular .editor textarea { padding: 5px;width:632px; height:400px; float:none; clear:both; background-color:#FFF; border:2px #CCCCCC solid; overflow:auto;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .formular .editor .b_bold { background:url("../img/ico/editor/b_bold.png");} .formular .editor .b_italic { background:url("../img/ico/editor/b_italic.png");} .formular .editor .b_underline { background:url("../img/ico/editor/b_underline.png");} .formular .editor .b_stroke { background:url("../img/ico/editor/b_stroke.png");} .formular .editor .b_list { background:url("../img/ico/editor/b_list.png") no-repeat right top; padding: 0 0 0 10px;} .formular .editor .b_align_left { background:url("../img/ico/editor/b_align_left.png") no-repeat right top; padding: 0 0 0 10px;} .formular .editor .b_align_center { background:url("../img/ico/editor/b_align_center.png");} .formular .editor .b_align_right { background:url("../img/ico/editor/b_align_right.png");} .formular .editor .b_align_justify { background:url("../img/ico/editor/b_align_justify.png");} .formular .editor .b_url { background:url("../img/ico/editor/b_url.png") no-repeat right top; padding: 0 0 0 10px;} .formular .editor .b_font_color { background:url("../img/ico/editor/b_font_color.png");} .formular .editor .b_back_text { background:url("../img/ico/editor/b_back_text.png");} .formular .editor .b_font_size { background:url("../img/ico/editor/b_size.png") no-repeat right top; padding: 0 0 0 10px;} .formular .editor .b_code { background:url("../img/ico/editor/b_code.png");} .logform{background:#FFF;padding: 15px;width: 500px;margin: 20px auto;border: 1px solid #bfbebd;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .logform .blue_box{padding: 15px;margin: 10px 0 0 0;background: #e2f0f9;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .logform .blue_box span.input{background:#d0e5f2;padding: 11px 5px;margin: 50px 0;clear:both;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .logform .blue_box span.input input{font: bold 15px Helvetica, Arial, Verdana, sans-serif;padding: 4px;width: 94%;background:#FFF;border:1px solid #9fbbcd;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .logform .blue_box span.input input.password{width: 50%;} .logform .blue_box dt{float:left;width: 30%;height: 40px;font-size: 13px;text-align:right;padding: 5px 0;} .logform .blue_box dd{float:right;text-align:left;width: 65%;height: 50px;} .formular_comment{border: 1px solid #E7E7E7;background:#F8F8F8;margin: 10px 0;padding: 15px;} .formular_comment .tright{width: 15%;text-align:right;vertical-align:top;padding: 7px 10px 0 0;} .formular_comment .pridat-input input { background-color:#fff; padding:2px 5px;margin: 5px 0;color:#474747; border:1px solid #e7e7e7;} .formular_comment .pridat textarea { line-height:1.4em; font-size:1em; border:1px solid #e7e7e7; } .formular2 td {padding:0 3px;color:#000;font-size: 110%;} .formular2 {margin:5px 0;padding:0 5px;} .formular2 .submit {margin:8px 14px;padding:3px 15px;color:#fff;font-weight:bold;background:#639ec8;border:1px solid #5b96bf;cursor:pointer;} .formular2 fieldset {margin-top:15px;padding:0 10px 10px 10px;color:#000;background:#eff4f7;border:1px solid #a5c6ea;border-top:3px solid #a5c6ea;} .formular2 legend {padding:2px 8px;color:#639ec8;font-weight:bold;background:#f8fafb;border:1px solid #a5c6ea;} .formular2 label {padding:6px 15px 6px 5px;} .formular2 input {padding:2px;font-size:1em;color:#000;border:1px solid #a5c6ea;background:#fff url(../img/input-back.gif) repeat-x top;} .formular2 select {font-size:1em;color:#000;background:#fff;} .formular2 textarea {border:1px solid #a5c6ea;background:#fff url(../img/input-back.gif) repeat-x top;} .formular2 table {margin-top:8px;color:#999} .formular2 td {padding:2px 10px;vertical-align:top;} .formular2 td td {padding:2px 0;} /* Výpis do tabulky */ table.vypis{border: 1px solid #e5e5e5;margin: 10px 0;} .vypis tr td{border-bottom: 1px solid #e5e5e5;padding: 7px 2px;} .vypis tr:hover{background: #FEFEC6;} .vypis tr th{background: #F9F9F9;border-bottom: 1px solid #e5e5e5;padding: 10px 2px;} /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .mar0auto{margin: 0 auto;} /* display and additional classes */ .clear { clear: both; } .no-disp{display: none;} .small{font-size: 11px;} .hlaska{color:green;font-weight:bolder;text-align:center;} .hlaska2{color:#cc0000;font-weight:bolder;text-align:center;} .notice2{color:#cc0000;border: 2px solid #de9b9b;background:#f3d3d3 url(../img/ico/delete.png) no-repeat 10px center;font-weight:bolder;text-align:left;height: 30px;padding: 11px 20px 0 50px;} .martop15px{margin: 15px 0 0 0;} .c007d64{color:#007d64;} .info{color:#ADADAD;font-size: 10px;} /* Bookmarks */ a.facebook{background:url(../img/ico/social/facebook.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.twitter{background:url(../img/ico/social/twitter.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.delicious{background:url(../img/ico/social/delicious.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.stumpleupon{background:url(../img/ico/social/stumpleupon.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.digg{background:url(../img/ico/social/digg.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.jagg{background:url(../img/ico/social/jagg.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.linkuj{background:url(../img/ico/social/linkuj.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.vybralisme{background:url(../img/ico/social/vybralisme.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} a.rss{background:url(../img/ico/social/rss.png) no-repeat;width: 32px;height:32px;float:left;margin: 10px 2px 0 2px;} /*----------------------------------------------- HIGHLIGHTER -----------------------------------------------*/ /* (c) 2002 Martin Cohen - www.martincohen.info */ pre{font-size: 11px; overflow: auto;border: 1px dashed #c4c0b1;padding: 3px;background:#f6f4ed;width:100%;clear:both;margin: -30px 0;} .code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto;font: normal 11px 'Lucida Console', 'courier new', monospace ;background: #FAFAFA;border: 1px dashed #c4c0b1;} /* P H P */ .php-keyword1 {color:#d24; font-weight:bold;} .php-keyword2 {color:#d24; } .php-var {color:#fa0; font-weight:bold;} .php-num {color:red;} .php-quote {color:#843; font-weight:bold;} .php-vquote {color:#fa0;} .php-comment {color:#999; background-color:#ffe;} /* H T M L */ .html-tag {color:#598527; font-weight:bold;} .html-tagin {color:#89A315} .html-quote {color:#598527; font-weight:bold;} .html-comment {color:#999; background-color:#F1FAE4;} .html-entity {color:#89A315} /* C S S */ .css-class {color:#004A80; } .css-id {color:#7DA7D9; font-weight:bold; } .css-def {color:#5674B9;} .css-property {color:#003663; font-weight:bold; } .css-value {color:#448CCB;} .css-color {color:#0076A3;} .css-comment { background-color:#E5F8FF; color:#999; } /* C P P */ .cpp-keywords1 {color:blue; font-weight:bold;} .cpp-num {color:red;} .cpp-quote {color:brown; font-weight:bold;} .cpp-comment {color:green;} .cpp-preproc {color:grey;} /* J A V A */ .java-keywords1 {color:blue; font-weight:bold;} .java-num {color:red;} .java-quote {color:brown; font-weight:bold;} .java-comment {color:green;} .java-preproc {color:grey;} /* J a v a S c r i p t */ .js-out {color:#898993;} .js-keywords1 {color:#575757; font-weight:bold;} .js-num {color:#575757;} .js-quote {color:#575757; font-weight:bold;} .js-comment {color:#898993; background-color:#F4F4F4;} /* S Q L */ .sql-keyword1 {color: #DD0000; font-weight: bold;} .sql-keyword2 {color: #DD2222;} .sql-keyword3 {color: #0000FF; font-weight: bold;} .sql-value {color: #5674B9;} .sql-comment {color: #FFAA00;} .sql-num {color:red;} .sql-option {color: #004A80; font-weight: bold;} /* P y t h o n */ .py-keyword1 {color: #0033CC; font-weight: bold;} .py-keyword2 {color: #CE3333; font-weight: bold;} .py-keyword3 {color: #660066; font-weight: bold;} .py-number {color: #993300;} .py-docstring {color: #E86A18;} .py-quote {color: #878787; font-weight: bold;} .py-comment {color: #009900; font-style: italic;} /* T E X Y */ .texy-hlead {color:#44B; font-weight:bold;} /* header leadIN == and leadOUT == */ .texy-hbody {background-color:#eeF;color:#44B; } /* header body */ .texy-hr {color:#B44; } /* horizontal line */ .texy-code {color:#666;} /* /---code */ .texy-html {color:#6a6;} /* /---html */ .texy-text {color:#66a;} /* /---html */ .texy-err {background-color:red; color:white;} /* error (TODO) */