/* * file: style.css * content: style sheets for www.centarpliska.com * author: Radan Ganchev * comment: IE specific styles can be found in styles_ie.css * * description: * The style sheets refer to the following page structure: * * *

<-- PAGE WRAPPER *

...

<-- HEADER *

...

<-- NAVIGATION *

...

<-- CONTENT *

* * */ /******************************************/ /*** ***/ /*** PAGE CONTENT - html elements ***/ /*** ***/ /******************************************/ body { padding: 0; margin: 0; background-image: url("images/misc/bck/bck_1024x768.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-color: #fea805; font-family: "Verdana", "Trebuchet MS", "Tahoma", sans-serif; font-size: 14px; } p { text-align: justify; padding: 0 1em; } blockquote { margin: 0.5em 1em; color: rgb(160,0,120); } blockquote p { padding: 0; } ul { list-style-type: circle; } ul, ol { margin-left: 1em; } li { margin: 0.5em 0; } a { text-decoration: none; color: blue; } a:hover { color: red; } h2, h3, h4 { font-size: 1.1em; padding: 0.5em 1em; margin-top: 3em; } h1 { font-family: "Comic Sans MS"; font-size: 1.5em; text-align: center; } h2 { background-color: #ffb022; /* ~ orange */ } h3 { background-color: #ffe022; /* ~ yellow */ } h4 { background-color: #c0f022; /* ~ green */ } h5 { font-size: 1.1em; margin-top: 2em; margin-bottom: 1em; padding-left: 1em; } h6, p.h7, p.h8 { font-family: "Comic Sans MS"; font-size: 1.1em; margin-bottom: 0.5em; } p.h7 { color: #ff5012; font-style: italic; font-weight: bold; text-align: center; font-size: 1.4em; margin-top: 3em; border-bottom: 10px solid #c0f022; } p.h8 { color: #ff5012; font-weight: bold; text-align: center; font-size: 1.3em; margin-top: 2em; } em { } strong { font-family: "Comic Sans MS"; font-weight: normal; font-size: 1.2em; } dfn { color: rgb(160,0,120); font-weight: bold; font-size: 1.1em; font-style: normal; } /********************************************/ /*** ***/ /*** PAGE CONTENT - specific styles ***/ /*** ***/ /********************************************/ div#body { padding: 1em 2em; border: 1px solid green; background-image: url("images/misc/bck.png"); background-repeat: repeat; margin-bottom: 3em; } p.important { font-weight: bold; border: 1px solid black; padding: 0.5em 1em; } p.contacts { background-image: url("/images/misc/sunflowers.png"); background-position: top center; background-repeat: no-repeat; padding-top: 60px; text-align: center; margin-top: 3em; font-family: "Comic Sans MS"; font-weight: bold; font-size: 1.1em; } p.centered { text-align: center; } ul.check, ul.cross { list-style-type: none; padding-left: 15px; } ul.check li, ul.cross li { background-repeat: no-repeat; background-position: bottom left; padding-left: 25px; } ul.check li { background-image: url("/images/misc/check.png"); } ul.cross li { background-image: url("/images/misc/cross.png"); } ul.clear { list-style-type: none; } /**************************/ /*** ***/ /*** PAGE WRAPPER ***/ /*** ***/ /**************************/ div#root { margin: 0 auto; width: 894px; } /*************************/ /*** ***/ /*** PAGE HEADER ***/ /*** ***/ /*************************/ div#head { background-image: url("images/misc/head.jpg"); background-repeat: no-repeat; height: 168px; border-style: solid; border-color: green; border-width: 0 1px 1px 1px; cursor: pointer; } /************************/ /*** ***/ /*** NAVIGATION ***/ /*** ***/ /************************/ div#nav { text-align: center; } div#nav ul { margin: 0; padding: 0 0 2px 0; list-style-type: none; } div#nav ul li { display: inline; background-image: url("images/misc/menu_bck.png"); background-repeat: repeat-x; border-right: 1px solid green; padding: 0 0 2px 0; margin: 0; } div#nav ul li:hover, div#nav ul li.over { background-image: url("images/misc/menu_hover_bck.png"); } div#nav ul li:hover a, div#nav ul li.over a { color: #c00; } div#nav ul li a img { border: 0; padding-left: 0.5em; } div#nav ul li#mi_first { border-left: 1px solid green; } div#nav ul li a { padding: 0 1em 2px 1em; margin: 0; font-weight: bold; font-family: "Verdana"; font-size: 0.9em; text-decoration: none; color: #940202; } div#nav ul li ul { display: none; position: absolute; background-color: #efa122; } div#nav ul li:hover ul, div#nav ul li.over ul { display: block } div#nav ul li ul li { display: block; width: 21em; text-align: left; font-size: 0.9em; background-image: none; border: 1px solid green; margin-bottom: -1px; } div#nav ul li ul li:hover { background-image: none; } div#nav ul li:hover ul li a, div#nav ul li.over ul li a { display: block; padding: 0.6em; border-width: 0 4px; border-style: solid; border-color: transparent; color: #940202; } div#nav ul li ul li a:hover { color: #c00; border-color: red; }