/** * * * sportgym.cz - Main CSS style-sheet * * Description: Document positioning, colors, fonts, graphics etc... * * W3C CSS validation status: no warnings, no errors .. last validated on ... 22 October 2008 * * @author Martin Fojtík * * @copyright 2008 Gymnázium, Jablonec nad Nisou, Dr. Randy * * All rights reserved * */ /*global settings*/ body {font-family: Arial, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%;} body {background-color: White; background-repeat: repeat-x; background-image: url(body/bg2.jpg); color: #292929; background-position: bottom; } div#bg {background-repeat: repeat-x; background-image: url(body/bg.jpg); min-height: 662px;} /*postitioning*/ #flags {position: absolute; left: 7px; top: 16px; z-index:2;} html, body{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} div#container {position: relative; width: 955px; margin: 0px auto 10px auto; background-color: White; padding: 266px 35px 20px 25px;} div#hd1 {position: absolute; left: 0px; width: 1015px; height: 265px; top: 0px;} div#content {position: relative; float: right; width: 717px; min-height: 800px; margin-bottom: 20px;} div#content.reversed {float: left; margin-left: 10px;} div#right-column {border-left: 1px dashed #D7D7D7; width: 200px; float: right; margin-bottom: 50px; margin-right: -22px; padding-left:10px; margin-top: 10px;} div#right-column div.colorbox {margin-top: 20px; border: 1px solid #D7D7D7;} div#right-column div.header { color: #289AEE; height: 27px; line-height: 27px;); font-size: 14px; font-weight: bold; padding-left: 22px; margin-bottom: -10px;} /*div#right-column div.header {background-image: url(right-column/hd-green.gif);} */ div#right-column div.text {padding: 12px 22px 12px 22px; font-family: Tahoma; color: #7b7b7b; font-size: 11px;} div#right-column #buttons {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #7b7b7b; margin-top: 0px;} div#right-column #jidelnicek {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #7b7b7b; margin-top: 10px;} div#right-column #buttons div.text {padding: 12px 12px 12px 12px; font-family: Tahoma; color: #7b7b7b; font-size: 11px;} div#right-column #jidelnicek div.text {padding-bottom: 0px; font-family: tahoma; color: #7b7b7b; font-size: 11px;} div#right-column a.button {font-weight: bold; display: block; height: 27px; line-height: 27px; margin-bottom: 2px; border: 1px solid #ffad2f; background-repeat: repeat-x; background-image: url(buttons/redn.gif); color: White; text-decoration: none; text-align: center; margin-left: auto; margin-right: auto;} div#right-column a.button.blue {background-image: url(buttons/bluen.gif); border-color: #6F9CC1;} div#right-column a.button.green {background-image: url(buttons/greenn.gif); border-color: #83BF04;} div#right-column a.button.gold {background-image: url(buttons/gold.gif); border-color: #B7A004;} div#right-column a.button:hover {background-image: url(buttons/greyn.gif); background-color: #A6A29C; border: 1px solid #A6A29C;} div#navigation {position: absolute; top: 231px; left: 26px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } div#navigation a {text-decoration: none; color: White; font-weight: bold; padding: 6px 25px 10px 25px; display: block; float: left; height: 12px;} div#navigation a:hover, div#navigation a.active {color: #4995c1; background-color: #dfeef6;} div#subnav {width: 197px; float: left; margin-bottom: 50px;} div#subnav a {display: block; color: White; height: 34px; line-height: 34px; background-image: url(left-menu/btn.jpg); margin-bottom: 1px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; padding-left: 20px;} div#subnav a:hover, div#subnav a.active {background-image: url(left-menu/btn-act.jpg); color: #676666;} div#subnav img {margin-bottom: 5px;} div#subnav li a {display: inline; background: none; color: #7f7f7f; font-size: 11px; line-height: normal; padding-left: 6px; font-weight: normal;} div#subnav li a:hover, div#subnav li a.active {background: none; font-weight: bold; text-decoration: underline;} div#subnav ul {margin-top: 5px; margin-bottom: 5px;} div#footer {clear: both; height: 52px; width: 1001px; background-image: url(body/ft.gif); text-align: center; color: White; line-height: 26px; margin: 0px -18px -14px -18px; } div#search {position: absolute; top: 16px; left: 700px; color: White; font-size: 11px;} div#search a {color: White; text-decoration: none;} div#search a:hover {text-decoration: underline;} div#search input.q {height: 25px; line-height: 25px; border: 1px solid #2f2921; padding: 0px 5px 0px 5px; margin-right: 10px;} div#search input.b {height: 25px; width: 73px; background-image: url(body/btn.gif); border: 0; color: White; font-weight: bold;} div#path {font-size: 11px; color: #7b7b7b; font-weight: bolder; margin: 10px 0px 2px 0px;} div#path a {color: #fb7f09; text-decoration: none;} div#path a:hover {color: #289AEE; } div#icon-menu {position: absolute; left: 423px; top: 20px; } /*z-indexes*/ div#navigation {z-index: 2;} div#search {z-index: 2;} a#home {z-index: 3;} div#hd1 {z-index: 0;} /*home anchor*/ a#home {position: absolute; left: 45px; top: 90px; width: 280px; height: 120px;} /** * Begin of content section * */ #content {font-size: 100%;} #content h1{font-size: 30px; color: #fc7e09; padding: 0; margin: 2px 0px 10px 0px; } #content h2 {color: #289AEE; padding: 0; font-size: 150%; margin: 4px 0px 12px 0px; } #content p {margin-bottom: 12px; margin-top: 2px; text-align: justify; z-index: 2; position: relative;} #content a {color: #289AEE; z-index: 2; position: relative;} #content a:hover {color: #fb7f09; z-index: 2; position: relative;} #content hr {color: #8AB92B; } #content .right {text-align: right; margin-right: 20px; } #content .gbox1 {clear: both; height: 71px; background-image: url(doc/gbox1.gif); background-repeat: no-repeat; margin-left: -27px; margin-bottom: -50px; z-index: 1;} #content .gbox2 {height: 77px; background-image: url(doc/gbox2.gif); background-repeat: no-repeat; background-position: right; margin-right: -27px; margin-top: -53px; z-index: 1; position: relative;} #content div.colorbox {width: 347px; float: left; z-index: 2; position: relative; border: 1px solid #dce0ff;} #content .vr {width: 8px;} #content .notable td {border: 0; padding: 0; margin: 0; padding-bottom: 8px; vertical-align: top;} #content div.icon {float: left; width: 112px; height: 84px; background-image: url(doc/imgbox.png); padding: 9px 9px 10px 9px; margin: -8px 6px 4px 0px; } #content img.icon {border: 0; position: relative; z-index: 2;} #content div.icon div.crop {overflow: hidden; height: 100%; position: relative; z-index: 2;} #content div.colorbox div.text {font-size: 85%; padding: 10px 8px 4px 4px; text-align: justify;} #content div.colorbox div.text div.comments {clear: left; text-align: right; margin-top: 6px;} #content div.colorbox div.header {font-size: 12px; color: White; padding: 0px 4px 0px 20px; height: 23px; line-height: 23px; background-image: url(doc/colorbox-hd.gif);background-repeat: repeat-x;} #content div.colorbox div.header a{color: White; text-decoration: none;} #content div.colorbox div.header a:hover{text-decoration: underline;} #content table.table {border: 1px solid #C18257; width: 100%; position: relative; z-index: 2;} #content table.table td{padding-bottom: 4px; padding-left: 2px; padding-right: 2px; padding-top: 4px; border: 1px solid #D6E6F6;} #content td.plan {padding-bottom: 4px; padding-left: 2px; padding-right: 2px; padding-top: 4px; border: 1px solid #D6E6F6; width : 30%;} #content div.fotogalerie {position: relative; z-index: 2;} #content div.fotogalerie img {border: 1px solid #F3F3F3;} #content div.fotogalerie a{text-decoration: none;} #content p.suplovani{} /*special google search engine CSS and google form CSS*/ div.gsc-tabsArea {display: none !important;} div#gs {display: none !important;} div.gsc-resultsRoot {padding: 3px; border:#C18257 1px solid; color: black; background-color: white !important; } .gs-title {font-weight: bold; color: #289AEE !important;} .gs-title a b {font-weight: bold; color: #289AEE !important;} .gs-title a:hover {font-weight: bold; color: #289AEE !important;} .gs-title a:visited {font-weight: bold; color: #289AEE !important;} .gsc-trailing-more-results {display:none !important;} .gsc-branding {display: none !important;} .gs-visibleUrl-short {display: none !important;} /*.gsc-input {background-image: none !important;} */ input.gsc-input {height: 18px; line-height: 18px; border: 1px solid #2f2921;} input.gsc-search-button {height: 18px; width: 60px; background-image: url(body/btn.gif); border: 0; margin: 0; padding: 0; color: White; font-size: 12px;} h2#formtitle{color: #289AEE; padding: 0; font-size: 300%; margin: 4px 0px -100px 0px; !important;} /*Three photos CSS*/ div#ThreePhotos {position: absolute; left: 0px; width: 1015px; height: 265px; top: 0px; } div#ThreePhotos {z-index: 1; }