View file 4John/style.css

/*
       by mi3ry для JohnCms
       http://trash.pp.ua
*/

body {  
background:#fff;
color: #595959;
padding:4px;
margin: 1px auto;
font-family: Tahoma;
font-size: small;
max-width: 480px;
} 

p {;padding:4px;color: #3B4853;margin: 0 1px;}

a  {color: #858583; text-decoration: none;}
a:hover {text-decoration: underline;}

.header {background:#49549B  url(images/hf.gif) repeat-x;
border-radius:5px 5px 0 0;
color: #fff;
margin:0px 1px 0px 1px;
border-top:1px solid #4800B5;
border-bottom:1px solid #4800B5;
padding:5px;
margin: 1px 0 0px -5px;
}



.tmn {background:#49549B;
border-radius: 0 0 0 5px;
color: #fff;
padding: 5px 0px 5px 5px;
margin: 0 0 0 -5px;}.tmn a {color: #fff;}

 .fmenu  {border-radius:5px 0 0 0;
background:#49549B;
color: #fff;
padding: 5px 0px 5px 5px;
margin: 0 0 0 -5px;;}

.footer  {border-radius: 0 0 5px 5px;
background:#49549B  url(images/hf.gif) repeat-x;
color: #fff;
margin:0px 1px 1px 1px;
border-top:1px solid #4800B5;
border-bottom:1px solid #4800B5;
padding:5px;
margin: 0 0 0 -5px;
}.footer a, .fmenu a {color: #fff;}

.phdr {border-radius:0 0 0 5px;
border-top:1px solid #FFB000;
color: #49549B;
background:#FEB032 url(images/p.gif) repeat-x;
padding: 7px;
margin: 1px 0 1px -5px;
} .phdr a{color: #49549B;}.phdr a:hover, .fmenu a:hover {text-decoration: underline;}

.news {

border-bottom: 1px dotted #3B4853;
padding: 4px;
margin: 1px;
font-size: x-small;
}

.news a:link, .news a:visited {color: #494A49; text-decoration: none;}

.menu {
background:#FFFEE2 url(images/m.gif) repeat-x;
border-bottom:1px solid #F7F45A;
padding: 5px 15px;
margin:1px 0;
 font: sans-serif;
}

.menu a:hover {color:#1BAB32;}

.maintxt {background:#E9EBC9;
border-left:1px solid #FFB000;
border-right:1px solid #FFB000;
padding: 0px;
margin:1px;
}



.rmenu {
background: #FFE0D4;
border-top: 1px solid #DC143C;
border-bottom: 1px solid #DC143C;
margin: 2px 0px 2px 0px;
padding: 3px 0px 3px 3px;
color: #8A8A8A;
}

.gmenu {
background: #ECFFCF;
border-top: 1px solid #9FDE1A;
border-bottom: 1px solid #9FDE1A;
margin: 2px 0px 2px 0px;
padding: 3px 0px 3px 3px;
color: #8A8A8A;
}

.gmenu a:link {color: #6A6A6E;}


.footer a {color: #FFF;}

.bmenu {
background: #D5D5D5;
border-top: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
color:#696969;
padding: 3px 0px 3px 12px ;
margin: 1px;
}

.user{
background: #D5D5D5;
border-top: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
color:#696969;
padding: 3px 0px 3px 12px ;
margin: 1px;
}

.topmenu {
background: #E0E3E7;
border:1px solid #C0C0C0;

border-radius: 3px 3px 0 0;
padding: 3px;
margin-bottom: 1px ;
font-size: xx-small;
}

.navpg {
background: #E0E3E7;
border-top:1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
padding: 3px;
margin-bottom: 1px ;
font-size: xx-small;
}

.phpcode {
background:#D3DEED;
border: 1px dotted #fff;
padding: 3px;
margin:2px;
}

.func, .quote {
font-size:x-small;
border-left: 3px solid #A3A3A3;
padding: 3px;
margin:1px 1px 1px 5px;
color:#A3A3A3
}



.list1 {
background:#E9E9E9;
border-bottom:#B9B9B9 solid 1px;
color:#000000;
margin:3px 1px;
padding: 5px;
}

.list2 {
background:#E1E1F1;
color:#000000;
border-bottom:#BFBFCC solid 1px;
padding: 5px;
margin:3px 1px;
}.list1 a, .list2 a {color:#6600FF;}.list1 b, .list2 b {color:#708090;}

.sub {
border-top: 1px dotted #C4C4C4;
font-size: x-small;
padding: 1px ;
margin-top: 3px;
}

.b, .c {
	margin: 0px;
	padding: 2px;}	
	
.green,.green a:link, .green a:visited{color:#32CD32;}
.gray{color:#A3A3A3;}
.red, .red a:link, .red a:visited{color:red;}

.sitemap {
    font-size: xx-small;
    position: relative;
    width: 100%;
    height: 38px;
    z-index: 1;
    overflow: auto;}
.reply {
padding:3px;
border: 1px dotted #fff;
margin-left:3px; }	
	
hr { border: 0; border-top: 1px dotted #E1E1E1; margin: 5px 0; }
h3 { margin: 0; padding: 0 0 2px 0; }
ul { margin: 0; padding-left: 20px; }

select{
 background: #E0E3E7; 
 border:1px solid #3B4853; 
 color: #696969;
 padding: 2px 2px 2px 6px; 
}
 
 
input[type="submit"] { 
 background: #E0E3E7 ; 
padding: 2px 10px 2px 6px; 
color: #000; 
border: 1px solid  #3B4853;

}
input[type="submit"]:hover {
background:  #8A8A8A;
 }
 
textarea {border:1px solid color: #3B4853;}