6
here you can see my Css file
<style type="text/css">
table
{
width: 100%;
font-size: 12px;
}
table#okvir
{
background-color: #353940;
width: 780px;
}
table td
{
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Arial,Tahoma,Verdana,Sans-serif;
background: 2D2E33;
}
a
{
color: #666666;
text-decoration: none;
font-weight: normal;
background-color: transparent;
}
a:hover
{
color: #ff6600;
}
ul {
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
color: #000000;
}
li {
margin-left: 2px; list-style: square inside; color: #2F5376
}
.item {
border: 1px solid #cccccc;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
border-color: #CCCCCC;
background-color: #666666;
}
.itemHead {
padding: 3px;
background-color: #394248;
color: #999999;
background-repeat: repeat-x;
}
.itemInfo {
text-align: right;
padding: 3px;
background-color: #757575;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
}
.itemTitle a {
font-size: 130%; font-weight: bold; font-variant: small-caps;
color: #ffffff;
}
.itemPoster
{
font-size: 90%;
font-style:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.itemPostDate
{
font-size: 90%; font-style:normal;
}
.itemStats
{
font-size: 90%;
font-style:oblique;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.itemBody
{
padding-left: 5px;
}
.itemText
{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
background-color: #666666;
word-spacing: normal;
text-align: left;
}
.itemText:first-letter
{
font-size: 133%;
font-weight: bold;
background-color: #666666;
}
.itemFoot {
text-align: right;
padding: 3px;
background-color: #757575;
color: #CCCCCC;
}
.itemAdminLink {
font-size: 90%;
color: #000000;
}
.itemPermaLink {
font-size: 90%;
color: #FFFFFF;
}
th
{
background-color: #CCCCCC;
color: #FFFFFF;
padding : 2px;
vertical-align : middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
td#leftcolumn
{
width: 170px; border-right: 1px solid #cccccc;
font-size:12px;
}
td#leftcolumn a
{
font-weight: normal;
}
td#leftcolumn th
{
background-color: #2F5376; color: #FFFFFF;
vertical-align: middle;
}
td#leftcolumn div.blockTitle
{
padding: 3px; background-color: #dddddd;
color: #639ACE; font-weight: bold;
}
td#leftcolumn div.blockContent
{
padding: 3px; line-height: 120%;
line-height: 120%;
}
td#centercolumn
{
font-size: 12px;
}
td#centercolumn th {
color: #FF0000;
}
td#centerCcolumn legend.blockTitle
{
padding: 3px; color: #639ACE;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
td#centerCcolumn div.blockContent
{
border-left: 1px solid #000000;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #dddddd;
padding: 3px; margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
line-height: 120%;
}
td#centerLcolumn
{
width: 50%;
padding: 0px 0px 0px 0px;
border-right: 1px solid #cccccc;
}
td#centerLcolumn div.blockTitle
{
padding: 3px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
background-color: #9299A5;
margin-bottom: 5px;
background-repeat: no-repeat;
padding-left: 18px;
background-position: left;
background-image: url('images/blue_plus.png');
border-bottom: 1px solid #3D5656;
}
td#centerLcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
line-height: 120%;
padding: 2px;
}
td#centerRcolumn
{
width: 50%;
padding: 0px 0px 0px 0px;
}
td#centerRcolumn div.blockTitle
{
padding: 3px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
background-color: #9299A5;
margin-bottom: 5px;
background-image: url('images/blue_plus.png');
padding-left: 18px;
background-repeat: no-repeat;
background-position: left;
border-bottom: 1px solid #3D5656;
}
td#centerRcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
line-height: 120%;
padding: 2px;
}
td#rightcolumn
{
width: 160px;
font-size: 11px;
border-right: 0px solid #E5E5E5;
padding-top: 2px;
color: #FFFFFF;
}
td#rightcolumn a
{
font-weight: normal;
}
td#rightcolumn th
{
vertical-align: bottom;
border-bottom: 1px dashed #8699B5;
background-color: transparent;
font-size: 11px;
color: #A6ACB5;
}
td#rightcolumn div.blockTitle
{
color: #FFFFFF;
font-weight: normal;
font-size: 11px;
background-color: #69727E;
padding-left: 10px;
background-repeat: no-repeat;
background-position: left;
border: 1px solid #ffffff;
padding-bottom: 2px;
padding-top: 2px;
margin-left: 3px;
}
td#rightcolumn div.blockContent
{
padding: 2px;
line-height: 120%;
line-height: 120%;
color: #FFFFFF;
}
td#mainmenu a
{
color: #79A6E3;
padding: 1px 1px 1px 0px;
font-weight: normal;
font-size: 11px;
margin-right: 3px;
text-align: left;
}
td#mainmenu a:hover
{
color: #FFCC00;
text-align: left;
}
td#mainmenu a.menuTop
{
padding-left: 20px;
text-align: left;
}
td#mainmenu a.menuMain
{
padding-left: 20px;
text-align: left;
}
td#mainmenu a.menuSub
{
color: #79A6E3;
padding-left: 35px;
font-weight: normal;
text-align: left;
}
td#usermenu a
{
color: #79A6E3;
font-weight: normal;
font-size: 10px;
padding: 1px;
}
td#usermenu a:hover
{
color: #FFCC00;
}
td#usermenu a.highlight
{
}
.outer {
border: 1px solid silver;
background-color: #999999;
border-color: #000000;
color: #000000;
}
.head a {
color: #CC0000;
background-color: #0000FF;
}
.head {
background-color: #696969;
padding: 5px;
font-weight: bold;
color: #E5E5E5;
}
.even {
background-color: #737373;
padding: 5px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.odd {
background-color: #E9E9E9;
padding: 5px;
color: #333333;
}
.foot {
background-color: #CCCCCC;
padding: 5px;
font-weight: bold;
color: #FFFFFF;
}
tr.even td
{
background-color: #dee3e7;
padding: 5px;
}
tr.odd td
{
background-color: #E9E9E9;
padding: 5px;
}
div.errorMsg
{
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.confirmMsg
{
background-color: #DDFFDF;
color: #136C99;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.resultMsg
{
background-color : #CCCCCC;
color: #333333;
text-align: center;
border-top: 1px solid silver;
border-left: 1px solid silver;
font-weight: bold;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
}
div.xoopsCode
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
div.xoopsQuote
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
.comTitle
{
font-weight: bold;
margin-bottom: 3px;
color: #FFFFFF;
}
.comText
{
padding: 3px;
color: #000000;
}
.comUserStat
{
font-size: 9px;
color: #222222;
font-weight:bold;
border: 1px solid #000000;
background-color: #E9E9E9;
margin: 3px;
padding: 3px;
}
.comUserStatCaption
{
font-weight: normal;
color: #000000;
}
.comUserStatus
{
margin-left: 3px;
margin-top: 9px;
color: #FFFFFF;
font-weight:bold;
font-size: 9px;
}
.comUserRank
{
margin: 2px;
}
.comUserRankText
{
font-size: 9px;
font-weight:bold;
}
.comUserRankImg
{
border: 0;
}
.comUserImg
{
margin: 2px;
}
.comDate
{
font-weight: normal;
font-style: italic;
font-size: 9px;
}
.comDateCaption
{
font-weight: bold;
font-style: normal;
}
input
{
font: 11px Arial,Tahoma,Verdana,Sans-serif;
}
textarea
{
border: 1px solid #8699B5;
width: 400px;
font: 11px Arial,Tahoma,Verdana,Sans-serif;
background-color: #F5F5F5;
}
input.formTextBox
{
border: 1px solid #8699B5;
background: #F5F5F5;
font: 11px Arial,Tahoma,Verdana,Sans-serif;
}
select
{
border: 1px solid #8699B5;
font: 11px Arial,Tahoma,Verdana,Sans-serif;
background-color: #F5F5F5;
}
.headerprvi
{
background-color: #89929E;
color: #454545;
font-weight: bold;
padding-left: 8px;
border-left: 1px solid #ffffff;
}
.headerprvi a
{
color: #454545;
}
.headercenter
{
background-color: #89929E;
color: #454545;
font-weight: bold;
padding-right: 8px;
}
.headerdrugi
{
background-color: #89929E;
color: #454545;
font-weight: bold;
padding-right: 8px;
border-right: 1px solid #ffffff;
}
form
{
font-size: 11px;
color: #787878;
}
.loginlink
{
background-image: url('images/btn_bullet.gif');
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}
.button
{
font-size: 10px;
color: #000000;
margin-bottom: 1px;
}
.sadrzaj
{
margin-bottom: 20px;
}
.blok
{
margin-bottom: 6px;
}
.forum
{
background-color: #B1B7BE;
font-size: 11px;
font-weight: bold;
color: #004080;
padding: 6px;
background-image: url('menu4_bar.gif');
}
.forumprvi
{
background-color: #F7F9FB;
padding: 3px;
color: #004080;
}
.forumdrugi
{
background-color: #EFF3F8;
padding: 3px;
color: #004080;
}
.navigacijaforum
{
background-color: #BFC4CA;
padding: 5px;
color: #004080;
border-top: 1px dashed #333333;
border-bottom: 1px dashed #333333;
font-size: 12px;
text-align: center;
font-weight: bold;
}
.forum a
{
color: #004080;
}
.download
{
padding: 10px;
}
.downhead
{
background-image: url('images/menu2_bar.gif');
color: #FFFFFF;
padding: 5px;
}
.downloadsvaki
{
width: 97%;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 5px;
}
.privatnost
{
color: #E2E4E7;
font-size: 10px;
text-align: center;
padding-top: 1px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.privatnost a
{
color: #DADCE0;
font-weight: normal;
}
td#headerlogo
{
background-color: transparent;
}
.style1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
.style7
{
font-size: 8px;
color: #FF0000;
}
.style15
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style16
{
color: #CCCCCC
}
.style23
{
color: #79a6e3
}
.style42
{
color: #FFFFFF
}
a:link
{
color: #79A6E3;
text-decoration: none;
}
a:visited
{
color: #79A6E3;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FFCC00;
}
a:active {
text-decoration: none;
}
-->
</style>