Файл: themes/adaptiv/style.css
Строк: 629
/* Перезагрузка стиля . своеобразный 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;
}