@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{margin-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{margin-bottom:10px;} #catalogue-subcats p{margin:0;} #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-part-head{font-size:110%;} .catalogue{float:left; width:48%; margin:0 1.5% 10px 0;} #content .catalogue ul,#content .catalogue li{list-style:none; padding:0; margin:0; background:none;} .catalogue li span{} .catalogue-box-in{position:relative; margin:10px 10px 0; height:240px; overflow:hidden;} .catalogue-box-in h2{font-size:100%; margin:0 0 .5em;} .catalogue-annotation{position:absolute; width:auto; top:150px; left:0;} .cat-prev-list{margin-top:5px;} .catalogue-img-detail{float:left; margin:0 10px 10px 0;} .catalogue-description-detail{} .catalogue-info-detail{} .catalogue-info-detail-head{margin-top:0;} /* filter */ .filter-items{} .filter-items-right{} .filter-items-head{} .filter-items-right{} .filter-items-foot{} .filter-items-foot-right{} .filter-items h3{display:none;} .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-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 lasn photo in row */ .photo-text{padding-top:3px;} /* comments */ .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;} /* discussion & forum */ .discussion{} .level{} .level .level{margin-left:15px;} .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;} /* 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;} .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 table,form th,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{} /* form-area (defaul setting for CMS system) */ form .form-area{margin-top:1em;} .form-area h3{padding:10px; margin:0;} .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{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; border-width:1px; border-style:solid; border-top:none;} /* 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;} /* ******************************************* */ /* ************* 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;} /* 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 p{padding:10px 10px 0} /* login */ .login{} /* 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;} /* width sizes */ .w20{width:20%;} .w30{width:30%;} .w40{width:40%;} .w50{width:50%;} .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;}*/ }