/* Перезагрузка стиля . своеобразный unset для стилей*/
.style-reset {
animation : none;
animation-delay : 0;
animation-direction : normal;
animation-duration : 0;
animation-fill-mode : none;
animation-iteration-count : 1;
animation-name : none;
animation-play-state : running;
animation-timing-function : ease;
backface-visibility : visible;
background : 0;
background-attachment : scroll;
background-clip : border-box;
background-color : transparent;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-position-x : 0;
background-position-y : 0;
background-repeat : repeat;
background-size : auto auto;
border : 0;
border-style : none;
border-width : medium;
border-color : inherit;
border-bottom : 0;
border-bottom-color : inherit;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom-style : none;
border-bottom-width : medium;
border-collapse : separate;
border-image : none;
border-left : 0;
border-left-color : inherit;
border-left-style : none;
border-left-width : medium;
border-radius : 0;
border-right : 0;
border-right-color : inherit;
border-right-style : none;
border-right-width : medium;
border-spacing : 0;
border-top : 0;
border-top-color : inherit;
border-top-left-radius : 0;
border-top-right-radius : 0;
border-top-style : none;
border-top-width : medium;
bottom : auto;
box-shadow : none;
box-sizing : content-box;
caption-side : top;
clear : none;
clip : auto;
color : inherit;
columns : auto;
column-count : auto;
column-fill : balance;
column-gap : normal;
column-rule : medium none currentColor;
column-rule-color : currentColor;
column-rule-style : none;
column-rule-width : none;
column-span : 1;
column-width : auto;
content : normal;
counter-increment : none;
counter-reset : none;
cursor : auto;
direction : ltr;
display : inline;
empty-cells : show;
float : none;
font : normal;
font-family : inherit;
font-size : medium;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : auto;
hyphens : none;
left : auto;
letter-spacing : normal;
line-height : normal;
list-style : none;
list-style-image : none;
list-style-position : outside;
list-style-type : disc;
margin : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
max-height : none;
max-width : none;
min-height : 0;
min-width : 0;
opacity : 1;
orphans : 0;
outline : 0;
outline-color : invert;
outline-style : none;
outline-width : medium;
overflow : visible;
overflow-x : visible;
overflow-y : visible;
padding : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
page-break-after : auto;
page-break-before : auto;
page-break-inside : auto;
perspective : none;
perspective-origin : 50% 50%;
position : static;
/* Может потребоваться изменить кавычки ,для разных локалей (например, fr) */
quotes : '\201C' '\201D' '\2018' '\2019';
right : auto;
tab-size : 8;
table-layout : auto;
text-align : inherit;
text-align-last : auto;
text-decoration : none;
text-decoration-color : inherit;
text-decoration-line : none;
text-decoration-style : solid;
text-indent : 0;
text-shadow : none;
text-transform : none;
top : auto;
transform : none;
transform-style : flat;
transition : none;
transition-delay : 0s;
transition-duration : 0s;
transition-property : none;
transition-timing-function : ease;
unicode-bidi : normal;
vertical-align : baseline;
visibility : visible;
white-space : normal;
widows : 0;
width : auto;
word-spacing : normal;
z-index : auto;
all: initial;
all: unset;
}
/* Базовый патч */
#style-reset-root {
all: initial;
* {
all: unset;
}
}
/* Базовый патч */
#style-reset-root {
all: initial;
* {
all: unset;
}
}
form,div,span,input,h1,h2,h3,h4,h5,h6,p{
/*all: unset;*/
}
hr{border: 1px solid #e4e4e4;display: block;overflow: hidden;border-width: 1px;}
.text-underline {text-decoration: underline;}
.text-center {text-align: center;}
.text-line {text-decoration:line-through;}
.text-right {float: right;}
.text-left {float: left;}
.text-bold {font-weight: bold;}
.text-cursor {cursor: pointer;}
.link{display: block;}
body {
font-family: Verdana;
font-size: 12px;
background: #f7f7f7;
color: #222;
max-width: 950px;
margin: 0 auto;
padding: 0;
}
.pre {
white-space:pre;
margin: 1px;
font-size: 12px;
word-wrap: break-word;
color: #8c7666;
border: 1px solid #cdd1d6;
border-radius: 2px;
word-wrap: break-word;
padding: 10px;
background: #fff;
box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}
/* Спорные стили */
.width_100 {min-width:100%;}
.width_70 {min-width:70%;}
.width_50 {min-width:49%;}
.width_30 {min-width:28%;}
.width_10 {min-width:10%;}
select {
min-width: 100%;
cursor: pointer;
font-weight: bold;
display: block;
margin: 1px;
font-size: 12px;
word-wrap: break-word;
color: #8c7666;
border: 1px solid #cdd1d6;
border-radius: 2px;
word-wrap: break-word;
padding: 10px;
background: radial-gradient(at top, #FEFFFF, #fceafb);
box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}
textarea {
min-width:99.20%;
height: 100px;
color: #5d5959;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
color: #948a8a;
background: radial-gradient(at top, #FEFFFF, #f7f7f7);
border: 1px solid #cdd1d6;
padding: 12px;
margin: 1px;
font-weight: bolder;
}
input[type="submit"]{
min-width: 100%;
cursor: pointer;
color: #5d5959;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #ffffff;
background: radial-gradient(at top, #6da047, #6da047);
border: 1px solid #618844;
padding: 12px;
margin: 1px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bolder;
}
input[type="text"] {
min-width: 99.20%;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
color: #222;
background: radial-gradient(at top, #fafafa, #f4f4f4);
border: 1px solid #cdd1d6;
padding: 12px;
margin: 1px;
font-weight: bolder;
}
input[type="submit"]:hover {
background: radial-gradient(at top, #e0ffca, #9bdc6b);
color: #6c6565;
}
input[type="password"] {
min-width:97%;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
color: #222;
background: radial-gradient(at top, #fafafa, #f4f4f4);
border: 1px solid #cdd1d6;
padding: 12px;
margin: 1px;
font-weight: bolder;
}
input[type="password"]:hover {
background: radial-gradient(at top, #d7ffdc, #c1ffcf);
}
@media (min-width: 570px) {
textarea {
min-width: 99.80%;
}
input[type="text"] {
min-width: 99.80%;
}
select {
min-width: 99.80%;
}
.foot-bottom {
font-size: 16px;
}
input[type="password"] {
min-width:100%;
}
}
.post_1{
margin: 1px;
font-size: 12px;
word-wrap: break-word;
color: #8c7666;
border: 1px solid #cdd1d6;
border-radius: 2px;
word-wrap: break-word;
padding: 10px;
background: radial-gradient(at top, #FEFFFF, #efefef);
box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}
.post_2{
margin: 1px;
font-size: 12px;
word-wrap: break-word;
color: #8c7666;
border: 1px solid #cdd1d6;
border-radius: 2px;
word-wrap: break-word;
padding: 10px;
background: radial-gradient(at top, #FEFFFF, #f0f9fb);
box-shadow: 0px 1px 0px 0px rgba(75, 95, 117, 0.06) inset, 0px 1px 0px #FFF;
}
a {
color: #80bd9a;
font-size: 14px;
text-decoration: none;
}
a:hover {
color: #629976;
/*
подчеркивание ссылок
text-decoration: underline ;
*/
}
/* Обработка сообщений и ошибок */
.msg{
padding: 14px;
display: block;
margin-top: 2px;
margin-bottom: 10px;
text-align: center;
font-weight: bolder;
}
.success {
color: #3ed44a;
border: 1px solid #3ed44a;
}
.error {
color: #f37d7d;
border: 1px solid #e27272;
}
/* Обработка сообщений и ошибок end */
.content {
color: #8e8e8e;
background: radial-gradient(at top, #ededed, #ededed);
/*background: radial-gradient(at top, #FEFFFF, #f9fafa);*/
border: 1px solid #cdd1d6;
padding: 10px;
margin:1px;
margin-left:3px;
margin-right:3px;
min-height: 300px;
}
a.div:hover {
background: radial-gradient(at top, #FEFFFF, #f9f9f9);
}
.div {
margin: 1px;
// margin-bottom: 5px;
// margin-top: 5px;
font-size: 12px;
word-wrap: break-word;
color: #8c7666;
border: 1px solid #dcd5d5;
border-radius: 2px;
word-wrap: break-word;
padding: 10px;
background: #f9f8f8;
//box-shadow: 0px 1px 0px 0px #8080800f inset, 0px 1px 0px #bdb5b5;
}
.foot a {
color: #8e8989;
}
.foot a:hover {
color: #676767;
}
.head {
color: #8e8989;
margin: 1px;
margin-bottom: -5px;
margin-top: 5px;
margin-left:3px;
margin-right:3px;
font-size: 12px;
word-wrap: break-word;
border: 1px solid #dcd5d5;
border-radius: 12px 12px 0px 0px;
word-wrap: break-word;
padding: 20px;
background: #fdfdfd;
}
.head-bottom {
font-size: 13px;
border-radius: 10px;
padding: 5px;
margin: 3px;
color: #b9b9b9;
display: inline-block;
background: #fafcfd;
border: 1px solid #d4e2e8;
}
a.head-bottom:hover {
background: #ddf4ff;
border: 1px solid #a6d2e8;
}
a.head-bottom {
text-decoration: none;
}
.foot-center {
color: #8e8989;
margin: 1px;
margin-bottom: 1px;
margin-top: -3px;
margin-left:3px;
margin-right:3px;
font-size: 12px;
word-wrap: break-word;
border: 1px solid #dcd5d5;
word-wrap: break-word;
padding: 20px;
background: #e1e1e1;
}
.foot-bottom-center {
color: #a09e9e;
font-size: 13px;
/*box-shadow: 0px 3px 5px 5px #3333330f inset, 0px 3px 5px #cccccc;*/
border-radius: 12px 12px 12px 12px;
padding: 5px;
margin: 3px;
display: inline-block;
border: 2px solid #cecaca;
}
.foot {
color: #8e8989;
margin: 1px;
margin-bottom: 5px;
margin-top: -3px;
margin-left: 3px;
margin-right: 3px;
font-size: 12px;
word-wrap: break-word;
border: 1px solid #2d2d2d;
border-radius: 0px 0px 7px 7px;
word-wrap: break-word;
padding: 20px;
background: #545454;
}
.foot-bottom {
color: #c6c4c6;
font-size: 13px;
/*box-shadow: 0px 3px 5px 5px #3333330f inset, 0px 3px 5px #cccccc;*/
border-radius: 12px 12px 12px 12px;
padding: 5px;
margin: 3px;
display: inline-block;
/*border: 1px solid #cecaca;*/
}
a.foot-bottom:hover {
/*box-shadow: 0px 5px 5px 5px #3333330f inset, 0px 5px 5px #cccccc;*/
background: #7d7d7d;
/*border: 1px solid #cabdbd;*/
color: #d0d0d0;
}
a.foot-bottom {
text-decoration: none;
}
.span {
display: inline-block;
font-size: 13px;
padding: 7px;
margin: 3px;
color: #cecaca;
border: 1px solid #cecaca;
}
a.span:hover {
box-shadow: 0px 1px 1px 1px #3333330f inset, 0px 1px 1px 1px #eaeaea;
color: #7b7777;
}
.span_act {
display: inline-block;
font-size: 13px;
padding: 7px;
margin: 3px;
color: #a7a7a7;
border: 1px solid #a7a7a7;
}
a.span_act:hover {
box-shadow: 0px 1px 1px 1px #3333330f inset, 0px 1px 1px 1px #eaeaea;
color: #7b7777;
}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w90{width:90%;}
/*
.post_title_1 {
box-shadow: 2px 2px 9px #eaeaea;
margin: 1px;
margin-bottom: -2px;
margin-top: 7px;
word-wrap: break-word;
color: #909090;
border: 1px solid #d4d2cd;
border-radius: 2px;
padding: 7px;
background: #f5f5f5;
border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
-webkit-border-radius: 12px 12px 0px 0px;
}
.post_title_2 {
box-shadow: 2px 2px 9px #eaeaea;
margin: 1px;
margin-bottom: -2px;
margin-top: 7px;
word-wrap: break-word;
color: #909090;
border: 1px solid #d4d2cd;
border-radius: 2px;
padding: 7px;
background: #e1f5f9;
border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
-webkit-border-radius: 12px 12px 0px 0px;
}
*/
.copyright {
background: url(images/copyright0.png) ;
opacity: 0.4;
padding: 4px 40px 13px 70px;
height: 12px;
width: 90px;
/*margin-top: -20px;
margin-right: -20px;*/
}
.copyright:hover{
opacity: 1.4;
background: url(images/copyright.png) ;
}
.span_c{
font-size: 13px;
color: #909090;
//opacity: 0.4;
}
.span_b{
font-weight: bold;
font-size: 13px;
color: #9a9898;
//opacity: 0.4;
}
.opacity {
opacity: 0.4;
}
.opacity:hover {
opacity: 1.4;
}
/*Работа с заголовками [H*] . Сюда же приспомобим размеры текста*/
h1,h2,h3,h4,h5,h6{all: unset;display: block;font-weight: bold;}
h1,.size_1{font-size: 25px;}
h2,.size_2{font-size: 20px;}
h3,.size_3{font-size: 18px;}
h4,.size_4{font-size: 13px;}
h5,.size_5{font-size: 11px;}
h6,.size_6{font-size: 9px;}
ul{
margin: 0;
padding: 0;
list-style: none;
}
.link {
display: block;
}
.img {
margin-bottom:-3px;
}
.bb_HashTag{
color:#5b84e2;
font-weight: bold;
}
.bb_q{
overflow: hidden;
border-left: 4px solid #ffc676;
color: #7b7b7b;
margin-left: 4px;
margin-top: 2px;
margin-bottom: 4px;
padding: 10px;
background: #fff7eb;
}
h3 a{
color:#6a91e8;
}
h3 a:hover{
color:#4a76d8;
}
.LogoType{
margin-top:5px;
}
.mainpost{
font-weight: bold;
padding: 7px;
margin: 1px;
margin-top:-16px;
border-left: 1px solid #cdd1d6;
border-bottom: 1px solid #cdd1d6;
border-right: 1px solid #cdd1d6;
display: inline-block;
border-radius: 0px 0px 10px 10px;
}
.post_title_1 {
box-shadow: 2px 2px 9px #eaeaea;
margin: 1px;
margin-bottom: -2px;
margin-top: 7px;
word-wrap: break-word;
color: #909090;
border: 1px solid #d4d2cd;
border-radius: 2px;
padding: 7px;
background: #f5f5f5;
border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
-webkit-border-radius: 12px 12px 0px 0px;
font-size: 12px;
}
.post_title_2 {
box-shadow: 2px 2px 9px #eaeaea;
margin: 1px;
margin-bottom: -2px;
margin-top: 7px;
word-wrap: break-word;
color: #909090;
border: 1px solid #d4d2cd;
border-radius: 2px;
padding: 7px;
background: #fbfbfb;
border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
-webkit-border-radius: 12px 12px 0px 0px;
font-size: 12px;
}
.head-bottom-razd{
font-size: 12px;
border-radius: 10px;
padding: 5px;
margin: 3px;
color: #d0d0d0;
display: inline-block;
background: #ffffff;
border: 1px solid #f3f3f3;
}
a.head-bottom-razd {
text-decoration: none;
}
.head-bottom-razd:hover{
box-shadow: 0px 3px 5px 5px #3333330f inset, 0px 3px 5px #ffffff;
border: 1px solid #cdd1d6;
}
.pager_s {
padding: 5px 10px 5px 10px;
color: #636367;
border: 1px solid #d7dade;
background: radial-gradient(at top, #fff, #fff);
margin: 3px;
transition: 0.3s;
text-align: center;
font-size: 20px;
}
.page-nav-fon {
font-weight: bolder;
padding: 14px;
color: #B8B8BB;
margin: 1px;
transition: 0.3s;
text-align: center;
font-size: 15px;
}
.pager_a {
padding: 5px 10px 5px 10px;
color: #9393a7;
border: 1px solid #d7dade;
background: radial-gradient(at top, #ffffff, #f1f1f1);
margin: 3px;
transition: 0.3s;
text-align: center;
font-size: 20px;
}
.user_nick img{
margin-top: -5px;
}
a.user_nick {
font-size: 12px;
text-decoration: none;
}
.apanel-link{
font-weight: 700;
margin: 1px;
margin-top: 7px;
font-size: 12px;
word-wrap: break-word;
color: #6c757d;
border: 1px solid #d8d4d4;
border-radius: 2px;
word-wrap: break-word;
padding: 10px;
background: #f7f7f7;
/*box-shadow: 0px 1px 0px 0px #8080800f inset, 0px 1px 0px #dedede;*/
}
a.apanel-link {
text-decoration: none;
}
.apanel-link:hover{
background: #fff;
border: 1px solid #dad6c8;
color: #0c0c0c;
}
.apanel-count{
min-width: 58px;
float: right;
padding: 10px;
/*margin: 2px;*/
margin-top: -10px;
margin-right: -10px;
background: #fff;
border-left: 1px solid #d8d1d1;
/*border-radius: 5px;*/
color: #7a9cb5;
}
.div2 {
margin: 1px;
margin-bottom: 5px;
margin-top: 5px;
font-size: 12px;
word-wrap: break-word;
color: #8c7666;
border: 1px solid #cfc7ef;
border-radius: 2px;
background: #fdfdfd;
padding: 10px;
background: #e9e4ff;
}
.title {
text-align: center;
font-size: 25px;
font-weight: bold;
margin-bottom: 10px;
}
/*img*/
.avatar {
width: 50px;
height: 50px;
margin: 2px 7px 0 0;
float: left;
border-radius: 50%;
}
.post_title_3{
box-shadow: 2px 2px 9px #eaeaea;
margin: 1px;
margin-bottom: -2px;
margin-top: 7px;
word-wrap: break-word;
color: #909090;
border: 1px solid #d4d2cd;
border-radius: 2px;
padding: 7px;
background: #fbfbfb;
border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
-webkit-border-radius: 12px 12px 0px 0px;
font-size: 12px;
}
@media (min-width: 570px) {
.post_title_2{
font-size: 25px;
}
.post_title_1{
font-size: 25px;
}
.head-bottom-razd {
font-size: 13px;
border: 1px solid #cdd1d6;
}
}
.buttonaut:hover{
background: #9a82c7;
}
.buttonaut{
text-align: center;
font-family: "Roboto", sans-serif;
text-transform: uppercase;
outline: 0;
background: #c9bbe4;
border-radius: 5px;
border: 0;
padding: 14px;
color: #FFFFFF;
font-size: 14px;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
cursor: pointer;
margin-top:7px;
}
button:hover {
background: #2fc752;
}
button {
font-family: "Roboto", sans-serif;
text-transform: uppercase;
outline: 0;
background: #28a745;
width: 100%;
border: 0;
padding: 15px;
color: #FFFFFF;
font-size: 14px;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
cursor: pointer;
border-radius: 5px;
}
.zp{
margin-top:5px;
padding: 15px;
display: block;
}
.zp:hover{
background: #e8e7e7;
border-radius: 5px;
}