@media screen,projection{ /* Template: Default Template for all Themes Version: 1.0 Beta Last Update: 25.01.2011 Author: Matej Kloubek */ /* ******************************************* */ /* ******************* GRID ****************** */ /* ******************************************* */ /* *** Basic setting main HTML tags and sizes for ID & CLASSES */ html{} body{font:83% Arial,Verdana,lucida,sans-serif; text-align:center; line-height:1.4em; margin:0; padding:0;} /* headers */ h1{font-size:180%; line-height:1em; margin-top:0;} h2,h3,h4,h5,h6{font-size:160%; font-weight:normal; margin:1em 0 .5em;} h2{font-weight:bold;} h3{font-size:150%;} h4{font-size:140%;} h5{font-size:130%;} h6{font-size:120%;} /* tags */ p{margin:.5em 0 .8em;} ul{} li{} dt{font-weight:bold; margin-top:.5em;} hr{height:1px; border:none;} /* colors */ .blue,a{} a:visited{} .red,a:hover{} .bl{} .wh{} .gray{} /* main */ #homepage{} /* set up CSS in tag for Homepage */ #main{width:100%; text-align:left;} #main-top{} #main-bottom{} /* sizes */ #head .head-box,#nav .nav-right,#subnav .nav,#crumbs .crumbs-box,#content-main-box,#foot .foot-box{width:980px;} #content-w100 #content{width:100%;} /* Hmepage without Sidebar(s) */ #content,#clmn-middle{width:750px;} #clmn-middle #content{width:520px;} #sidebar1,#sidebar2{width:220px;} #content #crumbs .crumbs-box,#sidebar1 #nav .nav-right{width:auto;} /* ******************************************* */ /* *************** MAIN CLASSES ************** */ /* ******************************************* */ /* *** Setting for primary ID & CLASSES */ /* head */ #head{} #head .head-box{position:relative; text-align:left; margin:0 auto;} #logo{padding-top:1px;} /* Hack for Firefox */ #logo img{margin-bottom:10px;} #logo div{margin:15px 0;} #logo a{font-size:240%; font-weight:bold; text-decoration:none; line-height:1em;} #logo div p{margin:5px 0 0;} #head-lang-contact{position:absolute; top:10px; right:0; text-align:right;} /* div aroung lang & contact */ #head-lang,#head-contact{} #head-lang{} #head-contact p{margin:0;} #head-search{position:absolute; bottom:10px; right:0; padding:0; text-align:right; z-index:1000;} #head-search fieldset{padding:0; margin:0; background:none; border:none;} #head-search legend{display:none;} .head-search-input{} /* class for input text */ #button-search{position:relative; top:6px; left:0;} /* default CSS for navigation */ /* sequence: left > right > bottom > top "top" is alone absolute position small square in right bottom corner */ .skipnav{position:absolute; top:-10000px; left:-10000px;} .nav .nav-right{font-size:110%; text-align:left; margin:0 auto;} .nav a .left,.nav a .right,.nav a .top,.nav a .bottom{display:block;} /* nav (main horizontal navigation) */ .nav ul,.nav li{list-style-type:none; padding:0; margin:0;} .nav li{float:left;} .nav a{display:block;} .nav a .bottom{padding:10px;} .nav .first a{} .nav a:hover,.nav .selected,.nav .active{text-decoration:none;} .nav .cl{display:block; clear:both;} /* sidebar nav (all navigation or subnavigation in sidebar) and Generally nav in content */ #sidebar1 .nav,#content .nav,.element-catalog .nav{font-size:90%; margin-bottom:10px;} #sidebar1 .nav h2,#content .nav h2,.element-catalog .nav h2{font-size:110%; font-weight:bold; padding:10px 10px 0; margin:0;} #sidebar1 .nav ul,#content .nav ul,.element-catalog .nav ul,.sidebar-subnav-box li{list-style-type:none; padding:0; margin:0;} #sidebar1 .nav li,#content .nav li,.element-catalog .nav li{float:none; padding:0; margin:0;} #content .nav li{background:none;} #sidebar1 .nav a .bottom,#content .nav a .bottom,.element-catalog .nav a .bottom{padding:5px 10px;} #sidebar1 .nav li li,#content .nav li li,.element-catalog .nav li li{margin-left:10px;} /* subnav (horizontal subnavigation) */ #subnav{position:relative; top:0; text-align:center;} #subnav .nav{/*font-size:100%;*/ text-align:left; margin:0 auto;} #no-subnav{} /* empty div if is not horizontal subnavigation */ /* crumbs */ #crumbs{text-align:center;} .crumbs1 #crumbs .crumbs-box{} /* set up with 1 sidebar */ .crumbs2 #crumbs .crumbs-box{} /* set up with 2 sidebars */ #crumbs .crumbs-box{text-align:left; margin:0 auto;} #crumbs p{padding:10px; margin:0;} #crumbs span{position:relative; z-index:100;} /* content */ #cont{position:relative; top:0; left:0; padding:0; margin:0;} #content-main{padding-top:15px;} #content-main-box{padding-bottom:1em; text-align:left; margin:0 auto;} #content ul li{margin-top:.4em; margin-bottom:.4em;} #content,#sidebar1,#sidebar2{position:relative; margin-top:0;} #content,#clmn-middle{float:right;} #clmn-middle #content{float:left;} #content-box-in{padding:10px;} .content-right{} .content-head{} .content-head-right{} .content-foot{} .content-foot-right{} /* sidebars */ #sidebar1,#sidebar2{float:left;} #sidebar2{float:right;} #sidebar1 .box,#sidebar2 .box{margin-bottom:10px;} #sidebar1 .box-foot-right,#sidebar2 .box-foot-right{padding:10px;} #sidebar1 .box-foot-right div,#sidebar2 .box .box-foot-right div{overflow:hidden; width:100%;} #sidebar1 .box h2,#sidebar2 .box h2{font-size:120%; font-weight:bold; padding:7px 10px; margin:0;} #sidebar1 .box h3,#sidebar2 .box h3{font-size:100%;} .sidebar-right{} .sidebar-head{} .sidebar-head-right{} .sidebar-foot{} .sidebar-foot-right{} /* foot */ #foot{text-align:center; padding-bottom:1.5em;} #foot .foot-box{text-align:left; margin:0 auto;} #foot .foot-text{margin-top:.7em;} #foot p{float:left; margin:1em 0 0;} #foot .foot-text p{float:none; margin:0;} #foot .foot-nav,#foot .author{float:left; list-style:none; padding:0; margin:.7em 0;} #foot .foot-nav li,#foot .author li{float:left; margin:0 10px 0 0;} #foot .author{float:right;} #foot .author li{margin:0 0 0 10px;} /* ******************************************* */ /* *********** CONTENT OF HOMEPAGE *********** */ /* ******************************************* */ /* example: (1 + 2) = number of boxes in 1st row + 2nd row */ /* Main style for Homepage */ .hp-main-box h2{margin-top:0;} .hp-box-foot-right{overflow:hidden;} /* vesion 1 - 2 columns, 4 boxes (1 + 2) */ #hp-version-1 .hp-main-1{float:left; width:70%;} #hp-version-1 .hp-box-2,#hp-version-1 .hp-box-3{float:left; width:49%;} #hp-version-1 .hp-box-3{float:right;} #hp-version-1 .hp-box-4{float:right; width:29%;} /* vesion 2 - 1 column, 3 boxes (1 + 2) */ #hp-version-2 .hp-box-2,#hp-version-2 .hp-box-3{float:left; width:49%;} #hp-version-2 .hp-box-3{float:right;} /* vesion 3 - 2 columns, 3 boxes (1 + 1) */ #hp-version-3 .hp-main-1{float:left; width:70%;} #hp-version-3 .hp-box-4{float:right; width:29%;} /* vesion 4 - 1 column, 4 boxes (1 + 3) */ #hp-version-4 .hp-box-2,#hp-version-4 .hp-box-3,#hp-version-4 .hp-box-4{float:left; width:33%;} #hp-version-4 .hp-box-3{width:32%; margin:0 1%;} /* vesion 6 - 1 column, 4 boxes (2 + 2) */ #hp-version-6 .hp-box-1,#hp-version-6 .hp-box-3{float:left; width:49%;} #hp-version-6 .hp-box-2,#hp-version-6 .hp-box-4{float:right; width:49%;} /* vesion 5 is default - 1 column, 2 boxes (1 + 1) */ /* ******************************************* */ /* ************* CONTENT OF SITE ************* */ /* ******************************************* */ /* *** Setting for content of website */ /* *** DEFAULT SET UP ITEM & DETAIL */ /* items */ .item{position:relative; padding-bottom:15px; margin:15px 0;} .item h2{line-height:1em; margin:5px 70px 10px 0;} .item .date{position:absolute; top:0; right:0; font-size:90%;} .item .photo{height:123px; margin:0 10px 10px 0;} .item-text{} /* item detail */ .detail{} .image-media-detail{float:left; margin:1em 1em 1em 0;} /* *** INDIVIDUAL SET UP ITEM & DETAIL */ /* articles (clanky) */ .article{} .article-detail{} /* cataloque */ #catalogue-content{float:left; width:70%;} #catalogue-content-single{float:none; width:100%;} /* withnout navigation column - navigation is in sidebar element */ .catalogue-nav{float:right; width:28%;} .catalogue-nav h2{margin-top:0;} #catalogue-subcats{font-size:110%; margin-bottom:10px;} #catalogue-subcats p{margin:0; display:none;} #content #catalogue-subcats ul,#content #catalogue-subcats li{list-style:none; padding:0; margin:0; background:none;} #content #catalogue-subcats li{float:left; margin-right:1em;} .catalogue-options{position:relative; margin:10px 0;} .catalogue-options-in{padding:10px 0 0;} .catalogue-options .list{float:right; right:0; padding:0; margin:0; border:none;} .ordering,.display{float:left; margin-right:10px;} .ordering a,.display a{display:inline-block; height:17px; position:relative; top:3px; margin:0 2px;} .display a{height:15px;} .display{padding-left:10px; margin-top:2px;} .catalogue-part-head{font-size:110%; display:none;} /* candidate to delete */ .catalogue{float:left; width:48%; margin:0 1.5% 10px 0;} #content .catalogue ul,#content .catalogue li{background:none;} #content .catalogue ul{padding-left:30px;} #content .catalogue li{margin:0;} .catalogue li span{} .catalogue-box-in{position:relative; margin:10px; height:310px; overflow:hidden;} .catalogue-box-in h2{font-size:110%; line-height:1.3em; height:40px; margin:0 0 5px; overflow:hidden;} .catalogue-box-in .photo{margin:0;} .catalogue-annotation{font-size:87%; line-height:1.3em; margin-top:140px; height:60px; margin-bottom:10px; overflow:hidden;} .cat-prev-list{margin-top:5px;} #content .catalogue .cat-prev-list ul,#content .catalogue .cat-prev-list li{margin:0;} #content .catalogue .cat-prev-list li{ font-size:87%;} .cat-prev-property1{font-weight:bold;} .cat-prev-property2{} /* Catalogue view 1 (pictures) */ .catalogue-view1 .catalogue-box-in{height:290px;} .catalogue-view1 .photo{float:none;} .catalogue-view1 .photo,.catalogue-view1 .photo div div{width:223px;} .catalogue-view1 .photo,.catalogue-view1 .photo .photo-in,.catalogue-view1 .photo div div{height:160px;} .catalogue-view1 .catalogue-basket{position:relative; top:0; left:0; width:100%;} .catalogue-view1 .catalogue-basket .catalogue-basket-form{top:20px;} .catalogue-view1 .photo .img-width{width:200px;} .catalogue-view1 .photo .img-height{height:140px;} /* Catalogue view 3 (table) */ .catalogue-view3 .catalogue{float:none; width:100%; margin:0 0 3px;} .catalogue-view3 .catalogue-annotation,.catalogue-view3 .catalogue-box-in h2,.catalogue-view3 .cat-prev-list{margin:0 120px 8px 140px;} .catalogue-view3 .catalogue-annotation{height:auto;} .catalogue-view3 .catalogue-box-in h2{height:auto;} .catalogue-view3 .catalogue-box-in{padding:10px; height:auto; min-height:125px; margin:0;} .catalogue-view3 .catalogue-basket{top:10px; right:10px;} .catalogue-img-detail{position:relative; float:left; width:322px; margin:0 10px 10px 0;} .catalogue-img-main-detail{text-align:center; width:320px; padding:10px 0;} .catalogue-img-main-detail .img-width{width:300px;} /* set for width image */ .catalogue-img-main-detail .img-height{height:200px;} /* set for height od square image */ .catalogue-img-detail h2{display:none;} .catalogue-description-detail{margin-left:335px;} .catalogue-info-detail{} .catalogue-info-detail-head{margin-top:0;} /* photogallery detail item */ .catalogue-img-detail .list{display:none;} .catalogue-img-detail .photogallery{width:250px; height:75px; margin:8px 0 0; overflow:hidden;} .catalogue-img-detail .photogallery .photo,.basket-table .photo{width:75px; height:75px; margin:0 8px 0 0;} .basket-table .photo{margin:0 8px 0 0;} .catalogue-img-detail .photogallery .photo .photo-in,.basket-table .photo .photo-in{height:73px;} .catalogue-img-detail .photogallery .photo div div,.basket-table .photo div div{width:73px; height:73px;} .catalogue-img-detail .photogallery .photo div div a img,.basket-table .photo div div a img{border:none;} .catalogue-img-detail .photogallery .photo-text{display:none;} .catalogue-img-detail .photogallery .photo .img-width,.basket-table .photo .img-width{width:65px;} /* set for width image */ .catalogue-img-detail .photogallery .photo .img-height,.basket-table .photo .img-height{height:65px;} /* set for height od square image */ .more-photos{position:absolute; bottom:0; right:0; display:block; width:71px; height:73px; text-align:center;} /* demand window */ #demand-window{position:absolute; top:20%; left:50%; width:580px; padding:10px; margin-left:-300px; z-index:10000; text-align:left; background:white;} .jqmOverlay{background:black;} .demand-td1{width:140px;} /*#demand-window input{width:100%;}*/ #demand-window input.demand-submit{width:auto;} #demand-close{float:right;} /* Tabs */ #tab{margin-top:15px;} .tab-nav{position:relative; top:1px;} .tab-nav,#content ul.tab-nav li{list-style:none; padding:0; margin:0;} #content ul.tab-nav li{float:left; margin-right:5px;} #content ul.tab-nav li a{display:block; text-decoration:none; padding:10px;} #content ul.tab-nav li.active a{padding-bottom:11px;} .tab{clear:left; padding:15px;} .tab h2,.tab h3{margin-top:0;} /* catalogue e-shop */ .catalogue-basket{position:absolute; top:45px; right:0; width:90px; height:128px;} .catalogue-price strong{font-size:130%; font-weight:bold;} .catalogue-price-delete{font-size:90%;} .catalogue-price-vat{font-size:80%;} .catalogue-price-stock{} .catalogue-basket .catalogue-basket-form{position:absolute; bottom:0; right:0; width:90px;} .catalogue-basket-count{float:left; padding:6px; width:20px; text-align:right;} .catalogue-basket-button{position:relative; top:0; left:5px;} /* basket in detail */ .catalogue-description-detail .catalogue-basket{position:relative; top:0; left:0; width:auto; height:auto; margin-top:20px;} .catalogue-description-detail .catalogue-price{font-size:110%; padding:15px; min-height:35px;} .catalogue-description-detail .catalogue-price span{font-size:140%; font-weight:bold; line-height:1em;} .catalogue-description-detail .catalogue-basket .catalogue-basket-form-detail{position:absolute; top:18px; right:15px;} .catalogue-price table,.catalogue-price th,.catalogue-price td,.catalogue-basket-info table,.catalogue-basket-info th,.catalogue-basket-info td{border:none;} .catalogue-basket-info table{margin:15px;} .catalogue-basket-info th,.catalogue-basket-info td{padding:0;} .catalogue-price th,.catalogue-price td{padding:2px 0;} .catalogue-price .catalogue-basket-info-desc{width:190px;} /* basket and order */ .order{position:relative;} .order h1{} .order-step-number{position:absolute; top:5px; right:0; font-size:150%; padding:0; margin:0;} #order-steps-top{} .order-step{padding:2px 6px;} #order-steps-top .active{} #order-steps-top img{margin:0 5px;} .order-content{position:relative;} .order-merge-or-delete{padding:10px; margin-top:10px;} .order-merge-info{padding:0 0 10px 40px; margin-bottom:10px;} .order-merge-info h3{padding:0; margin:0; background:none;} .order-merge-info p{margin-bottom:0;} .basket-merge{text-decoration:underline; padding:3px 0 3px 25px; margin:0 20px 0 0; border:none; cursor:pointer;} .basket-merge:hover{} .basket-merge:visited{} .basket-show-old-basket{padding:3px 0;} .basket-delete{margin-right:0;} .basket{position:relative; top:0; left:0;} .basket-toggle{} .basket-table-div{padding:5px;} .basket-table{width:100%; border:none; position:relative;} .basket-table th,.basket-table td{border-right:none; border-left:none;} .basket-table .basket-table-sum-order td{font-size:120%; padding-top:12px; padding-bottom:12px;} .basket-table-sum-order td span{font-size:80%;} .order-steps{margin:20px 0 10px;} .order-steps p{margin:0;} .order-next{display:inline-block; font-size:110%; font-weight:bold; text-decoration:none; padding:8px 25px 8px 15px; border:none; cursor:pointer;} .order-next:hover{} .order-next:visited{} .order-next-last{font-size:150%;} .order-back{display:block; padding:8px 10px 8px 25px; } .order-print{position:absolute; top:0; right:0; padding:0; margin:0;} .order-print a{display:block; padding:10px 10px 10px 40px;} .form-area-order-payment{float:left; width:45%;} .order-payment-list ul{list-style:none; padding:0; margin:0;} .order-sum-payment{font-size:110%; font-weight:bold; margin:10px 0;} .order-user-information-sum,.order-payment-information-sum{float:left; min-width:200px; padding:10px; margin:0 10px 0 0;} .order-user-information-sum h4{padding:0; margin:0;} .order-user-information-sum p,.order-payment-information-sum p{margin-bottom:0;} .order-payment-information-sum h2{font-size:110%; color:black; margin:0;} /* filter */ .filter-items-header{position:relative; top:1px; padding:5px 10px;} .filter-items-header h3{font-size:100%; font-weight:bold; margin:0;} .filter-items-header a{position:absolute; top:5px; right:10px;} .filter-hide,.filter-show{padding-right:25px;} .filter-show{} .filter-items{} .filter-items-right{} .filter-items-head{} .filter-items-right{} .filter-items-foot{} .filter-items-foot-right{} .filter-items h3{display:none;} /* candidate to delete */ .filter-items .form-area{margin:0;} .form-area-filters{padding:10px;} #content .form-area-filters ul,.form-area-filters ul{list-style:none; margin:0; padding:0;} #content .form-area-filters ul li{background:none; padding:0; margin: 3px 10px 3px 0; list-style:none;} .form-area-filters ul li{list-style:none; margin:0; padding:0; float:left; } .filter-property1{} .filter-property2{} .filter-items .filter-on {display: none;} .filter-items #p-filter-slider, .filter-items .x-filter-slider {width: 200px;} .filter-sorters{} .sorter-property1{} .sorter-property2{} /* news */ .new{} .new-detail{} /* list and detail */ .landd{} .landd-detail{} /* gallery */ .gallery{} .gallery-detail{} /* general style for content */ .perex{font-style:italic;} .poznamka{font-style:italic;} /* photogallery */ .photogallery{margin-bottom:15px;} .photo{float:left; position:relative; text-align:center; width:123px; height:150px; padding:0; margin:10px 11px 0px 0; overflow:hidden;} .photo .photo-in{height:123px;} .photo div div a img{display:block; margin:0 auto;} .photo div div{display:table-cell; vertical-align:middle; width:123px; height:123px;} .photo div div a img{} .photolast{} /* set up CSS for last photo in row */ .photo-text{padding-top:3px;} .img-width{width:110px;} /* set for width image */ .img-height{height:110px;} /* set for height od square image */ /* forum & comments (discussion) */ .forum-category{} .forum-threads{} .forum-thread-name{font-size:105%;} .forum-thread-desc{margin:0;} .forum-thread-pager{display:inline-block; margin-left:5px;} .forum-thread-detail{} .post{position:relative; margin:15px 0 0;} .post-head{position:relative;} .post-id{position:absolute; top:0; right:0;} .post-title{font-size:120%; margin-bottom:5px;} .post-author{float:left; margin-right:10px;} .post-date{} .post-message{clear:both; margin:10px 0;} .post-options{text-align:right;} .post-reply{} .post-message blockquote{padding:10px; margin:20px 30px; } .post-quote{margin:0;} .post-quote-author{margin:0 0 5px; font-style:italic;} #comments{} .level{} .level .level{margin-left:15px;} /* old class for .forum- (candidate to delete) */ .discussion{} /* .story is old version of .post (candidate to delete) */ .story{margin-bottom:1em;} .story,.story-title-date,.story-author-reply{position:relative;} .story-title-date{font-size:110%;} .story .date,.story-reply{position:absolute; top:0; right:0;} .story-head{margin-bottom:5px;} /* comments is maybe delete classes (candidate to delete) */ .comment-1,.comment-2{margin-bottom:10px;} .comment-2{margin-left:20px;} .comment-text{margin-left:58px; padding:7px 10px;} .comment-text p{margin:0 0 5px;} /* lists (pagination) */ .list{padding:5px; margin:10px 0;} .list table,.list td{padding:0; border:none; background:none;} .list form,.list form div{display:inline;} .list strong,.list a{display:block; width:20px; height:20px; float:left; text-align:center; margin-right:3px; text-decoration:none;} .list a.activelist{font-weight:bold;} /* Candidate to delete */ .list a img{position:relative;} /* tabs */ table{font-size:100%; width:100%; border-collapse:collapse;} th,td{padding:4px 6px;} th{} form table{width:auto;} form .form-area table,form .form-area th,form .form-area td, form fieldset table,form fieldset th,form fieldset td, #sidebar1 form table,#sidebar1 form th,#sidebar1 form td,#sidebar2 form table,#sidebar2 form th,#sidebar2 form td{vertical-align:top; border:none; background:none;} /* forms */ form{margin:0;} form p{margin:0;} input,textarea,select,submit{font:100% Arial,Verdana,lucida,sans-serif;} textarea{width:99%;} fieldset,.hledej{padding:10px; margin-bottom:10px;} fieldset{border-width:1px; border-style:solid;} fieldset table{width:100%;} legend{font-weight:bold; padding:5px 10px; margin-top:10px;} .input-text{} .input-submit{} .input-password{} .input-date {margin-right: 2px;} .input-tooltip-image {margin: 0px 4px 0px 4px; position: relative; top: 3px;} .input-tooltip-text {display: none; margin-right: 5px;} .form-warning td span.input-tooltip-text {color: #000;} /* form-area (defaul setting for CMS system) */ form .form-area{margin:1em 0 0;} .form-area h3{padding:10px; margin:0 0 10px;} .form-area fieldset{margin:0 10px;} .form-area{border-width:1px; border-style:solid; border-bottom:none;} .form-area h4{padding:0 10px 10px; margin:0;} .form-area p{padding:10px 10px 0; margin:0;} .form-area p.legenda{padding:10px;} .form-area p.upozorneni{font-style:italic; padding:10px 10px 0;} .form-area table{width:100%; margin:0;} .form-area td{padding-right:10px; padding-left:10px;} .form-area .th{width:150px;} .form-area .zvyraznena td{} .form-area .scroll{overflow-y:scroll; height:200px; border-width:1px; border-style:solid; border-right:none;} .submit-area{text-align:center; padding:10px 0 15px; margin:0 0 1em; border-width:1px; border-style:solid; border-top:none;} /* form-area-order - for order in eshop */ .form-area-order{padding:15px; background:#f5f5f5; border:none;} .form-area-order h3{padding:0; margin-bottom:10px; background:none !important; color:black !important;} .form-area-order p{padding:0; margin:10px 0;} .form-area-order table{width:auto;} .form-area-order td{padding-left:0;} /* searching text */ .search{font-weight:bold;} .search{color:black; background:#ffff00;} /* defaul CSS for sought text */ /* warning & info */ .warning,.info{width:100%;} .warning div,.info div{clear:left; color:white; min-height:70px; padding:15px 15px 15px 90px; margin:1em 0 1.5em;} .warning div{background:#ab1700 url(../img/bg-warning.gif) top left repeat-x;} .info div{background:#306e01 url(../img/bg-information.gif) top left repeat-x;} .warning h2,.info h2,.warning h3,.info h3,.warning h4,.info h4, .form-area .warning h2,.form-area .info h2,.form-area .warning h3,.form-area .info h3,.form-area .warning h4,.form-area .info h4{color:#fff6d5; padding:0; margin-top:10px; background:none;} .form-area .warning p,.form-area .info p{padding-left:0; padding-right:0;} .warning ul,.info ul{padding:0; margin:0 0 0 40px;} #content .warning li,#content .info li{list-style:disc; background:none;} .form-warning td span {color:#D11B00;} .form-warning td textarea, .form-warning td input{background:#FFD5C9} .for-registered{padding:10px; margin:15px 0; border:1px solid gray;} .for-registered h2,.for-registered h3,.for-registered h4{margin-top:0;} .for-registered p{margin:0;} /* Tooltip Title */ .tooltipster-base{position:absolute; width:auto; padding:10px; color:black; background:#e0e0e0; text-align:left; overflow:visible; z-index:999999999999999;} /* ******************************************* */ /* ************* SPECIAL ELEMENTS ************ */ /* ******************************************* */ #special-element-head-1{} #special-element-head-2{} #special-element-crumbs-1{} #special-element-crumbs-2{} #special-element-cont-1{} #special-element-cont-2{} #special-element-cont-3{} #special-element-foot-1{} #special-element-foot-2{} /* ******************************************* */ /* ***************** ELEMENTS **************** */ /* ******************************************* */ /* *** Setting for elements (widgets) */ /* *** How to create element name *** *** Example for element "advert" *** *** classes outsite
: prefix+label example: .element-advert{} inside
: label example: .advert{} *** same label without prefix *** *** HTML structure
*** same label without prefix ***
*/ /* universal styles for element */ /* advert */ .advert{text-align:center;} .advert a img{margin-bottom:-3px;} .advert-table{width:auto; margin:0 auto; border:none;} .advert-table td{padding:0; border:none;} .advert-head{text-align:left;} .advert-top{} .advert-bottom{} .advert-slide{position:fixed; margin-left:1000px; margin-top:0; text-align:left; z-index:10000000;} .advert-slide .advert{width:160px; overflow:hidden; z-index:10000000;} .advert-slide .advert .advert-in{position:relative; margin:0; width:160px;} .advert-slide .advert .advert-in2{left:0; top:0; overflow:hidden;} /* basket */ .element-basket-icon{display:block; float:left; margin:0px 10px 0 0;} .element-basket-info{float:left; margin-top:1px;} .element-basket-text,.element-basket-price{display:block;} .element-basket-price{font-size:110%; margin-top:4px;} #special-element-head-2 .element-basket{position:relative; text-align:center;} #special-element-head-2 .element-basket .box-right{position:relative; text-align:left; width:980px; margin:0 auto;} #special-element-head-2 .element-basket .box-foot{position:absolute; bottom:30px; right:0;} /* calendar */ .calendar{} .indices{} .indices p{padding:5px 0; margin:0;} .index-month{float:right;} .index-day{float:left;} .calendar table{clear:both;} .calendar th,.calendar td{text-align:center;} .calendar td{padding:0;} .calendar .cell{display:block; position:relative; padding:2px;} .calendar .cell:hover{} .event-count{position:absolute; top:0; left:50%; font-size:80%; margin-left:8px; font-weight:normal;} .saturday{} .sunday{} .outta-range{} /* days not in actual month */ .today{font-weight:bold;} /* catalog (katalog) */ .catalog{} .element-catalog{} /* default defined in navigation */ /* inquiry (anketa) */ .inquiry{} .question{} .question p{margin:0;} .answer{padding:3px 0;} .answer p{margin:0 0 3px;} .answer-count{position:absolute; top:0; right:0; line-height:1em;} .strip{position:relative; height:1em; font-size:90%;} .strip-start,.strip-middle,.strip-end{display:block; float:left; height:1em; background:#a9d056;} /* default strip color for inquiry */ .strip-start{position:absolute; top:0; left:0;} .strip-middle{position:relative; overflow:hidden;} .strip-end{position:absolute; top:0; right:0;} .inquiry-count{} .inquiry-count p{margin-bottom:0;} /* forum */ .forum{} .forum ul{list-style:none; padding:0; margin:0;} .forum li{padding:.3em 0;} .forum li span{display:block; font-size:90%;} /* checklist (dotaznik) */ .checklist{} /* last articles */ .last-articles{} /* last comments */ .last-comments{} .last-comments ul{list-style:none; padding:0; margin:0;} .last-comments li{padding:.3em 0;} /* links */ .links{} .links ul{list-style:none; padding:0; margin:0;} .links li{padding:.3em 0;} /* form */ .form-area span.error {color: #c00; margin-left: 6px;} /* login */ .login{} .login .caps-lock {display:none} /* news */ .news{} /* newsletter */ .newsletter{} /* photo album */ .photo-album{} /* preview detail */ .preview-detail{} /* promo */ .promo-image,.promo-thumbs{width:100%;} .promo-image{position:relative; color:white; overflow:hidden;} .promo-image,.promo-image img{display:block; height:285px;} .promo-image a, .promo-image h2 a{color:white;} .promo-image .desc{position:absolute; bottom:0; left:0; width:100%; display:none;} .promo-image .promo-image-text{width:100%; background:black; max-height:285px; overflow-y:auto;} .promo-image .promo-image-text-in{padding:15px 10px;} .promo-image .promo-image-text-in .promo-text p{margin-bottom:0;} .promo-image .hid{display:block;} .promo-thumbs .promo-thumb{float:left;} .promo-thumbs ul{margin:0; padding:0; list-style:none;} .promo-thumbs ul li{float:left; margin:0;} .promo-thumbs ul li .promo-thumb-in{padding:10px;} .promo-thumbs ul li.active{} .promo-thumbs-1 .promo-thumb{width:100%;} .promo-thumbs-2 .promo-thumb{width:50%;} .promo-thumbs-3 .promo-thumb{width:33%;} .promo-thumbs-3 .promo-thumb-2{width:34%;} .promo-thumbs-4 .promo-thumb{width:25%;} .promo-thumbs-5 .promo-thumb{width:20%;} .promo-thumbs-6 .promo-thumb{width:17%;} .promo-thumbs-6 .promo-thumb-3,.promo-thumbs-6 .promo-thumb-4{width:16%;} /* registration form */ .reg-form-login{} .reg-form-user{} .reg-form-services{} .reg-form-agreement{} /* slider gallery */ #content .slider-gallery-photos ul li, .slider-gallery-photos ul li{background:none; margin:0; padding:0;} #content .slider ul,#content .slider li{list-style:none; padding:0; margin:0;} /* /* .slider-gallery-photos ul li{ width: 700px;} o�et�en� proti polovin�m n�hled� - definuje se pr�zor a ���ka jednotliv�ch n-tic obr�zk� .slider-gallery-photos{width:750px;} */ .slider-gallery-photos ul li{float:left;} .slider{position:relative; top:0; left:0; margin:0 30px;} .slider-gallery-item{display:block; text-align:center; color:#4e4e4e; float:left; margin:0 4px;} .slider-gallery-item-in{display:block; width:162px; height:118px; overflow:hidden; background:url(../img/bg-hp-foto-item.gif) no-repeat 0 0; margin-bottom:4px;} .slider-gallery-item a{display:block; margin-top:5px;} .slider-gallery-item .slider-gallery-item-in span span a img{display:block; margin:0 auto;border:1px solid #aaa;} .slider-gallery-item .slider-gallery-item-in span span{display:table-cell; vertical-align:middle; width:162px; height:112px;} .slider-gallery-item .slider-gallery-item-in span span a{} .slider-gallery-item{border:1px solid #aaa; background:#eee;} .slider-gallery-photos {position:relative;} .slider-gallery-photos #nextBtn a{right:1px; background:white url(../img/slider-right.png) no-repeat left 50%; display:block; width:15px; height:117px; position:absolute; top:0;} .slider-gallery-photos #prevBtn a{left:0px; background:white url(../img/slider-left.png) no-repeat left 50%; display:block; width:15px; height:117px; position:absolute; top:0;} .slider-gallery-photos #prevBtn a span, .slider-gallery-photos #nextBtn a span{display:none;} /* tags */ .tags{} .tags ul,#content .tags ul{list-style:none; padding:0; margin:0;} .tags li,#content .tags li{display:inline; padding:0; margin:0; background:none;} /* twitter */ .twitter{} .tweet{margin-bottom:.7em;} .tweet p{margin:0;} .tweet p.tweet-message{padding:.3em 0;} .tweet p.tweet-timestamp{font-size:90%; font-style:italic;} /* video */ .video{} /* weather */ .weather{} .weather table,.weather th,.weather td{text-align:center; color:inherit; background:none; border:none;} .weather-day{} .weather-night{} /* elements in sidebars */ #sidebar1 .element-advert,#sidebar2 .element-advert{} #sidebar1 .element-calendar,#sidebar2 .element-calendar{} #sidebar1 .element-catalog,#sidebar2 .element-catalog{} #sidebar1 .element-comments,#sidebar2 .element-comments{} #sidebar1 .element-forum,#sidebar2 .element-forum{} #sidebar1 .element-checklist,#sidebar2 .element-checklist{} /* dotaznik */ #sidebar1 .element-inquiry,#sidebar2 .element-inquiry{} /* anketa */ #sidebar1 .element-last-articles,#sidebar2 .element-last-articles{} #sidebar1 .element-last-comments,#sidebar2 .element-last-comments{} #sidebar1 .element-links,#sidebar2 .element-links{} #sidebar1 .element-login,#sidebar2 .element-login{} #sidebar1 .element-login td,#sidebar2 .element-login td{padding-left:0;} #sidebar1 .element-login .input-text,#sidebar2 .element-login .input-text{width:100%;} #sidebar1 .element-login p,#sidebar2 .element-login p{margin-bottom:0;} #sidebar1 .element-multicalendar,#sidebar2 .element-multicalendar{} #sidebar1 .element-news,#sidebar2 .element-news{} #sidebar1 .element-newsletter,#sidebar2 .element-newsletter{} #sidebar1 .element-photo-album,#sidebar2 .element-photo-album{} #sidebar1 .element-preview-detail,#sidebar2 .element-preview-detail{} #sidebar1 .element-tags,#sidebar2 .element-tags{} /* stitky */ #sidebar1 .element-top-articles,#sidebar2 .element-top-articles{} #sidebar1 .element-twitter,#sidebar2 .element-twitter{} #sidebar1 .element-video,#sidebar2 .element-video{} #sidebar1 .element-weather,#sidebar2 .element-weather{} /* element calendar */ .element-calendar table,.element-calendar table,.element-multicalendar table,.element-multicalendar table{margin-top:10px;} .element-calendar th,.element-calendar th,.element-calendar td,.element-calendar td, .element-multicalendar th,.element-multicalendar th,.element-multicalendar td,.element-multicalendar td{padding:0;} .element-calendar .index-month,.element-calendar .index-month, .element-multicalendar .index-month,.element-multicalendar .index-month, .element-calendar .index-day,.element-calendar .index-day, .element-multicalendar .index-day,.element-multicalendar .index-day{float:none;} .event-count,.event-count{display:none;} .element-calendar form,.element-calendar form,.element-calendar form div,.element-calendar form div, .element-multicalendar form,.element-multicalendar form,.element-multicalendar form div,.element-multicalendar form div{display:inline;} /* element checklist (dotaznik) */ #sidebar1 .checklist textarea,#sidebar2 .checklist textarea{width:97%;} #sidebar1 .checklist p,#sidebar2 .checklist p{margin-left:0; margin-right:0;} #sidebar1 .checklist form .form-area,#sidebar1 .checklist .submit-area,#sidebar2 .checklist form .form-area,#sidebar2 .checklist .submit-area{background:none; border:none;} /* clearing form CSS for element Checklist */ #sidebar1 .index-month{float:right;} /* *** Setting for elements in main content */ /* ******************************************* */ /* ************ UNIVERSAL CLASSES ************ */ /* ******************************************* */ /* *** Setting for another universal classes */ /* other */ .vis{visibility:hidden;} .hid,.nodisplay,.onlyprint{display:none;} .sml,#foot,.photo a.text-foto{font-size:90%;} .big{font-size:120%;} a img{border:none;} .c{text-align:center;} .l{text-align:left;} .r{text-align:right;} .just{text-align:justify;} .fl{float:left;} .flr{float:right;} img.fl,.imgfl{float:left; margin:0 1em .3em 0;} img.flr,.imgflr{float:right; margin:0 0 .3em 1em;} .cl{clear:both; display:block;} .cll{clear:left;} .clr{clear:right;} div.cl{font-size:1px; height:1px; padding:0; margin:0; overflow:hidden;} .nowrap{white-space:nowrap;} .preview-bar{position:fixed; top:0px; left:0px; width:100%; padding-top:5px; filter:alpha(opacity=70); opacity:0.7; color:#fff; background-color:#11c;} /* width sizes */ .w10{width:10%;} .w20{width:20%;} .w25{width:25%;} .w30{width:30%;} .w40{width:40%;} .w50{width:50%;} .w60{width:60%;} .w70{width:70%;} .w80{width:80%;} .w90{width:90%;} .w100{width:100%;} /* CHECK STYLES - NOT USE IN WEB (comment everything)!!! */ /*h1,h1 a,h1 a:visited{color:white; background:maroon;} h2,h2 a,h2 a:visited{color:white; background:red;} h3,h3 a,h3 a:visited{color:white; background:purple;} h4,h4 a,h4 a:visited{color:white; background:fuchsia;}*/ /* Uzivatelske galerie */ .photogallery {margin-top: 10px;} .photogallery-delete-action-trigger {position:absolute; top:0; right:0;} /* jqModal */ .jqmWindow a img{border:none;} .jqmWindow a.jqmWindow-close{position:absolute; top:0px; right:0; display:block; width:18px; height:17px;} /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } }