View file templates/web/style.css

body {
        background-image: url(images/fon.gif); 
	    max-width: 1000px; 
	    min-width: 850px;
}
#page-header {
        height: 53px;    
} 
#page-body {
        margin: 0 auto;
        padding: 10px 10px 0;  
        background-color: #FFFFFF;          
} 
#page-footer {
        margin: 0 auto;        
} 
#left_sidebar {
        background: #FFFF0A url(images/sd.gif)  repeat-y;
        padding: 5px;
        margin-top: 15px;
        width: 255px; 
        float: left;
}
#page {
        min-width: 550px;       
        margin-left: 270px;
        border: 5px dashed #F5F5F5; 
        padding: 2px; 
}    
#right_sidebar {
        /*background: #FFFF0A url(images/sd.gif)  repeat-y;*/
        padding: 5px;
        width: 255px;
        float: right;
} 
#page_info { margin-right: 270px }

.module {
        width: 250px;
        margin-bottom: 10px;
}
.module_top {
        padding: 2px 2px 2px 35px;
        background: transparent url(images/first.png) no-repeat top left; 
        height: 20px;
}
.module_bottom {
        padding: 2px;
        background: transparent url(images/last.png) no-repeat bottom right; 
        height: 20px;
}
.tr {
        width: 260px;
        display: block;
        margin: 0;
        overflow: hidden;	
}
.td {
        display: block;
        list-style-type: none;
        float: left;
        width: auto;
        margin: 1px;    
}
.ug {
        width: 82px;
        height: 82px;
        text-align: center;    
}
.logo { 
        position: absolute; 
        width: 200px; 
}
.nav {        
        display: block;
        margin: 0;
        overflow: hidden; 
        float: right;
        margin-left: 5px;       
}
.nav span {
        height: 35px;
        text-align: center;
        background: transparent url(images/nav.png) no-repeat;
        padding: 0 5px;
        display: block;
        list-style-type: none;
        float: left;
        width: auto;  
}
.nav span:hover {
        background: transparent url(images/nav.png) repeat-x;
}
.navi { 
        height: 35px; 
		background: transparent url(images/nav.png) repeat-x;
        padding-left: 205px; 
}
.navi img { height: 35px; }
.str { 
        position: absolute;
        background: transparent url(images/str.gif) no-repeat top left; 
        padding-top: 10px;
        height: 30px;                 
        margin: 39px 0 0 148px;  
}
.str-rt {
        background: transparent url(images/str-rt.gif) no-repeat bottom right;	
        height: 20px; 		
        width: 5px;  
        float: right;        
}  
.str-ct { 
        background-color: #FDFFE7;
		color: #52992B;
        height: 18px;
        padding-right: 5px;
		border-top: 1px solid #52992B;	
		border-right: 1px solid #52992B;
		border-bottom: 1px solid #52992B;
        margin: 0 4px 0 10px; 
}         
* {
    /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;
}
ul.linklist {
        display: block;
        margin: 0;
        overflow: hidden;
}
ul.linklist li {
        display: block;
        list-style-type: none;
        float: left;
        width: auto;
        margin: 1px;    
}
ul.linklist li.rightside {
        float: right;
        margin-right: 0;
        margin-left: 5px;
        text-align: right;
}
ul.leftside {
        float: left;
        margin-left: 0;
        margin-right: 5px;
        text-align: left;
}
ul.rightside, p.rightside {
        float: right;
        margin-left: 5px;
        margin-right: -5px;
        text-align: right;
} 
.table{
        min-width: 700px;
}
.table ul {
        text-align: center;
}
.table li {
        float: right;
        width: auto;
        list-style-type: none;
        display: inline;
}
.left_table {
        width: 130px;
        text-align: center; 
        float: left; /* ширина px, этот блок обтекает с левой стороны следующий блок */  
}
.page_table {
        min-height: 110px;
        margin-left: 131px; /* минимальная ширина 550 px, отступ слева px */      
} 

/* ViewTopic
----------------------------------------*/
.postprofile {
        width: 160px;
        text-align: center; 
        float: left;  
}
.postbody {
        min-height: 110px;
        margin-left: 161px; 
} 

/* Posting page styles phpbb 3
----------------------------------------*/
/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 2px 0;
}
#format-buttons input, #format-buttons select {
	vertical-align: middle;
}
/* Main message box */
#message-box {
	margin-right: 255px
}
#message-box textarea {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 100%;
	font-size: 14px;
}
/* Emoticons panel */
#smiley-box {
	width: 250px;
	float: right;
}
#smiley-box img {
	margin: 3px;
}
#wind {
        position: fixed;
        width:320px;
        left: 35%;
        top: 100px;
        display: none;
        z-index: 10;
        overflow: hidden;
        padding:10px;
}
.loginbox { 
        text-align: center; 
}
.text { 
        padding: 7px 7px 8px 8px; 
        font-size: 12px; 
        width: 178px; 
}
.login { 
        background: #DAE2E8;        
        width: 182px; 
        height: 35px;    
}
.login:hover {
        background: #C1CDCD;
        cursor: pointer;   
}

.both { clear: both; } /* Обнуляем стили */ 

table, td, img {border: 0; }
a span.title {display: none; position: absolute;}
a:hover span.title {display: block; background: #FFFFFF; border: 1px solid #000000;}Trebuchet MS