/* Start of CMSMS style sheet 'tod-index' */ /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */ /*Set initial font styles*/ body { text-align: left; font-family: Verdana; font-size: 12px; line-height: 1em; background: #000000; } /*set font size for all divs, this overrides some body rules*/ div { font-size: 1em; } /*if img is inside "a" it would have borders, we don't want that*/ img { border: 0; } /*default link styles*/ a, a:link a:active { /* set all links to have underline */ text-decoration: underline; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background: fixed; /* this is a bluish color, you change this for all default link colors */ color: #e0ad62; } a:visited { /* keeps the underline */ text-decoration: underline; background-color: inherit; /* a different color is used for visited links */ color: #b5a482; } a:hover { /* remove underline on hover */ text-decoration: none; background-color: inherit; /* using a different color makes the hover obvious */ color: #f7bf6c; } /*****************basic layout *****************/ body { margin: 0; padding: 0; /* default text color for entire site*/ color: #bebebe; /* you can set your own image and background color here */ background: #000000 url(uploads/tod-gigs/main.jpg) no-repeat center top fixed; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ width: 1000px; float: middle; position:relative; /* now that width is set this centers wrapper */ margin: 0 auto; color:#c4c094; padding-left: 0px; padding-right: 0px; } /* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */ div#header { /* adjust according your image size */ height: 120px; margin-right: 5px; margin-bottom: 5px; padding: 0px; background: url(uploads/tod-gigs/logo.gif) no-repeat center ; /* border just the bottom */ border:none; } div#header h1 a { /* you can set your own image here */ background: url() no-repeat left top; /* this will make the "a" link a solid shape */ display: block; /* adjust according your image size */ height: 122px; width: 970px; /* this hides the text */ text-indent: -999em; /* old firefox would have shown underline for the link, this explicitly hides it */ text-decoration: none; } div#header h1 { margin: 0; padding: 0; /*these keep IE6 from pushing the header to more than the set size*/ line-height: 0; font-size: 0; /* this will keep IE6 from flickering on hover */ background: url() no-repeat left top; } div#header h2 { /* this is where the site name is */ float: right; line-height: 0em; /* this keeps IE6 from not showing the whole text */ font-size: 0em; /* keeps the size uniform */ /* adjust according your text size */ color: #000000; } div.crbk { /* sets all to 0 */ margin-left: 25px; padding: 0; } div.breadcrumbs { /* CSS short hand rule first value is top then right, bottom and left */ padding:2px 15px 10px 15px; /* its good to set font sizes to be relative, this way viewer can change his/her font size */ font-size: 11px; margin: 0px; } div.breadcrumbs span.lastitem { font-weight: bold; text-transform: uppercase; color: #dece88; } div.lang {float: right; margin-right: 25px; margin-bottom: 5px;} div#content {width: 1000px; min-height: 800px; /* some air above and under menu and content */ margin: 0px 6px 6px 0; padding: 0px; } div#footer { /* this sets 10px on left to balance 10px right on last div */ padding: 10px 0px 0px 10px; vertical-align: bottom; /* color of text, the link color is set below */ color: #595959; } div.leftfoot { float: left; width: 30%; margin-left: 20px vertical-align: bottom; } div#footer p { /* sets different font size from default */ font-size: 0.8em; /* some air for footer */ padding: 1.5em; /* centered text */ text-align: center; margin: 0; vertical-align: bottom; } div#footer p a { /* footer link would be same color as default we want it same as footer text */ color: #595959; } /* as we hid all hr for accessibility we create new hr with div class="hr" element */ div.hr { height: 1px; padding: 1em; border-bottom: 2px dashed #211d08; margin: 1em; } /* relational links under content */ div.left49 { /* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ width: 30%; } div.right49 { float: right; width: 29%; /* set right to keep text on right */ text-align: right; margin-right: 25px; font-weight: bold; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { color: #d4c5af; font-family: Verdana; font-weight: bolder; text-transform: uppercase; background: #000000; font-size: 13px; text-align: left; padding-left: 10px; border: 2px dashed #240405; line-height: 150%; margin-left: 25px; margin-right: 450px; } div#content h2 { color: #efdcb6; font-family: Verdana; text-transform: uppercase; vertical-align: top; margin-top:0px; background: #000000 url(uploads/tod-gigs/button.gif) repeat; font-size: 11px; text-align: left; line-height: 160%; padding: 2px; } h2 {color: #b5a482; font-family: Verdana; text-transform: uppercase; vertical-align: top; margin:2px 5px; font-size: 10px; text-align: left; line-height: 170%; padding-left: 15px; padding-right: 5px; background: #000000 url(uploads/tod-gigs/list.gif)no-repeat 2px; border-bottom: 1px dashed #2e2d13; } .h2 { color: #d4c5af; font-family: Verdana; font-weight: bold; text-transform: uppercase; vertical-align: baseline; font-size: 11px; text-align: left; border: 2px dashed #000000; line-height: 150%; text-align: center; background: #000000 url(uploads/tod-gigs/button.gif) repeat; } .hh2 { color: #efdcb6; font-family: Verdana; font-weight: bolder; text-transform: uppercase; vertical-align: top; margin-top:0px; background: #000000 url(uploads/tod-gigs/button.gif) repeat; font-size: 13px; text-align: center; line-height: 160%; padding: 2px; } div#content h3 { color: #d4c5af; font-size: 10px; font-weight: bold; font: Verdana; text-transform: uppercase; line-height: 150%; padding-left: 4px; } .h3 { color: #d4c5af; font-family: Verdana; font-weight: bold; text-transform: uppercase; vertical-align: baseline; font-size: 10px; text-align: left; padding-left: 9px; border: 0; line-height: 150%; margin-left: 0px; } div#content h4 { color: #fff1cc; font-size: 11px; font-weight: bold; font: Verdana; text-transform: uppercase; line-height: 150%; padding-left: 25px; padding-right: 25px; } h4 {color: #b5a482; font-family: Verdana; text-transform: uppercase; vertical-align: top; margin:2px 5px; font-size: 10px; text-align: left; line-height: 170%; padding-left: 15px; padding-right: 5px; background: #000000 url(uploads/tod-gigs/list.gif)no-repeat 2px; border-bottom: 1px dashed #2e2d13; } .h4 {color: #d4c5af; font-family: Verdana; font-weight: bold; text-transform: uppercase; vertical-align: baseline; font-size: 10px; text-align:right; /* some air around the text */ padding-right: 55px; padding-top: 2px; line-height: 100%; /* and some air under the border */ margin-left: 0px; } div#content h5 { color: #dece88; font-size: 10px; font-weight: bold; font: Verdana; line-height: 140%; text-transform: uppercase; } .h5 { color: #dece88; font-size: 10px; font-weight: bold; font: Verdana; line-height: 140%; } h6 { color: #fff1cc; font-size: 9px; font-weight: bold; font: Verdana; line-height: 150%; } /* END HEADINGS */ /* TEXT */ p { /* default p font size, this is set different in some other divs */ font-family: Lucida Sans Unicode; font-size: 12px; /* some air around p elements */ line-height: 160%; padding-left: 10px; padding-right: 10px; color: #e2dabb; } .text { font: 12px Arial; color: #D1C8BB; line-height: 180%; text-align: left; } .etext { font: 11px Arial; color: #f7bf6c; line-height: 180%; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style: italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ background-color: #330000; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 10px; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ .anons {width: 240px; background: #000000 url(uploads/tod-gigs/fon3.jpg); margin:0px; border-bottom: 2px dashed #2e2d13; border-top: 2px dashed #2e2d13; padding-top:0px;} /*TABLES*/ /*table for main page*/ .main {width:660px!important; background: url(uploads/tod-gigs/fon-news.gif) 0 0 repeat-y!important; margin-left: 2px; margin-right:2px;); border-left: 2px dashed #2e2d13; border-right: 2px dashed #2e2d13; } .m4 {border: 2px outside #2e2d13; height: 30px; font-variant: small-caps; font: bold 12px Verdana; margin: 5px 3px 5px 0px; padding: 1px 0px 3px 3px; color: #d4c5af; line-height: 180%; background: #000000 url(uploads/tod-gigs/fon3.jpg);} .fbsubmit {border: 1px outside #2e2d13; height: 22px; color: #d4c5af; font-variant: small-caps; font: bold 11px Verdana; background: #000000 url(uploads/tod-gigs/fon3.jpg); float: left; } .fbsubmit2 {border: 1px outside #2e2d13; height: 22px; color: #d4c5af; font-variant: small-caps; font: bold 11px Verdana; background: #000000 url(uploads/tod-gigs/fon3.jpg); float: right; } .lyrics {width: 490px; background: url(uploads/tod-gigs/lyric.jpg) center; margin-left:70px; border-bottom: 1px dashed #2e2d13; border-top: 1px dashed #2e2d13; padding:15px 15px 5px 15px; line-height: 160%; text-align: center; }.menu-t { line-height: 190%; margin: 12px 1px 2px 6px; text-align: left; } hr { border-bottom: 2px dashed #2e2d13; } .pml { font: 10px Verdana; text-align: left; line-height: 120%; margin: 2pt 2pt 2pt 3pt; color: #D6D6D6; } . .db { border: 2px dashed #2e2d13; } } border { border: 2px dashed #2e2d13; } .reg { border: 2px dashed #2e2d13; } .forpic { border: 3px double #211d08; margin: 1px; padding:4px; background: #240405; } .main-in { width:980px; float: center; margin: 0 auto; color:#c4c094; padding-left: 1px; padding-right: 0px; padding-top:10px; height:580px; } .main-l {width:250px; vertical-align: top; } .main-r {width:250px; vertical-align: top;} .main-mt {width:490px; vertical-align: top; } .main-lang { width:920px; float: center; margin: 0 auto; color:#c4c094; padding-left: 1px; padding-right: 0px; padding-top:10px; } .main-en {width:220px; vertical-align: top; } .main-ru {width:220px; vertical-align: top;} .main-mt {width:460px; vertical-align: top; } /*END TABLES*/ /*POLL*/ .pollresultlist {background: #000000; padding: 0px; border:0px;} .pollvoteform {padding: 0px; border:0px;} .polloptions {padding: 0px; border:0px;} .pollinput {padding: 0px; border:0px;} .poll-radio { height: 20px; margin: 1px; padding: 1px 0px 1px 1px; color: #d4c5af; background: #000000; } /* End of 'tod-index' */