View file vk_by_LeXoN/vk_by_LeXoN/style.css

/*
Автор: LeXoN
Профиль на Dcms-Social: http://dcms-social.ru/id225
Мой Cайт: http://dcmstema.ru
Так же принимаю заказы на дизайны и моды
*/
/******** Тело страницы Designed by DcmsTema.ru (LeXoN)*******************/

/* Тело страницы */
body {
width:100%;
font-family:Lucida, Sans sans-serif, tahoma, Comic Sans MS, verdana;
font-size:12px;
word-wrap:break-word;
margin:auto;
}

/*Контент после хейдера*/
.body {
height:100%;
word-wrap:break-word;
margin: 0 auto;
}

table {
width:100%;
}

table {
    border: 0;
    border-spacing: 0;
}

td {    
    padding: 0;
}

/*Ссылки по умолчанию*/
a {
border:0 dashed #039;
color: #2B587A;
text-decoration:none;
}

a:focus,input:focus {
outline:none!important;
}

/******** Форма , поля ввода , кнопки Designed by DcmsTema.ru (LeXoN)****************/

/*Форма*/
form {
border:0 #F2F2F7 solid;
margin-bottom:0;
margin-top:0;
padding:5px;
}

form label {
display:inline-block;
padding-right:5px;
margin:1px 0;
}

form label:hover {
border-bottom:1px #A8C1CE solid;
background-color:#E5EDFF;
margin:1px 0 0;
}

.form {
background-color:#fcfcfc;
border:1px #F2F2F7 solid;
border-radius:3px;
-moz-border-radius:3px;
}

.form_info {
cursor:pointer;
border:1px solid #e0e0e0;
background:#fff;
text-align:center;
padding:4px;
}

input[type=submit] {
color:#fff;
background: -moz-linear-gradient(top, #4C6E92, #5A7CA0);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C6E92), color-stop(100%,#5A7CA0));    background: -webkit-linear-gradient(top, #4C6E92, #5A7CA0);   
background: -o-linear-gradient(top, #4C6E92, #5A7CA0);
background: -ms-linear-gradient(top, #4C6E92, #5A7CA0);
background: linear-gradient(top, #4C6E92, #5A7CA0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C6E92', endColorstr='#5A7CA0');
border:1px solid #29447e;
margin-left:5px;
margin-bottom:5px;
padding:5px;
border-radius:5px;
}

input[type=submit]:hover {
color:#fff;
background-color:#6981b3;
border:1px solid #385492;
cursor:pointer;
}

input,select {
font-family:tahoma, verdana, arial, sans-serif, Lucida Sans;
font-size:13px;
border:1px solid #CCC;
background-color:#fff;
margin-left:5px;
margin-bottom:5px;
color:#555;
border-radius:4 4 4px 4px;
-moz-border-radius:4 4 4px 4px;
padding:5px;
}

textarea {
font-size:13px;
font-weight:700;
max-width:100%;
width:90%;
height:8pc;
border:1px solid #29447e;
vertical-align:top;
border-radius:4 4 4px 4px;
-moz-border-radius:4 4 4px 4px;
margin:2px;
}

/*Див под кнопки вверху формы*/
.tpanel {
display:table;
border:0;
margin-left:5px;
margin-bottom:-5px;
color:#fff;
}

/*сами кнопки*/
.tmenu {
float:left;
display:inline;
}

/*ссылка кнопки*/
.tmenu a {
margin-left:5px;
display:block;
min-width:70px;
text-decoration:none;
text-align:center;
color:#fff;
background:#597DA3;
border-radius:5px;
-moz-border-radius:5px;
padding:5px 10px;
}

.tmenu a:hover {
background:#5c74a9 url(img/in.png);
}

/******** Хейдер Designed by DcmsTema.ru (LeXoN)****************/

.gradient_blue{
color: white;    
background: #7abfff;
background: -moz-linear-gradient(top, #4C6E92, #5A7CA0);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C6E92), color-stop(100%,#5A7CA0));
background: -webkit-linear-gradient(top, #4C6E92, #5A7CA0);
background: -o-linear-gradient(top, #4C6E92, #5A7CA0);
background: -ms-linear-gradient(top, #4C6E92, #5A7CA0);
background: linear-gradient(top, #4C6E92, #5A7CA0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C6E92', endColorstr='#5A7CA0');
}
/*Шапка*/
.head {
height:40px;
width:100%;
color:#fff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
/*Ссылки с лева*/
.head  .head_logo {
float:left;
height: 40px;
}
 .head_logo a{
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #E8EFF7;
display: inline-block;
height: 40px;
 }
/*Ссылки с права*/ 
.head  .head_menu {
float:right;
height: 40px;
}

.head_menu  a{
height: 40px;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #E8EFF7;
padding: 12px;
text-shadow: none;
font-weight: bold;
}



.head_menu  a:hover,  .head_logo a:hover {
background:#46678B;
color:#fff;
}
.head_logo a:hover  {
border-bottom-left-radius: 7px;
}
/*Заголовок*/
.title {
overflow:hidden;
text-align:center;
background-color:#E9EDF1;
font-weight:700;
color:#607387;
vertical-align:top;
padding:10px;
}

/******** Боковое меню Designed by DcmsTema.ru (LeXoN)****************/

.main_menu {
display:block;
color:#2B587A;
font-weight:300;
box-sizing: border-box;
-moz-box-sizing: border-box;
background-color:#fff;
margin-top:2px;
margin-left:1px;
padding:5px;
position: relative;
}

.main_menu:hover {
color:#336;
background-color:#E1E7ED;
text-decoration:none;
border-radius:3px;
}

.main_menu span {
box-sizing: border-box;
-moz-box-sizing: border-box;
background-color:#D5DDE5;
color:#45688E;
font-size: 11px;
padding: 4px ;
font-weight: 700;
position: absolute;
top: 0;
right: 0;
height: 24px;
border-radius: 2px;
}
 .more_div { 
border-top: 1px solid #E7EAED;
margin-top: 3px;
padding-top: 3px;
}
.link_title2{
    border-radius: 5px 5px 5px 5px;
    display: block;
    padding: 10px;
    text-align: center;
	font-weight: bold;
}
/******* Системные сообщения Designed by DcmsTema.ru (LeXoN)****************/

.mess {
background:#D5DDE5;
margin:4px;
border-radius:3px;
color: #45688E;
font-weight: bold;
padding:7px;
}

.msg {
background-color:#4dbf9a;
color:#fff;
font-weight:700;
text-align:center;
padding:5px;
}

.err {
border-radius:3px;
-moz-border-radius:3px;
background-color:#e18989;
color:#fff;
font-weight:700;
text-align:center;
padding:5px;
}

/******** Основной контент Designed by DcmsTema.ru (LeXoN)****************/
.body_width_limit{
max-width: 1000px;
min-width: 1000px;
margin: 0px auto;
position: relative;
}

.ind_cont {
background-color:#fff;
border-right:1px solid #D9E0E7;
border-left:1px solid #D9E0E7;
border-bottom: 1px solid #D9E0E7;
width: 100%;
min-height: 550px;
word-wrap: break-word;
margin-bottom:10px;
}

.content_block {
background-color:#FCFCFC;
word-wrap:break-word;
}

.menu {
font-size:16px;
display:block;
max-width:100%;
min-height:40px;
background-color:#FCFCFC;
border:1px #E0E6FF solid;
border-radius:3px;
-moz-border-radius:3px;
margin:5px;
padding:5px;
}

.menu_razd {
background-color:#E0E6FF;
border:1px solid #1E90FF;
border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
margin:7px;
padding:4px;
}

.nav1 {

border-bottom:1px solid #F1F1F1;
word-wrap:break-word;
padding:4px;
}

.nav2 {

border-bottom:1px solid #F1F1F1;
word-wrap:break-word;
padding:4px;
}

.top_nav {
display:inline-block;
float:left;
font-size:12px;
text-align:center;
margin:auto;
padding:5px;
}

.main {
color:#45688E;
background:#DEE5EB;
font-weight: bold;
word-wrap:break-word;
margin:3px;
padding:4px 6px;
}

.main2 {
color:#45688E;
background:#DEE5EB;
font-weight: bold;
word-wrap:break-word;
margin:3px;
padding:4px 6px;
}

.ank_n {
font-weight:700;
}

/*********** Постраничная навигация Designed by DcmsTema.ru (LeXoN)****************/

div.c2 {
color:#000;
background:#e6e5e5;
border:1px solid #bdc7d8;
margin:3px;
padding:8px;
}

.page a {
background:#597DA3;
border:1px solid #29447e;
margin-top:2px;
color:#fff;
border-radius:2px;
-moz-border-radius:2px;
padding:8px 12px;
}

.page a:hover {
border:1px solid #3b5998;
color:#fff;
background:#5c74a3 url(img/in.png);
}

.str {
border:1px solid #29447e;
margin-top:1px;
color:#000;
padding:4px 6px;
}

/*********** Ноги Designed by DcmsTema.ru (LeXoN)****************/

.foot {
border: 1px #DAE1E8 solid;
padding: 4px;
margin: 1px;
}

.foot_page {
height:20px;
width:100%;
color:#fff;
background-color:#3b5998;
display:table;
font-size:14px;
padding:5px;
}

.foot_page a {
color:#ffc207;
}

.page_gen {
color:#999;
text-align:right;
}

.rekl {
text-align:center;
}

/*********** Всякая другая лабуда Designed by DcmsTema.ru (LeXoN)****************/

.st_1 {
margin-left:20px;
margin-bottom:0;
height:0;
width:0;
border-color:transparent transparent #CCCCCC;
border-style:solid;
border-width:0 10px 10px 0;
}

.st_2 {
border:#CCCCCC 2px solid;
color:#000;
background-color:#F7F7F7;
-o-border-radius:10px;
border-radius:10px;
-moz-border-radius:10px;
word-wrap:break-word;
margin:0 3px 3px;
padding:5px;
}

.link_s {
background:#fcefa4;
font-size:11px;
border:1px solid #29447e;
color:#fff;
-o-border-radius:4px;
border-radius:4px;
-moz-border-radius:4px;
margin:3px;
padding:2px 3px;
}

.link_s a:hover {
border:1px solid #3b5998;
color:#fff;
}

.cit {
font-size:xx-small;
background-color:#EFF1FF;
border:1px #99F solid;
border-left:4px #99F solid;
margin:1px;
padding:1px;
}

img {
vertical-align:middle;
border:0;
margin:1px;
padding:1px;
}

.webmenu {
float:left;
}

.webmenu a {/*ссылки конопок навигации ленты */
display:block;
min-width:62px;
text-decoration:none;
text-align:center;
padding:3px 10px;
margin-right: 5px;
}
.webmenu a:hover {
background-color: #597DA3;
color: white;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.menus {
display:table;
width: 98%;
border-bottom: 1px solid #597DA3;
margin: 5px;
}

a.activ {
background-color: #597DA3;
color: white;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.bb,.bb1 {
border-top:1px solid #515151;
padding-bottom:1px;
margin:0 10px;
}

.bb2 {
padding-bottom:1px;
border-bottom:1px solid #1c1c1c;
margin:0 10px;
}

.bb1 {
margin:0 10px 2px;
}

div.pager {
border:0;
text-align:left;
color:#fff;
margin:0 auto;
padding:1px 3px 2px 0;
}

.head_title {
color:#f7c604;
text-align:right;
vertical-align:middle;
font-weight:700;
font-size:20px;
}

.ind_last {
border-bottom:1px dotted #a6a6a6;
padding:2px 0;
}

.last_info {
font-size:11px;
word-wrap:break-word;
}

.layer {
overflow:scroll;
width:285px;
max-height:250px;
}

.onclick {
cursor:pointer;
}

.on {
color:#1c90d4;
}

.off {
color:red;
}