funchat/themes/default/style.css
2025-06-02 10:01:12 +02:00

299 lines
5 KiB
CSS

body{
font: normal 12px/24px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background: url("images/background.gif");
text-align: center;
}
div{
font-family: Arial, Helvetica;
font-size: 11px;
}
a{
color: #6699FF;
}
a:hover{
color: #cccccc;
}
img{
border:0px;
text-decoration:none;
}
#sitetitle{
width: 875px;
margin: 0 auto;
padding: 5px;
text-align: left;
border-right: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-bottom:1px solid #D1D1D1;
background-color: #fcfcfc;
}
#container{
width: 875px;
margin: 0 auto;
padding: 5px;
text-align: left;
border-right: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-bottom:1px solid #D1D1D1;
background-color: #fcfcfc;
}
#left{
float: left;
width: 180px;
padding-top:5px;
margin: 0;
border-right: 1px solid #cccccc;
}
.menuitem_green{
width: 175px;
height: 50px;
text-align: right;
background-image: url("images/green.gif");
}
.menuitem_blue{
width: 175px;
height: 50px;
text-align: right;
background-image: url("images/blue.gif");
}
.menuitem_yellow{
width: 175px;
height: 50px;
text-align: right;
background-image: url("images/yellow.gif");
}
.menuitem_text{
font-size:15px;
font-weight:bold;
text-decoration: bold;
font-variant:small-caps;
color: #FFFFFF;
padding:20px 12px 0 0;
}
#left ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#left li{
text-indent: 1em;
}
#left li a{
color: #6699ff;
text-decoration: none;
}
#left li a:hover{
text-decoration: underline;
}
#left p{
margin: 1px;
padding-left: 1em;
}
#left form{
padding: 1em 0 0 0;
margin: 0;
}
#left form input{
margin: 0.2em 0;
background-color: #f3f3f3;
border: 1px solid #333333;
width: 125px;
font: 11px/22px Arial, Helvetica, sans-serif;
padding: 0.2em;
}
#left form .button{
width: 75px;
background-color: #6699FF;
padding: 0;
margin: 0;
}
#content{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
float:left;
margin-left:-1px;
margin-right:-1px;
margin-top:-5px;
min-height:300px;
padding-left:1em;
padding-right:1em;
padding-top:5px;
width:487px;
}
#minimal_content{
float:left;
margin-left:-1px;
margin-right:-1px;
margin-top:-5px;
min-height:100px;
padding-left:1em;
padding-right:1em;
padding-top:5px;
width:860px;
}
#minimal_content h2{
background-color: #B2EA6A;
text-indent: 1em;
font-size: 12px;
font-variant: small-caps;
color: #ffffff;
margin: 0;
}
#minimal_content h1{
background-color:#B2EA6A;
color:#FFFFFF;
font-size:25px;
font-variant:small-caps;
height:25px;
margin:0;
text-indent:15px;
}
#minimal_content p{
margin: 0;
padding: 1em;
}
#content h2{
background-color: #B2EA6A;
text-indent: 1em;
font-size: 12px;
font-variant: small-caps;
color: #ffffff;
margin: 0;
}
#content h1{
background-color:#B2EA6A;
color:#FFFFFF;
font-size:25px;
font-variant:small-caps;
height:25px;
margin:0;
text-indent:15px;
}
#content p{
margin: 0;
padding: 1em;
}
#right{
width: 180px;
float: right;
background-color: #f9f9f9;
/*border-left:1px solid #CCCCCC;*/
padding-top:5px;
padding-left:7px;
margin-right:-5px;
margin-bottom: 1em;
}
#right p{
margin: 1px;
padding-left: 1em;
}
#right form{
margin: 1px;
padding-left: 1em;
}
#right form input{
margin: 0.2em 0;
background-color: #f3f3f3;
border: 1px solid #333333;
width: 125px;
font: 11px/22px Arial, Helvetica, sans-serif;
padding: 0.2em;
}
#right form .button{
width: 75px;
background-color: #6699FF;
padding: 0;
margin: 0;
}
#header{
width: 175px;
height: 50px;
background-image: url("images/header.gif");
float: right;
padding: 0;
margin: 0;
margin-bottom: 1em;
}
#header h3{
font: 16px verdana, arial;
color: #ffffff;
padding: 25px 10px 5px 0;
margin: 0;
font-weight: bold;
text-align: right;
}
#right form label{
background-position:0 5px;
background-repeat:no-repeat;
clear:both;
margin-bottom:2px;
margin-right:3px;
padding-left:0.5em;
cursor:pointer;
padding:0.5em 0.5em 0.5em 20px;
}
#left form label{
background-position:0 5px;
background-repeat:no-repeat;
clear:both;
margin-bottom:2px;
margin-right:3px;
padding-left:0.5em;
cursor:pointer;
padding:0.5em 0.5em 0.5em 20px;
}
#minimal_content form label{
background-position:0 5px;
background-repeat:no-repeat;
clear:both;
margin-bottom:2px;
margin-right:3px;
padding-left:0.5em;
cursor:pointer;
padding:0.5em 0.5em 0.5em 20px;
}
.unchecked {
background-image:url("images/chk_off.png");
}
.checked {
background-image:url("images/chk_on.png");
}
.unselected {
background-image:url("images/rdo_off.png");
}
.selected {
background-image:url("images/rdo_on.png");
}
.sortcol {
cursor: pointer;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right center;
}
.sortasc {
background-color: #DDFFAC;
background-image: url("images/up.gif");
}
.sortdesc {
background-color: #B9DDFF;
background-image: url("images/down.gif");
}
.nosort {
cursor: default;
}
#footer{
clear: both;
text-align: center;
margin: 0;
padding: 0;
background-color: #f9f9f9;
border: 1px solid #cccccc;
}