Файл: style/themes/default/style.css
Строк: 817
@import
url('https://fonts.googleapis.com/icon?family=Material+Icons');
body
{
background: url(img/fon.png) #fafafa;
background-attachment: fixed;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
margin: auto;
max-width: 530px;
word-break: break-word;
}
a {
color: #416d98;
text-decoration:
none;
}
a:hover{
text-decoration: none;
}
img {
vertical-align:
middle;
border: 0px;
margin: 0px;
padding:
0px;
}
table{
width:100%;
}
#none{
display:none;
}
.head{
position:
fixed;
z-index: 2;
top: 0;
max-width: 530px;
min-width:
1px;
font-weight: 600;
border: 1px solid
#dfdfdf;
}
.head_title{
background: #fff;
padding: 12px;
color: #2b2b2b;
text-align: center;
}
.head a{
color:
#2b2b2b;
}
.head_in {
background: #fff;
margin-bottom: 0px;
color: #2b2b2b;
width: 50px;
text-align:
center;
}
.content{
background: #fafafa;
padding: 44px 0 45px
0;
}
/* Menu */
.l_bar {
float: left;
line-height: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s
ease-out;
-o-transition: all .3s ease-out;
transition: all .3s
ease-out;
cursor: pointer;
}
.c_bar {
float: left;
height:
56px;
}
.site_name {
float: left !important;
margin:
0;
margin-left: 14px !important;
font-size: 20px
!important;
font-weight: 400 !important;
height: 56px
!important;
line-height: 56px !important;
}
.site_name a {
color:
#fff;
padding: 0;
font-size: 16px;
}
.site_name a:hover {
color:
#fff !important;
}
.r_bar {
position: relative;
float:
right;
line-height: 0;
-webkit-transition: all .3s
ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s
ease-out;
transition: all .3s ease-out;
}
.r_bar:hover {
background:
#847aaf;
}
.hide {
display: block !important;
-webkit-transform:
translateZ(0);
transform: translateZ(0);
will-change:
transform;
-webkit-transition: -webkit-transform .5s;
transition:
-webkit-transform .5s;
transition: transform .5s;
transition: transform
.5s, -webkit-transform .5s;
}
.hide.hidden {
-webkit-transform:
translateY(-100%);
-ms-transform: translateY(-100%);
transform:
translateY(-100%);
}
.drawer,
.drawer_cover {
position: fixed;
top:
0;
left: 0;
height: 100vh;
}
.drawer {
width: calc(100% -
56px);
max-width: 280px;
min-width: 152px;
z-index:
999999;
background: #fff;
text-align: left;
left:
-300px;
transition: all 500ms ease 0ms;
box-shadow: 0 4px 4px -5px
rgba(0, 0, 0, .2),
0 2px 2px 1px rgba(0, 0, 0, .14),
0 4px 18px 3px
rgba(0, 0, 0, .12);
overflow: visible;
overflow-y:
auto;
}
.drawer.drawer_in {
left: 0;
}
.drawer_cover {
width:
100vw;
z-index: 99999;
background: transparent;
cursor:
default;
opacity: 0;
visibility: hidden;
transition-duration:
.2s;
transition-timing-function: cubic-bezier(.4, 0, .2,
1);
}
.drawer_op {
pointer-events: auto;
opacity: 1;
background:
rgba(0, 0, 0, .6);
visibility: visible;
}
.drawer_item {
padding:
14px 0;
color: #3c3c3c;
font-size: 17px;
font-weight: 500;
cursor:
pointer;
margin: 0;
transition: color
.8s;
}
.drawer::-webkit-scrollbar {
width:
2px;
}
.drawer::-webkit-scrollbar-thumb {
background: rgba(132, 132,
132, .49);
border-radius: 0;
}
.nav-head {
background: #4667ae;
color: #fff;
height: 165px;
box-sizing: border-box;
padding:
16px;
line-height: 23px;
}
.head-cont {
padding-top:
8px;
}
.nav-head .avatar {
width: 64px;
height:
64px;
border-radius: 50%;
}
.nav-head div.avatar {
line-height:
64px;
text-align: center;
font-size: 27px;
background-color:
#e91e63;
}
.nav-head .tit {
font-size: 16px;
height:
48px;
padding-top: 16px;
letter-spacing: .5px;
white-space:
nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nav-head .name
{
display: block;
font-size: 16.4px;
font-weight:
500;
letter-spacing: .7px;
white-space: nowrap;
overflow:
hidden;
text-overflow: ellipsis;
}
.nav-title {
display:
block;
line-height: 64px;
padding-left: 40px;
font-size:
22px;
letter-spacing: .02em;
}
.nav-cont {
padding: 8px 0;
}
.nav-link {
display: block;
padding: 0 16px;
height:
48px;
line-height: 48px;
margin: 0;
color: rgba(0, 0, 0,
.87);
font-size: 16px;
font-weight: 300;
letter-spacing:
.03em;
white-space: nowrap;
overflow: hidden;
text-overflow:
ellipsis;
}
.nav-link:hover {
background: #f5f5f5;
color: #424242
!important;
}
.avatarm {
width: 40px;
height: 40px;
border-radius:
20px;
}
/* Menu */
.icon{
width: 20px;
float: left;
margin:
-1px 10px 0 0;
}
.wicon{
font-size: 25px;
color: #585858;
float: left;
margin: 10px 15px 0 0;
}
.dev_icon{
position:
absolute;
margin: -2px;
font-size: 25px;
}
.avatar{
width:
48px;
height: 48px;
object-fit: cover;
border-radius:
50%;
}
.avatar_icon{
position: absolute;
margin: 28px
-12px;
}
.avatar_icon img, .avatar_icon2 img{
width: 11px;
}
.on
img{
width: 16px;
margin: -4px 0 -3px
5px;
}
.profil_avatar{
width: 90px;
height: 90px;
object-fit:
cover;
border-radius: 50%;
}
.verified{
margin: -3px
3px;
}
.block_profil_avatar{
position: absolute;
margin: -70px
10px;
}
.profil_cover img{
width:100%;
height: 150px;
object-fit:
cover;
}
.nick{
color: #1f1f1f;
font-weight: 600;
}
.nick
a{
color: #1f1f1f;
font-weight: 600;
}
.time{
color: #888;
font-size: 14px;
margin-left: 5px;
}
.time2{
font-size: 15px;
color: #888;
}
.count{
background: #ff4d95;
color: white;
padding: 3px 8px;
font-size: 12px;
border-radius: 5%;
float:
right;
margin: -1px 0;
}
.count2{
background: #4aa885;
color:
white;
padding: 3px 8px;
font-size: 12px;
border-radius:
5%;
float: right;
box-shadow: #00000054 0px 1px 3px 0;
margin: -1px 0;
}
.wcount{
background: #e74c3c;
color: white;
padding: 5px 8px;
font-size: 12px;
border-radius: 5%;
float:
right;
box-shadow: #00000054 0px 1px 3px 0;
margin: 11px 0;
line-height: 15px;
}
.count_mail{
background: #f7465a;
padding: 4px
8px 4px 9px;
margin-left: -10px;
border-radius: 50%;
vertical-align: super;
display: inline-block;
color: #fff;
font-size: 10px;
}
.count_notify{
position: absolute;
background:
url(img/notify_point.png) bottom no-repeat #f7465a;
background-position-y: 30px;
background-size: 31px 8px;
padding:
10px 12px 14px 12px;
margin-top: -42px;
margin-left: -4px;
border-radius: 10%;
vertical-align: super;
display:
inline-block;
color: #fff;
font-size:
12px;
}
.count_notify_point{
position: absolute;
background:
url(img/notify_point.png) no-repeat;
display: block;
width:
15px;
top: 1px;
height: 10px;
left:
364px;
}
a.profil_razd{
color:
#1f1f1f;
}
.profil_razd_count{
font-weight:
600;
}
a.profil_edit{
display: block;
background: white;
color: #282828;
font-weight: 600;
padding: 5px;
border: 1px
solid #dadada;
text-align: center;
border-radius: 4px;
margin: 10px 0 0 0;
}
.no_public{
display: block;
padding: 20px;
font-size: 25px;
}
.block_main{
background: #fafafa;
padding:
10px;
color: #999;
font-weight: 600;
border: 1px solid
#e4e5e6;
border-top: none;
line-height: 23px;
text-transform: uppercase;
}
.block{
background: #fff;
padding:
10px;
color: #232323;
font-weight: 300;
border: 1px solid
#e4e5e6;
line-height: 23px;
}
.block2{
background: #fff;
padding: 10px;
color: #232323;
border: 1px solid #e4e5e6;
border-top: none;
font-weight: 300;
line-height:
23px;
}
.block3{
background: #fff;
padding: 10px;
color:
#232323;
font-weight: 300;
border: 1px solid #e4e5e6;
border-top: none;
border-bottom: none;
line-height:
23px;
}
.block4{
background: #efefef;
padding: 10px;
color:
#232323;
font-weight: 300;
border: 1px solid #dbdbdb;
border-top: none;
border-bottom: none;
line-height:
23px;
}
a.link{
display: block;
background: #fff;
padding:
10px;
color: #5d5d5d;
font-weight: 300;
border-left: 1px
solid #e4e5e6;
border-right: 1px solid #e4e5e6;
border-bottom:
1px solid #e4e5e6;
}
a.link:hover{
background:
#fbfbfb;
}
a.link3{
display: block;
background: url(img/link3.png)
no-repeat top right #fff;
padding: 12px;
color: #5d5d5d;
font-weight: 300;
border-left: 1px solid #e4e5e6;
border-right:
1px solid #e4e5e6;
border-bottom: 1px solid
#e4e5e6;
}
a.link4{
display: block;
background: linear-gradient(to
top left, #f7f7f7, #fbfbfb);
padding: 10px;
color: #5d5d5d;
font-weight: 300;
border-left: 1px solid #e4e5e6;
border-right:
1px solid #e4e5e6;
border-bottom: 1px solid
#e4e5e6;
}
a.link5{
display: block;
background: url(img/link3.png)
no-repeat top right #2d3436;
padding: 10px;
color: #bfbfbf;
font-weight: 300;
border-left: 1px solid #e4e5e6;
border-right:
1px solid #e4e5e6;
border-bottom: 1px solid
#e4e5e6;
}
.block_profil_panel{
background: #fff;
padding:
10px;
color: #232323;
font-weight: 300;
border: 1px solid
#e4e5e6;
border-bottom:none;
line-height:
23px;
}
.block_profil_panel
a{
color:#939393;
}
.profil_panel_count{
color: #1f1f1f;
font-size: 18px;
font-weight: 600;
}
.block_avatar{
vertical-align:
top;
width: 55px;
}
.block_info{
vertical-align: top;
line-height: 23px;
}
.block_msg{
padding: 1px 0 0
0;
}
.block_post_msg{
padding: 5px 0 0
0;
}
.block_post_panel{
display: block;
background: #fff;
padding: 10px;
border: 1px solid #e4e5e6;
border-top:
none;
}
.post_panel_img{
font-size: 25px;
color: #4667ae;
float: left;
margin: -6px 5px 0 0;
}
.block_post_panel
img{
width:25px;
opacity: .8;
}
.count_post_panel{
color: #929292;
vertical-align: top;
padding: 3px;
font-weight:
400;
}
.block_mail{
background: white;
position: fixed;
z-index: 2;
bottom: 45px;
max-width: 530px;
min-width:
1px;
border: 1px solid #e6e6e6;
text-align:
center;
}
.input{
background: white;
width: 100%;
max-width:
100%;
min-width: 100%;
max-height: 38px;
display: block;
border: 1px solid #efefef;
color: #000;
box-sizing:
border-box;
font-size: 14px;
padding: 6px 12px 8px;
outline:
none;
height: 38px;
font: inherit;
margin: 5px 0 5px
0;
}
.input2{
background: white;
width: 100%;
max-width: 100%;
min-width: 100%;
max-height: 100px;
display: block;
border:
1px solid #efefef;
margin: 0;
color: #000;
box-sizing:
border-box;
font-size: 14px;
padding: 6px 12px 8px;
outline:
none;
height: 60px;
font: inherit;
}
.input3{
background:
white;
width: 100%;
max-width: 100%;
min-width: 100%;
max-height: 40px;
display: block;
border: 1px solid #dbdbdb;
color: #000;
box-sizing: border-box;
font-size: 14px;
padding: 6px 12px 8px;
outline: none;
resize: none;
height:
40px;
font: inherit;
border-radius: 10px;
margin: 5px 0 5px
0;
}
.input_mail{
background: white;
width: 100%;
max-width:
100%;
min-width: 100%;
max-height: 40px;
display: block;
border: 1px solid #efefef;
color: #000;
box-sizing:
border-box;
font-size: 14px;
padding: 6px 12px 8px;
outline:
none;
resize: none;
height: 40px;
font: inherit;
margin: 5px 5px 5px 5px;
border-radius:
5px;
}
.input_aut{
background: #fafafa;
width: 100%;
max-width: 100%;
min-width: 100%;
max-height: 38px;
display:
block;
border: 1px solid #efefef;
color: #999999;
box-sizing: border-box;
font-size: 14px;
padding: 6px 12px 8px;
outline: none;
height: 38px;
font: inherit;
margin: 5px 0
5px 0;
border-radius: 3px;
}
.button{
background: #3897f0;
background-size: 100px;
color: #ffffff;
padding: 0 20px;
line-height: 30px;
height: 30px;
zoom: 1;
cursor: pointer;
vertical-align: top;
text-align: center;
box-sizing:
border-box;
border: none;
width: 100%;
outline: none;
margin: 5px 0 0 0;
}
.button2{
background: #3897f0;
background-size: 60px;
color: #ffffff;
padding: 0 20px;
line-height: 30px;
height: 30px;
zoom: 1;
cursor: pointer;
vertical-align: top;
text-align: center;
box-sizing:
border-box;
border: none;
outline: none;
margin: 5px 0 0
0;
}
.button_mail{
background: #ffffff;
background-size: 60px;
color: #ffffff;
padding: 0 10px;
line-height: 30px;
height:
30px;
zoom: 1;
cursor: pointer;
vertical-align: top;
text-align: center;
box-sizing: border-box;
border: none;
outline: none;
}
.send{
background: #efefef;
background-size:
60px;
color: #ffffff;
padding: 0 10px;
line-height: 30px;
height: 30px;
zoom: 1;
cursor: pointer;
vertical-align:
top;
text-align: center;
box-sizing: border-box;
border:
none;
outline: none;
}
#chatbox-history {
overflow: none;
position: relative;
width: 100%;
height: 400px;
}
#messages {
overflow: auto;
position: absolute;
bottom: 0;
width: 100%;
max-height: 400px;
}
.block_page{
padding: 15px;
text-align:
center;
}
.str{
background: #fdfdfd;
color: #333333;
padding:
5px 11px;
border: 1px solid #e4e5e6;
border-radius: 50%;
cursor: default;
margin-right: 5px;
}
.page a{
background:
#ffffff;
color: #333333;
padding: 5px 11px;
border: 1px
solid #e4e5e6;
border-radius: 50%;
cursor: default;
margin-right: 5px;
cursor:pointer;
}
.news{
display: block;
background: #fff1c9;
padding: 10px;
color: #5d5d5d;
border:
1px solid #e4e5e6;
border-top: none;
}
.text{
font-size: 1em;
line-height: 1.5em;
height: auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient:
vertical;
}
hr{
background: #e5e5e5;
height: 1px;
border:
none;
margin: 8px 10px 15px 8px;
}
.ads{
background:
url(img/ads.png) no-repeat right top #fff;
padding: 10px;
border:
1px solid #e6e6e6;
line-height: 23px;
-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);
margin: 10px 0 0 0;
}
a.edit{
background: #4667ae;
color: white;
padding: 6px 10px;
float: right;
margin: -40px
10px;
-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 2px
3px rgba(0, 0, 0, 0.22);
}
a.edit:hover{
-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 2px 3px rgba(0, 0, 0,
0.29);
}
.dev_panel{
position: relative;
float: right;
margin:
-50px 15px;
}
a.dev{
background: #4370a5;
color: #edeef0;
padding: 14px 35px 14px 15px;
-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 2px 3px rgba(0, 0, 0, 0.22);
margin: 0 0 0 10px;
border-radius: 50%;
}
.status{
margin-top:
5px;
margin-left: 20px;
margin-bottom: 0;
border-style:
solid;
border-color: transparent transparent #e4e5e6 transparent;
border-width: 0px 0px 10px 10px;
height: 0px;
width:
0px;
}
.status2{
background: #e4e5e6;
padding: 8px;
border:
1px solid #e4e5e6;
word-wrap: break-word;
}
.status2 a{
color:
#5d5d5d;
}
.ank1{
width: 150px;
display: -webkit-inline-box;
color:
#828282;
}
.ank2{
color: #1d1d1d;
}
.msg{
background: #262626;
color: #dbdbdb;
padding: 13px;
position: fixed;
z-index:
10;
bottom: 0;
width: 504px;
max-width: 530px;
min-width: 1px;
}
.err{
background: #262626;
color: #dbdbdb;
padding: 13px;
position: fixed;
z-index: 10;
bottom: 0;
width: 504px;
max-width: 530px;
min-width: 1px;
}
.point
{
position: absolute;
background: url(img/point.png) no-repeat;
display: block;
width: 15px;
top: -8px;
height: 8px;
left: 190px;
}
/* Panel */
.block_panel{
text-align: center;
border-left: 1px solid #e4e5e6;
border-right: 1px solid
#e4e5e6;
}
a.panel{
display: block;
background: #ffffff;
padding: 10px;
color: #a7a7a7;
border-bottom: 1px solid
#e4e5e6;
}
a.panel_ok{
display: block;
background: #ffffff;
padding: 10px;
color: #2b2b2b;
font-weight: 600;
border-bottom: 1px solid #2b2b2b;
}
/* Panel end */
/* Tmenu
*/
.toggle-menu-act {
float: right;
display: block;
white-space: nowrap;
min-width: 26px;
text-align: center;
cursor: pointer;
}
.toggle-menu {
max-width: 320px;
width: auto;
right: 40px;
display: none;
z-index: 1;
float:
right;
}
.toggle-menu.toggle-menu-open {
display:
block;
}
._toggle-menu .toggle-menu-arrow {
display: block;
position:
absolute;
margin-top: -8px;
width: 100%;
z-index: 2;
height:
8px;
}
.toggle-menu .toggle-menu-arrow {
position: absolute;
width: 18px;
height: 10px;
margin: 25px 1px;
z-index:
1;
}
.toggle-menu .toggle-menu-arrow span::after {
border-bottom: 10px
solid #FFF;
top: 1px;
}
.toggle-menu .toggle-menu-arrow span::before
{
border-bottom: 10px solid #d6d6d6;
}
.toggle-menu .toggle-menu-arrow
span::after,.toggle-menu .toggle-menu-arrow span::before {
position:
absolute;
width: auto;
height: auto;
border-left: 10px solid
transparent;
border-right: 10px solid transparent;
display:
inline-block;
margin-left: -1px;
content:
"";
}
.toggle-menu-act span {
background:
url("/img/tmenu.png") no-repeat;
width: 20px;
height:
7px;
display: inline-block;
overflow: hidden;
}
.toggle-menu
.toggle-menu-block {
position: absolute;
background: white;
border: 1px solid #dddddf;
width: auto;
padding: 4px 0;
margin: 35px -70px;
}
.toggle-menu .toggle-menu-block a {
padding: 7px
21px 7px 14px;
white-space: nowrap;
display: block;
overflow:
hidden;
text-overflow: ellipsis;
color: #000;
text-decoration:
none;
cursor: pointer;
}
.toggle-menu .toggle-menu-block a:hover
{
background: #F1F1F1;
}
.list:after {
content: '.';
display:
block;
font-size: 0;
line-height: 0;
clear: both;
visibility:
hidden;
}
/* Tmenu end */
/* Album */
.album{background: #fff;
width: 100%; box-sizing: border-box; display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 5px 5px 5px; border:
1px solid #e6e6e6;}
.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: #0000000d; 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);}
/* Album end */
.block_smile{
max-width: 320px;
width: auto;
right: 40px;
z-index: 1;
float:
right;
}
.panel_smile{
position: absolute;
background: white;
padding: 6px;
width: 200px;
height: 150px;
overflow: auto;
margin: -8px -228px;
border: 1px solid #e6e6e6;
z-index:
10000;
-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);
}
.panel_smile img{
width:
23px;
margin:2px;
cursor: pointer;
}
.smile {
display:
none;
}
.smile1 {
display: none;
}
.go_smile{
float: right;
margin:
5px 0 0 0;
}
.go_smile img{
width: 23px;
cursor: pointer;
border: 3px solid #f3f3f38f;
border-radius: 50%;
}
.go_smile
img:hover{
border: 3px solid #f1f1f1;
}
.block_mail_menu {
display:
none;
}
.block_mail_menu1 {
display: none;
}
.test{
background:
url(img/p.png) no-repeat #f1bdb8;
color: #000000;
padding:
12px;
line-height: 23px;
border: 1px solid #ffffff;
margin-bottom: 10px;
-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(134, 134, 134,
0.3);
}
.block_search{
background: #fff;
padding: 10px;
color:
#232323;
border: 1px solid #e4e5e6;
border-top: none;
font-weight: 300;
line-height: 23px;
}
.search{
background: #fff;
padding: 1px;
color: #5d5d5d;
border: 1px solid #cccccc;
border-radius: 10px;
}
.input_search{
background: white;
width:
100%;
display: block;
border: 1px solid #ffffff;
margin:
0;
color: #000;
box-sizing: border-box;
font-size: 14px;
padding: 3px;
outline: none;
font:
inherit;
}
.button_search{
background: white;
color: #4667ae;
border: none;
font-size: 18px;
width: 5px;
outline: none;
cursor: pointer;
}
.button_search
img{
width:18px;
}
a.godr{
background: #4667ae;
float: right;
color: #ffffff;
padding: 5px 9px 0 8px;
border-radius: 3px;
-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 2px 3px rgba(0, 0,
0, 0.22);
margin: 5px;
}
a.lang{
display: block;
background:
#4667ae;
color: white;
padding: 6px;
-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 2px 3px rgba(0, 0, 0, 0.22);
margin: 5px 0 0
0;
}
.mt10{
margin-top:10px;
}
.mb10{
margin-bottom:10px;
}
a.like{
float:
right;
}
.button-disable{
user-select:none!important;
background-color:#ccc!important;
cursor:default!important;
outline:none!important;
pointer-events:none!important;
}
.foot{
background: white;
position:
fixed;
z-index: 2;
bottom: 0;
max-width: 530px;
min-width: 1px;
border: 1px solid #e6e6e6;
text-align:
center;
}
a.foot_panel{
display: block;
background: white;
padding: 10px;
}
a.foot_panel:active{
background: #f9f9f9;
}