body{
background: #f5f5f5;
font-size: 15px;
font-family: sans-serif;
margin: auto;
max-width: 700px;
word-break: break-word;
}
::-webkit-scrollbar{
width:5px;
}
::-webkit-scrollbar-thumb{
background: #36677b;
}
::-webkit-scrollbar-thumb:hover{
background: #36677b;
}
::-webkit-scrollbar-track{
background: #f5f5f5;
}
::-webkit-scrollbar-track:hover{
background: #f5f5f5;
}
a:link, a:visited {
color : #0f677d;
text-decoration : none;
}
a:hover {
color : #0f677d;
text-decoration : none;
}
img {
vertical-align: middle;
border: 0px;
margin: 1px;
padding: 1px;
}
.post, table {
width: 100%;
}
textarea {
background: #fff;
padding: 10px;
color: #444444;
width: 92%;
max-width: 92%;
outline: none;
border: 1px solid #ced4da;
margin: 5px;
resize: none;
}
.chat{
background: #fff;
padding: 5px;
color: #444444;
width: 94%;
max-width: 94%;
outline: none;
border: none;
resize: none;
margin: 0;
}
input, select{
background: #fff;
padding: 10px;
color: #444444;
width: 92%;
outline: none;
border: 1px solid #ced4da;
margin: 5px;
}
select{
width: 98%;
margin:auto;
}
input[type="submit"]{
background: #4686a0;
padding: 8px;
color: #fff;
border: none;
width: 98%;
text-transform: uppercase;
cursor: pointer;
border-radius: 3px;
}
input[type="submit"]:hover{
background: #427e96;
}
#go{
background: none;
background-image: url(/img/go.png);
background-repeat: no-repeat;
background-position: 4px;
outline: none;
border: none;
cursor: pointer;
padding: 5px;
box-shadow: none;
}
#search{
background: none;
background-image: url(/img/search.png);
background-repeat: no-repeat;
background-position: 4px;
outline: none;
border: none;
cursor: pointer;
padding: 5px;
box-shadow: none;
}
input[type="checkbox"], input[type="radio"] {
width: 20px;
}
.input_f {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
margin-bottom: 5px;
}
.input_b {
display: flex;
margin-right: -1px;
}
.input_l {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
font-size: 1rem;
text-align: center;
background-color: #ffffff;
border: 1px solid #ced4da;
}
.input_f>.input_t {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input_t {
margin: 0;
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input_s {
display: block;
padding: 10px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
word-wrap: normal;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.title{
background: #fbfbfb;
color: #6b6b6b;
padding: 12px;
border-bottom: 1px solid #e6e6e6;
-webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
-moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
box-shadow: 0px 3px 5px rgba(232, 232, 232, 0.3);
}
.content{
padding: 47px 2px 10px 2px;
}
.str{
background: #f7f5f5;
color: #5181b8;
padding: 5px 10px;
font-weight: bold;
border: 1px solid #dddddd;
}
.page a {
background: #ffffff;
color: #5181b8;
padding: 5px 10px;
border: 1px solid #dddddd;
}
.msg {
background: #effaed;
color: #000000;
padding: 10px;
border: 1px solid #afd4a9;
margin: 5px 0 5px 0;
}
.err {
background: #faeded;
color: #000000;
padding: 10px;
border: 1px solid #d4a9a9;
margin: 5px 0 5px 0;
}
.pages{
border: 1px #238be4 solid;
background-color: #FFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 1px;
margin-top: 1px;
border-radius: 1px 1 1 1px;
font-size : small;
}
.avatar{
width: 45px;
height: 45px;
object-fit: cover;
border-radius: 20%;
}
.str_avatar img{
width: 120px;
height: 120px;
border-radius: 10%;
}
.main{
background: #fafbfc;
color: #757575;
padding: 10px;
border-bottom: 1px solid #e6e6e6;
-webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
-moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
box-shadow: 0px 3px 5px rgba(210, 210, 210, 0.3);
}
.menu, .mess, .main_menu, .mess, .nav1, .nav2, .foot{
background: white;
color: #6b6b6b;
padding: 10px;
border-bottom: 1px solid #e6e6e6;
-webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
-moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
box-shadow: 0px 3px 5px rgba(232, 232, 232, 0.3);
}
a.link{
display: block;
background: white;
color: #6b6b6b;
padding: 10px;
border-bottom: 1px solid #e6e6e6;
-webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
-moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
box-shadow: 0px 3px 5px rgba(232, 232, 232, 0.3);
}
a.link:hover{
background: #f7f7f7;
}
a.mlink{
display: block;
padding: 10px;
border-radius: 8px;
}
a.mlink:hover{
background: #f7f7f7;
}
.icon{
font-size: 17px;
color: #9cbbc7;
margin: 0 8px 0 0;
}
.micon{
font-size: 18px;
color: #9cbbc7;
margin: 0 8px 0 0;
}
.icon2{
background: #f1f1f1;
padding: 8px 15px 8px 15px;
color: #636363;
margin: 0 8px 0 0;
border-radius: 8px;
}
.c{
background: #f5f5f5;
color: #7e8ea2;
padding: 1px 7px;
border-radius: 3px;
float: right;
}
.nick{
color: #0f677d;
font-weight: bold;
}
.msg_text{
padding-top: 5px;
}
.time{
color: #9e9e9e;
font-size: 12px;
margin-left: 5px;
}
.block_avatar{
vertical-align: top;
width: 53px;
}
.block_content{
vertical-align: top;
color: #828282;
font-size: 14px;
line-height: 1.4;
padding-top: 5px;
}
.block_content_msg{
background: #ddebf7;
vertical-align: top;
color: #828282;
font-size: 14px;
line-height: 1.4;
padding: 10px;
border-radius: 4px;
}
.block_msg{
padding: 5px 0 0 0;
}
.uv{
background: #00BCD4;
padding: 3px 7px 2px 6px;
margin-left: -10px;
border-radius: 50%;
vertical-align: super;
display: inline-block;
color: #fff;
font-size: 10px;
}
.avatar_icon img{
margin-top: -18px;
margin-left: 34px;
display: table;
}
a.aut{
display: block;
padding: 10px 15px;
border-left: 1px solid #ebe6e6;
color: #2e9fff;
font-size: 20px;
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
background: -moz-linear-gradient(top,#fff,#f7f7f7);
background: -ms-linear-gradient(top,#fff,#f7f7f7);
background: -o-linear-gradient(top,#fff,#f7f7f7);
filter: progid:DXImageTransform.Microsoft.gradient;
}
a.aut:hover{
background: #fbfbfb;
}
a.dev{
display: block;
background: #4686a0;
color: #fff;
padding: 7px;
text-align: center;
margin: 1px 0 3px 0;
}
.status1{
margin-left: 10px;
margin-bottom: 0;
border-style: solid;
border-color: transparent transparent #ddebf7 transparent;
border-width: 0px 0px 10px 10px;
height: 0px;
width: 0px;
}
.status2{
background: #ddebf7;
padding: 10px;
color: #323232;
}
a.button_icon{
display: block;
background: #4686a0;
color: #ffffff;
padding: 4px 5px 4px 5px;
width: 30px;
text-align: center;
font-size: 20px;
border-radius:3px;
}
a.button_icon:hover{
background: #427e96;
}
hr{
border: none;
background: #e2e2e2;
height: 1px;
margin: 20px 0px 20px 0px;
}
.home_ava img{
float: left;
margin: -1px 10px 0px 0px;
width: 40px;
height: 40px;
border-radius: 100%;
}
.example-1 input[type=file]{
outline:0;
opacity:0;pointer-events:none;
user-select:none
}
.example-1 .label{
background: #009688;
color: white;
padding: 7px;
width: 30px;
height: 16px;
display: block;
cursor: pointer;
text-align: center;
border-radius: 8px;
box-shadow: 0px 3px 5px rgba(49, 49, 49, 0.3);
}
.file{
background: url(/img/gofile.png) #009688;
background-repeat: no-repeat;
background-position: 10px;
width: 36px;
}
a.goall{
display: block;
background: #e2ebef;
padding: 8px;
color: #718c98;
text-align: center;
border-radius: 8px;
}
a.goall:hover{
background: #dae2e6;
}
a.str_panel{
display: block;
background: white;
padding: 10px;
color: #6e8db1;
font-size: 18px;
line-height: 16px;
}
a.str_panel:hover{
color: #56708e;
}
/* Фотоальбомы */
.album{width: 100%;box-sizing: border-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background-color: #fff;padding: 5px;}
.flowap-album_item {margin-bottom: 5px;text-align: center;border: 0!important;display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 50%;padding: 0 2px 0px 2px;border-bottom: none!important;}
.flowap-album_thumb_wrap {position: relative;padding-top: 60%;overflow: hidden;}
.flowap-album-fill {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.flowap-album_thumb {background: none;position: absolute;background: #efefef;overflow: hidden;max-height: none;}
.flowap-album_thumb_img {max-width: 100%;vertical-align: top;width: 100%;height: auto;}
.flowap-album_name {position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);font-size: 14px;font-weight: 500;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: auto;line-height: 16px;color: #fff;padding: 3px 12px;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: left;}
.flowap-add-photos-al {padding: 6px 6px 6px 6px;display: block;background-color: rgba(0,57,115,.1);font-weight: 500;text-align: center;margin-bottom: 5px;border-radius: 4px;color: #45678f!important;}
.flowap-add-photos-al:hover {background-color: rgba(0, 57, 115, 0.22);}
/* Фотоальбомы */
a.ank{
display: block;
background: #e5ebf1;
color: black;
padding: 10px;
font-size: 16px;
text-align: center;
}
a.ank:hover{
background: #d7dbde;
}
.ank1{
width: 100px;
display: -webkit-inline-box;
color: #828282;
}
.ank2{
color: #1d1d1d;
}