/** * Standard Cascading Style Sheets * * This CSS/CSS layout is part of Credox Framework [www.credox.org] * * * @author Hristo Drumev * @package framework * @copyright Hristo Drumev [www.hdrumev.com] * @version 0.04 / 25.09.2008 * * This file contain standard comliant styles * */ a { color: #175c83; outline: none; /* removing dotted links */ } a:hover { color: #28425c; } a:visited { color: #2f4636; } hr { clear: both; width: 100%; height: 0px; border: none; border-top: 1px solid #000; margin: 7px 0; } a img { border: none; } /* only for IE */ * html hr { margin: 0; } .normal { font-weight: normal; font-style: normal; text-decoration: none; } .strong { font-weight: bold; } .em { font-style: italic; } .underline { text-decoration: underline; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignright { text-align: right; } .alignjustify { text-align: justify; } .floatleft { float: left; } .floatright { float: right; } .clear { clear: both; font-size: 0; height: 1px; } .big { font-size: 1.1em; } .small { font-size: 0.9em; } /** * LAYOUT: fixed width, center, 100% height allways * * This CSS/CSS layout is part of Credox Framework [www.credox.org] * * * @author Hristo Drumev * @package framework * @copyright Hristo Drumev [www.hdrumev.com] * @version 0.05 / 10.07.2007 * * Suported browsers: IE5+/win, Op5+, Moz1+, FF0.1+ * This file is freely distributable and usable under the terms of www.credox.org * * Notes: add footer background to #sysfootercontent * see comments below */ html { height: 100%; } body { margin: 0; padding: 0; height: 100%; } /** center layout for IE5 */ #syscenterie5 { width: 100%; text-align: center; height: 100%; } #sysframe { text-align: left; /* override text-align */ min-height: 100%; /* width: 750px; /* width of content */ margin: 0 auto; } /* css hack - only for IE, height is 100%, not auto */ * html #sysframe { height: 100%; } #sysheader { /* height: 100px; /* height of header */ } #syscontent { /* padding-bottom: 30px; /* height of footer */ } #sysfooter { position: relative; text-align: left; /* override text-align */ /* height: 25px; /* height of footer - borders */ /* margin-top: -25px; /* height of footer */ margin-left: auto; margin-right: auto; /* width: 750px; /* width of content */ } #sysfootercontent { /* height: 20px; /* height of footer */ } /** Example: use this tags in your (x)html page

--- In your CSS file add this ----------------------- or remove comments of commented styles above #sysframe { width: 00px; } #sysheader { height: 00px; } #syscontent { padding-bottom: 00px; } #sysfooter { height: 00px; margin-top: -00px; width: 00px; } #sysfootercontent { height: 00px; } --- Comments --------------------------------------- #sysframe: width - width of content #sysheader: height - height of header #syscontent: padding-bottom - height of footer #sysfooter: height - height of footer - borders #sysfooter: margin-top - height of footer #sysfooter: width - width of footer #sysfootercontent: height - height of footer */ body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; } img { border: none; } #sysframe { width: 960px; border-left: 1px solid #b0c4de; border-right: 1px solid #b0c4de; } #topnav { height: 20px; background: #87C8EE; line-height: 20px; padding: 0 10px 0 20px; clear: both; } #topnav ul { margin: 0; padding: 0; } #topnav li { list-style: none; float: left; margin: 0; padding: 0; } #topnav li a { color: #222; text-decoration: none; border-left: 1px solid #222; padding: 0 10px 0 10px; } #topnav li a:hover { text-decoration: underline; } #sysheader { height: 120px; background: url(img/logo-bg.png) left center no-repeat; border-bottom: 2px solid #b0c4de; } #sysheaderen { height: 120px; background: url(img/logo-bg.png) left center no-repeat; border-bottom: 2px solid #b0c4de; } #sysheader a.logo, #sysheaderen a.logo { display: block; width: 380px; height: 100%; font-size: 0; text-indent: -9999px; float: left; clear: both; } #navfunc { float: left; height: 100%; width: 560px; } #fontsize { float: right; margin-top: 30px; } #fontsize a { color: #e0e7ef; width: 16px; height: 16px; display: block; line-height: 16px; text-decoration: none; text-align: center; background: url(img/font-size-bg.png) no-repeat; font-weight: bold; float: left; margin-left: 5px; } #fontsize span { float: left; } #search { margin-top: 55px; text-align: right; } #search input { width: 150px; font-size: 10px; float: right; } #searchbutton { width: 16px !important; margin-left: 5px; } #syscontent { padding-bottom: 150px; } #sysfooter { height: 75px; margin-top: -75px; width: 960px; } #sysfootercontent { height: 45px; background: url(img/bg.footer.png); padding-top: 30px; } #sysfootercontent div { font-size: 0.9em; text-align: center; color: #175c83; } #sysfootercontent div a { text-decoration: none; color: #3a6092; } #sysfootercontent div a:hover { text-decoration: underline; } /* #langbar { background: url(img/bg.langbar.png) repeat-x; height: 30px; line-height: 30px; color: #175c83; font-size: 0.9em; padding-left: 25px; font-weight: bold; } #langbar a { margin-right: 15px; width: 20px; display: block; float: left; text-indent: -9999px; font-size: 0; } #langbar a.bg { background: url(img/flags/bg.png) center center no-repeat; } #langbar a.en { background: url(img/flags/gb.png) center center no-repeat; } #langbar a.fr { background: url(img/flags/fr.png) center center no-repeat; } #langbar a.ru { background: url(img/flags/ru.png) center center no-repeat; } */ #leftcolumn { width: 170px; float: left; padding-left: 15px; margin: 15px 20px 0 0; } #main { width: 550px; float: left; margin: 15px 20px 0 0; } #rightcolumn { width: 170px; float: left; margin: 15px 0 0 0; } #leftcolumn, #main, #rightcolumn { } #leftcolumn a, #main a, #rightcolumn a { color: #175c83; font-weight: bold; text-decoration: underline; } #leftcolumn a:hover, #main a:hover, #rightcolumn a:hover { color: #7ec6ed; } #leftcolumn a:visited, #main a:visited, #rightcolumn a:visited { color: #800080; } #leftcolumn h2, #rightcolumn h2 { background: url(img/bg.h2.short.png) no-repeat; line-height: 28px; height: 28px; margin: 0; padding: 0 0 0 20px; font-size: 1.0em; color: #175c83; } #leftcolumn div.block, #rightcolumn div.block { width: 168px; padding: 10px 0 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #leftcolumn div.blockfooter, #rightcolumn div.blockfooter { background: url(img/bg.footer.short.png) no-repeat; height: 10px; margin-bottom: 15px; } #main h2 { background: url(img/bg.h2.long.png) no-repeat; line-height: 28px; height: 28px; margin: 0; padding: 0 0 0 20px; font-size: 1.0em; color: #175c83; } #main div.block { width: 548px; padding: 10px 0 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden; } #main div.blockfooter { background: url(img/bg.footer.long.png) no-repeat; height: 10px; margin-bottom: 15px; } #leftcolumn ul, #rightcolumn ul { list-style: none; padding: 0; margin: 0; } #leftcolumn ul li, #rightcolumn ul li { margin: 0; padding: 0; } #leftcolumn ul li a, #rightcolumn ul li a { display: block; padding: 3px 0 3px 20px; width: 148px; text-decoration: none; background: #fff url(img/bg.bullet.png) 10px center no-repeat; font-weight: bold; color: #3c3c3d; } #leftcolumn ul li a.hot { color: #fc0309; } #leftcolumn ul li a.hot:hover { color: #fc0309; } #leftcolumn ul li a:hover, #rightcolumn ul li a:hover, #leftcolumn ul li a.selected, #rightcolumn ul li a.selected { color: #3c3c3d; background: #ddd url(img/bg.bullet.over.png) 10px center no-repeat; } #leftcolumn ul li { } #leftcolumn ul li div { background: #ddd url(img/bg.bullet.group.png) 10px center no-repeat; padding: 5px 0 5px 20px; font-weight: bold; color: #3c3c3d; } #leftcolumn ul li ul li a { background: #fff url(img/bg.bullet.sub.png) 10px center no-repeat; font-weight: normal; padding: 3px 0 3px 20px; color: #555; } #leftcolumn ul li ul li a:hover { background: #ddd url(img/bg.bullet.sub.png) 10px center no-repeat; } ol { margin-top: 5px; margin-bottom: 0; } .newsline { margin: 0 10px 10px; padding-left: 10px; background: url(img/bg.bullet.png) left center no-repeat; } .newsline span { margin-right: 10px; color: #fe0107; font-weight: bold; } .newsarchivelink { margin: 10px; padding-top: 10px; border-top: 1px solid #ccc; } .odd { background: #f0f0f0; } .newsitem { margin: 0 0 15px; overflow: hidden; padding: 5px 10px; } .newsitemcontents { float: left; margin: 10px 0 0 0; width: 365px; } .newsitemcontents p { margin: 4px 0; } .newsitemcontents a { color: #800000 !important; } .newsitemcontents a:hover { text-decoration: underline !important; } .newsitemimage { float: left; width: 160px; } .newsitem img { padding: 1px; border: 1px solid #72b9df; background: #fff; margin: 10px 10px 0 0; float: left; } .datetime { } .datetime span.date { color: #800000; font-weight: bold; } .datetime span.time { color: #01378d; font-weight: bold; } div.block h3 { margin: 0 10px 10px; text-align: center; } #news { padding: 10px 10px 0; } #news img { border: 1px solid #ccc; } #news p { margin: 0 0 10px 0; text-align: justify; font-size: 1.1em; line-height: 1.5em; } #news h4 { font-size: 1.2em; border-bottom: 1px solid #ccc; } #news div.photos { } #news div.photos img { margin: 5px; } #news div.file { margin-bottom: 10px; } #news div.file p { margin: 0; } #news div.file p.filetype { color: #708090; font-size: 0.8em; } #news div.file p.filenote { color: #175c83; font-size: 0.8em; } li { margin-bottom: 3px; } div.text { margin: 10px; } div.text p { margin: 0; } #gallery { margin: 20px 8px; } #gallery a { float: left; width: 90px; height: 60px; padding: 2px; border: 1px solid #ccc; display: block; margin: 5px; } #subheader { width: 960px; height: 100px; background: url(img/bg.subheader.jpg); border-top: 1px solid #fff; } .feedbackformmessage { width: 600px; text-align: center; margin: 20px auto 20px auto; background: #dbe6f2; padding: 10px; font-weight: bold; } #feedbackform { width: 500px; text-align: left; margin: 20px auto 20px auto; padding: 10px; } #feedbackform input { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border: 1px solid #304b72; font-size: 11px; width: 200px; float: left; padding: 2px; margin: 5px 150px 0 0; } #feedbackform label { width: 100px; display: block; text-align: right; padding: 2px 5px 0 0; float: left; line-height: 22px; color: #304b72; font-size: 0.9em; clear: left; } #feedbackform textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border: 1px solid #304b72; font-size: 11px; width: 350px; height: 80px; float: left; margin: 5px 0 0 0; padding: 2px; } #feedbackform .feedbacksubmit { width: 100px; margin: 8px 0 0 105px; background: #304b72; border: 1px solid #000; padding: 2px; color: #fff; }