Просмотр архива DCMS 7 Revolution

html, body, #main {
    height: 100%;
}

.clearfix:after {
    content:
"";
    display: table;
    clear: both;
}

.ie9 *, .ie8 * {
   
border-radius: 0 !important;
}

#top_part {
    min-height: 100%;
   
margin: 0 auto;
        background: url(img/bg1.png)
repeat;

}

.body_width_limit {
    min-width: 600px;
    max-width:
1000px;
    margin: 0 auto;
    position: relative;
}

#header {
  
   
background-color: #192137;
    color: #969696;
}

#title {
    overflow:
hidden;
    font-size: 32px;
    font-weight: bold;
color: white;
}

#tabs
{
height: 23px;
    margin-left: 15px;
    margin-top: 5px;
}

#tabs a.tab
{
    height: 23px;
    padding: 3px 10px;
    display: inline-block;
   
background-color: #2D2D2D;
    text-decoration: none;
    color: rgba(255,
255, 255, 0.47);
}

#tabs a.tab:first-child {
    border-top-left-radius:
2px;
}

#tabs a.tab:last-child {
    border-top-right-radius: 2px;
}

#tabs
a.tab:hover {

}

#tabs a.tab.sel1 {
 background-color: rgba(210, 204, 195,
0.24);
    color: #5a5c61;
    text-decoration: none;
    cursor:
default;
}

#navigation {
height: 50px;
background: #fff
url(img/pattern.png) repeat top left;
padding: 8px 0;
}

#navigation
.nav_item {
float: left;
padding: 7px;
background-color: #FFF;
display:
inline-block;
color: rgb(87, 87, 87);
text-shadow: none;
position:
relative;
font-size: 14px;
transition: ease 0.5s;
text-decoration:
none;
margin-left: 4px;
border: 1px solid #dadada;
border-radius: 5px
!important;
}

#navigation .nav_item:first-child:before {
    display:
none;
}



#navigation span.nav_item:last-child {
border-radius: 0 2px 2px
0;
background-color: rgb(245, 245, 245);
color: #6B6B6B;
}

#navigation
span.nav_item:last-child:after {
    display: none;
}

#navigation_user
{
}

#navigation_user .body_width_limit {
    height:
100%;
}

#navigation_user a {
    float: right;
    display: inline-block;

   text-decoration: none;
    background-color: rgba(43, 43, 43, 0.8);
   
padding: 5px;
    color: #FFF;
    text-shadow: none;
    border-radius: 0
0 2px 2px;
    margin-left: 2px;
    transition: all
500ms;
}

#navigation_user a.action {
    opacity: 0.8;
}

#navigation_user
a:hover {
    background-color: rgba(43, 43, 43, 0.9);
    opacity:
1;
}

#messages > div {
   /* margin: 5px auto; */
    padding: 5px 2%;

   min-width: 50%;
    text-align: center;
    color: #FFF;
   /*
border-radius: 2px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0,
0.19);
}

#messages > .error {
  background-color: rgba(201, 0, 0,
0.84);
}

#messages > .info {
 background-color: rgb(239, 255,
0);
color: #202020;
}

#left_column {
    float: left;
    width:
30%;
}

#content {
 float: right;
width: 70%;
background:
#fff;
border-left: 1px solid rgba(227, 227, 227,
0.75);
}

.animate.ng-hide-add, .animate.ng-hide-remove {
   
-webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;

   -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
   
display: block
!important;
}

.animate.ng-hide-add.ng-hide-add-active,
.animate.ng-hide-remove
{
    opacity:
0;
}

.animate.ng-hide-add,
.animate.ng-hide-remove.ng-hide-remove-active
{
    opacity: 1;
}

.select_bar {
    margin: 5px;
    padding: 5px;
   
white-space: nowrap;
    text-align: center;
}

.select_bar span,
.select_bar a {
    margin: 0 3px;
    font-weight: bold;
    max-width:
32%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:
ellipsis;
    display: inline-block;
}

.select_bar a:hover {
   
box-shadow: 1px 1px 4px -2px #000;
    text-decoration: none;
}

/*region
form*/
.form {
    position: relative;
    background: #FFF;
    padding:
5px;
    box-shadow: 0px 0px 0px 1px rgb(228, 227, 227);
    font-size:
12px;
}

.form .form_title {
    margin: 5px;
    padding: 0;
}

.form
.refresh {
    display: block;
    position: absolute;
    top: 3px;
   
right: 3px;
    width: 16px;
    height: 16px;
    opacity: 0.5;
   
transition: all 500ms;
    -moz-transition: all, 500ms; /* Firefox 4 */
   
-webkit-transition: all 500ms; /* Safari и Chrome */
    -o-transition:
all 500ms; /* Opera */
}

.form .refresh:hover {
    opacity: 1;
}

.form
.msg, .form .err {
    position: absolute;
    bottom: 3px;
    right:
3px;

}

.form .waiter {
    position: absolute;
    bottom: 3px;
   
right: 3px;
    width: 40px;
    height: 40px;
    background:
url('img/waiter2.gif') no-repeat;
}

.form .msg {
    color:
#3F7EFD;

}

.form .err {
    color: #FF5757;
}

.form select {
    border:
1px solid #CCC;
    padding: 1px;
    border-radius: 2px;
    outline: 1px
solid #fff;
    height: 30px;
}

.form input[type="text"], .form
input[type="password"], .form textarea {
    box-shadow: 0px 1px
1px 0px #F5F5F5 inset, 0 0 0 1px #FFF;;
    margin-bottom: 10px;
}

.form
input[type="text"], .form input[type="password"] {
   
margin-right: 5px;
    padding: 3px 6px;
    border: 1px #E2E2E2 solid;
   
border-radius: 2px;
    height: 30px;
}

.form
input[type="text"]:disabled, .form
input[type="password"]:disabled {
    border-color: #DADADA;
   
background-color: #EEE;
    box-shadow: none;
    color: #666;
}

.form
input[type="submit"] {
    margin-right: 5px;
    height: 30px;
 
  padding: 0 10px;
    cursor: pointer;
background-color: #0277B7;
color:
#FFF;
    border-radius: 2px;
    transition: all
500ms;
}

input[type="submit"]:hover {
    background-color:
#1E5A95;
}

.form textarea {
    font-size: 13px;
    height: 38px;
   
overflow: hidden;
    resize: none;
    background-color: #fff;
    border:
1px #CCC solid;
    padding: 3px;
}

.form textarea.animate:focus {
   
-webkit-transition: height 100ms ease-in-out;
    -moz-transition: height
100ms ease-in-out;
    -o-transition: height 100ms ease-in-out;
   
transition: height 100ms ease-in-out;
}

.form .textarea_wrapper {
   
border: 1px #E2E2E2 solid;
    padding: 1px;
    border-radius: 4px;
   
position: relative;
    margin-bottom: 10px;
}

.form
.textarea_wrapper.with_ctrl_enter:after {
    display: block;
    content:
'Ctrl + Enter';
    position: absolute;
    bottom: 3px;
    right: 3px;
  
 background: rgba(0, 0, 0, 0.15);
    color: #fff;
    padding: 3px;
   
border-radius: 2px;
    transition: all 0.5s;
}

.form
.textarea_wrapper.with_ctrl_enter:hover:after {
    background: rgba(0, 0,
0, 0.5);
}

.form .textarea_wrapper textarea {
    margin: 0;
    border:
none;
}
.textarea_bbcode {   background-color: #0277B7;}
.form
.textarea_wrapper .textarea_bbcode span {
    display: inline-block;
   
padding: 5px;
    min-width: 30px;
    text-align:
center;
background-color: #0093E3;
color: #FFF;
    font-weight: bold;
   
font-size: 12px;
    cursor: pointer;
    border-right: 1px solid rgba(255,
255, 255, 0.16);
    -webkit-user-select: none;
    -moz-user-select:
none;
    -ms-user-select: none;
    transition: all 500ms;
}

.form
.textarea_wrapper .textarea_bbcode span:hover {
    background-color: 
#08A8FF;
}

.form .textarea_wrapper textarea {
    box-shadow: 0 1px 3px 0
#E0E0E0 inset, 0 0 0 1px #FFF;
}

.form input[type="text"]:focus,
.form input[type="password"]:focus, .form textarea:focus {
   
border-color: #B1B1B1;
    box-shadow: 0 1px 3px 0 #E0E0E0 inset, 0 0 0 1px
#FFF;
}

/*endregion*/

/*region smiles*/
.smiles {
    float: right;
}

/*
обводка стрелочки */
.smiles_drop_menu:before {
   
content: '';
    position: absolute;
    top: -17px;
    right: 24px;
   
height: 0;
    width: 0;
    border: transparent solid 8px;
   
border-bottom-color: rgba(0, 0, 0, 0.38);
}

/* стрелочка
*/
.smiles_drop_menu:after {
    content: '';
    position: absolute;
   
top: -16px;
    right: 24px;
    height: 0;
    width: 0;
    border:
transparent solid 8px;
    border-bottom-color: #FFFFFF;
}

/* меню
смайлов */
.smiles_drop_menu {
  position: absolute;
top:
32px;
right: 0;
width: 340px;
height: 200px;
background-color:
#FFFFFF;
border: 1px solid rgba(23, 23, 23, 0.2);
border-radius:
3px;
z-index: 1;
}

/* внутренний контейнер меню
смайлов */
.smiles_drop_menu_container {
  position: absolute;
top:
4px;
left: 4px;
right: 4px;
bottom: 4px;
background-color: #fff;
border:
1px solid #EAEAEA;
overflow-x: hidden;
overflow-y: auto;
border-radius:
3px;
}

.smiles_drop_menu_container div {
 display:
inline-block;
min-width: 42px;
min-height: 40px;
line-height:
32px;
text-align: center;
border: 1px solid #ECECEC;
margin:
1px;
border-radius: 3px;
width: 30px;
height: 40px;
float:
left;
}

.smiles_drop_menu_container div:hover {
    border: 1px solid
#d3d3d3;
}

.smiles_drop_menu_container div img {
 vertical-align:
middle;
max-width: 40px;
max-height: 35px;
}

/*endregion*/

/*region
listing*/

.listing {
/*
border-radius: 25px 0px 2px 2px;
   
margin-bottom: 10px;
*/
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,
0.06);
    background-color: #fff;

    overflow: hidden;
}

.listing .post
{
   
    padding: 10px;
    border: none;
    color: #383838;
    display:
block;
    font-size: 14px;
    overflow: hidden;
    /*position:
relative;*/
    border-bottom: 1px solid #f1e4e4;
}

.listing
.post.highlight {
  /*
border-top: 2px #D4DEE4 solid;
border-radius: 25px 0
0 !important; 
*/
background: white;
}

.listing .post.image {
   
min-height: 50px;
}

.listing .post:not([data-post-url=""]) {
 
 
  transition: all 500ms;
}

.listing
.post:hover:not([data-post-url=""]) {

    border-left-color:
#383838;
    text-decoration: none !important;
background-color: rgba(134,
206, 252, 0.09);
    cursor: pointer;
}

.listing
.post.selection:hover:not([data-post-url=""]) {
    cursor:
text;
}

.post:first-child {
    /*border-top-left-radius: 2px;*/
   
/*border-top-right-radius: 2px;*/
}

.post:last-child {
   
/*border-bottom-left-radius: 2px;*/
    /*border-bottom-right-radius:
2px;*/
    border-bottom: none;
}

.post.ng-enter {
    -webkit-animation:
fadeIn 1s;
    animation: fadeIn 1s;
}

.post.ng-leave {
   
-webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
}

.post
.post_counter,
.post .post_content,
.post .post_image,
.post
.post_icon,
.post.icon.image .post_icon, /* если
отображается изображение, то иконку
скрываем*/
.post .post_actions,
.post .post_time {
    display:
none;
}

.post.icon .post_icon {
   display: inline-block;
    padding:
5px;
    margin-right: 3px;
    border-radius: 100%;
    box-shadow: 0 0
1px #a5a5a5;
    width: 26px;
    height: 26px;
}

.post
a.post_title,
.post.highlight a.post_title {
    text-decoration: none;
   
color: inherit;
}

.post.highlight .post_title {
    font-weight: bold;
   
padding: 2px;
}

.post.content .post_head {
    border-bottom: 1px solid
#F1F1F1;
    padding-bottom: 7px;
}

.post.content .post_content
{
font-size: 14px;
    display: block;
    overflow: hidden;
    word-wrap:
break-word;
    padding: 5px;
}

.post.bottom .post_bottom {
    display:
block;
    overflow: hidden;
    word-wrap: break-word;
    text-align:
right;
    opacity: 0.7;
   /* margin-top: 4px;*/
    font-size:
smaller;
}

.post.bottom .post_bottom:hover {
    opacity: 1;
   
transition: opacity 1s linear;
}

.post.bottom:hover .post_bottom
a.DCMS_icon {
    opacity: 0.6;
    transition: opacity 1s
linear;
}

.post.bottom:hover .post_bottom a.DCMS_icon:hover {
    opacity:
1;
}

.post.time .post_time,
.post.counter .post_counter,
.post.actions
.post_actions {
    float: right;
    margin-left: 10px;
}

.post
.post_head > * {
    vertical-align: middle;
}

.post.time .post_time {

   display: inline-block;
    font-size: smaller;
    opacity:
.66;
}

.post.counter .post_counter {
display: inline-block;
font-weight:
bold;
padding: 2px 5px;
min-width: 32px;
text-align: center;
border-radius:
2px;
color: #0288A5;
border: 1px solid rgba(32, 118, 173,
0.72);
}

.post.actions .post_actions {
    display:
inline-block;
}

.post_actions a {
    opacity: .66;
    margin-left:
2px;
}

.post_actions a:hover {
    opacity: 1;
}

.post.image .post_image
{
  float: left;
display: inline-block;
}

/* отступ для
картинки */
.post.image .post_head,
    /*.post.image
.post_content,*/
.post.image .post_bottom {
    padding-left:
54px;
}

.listing .post .post_content img:not([data-origin=""])
{
    cursor: pointer;
}
.icon_act {
    margin-right: 4px;
    padding:
2px;
    border: 1px solid #6c9cc7;
    border-radius:
15px;
}
/*endregion*/

.pages {
   
    margin: 10px;
 
}

.pages .page {
 
  display: inline-block;
    height: 32px;
    line-height: 32px;
   
min-width: 32px;
    background-color: #fff;
    border-right: 1px solid
#E6E6E6;
    color: #4E4E4E;
    text-align: center;
    box-shadow: 1px
1px 2px rgba(0, 0, 0, 0.11);
}

.pages .page:hover {
    text-decoration:
none;
    background-color: #FFF8EF;
}

.pages .page:first-child {
   
border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pages
.page:last-child {
    border-right: none;
    border-top-right-radius:
2px;
    border-bottom-right-radius: 2px;
}

.pages .page.active {color:
white;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.52), inset 1px 1px
1px rgba(0, 0, 0, 0.17);
    background-color: #5d9bc3;
    font-weight:
bold;
    border-right-color: rgba(0, 0, 0, 0.12);
}

#empty {
    clear:
both;
    height: 50px;
    visibility: hidden;
}

#footer {
  height:
80px;
color: #FFF;
text-align: center;
background-color:
#192137;
border-top: 1px solid #909090;
}

#footer a {
    color: inherit;

   text-decoration: underline;
}

#copyright {
    float:
left;
}

#generation {

}

#language {
    float: right;
}

.votes {
   
position: relative;
    background: #FFF;
    padding: 5px;
   
border-radius: 2px;
    margin: 5px 0 10px;
    box-shadow: 0px 1px 2px 1px
rgba(0, 0, 0, 0.04);
    font-size: 12px;
}

.votes_name {
    display:
block;
    font-weight: bold;
    padding: 10px;
    text-align: center;
  
 white-space: pre;
}

.vote_name {
    padding-top:
10px;
}

.vote_container {
    background-color: rgba(56, 56, 56, 0.1);
   
border-radius: 2px;
    overflow: hidden;
}

.vote_scale {
    padding:
5px;
    background-color: rgb(255, 187, 91);
    border-radius: 2px;
   
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.35);;
    border-right: 1px solid
rgba(243, 243, 243, 0.07);
}

.votes .vote_plus {
    padding: 5px;
   
min-width: 40px;
    text-align: center;
    display: inline-block;
   
margin: 0 5px;
    background-color: #FFBB5B;
    color: #383838;
   
border-radius: 2px;
}

.votes .vote_plus:hover {
    text-decoration:
none;
}

.chart {
    margin-bottom: 10px;
    border: 1px solid #DBDBDB;
 
  border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0,
0.14);
}

.DCMS_quote {
    border: 1px solid #E4E4E4;
    border-radius:
2px;
    background-color: white;
    box-shadow: 0 1px 6px -4px black
inset;
    padding: 6px;
    color: #838383;
    margin-left:
24px;
}

.DCMS_quote a {
    color: #838383;
}

.DCMS_photo {
    display:
block;
    margin: 2px auto;
    background: #EBEBEB;
    padding: 5px;
   
border: 1px solid #DFDFDF;
    border-radius: 5px;
}

.DCMS_nick_on
{
}

.DCMS_nick_on:after {
    content: '●';
    margin-left:
2px;
}

.DCMS_nick_on:after {
    color: #0089FE;
}

.DCMS_nick_off
{

}

.DCMS_phpcode {
    max-height: 400px;
    max-width: 684px;
   
overflow: auto;
    border: 1px solid #E2E2E2;
    padding: 5px;
   
border-radius: 2px;
    background-color: #F7F7F7;
    box-shadow: 0 0 8px
-5px black inset;
}

.DCMS_spoiler {
    border: 1px #ccc solid;
   
border-radius: 2px;
    padding: 3px;
}

.DCMS_spoiler >
.DCMS_spoiler_title {
    cursor: pointer;
}

.DCMS_spoiler >
.DCMS_spoiler_title:before {
    content: '▼
';
}

.DCMS_spoiler.collapsed > .DCMS_spoiler_title:before {
   
content: '► ';
}

.DCMS_spoiler.collapsed > .DCMS_spoiler_content {
  
 height: 0;
}

.DCMS_spoiler > .DCMS_spoiler_content {
    overflow-y:
hidden;
}

.DCMS_mark {
    box-shadow: 0 0 0 2px #0077FF;
   
background-color: #E2E8FF;
    border-radius: 2px;
    padding: 0 3px;
   
margin: 0 2px;
}
.menu  {
    font-size: 15px;
    font-weight: bold;
   
color: #2a6a8d !important;
    text-decoration: none !important;
   
display: block;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid
rgba(172, 197, 211, 0.29);
} 
.hr {
       margin: 7px 0 5px 0;
   
border-bottom: 1px rgba(42, 106, 141, 0.39)
solid;
}
.list-group-item-null-mini {
    position: relative;
    display:
block;
    padding: 10px;
    margin: 5px 0px;
}

.left_text {
 background:
#fff;
    padding-right: 5px;
    font-weight: bold;
    float: left;
   
text-transform: uppercase;
    color: #2a6a8d;
    font-size: 15px;
   
line-height: 12px;
    text-overflow: ellipsis;
    white-space:
nowrap;
}
.newss {
    margin-left: 5px;
    transition: all 0.5s ease;
   
display: inline-block;
    width: 339px;
    padding: 5px 6px 5px;
   
color: #595a5c;
    background: #fff;
      box-shadow: 0px 0px 1px
rgb(185, 187, 189);
}
.news_name {font-size: 16px;}
.newss:hover
{
background-color: rgba(134, 206, 252, 0.09);
}
.news_text{
padding:
4px;
overflow: hidden;
text-overflow: ellipsis;
height: 100px;
font-size:
14px;
}
.news_time {
float: right;
font-size: 10px;
color:
#7e7e7e;
}
.bottom_news {
padding: 5px; border-top: 1px solid rgba(128,
128, 128, 0.22);
}
.new {
font-size: 28px;
padding: 9px;
border-bottom: 1px
solid #e6e6e6;
margin: -6px 15px 4px 15px;
font-family: 'Times New Roman',
Times, serif;
font-style: italic;
font-weight: bold;
color:
#046d96;
}
.chatfon {
padding: 10px;
}
.chatpost {
display: block;
width:
100%;
padding: 1px;
margin-top: 2px;
}
.avauser {
display:
inline-block;
width: 50px;
height: 50px;
overflow: hidden;
border-radius:
35px;
    vertical-align: bottom !important;
}
.postchat_text {
display:
inline-block;
padding: 15px 5px;
width: 88%;
border-radius:
5px;
border-bottom: 1px solid #e4e4e4;
}
.chat_time_post {
display:
inline-block;
font-size: 10px;
position: absolute;
right: 8px;
color:
#9e8c8c;
}

.bold { font-weight: bold;}
.titleh4 {
background-color:
rgb(255, 255, 255); 
padding: 8px; 
color: rgb(42, 106, 141);

margin-bottom: 4px;
 border-bottom: 1px dashed rgb(192, 215,
228);
}
.countchel {
    font-size: 10px;
    font-weight: initial;
   
position: absolute;
    text-align: right;
    color: gray;
}

.chatpostq
{
display: block;
width: 100%;
padding: 1px;
}
.avauserq {
display:
inline-block;
width: 40px;
height: 40px;
overflow: hidden;
border-radius:
35px;
    vertical-align: bottom !important;
}
.postchat_textq {
display:
inline-block;
padding: 13px 5px;
width: 78%;
height: 35px;
border-bottom:
1px solid #e4e4e4;
border-radius: 5px;
}
.chat_time_postq {
display:
inline-block;
font-size: 10px;
position: absolute;
right: 8px;
color:
#9e8c8c;
}
.vopros_dn { 
display: inline-block;
padding: 5px;
font-size:
16px;
font-weight: bold;
font-family: "Times New
Roman",Times,serif;
font-style: italic;
}


.gd, .ge, .gf, .gg, .gh,
.gi, .gj, .gk, .gl, .gm, .gn, .go, .gp, .gq, .gr, .gs, .gt, .gu, .gv, .gw,
.gx, .gy, .gz, .ha, .hb, .hc,
 .hd, .he, .hf, .hg, .hh, .hi, .hj, .hk, .hl,
.hm, .hn, .ho, .hp, .hq, .hs, .ht, .hu, .hv, .hw, .hx, .hy {
position:
relative;
min-height: 1px;
}
.rc {
border-color: #d3e0e9;
}
.qv
{
background-color: #ffffff;
border-bottom: 1px solid rgba(227, 227, 227,
0.75);
}
.aog .qx {
padding: 10px 0;
    height: 120px;
    background:
#192137;
}
.qx {

border-bottom: 1px solid transparent;
}
.dj {
text-align:
center;
}
.set_aoh {
margin-top: -50px;
border: 2px solid #fff
!important;
}
.aoh {
    display: inline-block;
    width: 90px;
   
height: 90px;
    margin: 5px 15px;
    border-radius: 100%;
    overflow:
hidden;
    background-repeat: no-repeat;
    background-size: cover;
   
-webkit-background-size: cover;
    -o-background-size: cover;
   
-moz-background-size: cover;
    background-position: center;
}
img
{
vertical-align: middle;
}
.aog .qy {
margin-bottom: 5px;
    padding:
5px;
}
.qy {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color:
inherit;
}
p {
margin: 0 0 11px;
}
.aoi {
list-style: none;
padding:
0;
}
.aoj {
display: inline-block;
padding: 0 10px;
border-right: 1px solid
#d4dbe0;
}
.fonknop {
display: block;
background: rgba(248, 248, 248, 0.5)
none repeat scroll 0% 0%;
padding: 2px;
margin-bottom: 5px;
}
.knop {

display: inline-block;
    background: rgb(33, 40, 60) none repeat scroll
0% 0%;
    padding: 3px 5px;
    height: 32px;
    border-radius: 50px;
   
border: 1px solid rgb(27, 77, 121);
    margin: 2px;
    font-size: 20px;
 
  color: #f9f9f9;
}
.aku {
 display: block;
color: #fff
!important;
font-size: 18px;
width: 163px;
text-align: center;
margin-top:
12px;
margin-right: 10px;
}
.aku:hover { 
color: #bababa
!important;
text-decoration: none !important;
}
.fotog { 
-webkit-filter:
grayscale(100%);
filter: grayscale(100%);
margin-bottom: 10px;
display:
inline-block;
vertical-align: bottom;
-webkit-transition: all 1s
ease;
-moz-transition: all 1s ease;
-o-transition: all 1s
ease;
-ms-transition: all 1s ease;
transition: all 1s
ease;
width:32%;
}
.fotog:hover {
-webkit-filter: grayscale(0);
filter:
grayscale(0);
}
.fonmenu {
box-shadow: 0 2px 5px -3px #000
inset;
background: -moz-linear-gradient(top, rgba(51,138,214,1) 0%,
rgba(41,137,216,1) 38%, rgba(32,124,202,1) 74%); /* FF3.6-15 */
background:
-webkit-linear-gradient(top, rgba(51,138,214,1) 0%,rgba(41,137,216,1)
38%,rgba(32,124,202,1) 74%); /* Chrome10-25,Safari5.1-6 */
background:
linear-gradient(to bottom, rgba(51,138,214,1) 0%,rgba(41,137,216,1)
38%,rgba(32,124,202,1) 74%);
}
.menuhead {
color: rgb(240, 240, 240);  

box-shadow: 0px 1px 4px rgba(17, 16, 16, 0.6), -20px 0px 20px -23px
rgba(0, 0, 0, 0.7), 20px 0px 20px -23px rgba(0, 0, 0, 0.76), 0px 0px 40px
rgba(61, 152, 255, 0) inset; 
font-size: 17px; font-family: Helvetica;
font-weight: bold;
}
.footfon { 
padding: 15px; background: rgb(23, 31, 51)
none repeat scroll 0% 0%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6), -20px
0px 20px -30px rgba(0, 0, 0, 0.7), 20px 0px 20px -30px rgba(0, 0, 0, 0.8),
0px 0px 40px rgba(0, 0, 0, 0.1) ;
}
.leftmenu { 
background: #fff none
repeat scroll 0% 0%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6), -20px 0px
20px -30px rgba(0, 0, 0, 0.7), 20px 0px 20px -30px rgba(0, 0, 0, 0.8), 0px
0px 40px rgba(0, 0, 0, 0.1);
}
.langugefoot { 
background-repeat:
no-repeat; background-position: 5px 2px; padding-left: 23px;
}
.copyright
{
padding: 5px; color: rgb(197, 197, 197); font-size: 13px;
}
.headfon
{
padding: 20px 25px 25px; box-shadow: 0px 1px 4px rgba(30, 17, 17, 0),
-20px 0px 20px -30px rgba(0, 0, 0, 0.5), 20px 0px 20px -30px rgba(0, 0, 0,
0.8), 0px 0px 40px rgba(0, 0, 0, 0.16) inset;
}
.fotodn {
background-color:
rgb(255, 255, 255); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); padding:
5px; border-bottom: 1px solid rgba(227, 227, 227, 0.75);
}
.fotodn_foto
{width: 100%; height: 118px;
}
.temadn {
background-color: rgb(255, 255,
255);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
padding:
5px;
border-bottom: 1px solid rgba(227, 227, 227, 0.75);
}
.white_a
{
color: white !important;
text-decoration: none !important;
}

.men
{
color: white !important;
text-decoration: none !important;
width:
20%;
display: inline-block;
text-align: center;
padding: 10px;
background:
rgba(36, 14, 14, 0.17);
margin-right: -5px;
transition: all 1s
ease;
cursor: pointer;
}
.men:hover {
background: gray;
background:
rgba(33, 114, 185, 0.4);
}
.vopros_time {
display: inline-block; float:
right; font-size: 9px; color: rgb(168, 168, 168);
}


/* Див для
обложки*/
.Profile{
display: block;
padding: 5px;
position:
relative;
height: 300px;
border-top: 2px solid #f1f1f1;
}
/* Аватар
*/

.Profile .avatar_img{
margin-left: 10px;
  margin-top: 10px;
 
border-radius: 200px !important;
  float: left;
  display: inline-block;
 
width: 220px;
  height: 220px;
  overflow: hidden;
  border: 2px solid
#000;
 background-repeat: no-repeat;
   background-size:cover;
  
-webkit-background-size:cover;
   -o-background-size:cover;
  
-moz-background-size:cover;
   background-position:center;
}
/*Имя
фамилия*/
.Profile .uname { 
background: rgba(0, 0, 0,
0.602);
border-radius: 3px;
bottom: 10px;
clear: both;
color:
#32C8FF;
display: block;
float: left;
padding: 0px 6px 1px;
position:
absolute;
text-shadow: 0px 1px 0px #000000;
font-size: 21px;
right:
8px;
text-align: right;
}
.Profile .agecity { 

border-bottom-left-radius:
15px 20px;
border-top-left-radius: 15px 20px;
font-size: 12px;
padding: 3px
5px 3px 20px;

z-index: 3;
}
.Profile .agecity .on{
color:
#23FF05;
}
.Profile .agecity .off{
color:rgba(255, 255, 255,
0.67);
}
.Profile .ank_d_r{
background: transparent;
bottom: 10px;
color:
#FFFFFF;
font-size: 14px;
padding: 0px 6px 1px;
text-shadow: 0px 1px 0px
#000000;
top: auto;
white-space: nowrap;
right: 8px;
}
.Profile
.addfon{
-webkit-transition: opacity 500ms;
-moz-transition: opacity
500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
background:
rgba(0, 0, 0, 0.5);
border-radius: 3px;
position:
absolute;
color:#E0E0E0;
padding:5px;
right:10px;
border: 1px solid
black;
font-size: small;
width: 130px;
text-align:
center;

}

.Profile:hover .addfon{
opacity:1;
}
.Profile
.addfon:hover{
color:#fff;
text-decoration: none;
}
.Profile .addbut
{
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
border-radius:
3px;
color: #E0E0E0;
padding: 5px;
border: 1px solid #000;
font-size:
small;
margin: 3px;
display: block;
width: 150px;
float: right;
text-align:
center;
}




.Profile_content_photo {
text-align: center;
overflow:
hidden;
}
.Profile_content_photo .photo{
display:
inline-block;
margin-right: 2px;
}
.photo:last-child{
margin-right:
0px;
}
/* Скрываем реальный чекбокс */
.checkbox {
 
  display: none;
}
 
/* Задаем внешний вид для
нашего кастомного чекбокса. Все
обязательные свойства
прокомментированы, остальные же
свойства меняйте по вашему усмотрению
*/
.checkbox-custom {
    position: relative;      /*
Обязательно задаем, чтобы мы могли
абсолютным образом позиционировать
псевдоэлемент внютри нашего кастомного
чекбокса */
    width: 20px;             /* Обязательно
задаем ширину */
    height: 20px;            /*
Обязательно задаем высоту */
    border: 2px solid
#ccc;
    border-radius: 10px;
}
 
/* Кастомный чекбокс и
лейбл центрируем по вертикали. Если вам
это не требуется, то вы можете убрать
свойство vertical-align: middle из данного правила,
но свойство display: inline-block обязательно
должно быть */
.checkbox-custom,
.label {margin-bottom: 5px;
   
display: inline-block;
    vertical-align: middle;
}
 
/* Если
реальный чекбокс у нас отмечен, то тогда
добавляем данный признак и к нашему
кастомному чекбоксу  */
.checkbox:checked +
.checkbox-custom::before {
  content: "";
display:
block;
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left:
2px;
background: #0088D2;
border-radius: 6px;
}

.vkform {
padding: 5px
10px;
cursor: pointer;
background-color: rgb(2, 119, 183);
color: rgb(255,
255, 255) !important;
transition: all 500ms ease 0s;
border-radius:
2px;
width: 37%;
display: inline-block;
text-decoration: none
!important;
}
.regform {
padding: 5px 10px;
color: rgb(255, 255, 255)
!important;
border-radius: 2px;
transition: all 500ms ease
0s;
background-color: rgb(2, 119, 183);
cursor: pointer;
display:
inline-block;
width: 58%;
text-decoration: none !important;
}
.knopki {

float: right;
    height: 100px;
 
}
.action_box {
    font-size: 12px;
  
 background: #246eb0;
    text-align: left;
}
.action_a { 
margin:
0px;
display: inline-block;
padding: 6px;
border-right: 1px solid
#256CA8;
text-decoration: none !important;
color: white
!important;
}
.action_a:hover {
    background: #0b4d88;
}
.avatar_post
{
border: 2px solid #fff;
border-radius: 100%;
width: 50px;
height:
50px;
overflow: hidden;
background-repeat: no-repeat
!important;
background-size: cover !important;
-webkit-background-size:
cover;
-o-background-size: cover;
-moz-background-size:
cover;
background-position: center !important;
}

.post_nik {

padding:10px;
} 
.left_bar {
 display: block;
    margin: 10px;
    color:
#ebfd00; 
 }
.nik_bar { 
color: white !important;
    font-size: 18px;

}
.box_dpanel {
background: #fff url(img/pattern.png) repeat top
left;
height: 115px;
padding: 10px; 
}
.box_dpanel .block_dpanel
{
background: rgb(255,255,255); /* Old browsers */
background:
-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%,
rgba(255,255,255,1) 100%); /* FF3.6-15 */
background:
-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1)
50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background:
linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1)
50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+,
Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9
*/
padding: 15px 15px 0px 15px;
margin-top: 3px;
display:
inline-block;
height: 90px;
width: 115px;
text-align:
center;
border-radius: 5px;
border: 1px solid #dadada;
color:
#144D71;
text-decoration: none !important;
cursor: pointer;
font-size:
17px;
margin-left: 14px;
}
.box_dpanel .block_dpanel:hover {
 color:
#0C92B6;
background: #FFF;
box-shadow: 0 0 4px #d1c7c7; 
}
.icon_bar
{font-size: 40px !important; }
.boxs_inline {display: inline-block; width:
48%;}
.boxs { display: block; } 

.boxs_dpanel {
background:
#f8f8f8;
margin: 10px 5px;
border: 1px solid #E1E3E7;
border-radius: 7px
7px 0 0;
overflow: hidden;
}
.box_title {
background: #192137;
padding:
10px;
color: white;
font-weight: bold;
font-size: 17px;
font-family: MS
Sans Serif;
border-radius: 5px 5px 0 0;
}
.box_height {height:
300px;}
.box_content {  
  width: 100%;
    height: 100%;
    overflow:
auto;
} 
.box_statistic {
display:inline-block;
 width:49%;
padding:5px;
}

.box_act a {     float: right;
    color: white;
} 
.ava_friends {      
margin-bottom: 3px;
    width: 50px;
    border-radius: 100%;}
.friend {  
text-overflow: ellipsis;
white-space: nowrap; 
    overflow: hidden;
 
width: 100px;
    display: inline-block;
    text-align: center; }
.about
{
    margin-left: 5px;
    width: 687px;
    padding: 5px 6px 5px;
   
color: #595a5c;
    background: #fff;
    box-shadow: 0px 0px 1px rgb(185,
187, 189);
}
::-webkit-scrollbar{
   
width:1px;
}

::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;

   border-color: #777;
    background-color:
#aaa;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px
2px;
    border-color: #555;
    background-color:
#777;
}
::-webkit-scrollbar-track{
   
border-width:0;
}
::-webkit-scrollbar-track:hover{
    border-left: solid
1px #aaa;
    background-color: #eee;
}
::-webkit-scrollbar {
width:
10px;
height: 10px;
}


::-webkit-scrollbar-track-piece 
{
background-color: #C2D2E4;
}

::-webkit-scrollbar-thumb:vertical
{
height: 30px;
background-color: #0A4C95;
}
@-moz-document
url-prefix(http://),url-prefix(https://) {
scrollbar {
  -moz-appearance:
none !important;
  background: rgb(0,255,0)
!important;
}
thumb,scrollbarbutton {
  -moz-appearance: none !important;
 
background-color: rgb(0,0,255)
!important;
}

thumb:hover,scrollbarbutton:hover {
  -moz-appearance: none
!important;
  background-color: rgb(255,0,0) !important;
}

scrollbarbutton
{
  display: none !important;
}

scrollbar[orient="vertical"] {
 
min-width: 15px !important;
}
}