Просмотр файла design/webstyle/style.css

Размер файла: 11.14Kb
body {
background:#EDEDED url(grid_noise.png);
color:#837674;
font-family:Arial, Tahoma, sans-serif;
font-size:small;
width:850px;
margin:10px auto;
padding:0;
}

.heft {
float:right;
width:201px;
padding: 9px 0px 8px 5px;
border: 1px solid #3E7EC8;
border-radius: 3px;
text-align: center;
margin-top: 3px;
margin-right: 20px;
text-shadow:0px 1px #3E7EC8;
background: #3E7EC8 url(images/heft.png) repeat-x;
box-shadow: -1px 1px 1px #3E7EC8,inset 1px 1px #3E7EC8;
color: #34394D;
}
.heft a:link ,.heft a:visited {
text-shadow:0px 1px #7E89A5;
color: #fff;
padding: 7px 2px;
}
.both {
clear:both;
}

.lefts {
background:#fff;
width:578px;
float:left;
padding:4px 10px;
}

.lefts p a {
color:#3E3E9B;
font-size:15px;
}

.lefts p a:hover {
text-decoration:underline;
color:#3B2CEA;
}

.right {
background:#FFFFFF;
border-left:1px solid #F0F0F0;
width:249px;
height: 100%;
float:right;
}

.right ul {
margin:10px 0;
}


 .right ul .title{
border-radius: 3px 3px 0px 0px ;
background: #3E7EC8 url(images/lefttitle.png) repeat-x;
text-shadow:0 1px #f9f9f9;
color:#FFFFFF;
margin-top: 1px;
border-bottom:1px solid #F0F0F2;
border-top: 1px solid #D3D8E0;
padding:5px 6px;
}

.fot {
color:#909AA4;
border-bottom:1px solid #CEC6D1;
}

.right ul .fot a {
color:#757F88;
}

.right ul li {
background:#fff;
display:block;
margin:0 20px;
}

.lis a:link,.lis a:visited {
padding: 4px;
}

.right ul li a {
color:#757F88;
display:block;
padding-left: 4px;
padding-right: 4px;
padding-top: 10px;
padding-bottom: 10px;
}

.right ul li a:hover {
background:#f9f9f9;
color:#6A5871;
padding-left: 4px;
padding-right: 4px;
padding-top: 10px;
padding-bottom: 10px;
}

.new1 {
border-bottom:1px solid #E5E0E8;
margin-left:20px;
width:190px;
background:#fff;
font-size:11px;
word-wrap:break-word;
padding:3px 10px;
}

.new1:hover {
background:#F9F9F9;
}

.new1 a:link,.new1 a:visited {
color:#867689;
}

.new1 a:hover {
color:#6A556F;
text-decoration:underline;
}

.head {
background: url(images/head.png) repeat-x #3E7EC8;
color:#eee;
border-top: 1px solid #3E7EC8;
border-bottom: 1px solid #3E7EC8;
height: 40px;
}

.navigation ul {
list-style:none;
border-right:1px solid #3E7EC8;
}
.navigation ul li {

}

.navigation ul li a,.navigation ul li a:visited {
border-right:1px solid #3E7EC8;
float:left;
color:#fff;
box-shadow: inset -1px 0px 0px #8B95B9;
padding:13px 10px;
}

.navigation ul  a:hover {
background: #7B88AF url(images/head-hover.png) repeat-x;
}

/*background: #E3E6E6;*/
form {

margin:0;
padding:0;
}

h3 {
margin:0;
padding:0 0 2px;
}

hr {
border:0;
border-top:1px solid gray;
margin:0;
}

p {
margin-bottom:6px;
margin-top:6px;
}

textarea {
width:95%;
max-width:557px;
height:70px;
box-shadow:0 1px 1px #fff;
border-radius:3px;
border:1px solid #4c8bd3;
margin:5px 3px;
padding:5px;
}

input[type="text"],input[type=password] {
box-shadow:0px 1px 1px #fff;
border-radius:3px;
border:1px solid #4c8bd3;
margin:5px 3px;
padding:5px;
}
input,input:focus {outline:0 !important}
input[type=submit] {
border:1px solid #4c8bd3;
background: #4c8bd3 url(images/buton.png);
border-radius:2px;
box-shadow: 0 1px 1px #ddd;
margin-left:4px;
color:#FFF;
padding:7px;
}
input,input:focus {outline:0 !important}
input[type=button] {
border:1px solid #4c8bd3;
background: #4c8bd3 url(images/buton.png);
border-radius:2px;
box-shadow: 0 1px 1px #ddd;
margin-left:4px;
color:#FFF;
padding:2px;
}
ul {
list-style:none;
margin:0;
padding:0;
}
.message {
border-top: 1px solid #fff;
border-bottom: 1px solid #aad;
margin-left: -3px;
margin-right: -3px;
padding-left: 3px;
padding-right: 3px;
}
.message_ava {
width: 45px;
}
.message_ava img {
width: 43px;
height: 43px;
border-radius: 3px;
}
.message_login {
margin-top: -3px;
padding-bottom: 0px;
}
.message_count {
border: 1px solid #cce;
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
float: right;
}

.message_time {
padding-top: 7px;
}
.message_date {
float: right;
}
.message_user {
border-top: 1px solid #cce;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 5px;
margin-left: -3px;
margin-right: -3px;
margin-top: -2px;
}
.message_menu {
border: 1px solid #aad;
margin-left: 2px;
margin-right: 2px;
padding-left: 4px;
padding-right: 4px;
border-radius: 6px 6px 0 0;
}
.message_menu:hover {
background: #d0d0dd;
color: #559;
}

.time {
float: right;
background: #1a80ab;
color: #fff;
text-shadow: 1px 1px #222;
padding-top: 5px;
padding-left: 2px;
padding-right: 3px;
padding-bottom: 2px;
border-bottom: 1px solid #3ca2cd;
border-left: 1px solid #3ca2cd;
border-right: 1px solid #3ca2cd;
margin-top: -7px;
border-radius: 0 0 4px 4px;
}


.alarm {
background: #FFAAAA url(images/alarm.png) repeat-x;
border:1px solid #FF7E7E;
color:red;
font-weight:700;
margin-left:2px;
border-radius:2px;
text-shadow:0 1px #FFC1C1;
float:left;
margin-top:-5px;
padding:4px;
}

.tmn .alarm a:link,.tmn .alarm a:visited {
color:#FFF;
text-shadow:0 1px #F78686;
font-weight:400;
}

.bblist {
color:#4A5663;
background:transparent url(../../images/dot.gif) no-repeat left;
padding:0 0 0 10px;
}

.bmenu {
background-color:#f9f9f9;
border-bottom:1px solid #ddd;
margin:0;
padding:2px 4px 4px;
}

.end {
text-align:center;
}

.fmenu {
background:#4D423E;
border-top:1px solid #463C3A;
border-bottom:1px solid #292221;
color:#fff;
text-align:center;
margin:0;
padding:2px;
}

.func {
border-left:4px solid #9898B4;
border-bottom:1px solid #ccc;
color:#757575;
background:#f9f9f9;
margin-left:2px;
margin-top:4px;
padding:4px;
}

.gmenu {
background:#eee;
border-bottom:1px solid #ddd;
color:#555;
margin:0;
padding:5px;
}

.gray {
color:#98908B;
}

.greply {
border-left:4px solid #090;
color:#090;
padding:2px 0 2px 4px;
}

.hdr {
background-color:#f1f1f1;
border-bottom:1px solid #595959;
font-weight:700;
padding-left:2px;
}

.footer {
background:#acd0fa;
text-shadow:0 1px #fff;
border-bottom:1px solid #ddd;
box-shadow: inset 0px 2px 2px #ddd;
color:#777;
margin:0;
text-align: center;
padding:10px;
}
.footer a:link,.footer a:visited {
color:#444;
text-decoration:none;
}
.footer .wap a,.footer .wap a:visited {
float:right;
border-radius:3px;
color:#555;
border:1px solid #ccc;
background:#eee;
box-shadow:0 1px 1px #ddd;
transition:all .5s ease;
padding:5px;
}

.footer .wap a:hover {
background:#ddd;
color:#333;
}

.left {
float:left;
}

.list1 {
color:#503E3E;
background-color:#F7F7FC;
border-bottom:1px solid #ddd;
margin-top:1px;
padding:10px;
}

.list2 {
background-color:#F2F2F5;
border-bottom:1px solid #ddd;
margin-top:1px;
color:#503E3E;
padding:10px;
}

.list1 a:link,.list1 a:visited,.list2 a:link,.list2 a:visited {
color:#4A3F3D;
}

.main {
background:#fff;
box-shadow: 0px 0px 10px #ccc;
}

.menu {
background:#FAFAFA;
color:#444;
font-size:14px;
border-bottom:1px solid #EDEDF2;
margin:0;
padding:8px;
}

.menu a:link,.menu a:visited,.bmenu a:link,.bmenu a:visited {
color:#6A6A90;
font-size:15px;
text-decoration:none;
}

.menu a:hover {
text-decoration:underline;
}

.news {
box-shadow:inset 0 2px 2px #ddd;
border-bottom:1px solid #eee;
margin-top:-1px;
color:#555;
font-size:13px;
text-indent:10px;
line-height:17px;
padding:5px;
}

.phdr {
background: -o-linear-gradient(top, #bec6dd 0%,#afb9d6 100%);
font-size:16px;
text-shadow:0px 1px #CED8ED;
text-align:center;
color:#4B5876;
box-shadow:inset 0 1px 1px #C6CEE8;
border-bottom:1px solid #9BA5BF;
border-top:1px solid #9BA5BF;
margin:1px 0;
padding:6px 2px;
}

.phdr a:link,.phdr a:visited {
color:#6A6A8B;
text-decoration:none;
}

.phdr a:hover {
color:#31467C;
text-decoration:underline;
}
.gphdr, #title, .category, .title {
	background: #3E7EC8;
	padding: 6px 10px;
	border-top:1px solid #CBD1D6;
	text-shadow:0px 1px #eee;
	color:#FFFFFF;
}

.category a:link {
color: #FFFFFF;
}

.gpmenu {
	padding: 4px 10px;
	background: #f9f9f9;
}
.touch {
/*background: #e0e0ff;*/
background: #FFFFFF;
display: block;
padding-left: 4px;
padding-right: 4px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #cce;
border-bottom: 1px solid #cce;
border-left: 1px solid #cce;
border-right: 1px solid #cce;
margin-left: -1px;
margin-right: -1px;
margin-top: 2px;
border-radius: 5px;
}
.touch:hover {
padding-left: 4px;
padding-right: 4px;
padding-top: 10px;
padding-bottom: 10px;
	background: #f9f9f9;
}
.men{
	border-right:1px solid #CBD1D6;
	border-bottom:1px solid #CBD1D6;
	border-left:1px solid #CBD1D6;
	margin-bottom: 5px;
}
.phpcode {
background-color:#E0E6E9;
border:1px dotted #9FAEBB;
margin-top:4px;
padding:0 2px;
}

.quote {
border-left:4px solid silver;
color:#878787;
font-size:x-small;
margin-left:2px;
padding:2px 0 2px 4px;
}

.reply {
border-left:4px solid #E00;
color:#E00;
padding:2px 0 2px 4px;
}

.rmenu {
background-color:#FFBFDB;
border-bottom:2px solid #FCADCE;
margin:1px 0;
padding:5px;
}

.sitemap {
background-color:#eeecd9;
font-size:xx-small;
height:38px;
overflow:auto;
margin:0;
padding:2px 4px 3px;
}

.status {
color:#CD853F;
font-size:x-small;
font-weight:700;
padding-left:0;
}

.sub {
border-top:1px dotted #c6c17f;
font-size:x-small;
margin-top:4px;
}

.tmn {
background:#E3E6E6 url(images/tmn.png) repeat-x top;
color:#aaa;
text-align:center;
padding:8px;
}

.tmn .ne {
color:#464867;
background: #FFAAAA url(images/alarm.png) repeat-x;
border:1px solid #FF7E7E;
border-radius:2px;
text-shadow:0 1px #FAC4C4;
float:right;
margin-top:-6px;
margin-right:12px;
min-width:198px;
padding:4px;
}

.tmn .ne a:link,.tmn .ne a:visited {
color:#fff;
font-size:14px;
text-shadow:0 1px #F56A6A;
}

.topmenu {
background-color:#F7F7F7;
border-bottom:1px solid #ccc;
padding:10px;
}

.user {
background-color:#EDEDF0;
border-bottom:1px solid #E0E0E3;
padding:3px 4px;
}

.clip a:link,.clip a:visited {
color:#424e59;
}


.green,.green a:link,.green a:visited {
color: green;
}

.greply a:link,.greply a:visited {
color:#080;
}

.red,.red a:link,.red a:visited {
color: red;
}

.reply a:link,.reply a:visited {
color:#D00;
}

.topmenu a:link,.topmenu a:visited {
color:#433939;
}

.tmn a:hover,.fmenu a:hover {
text-decoration:underline;
}

.tmn a:link,.tmn a:visited,.fmenu a:link,.fmenu a:visited {
color:#B4A2A0;
text-decoration:none;
}

a:active {
color:#660;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
color:red;
}

a:link,a:visited {
color:#433B86;
text-decoration:none;
}

.currentpage {
background-color:#edebeb;
border:1px solid #ccc;
text-shadow:0 1px #fff;
box-shadow:inset 0 1px 1px #F9F9F9;
color:#444;
border-radius:3px;
padding:6px 13px;
}

a.pagenav {
border:1px solid #ccc;
border-radius:3px;
text-decoration:none;
padding:6px 13px;
}

a.pagenav:hover {
background-color:#eee;
border:1px solid #bbb;
}

.error {
background: #ffcccc;
color: #aa6666;
padding: 5px;
margin: 3px;
border: 2px outset #ffcccc;
border-radius: 4px;
}
.warning {
background: #ffffcc;
color: #aaaa66;
padding: 5px;
margin: 3px;
border: 2px outset #ffffcc;
border-radius: 4px;
}
.success {
background: #ccffcc;
color: #66aa66;
padding: 5px;
margin: 3px;
border: 2px outset #ccffcc;
border-radius: 4px;
}

.online {
border-bottom: 1px solid #00aa00;
}
.offline {
border-bottom: 1px solid #aa0000;
}


.img{
padding:6px 6px;
}
img.img:hover{
padding:6px 6px;
border:1px solid #bbb;
}

.imgg {
	padding: 15px;
	display: block;
	background: url(img/link.png) repeat-x #e6e6e6;
	color: #555;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #fff;
	padding-left:18px;
	text-decoration:none;
	font-size:13px;
	text-shadow:#fff 0px 1px 0px;
}