Файл: style/style/style.css
Строк: 1065
@import url(STYLE-SETTINGS-TABLE.css);
/*
Default----------------------------------------------------------------------
*/
*
{
margin:0;
padding:0;
}
body
{
color:#1d1d1d;
font-size:62.5%;
margin:0;
background:#d2d2d2;
}
header,nav,section,article,aside,footer
{
display:block;
}
a:link,a:active,a:visited
{
color:#bb0030; text-decoration:none; outline-style: none; outline-width: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover,a:focus
{
color:#252525;
}
input,textarea,select
{
font-size:0.8em; border:solid 0.1em #c4c4c4; background:#fff; width: 100%;
padding: 1em 0.7em; -webkit-box-sizing: border-box; -moz-box-sizing:
border-box; box-sizing: border-box; outline-style: none;
-webkit-user-modify: read-write-plaintext-only; -o-user-modify:
read-write-plaintext-only; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select { height: 45px;
}
1input[type=text],1input[type=password],1textarea
{
width:94%;
padding-right:3%;
padding-left:3%;
}
1select,1input[type=file]
{
text-indent:10px;
width:100%;
padding-right:0;
padding-left:0;
}
input:focus,textarea:focus,select:focus
{
outline-style:none;
outline-width:0;
background:#fff8e9;
}
input[type=checkbox],input[type=radio]
{
vertical-align: middle; width: auto; margin-right: 0.5em;
margin-bottom:0.5em; padding:1em; }
input[type=submit]
{
border:solid
0.1em
#b3b3b3;
width:100%;
}
input[type=submit]:hover
{
cursor:pointer;
}
input.icq,input.skype,input.phone
{ background-repeat: no-repeat; background-position: 0.7em center; width:
100%; padding-right: 0.7em; padding-left: 3em; background-size:
28px;}
input.icq { background-image:
url(http://kaban.mobi/style/touch/images/ico_icq.png); }
input.icq:focus {
background-image:
url(http://kaban.mobi/style/touch/images/ico_icq_active.png); }
input.skype
{ background-image:
url(http://kaban.mobi/style/touch/images/ico_skype.png);
}
input.skype:focus { background-image:
url(http://kaban.mobi/style/touch/images/ico_skype_active.png);
}
input.phone { background-image:
url(http://kaban.mobi/style/touch/images/ico_phone.png);
}
input.phone:focus { background-image:
url(http://kaban.mobi/style/touch/images/ico_phone_active.png);
}
a.button,button
{ text-align:center; width:42px; height: 42px;
display:inline-block; }
a.button img { margin-top: 7px;
}
a.button2,a.button3 { text-align: center; padding: 0.7em; border-style:
solid; border-width: 0.1em; display: block; }
a.button2 { color: #fff;
font-size: 1.1em; text-transform: uppercase; padding-top: 0.65em;
padding-bottom: 0.65em; border-color: transparent; }
a.button3 { color:
#000; border-color: #b3b3b3; }
a.button4 { color: #333; font-size: 0.9em;
padding: 0.4em 0.7em; border: solid 0.1em #8c8c8c; display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio:
0){
}
button
{
cursor:pointer;
border-style:none;
border-width:0;
}
label
{
display:block;
}
img
{
vertical-align:middle;
border-style:none;
}
hr
{
margin-top:2px;
margin-bottom:2px;
border-style:none
none solid;
border-width:0 0
1px;
}
ul
{
list-style-type:none;
}
p
{
margin-bottom:0.8em;
}
h1,h2,h3,h4,h5,h6
{
font-weight:400;
margin-bottom:10px;
}
h1
{
font-size:1.6em;
}
h2
{
font-size:1.4em;
}
h3
{
font-size:1.2em;
}
h4
{
font-size:1em; font-weight: bold;
}
table
{
width:100%;
border-collapse:collapse;
}
td
{
vertical-align:top;
}
q
{ font-style: italic; margin-bottom: 0.7em; display: block; quotes: none
}
#wrapper
{
color:#262626;
font-size:1.8em;
line-height:1em;
font-family:Calibri;
overflow:hidden;
background:#fff;
}
nav,.adv,.banner,#title,#fbar,#tags,#counters,#category_info,#tabs,#pagination,#screen,.block,#comments,#back,#add_comment,.title,#player,#inform>header,#inform
section,#inform section ul li header,#inform section ul li
article,.msg,#listmsg li,#msglist li,.block_full header,.block_full
article
{
padding:0.7em;
}
nav ul.buttons
li
{
margin-right:0.5em;
}
.link_buttons
li
{
width:50%;
float:left;
}
.link_buttons li.full { width: 100%;
}
.link_buttons a
{ color:#191919; text-align: center; margin-right:0.5em;
border:solid 1px #b3b3b3; display:block; padding:0.7em; }
.link_buttons img
{ width: 26px; height: 26px; }
.link_buttons li:last-child
a
{
margin-right:0;
}
img.user { width: 18px; height: 18px; }
.center {
text-align: center; }
/*Messages*/
.msg { background-color: #fff;
background-image: url(http://kaban.mobi/style/touch/images/msg_info.png);
background-repeat: no-repeat; background-position: 0.8em center; margin:
0.7em; padding-top: 0.8em; padding-bottom: 0.8em; padding-left: 2.6em;
border-top: 0.2em solid #007df1; background-size: 22px }
.msg h3 {
color: #0065bd; font-size: 1em; font-weight: bold; margin-bottom: 0.2em;
}
.msg.ok { background-image:
url(http://kaban.mobi/style/touch/images/msg_ok.png); border-top-color:
#5bc100; }
.msg.ok h3 { color: #448d00; }
.msg.error { background-image:
url(http://kaban.mobi/style/touch/images/msg_error.png); border-top-color:
#cb0034; }
.msg.error h3 { color: #9a0029; }
.msg.warn { background-image:
url(http://kaban.mobi/style/touch/images/msg_warn.png); border-top-color:
#ff8400; }
.msg.warn h3 { color: #cd6a00; }
/*
Header----------------------------------------------------------------------
logo */
#logo
{
border-bottom:1px solid
#5b0118;
background:url(header00.webp);
background-size: 90px
89px;
}
#logo a img
{ width: 300px; height: 89px; }
/* nav
*/
nav
{
color:#fff;
position:relative;
border-top:1px solid
#c30037;
border-bottom:1px solid #5b0118;
}
#header nav ul.buttons
li
{
float:left;
}
nav ul.buttons li
a
{
color:#fff;
font-size:0.9em;
border-top:1px solid
#bd0a3e;
border-bottom:1px solid #4d0016;
display:block;
padding:0.35em
0.8em;
}
nav ul.buttons li.active
a
{
color:#000;
font-size:0.9em;
border-top:1px solid
#2c000b;
border-bottom:1px solid #9f002b;
}
/* lang */
#lang
{ position:
absolute; top: 0.7em; right: 0.7em; margin-top:0.2em; }
#lang
li
{
float:left;
margin-left:0.5em;
}
#lang li
a
{
text-indent:-9999px;
width:33px;
height:23px;
display:block;
background:no-repeat;
background-size:33px
23px;
}
#lang li
a.ru
{
background-image:url(http://kaban.mobi/style/touch/images/ico_flag_ru.png);
}
#lang
li.active
a.ru
{
background-image:url(http://kaban.mobi/style/touch/images/ico_flag_ru_a.png);
}
#lang
li
a.ukr
{
background-image:url(http://kaban.mobi/style/touch/images/ico_flag_ukr.png);
}
#lang
li.active
a.ukr
{
background-image:url(http://kaban.mobi/style/touch/images/ico_flag_ukr_a.png);
}
#lang
li
a.en
{
background-image:url(http://kaban.mobi/style/touch/images/ico_flag_en.png);
}
#lang
li.active
a.en
{
background-image:url(http://kaban.mobi/style/touch/images/ico_flag_en_a.png);
}
/*lang
select*/
#header nav select { color: #fff; background-color: #560017;
margin-top: -1.2em; position: absolute; top: 50%; right: 0.7em; width: 25%;
height: 32px; padding-top: 0.2em; padding-bottom: 0.2em; border-color:
#4c0014; }
/* adv */
.adv { color: #fff; }
.adv h3 { font-size: 1.1em;
font-weight: normal; margin-bottom: 0; padding-top: 0.3em; padding-bottom:
0.3em; }
.adv ul li
{
margin-bottom:0.3em;
}
.adv ul
li:last-child
{
margin-bottom:0;
}
.adv ul li
a
{
color:#fff;
padding-left:1.2em;
display:block;
background:url(http://kaban.mobi/style/touch/images/adv_ico.png)
no-repeat 0 50%;
background-size:14px 14px;
}
.adv ul li
a:hover
{
color:#ffeda4;
}
/* banner */
.banner { padding: 0.7em 1em
0.7em 0.7em; }
.banner img { border: solid 0.2em #fff; }
#header .banner
{
background:#f2f2f2 url(http://kaban.mobi/style/touch/images/line_top.png)
repeat-x; text-align: center; background-size:6px 3px; }
#header .banner a
img
{
max-width:100%;
max-height:100%;
}
/*
Content----------------------------------------------------------------------
title */
#title
h1
{
color:#fff;
font-size:1.1em;
padding-top:0.3em;
padding-bottom:0.3em;
margin:0;
}
#player
{ }
/*@global*/
.autologin { background-image:
url(http://kaban.mobi/style/touch/images/ico_autlogin_warn.png);
background-repeat: no-repeat; background-position: 0 0; padding-bottom:
0.5em; padding-left: 5em; background-size: 78px; }
.avatar {
background-color: #fff; vertical-align: middle; width: 50px; height: 50px;
overflow: hidden; margin-right: 0.5em; border: solid 0.2em #fff; display:
inline-block; }
.avatar img { position: relative; right: 30%; max-width:
150%; }
.avatar img.x1 { right: 40%; max-width: 170%; }
.status { color:
#fff; font-size: 0.8em; background-color: #999; padding-right: 0.4em;
padding-left: 0.4em; display: inline-block; }
.status.on {
background-color: #4aa600; }
.close { background-image:
url(http://kaban.mobi/style/touch/images/button_close.png);
background-repeat: no-repeat; background-position: 0 0; width: 26px;
height: 26px; display: block; background-size: 26px; }
.close span {
display: none; }
.birthday { width: 100%; }
.birthday li { float: left;
}
.birthday li p { padding-right: 0.7em; padding-bottom: 0.7em; }
.birthday
li:last-child p { padding-right: 0; }
.birthday li.day { width: 25%;
}
.birthday li.mounth { width: 45%; }
.birthday li.year { width: 30%;
}
.forgotpass { background-image:
url(http://kaban.mobi/style/touch/images/enter.png); background-repeat:
no-repeat; background-position: 0 0; padding-left: 48px; background-size:
48px 40px }
.forgotpass a { text-align: center; padding: 0.6em 1em;
display: block; }
.resptable { width: 100%; margin-bottom: 0.7em; display:
block; }
.resptable li { width: 50%; float: left; }
.centerh { text-align:
center; position: relative; margin-top: 1em; margin-bottom: 0.7em;
padding-right: 3em; padding-left: 3em; }
.centerh h3 { font-size: 1.1em;
font-weight: normal; background-color: #fff; position: relative; z-index:
1; margin-bottom: 0; padding-right: 0.7em; padding-left: 0.7em; display:
inline-block; }
.centerh:after { background-color: #b3b3b3; position:
absolute; top: 50%; left: 0; width: 100%; height: 0.1em; margin-top: 0;
content: '';}
.pluso { text-align: center !important; display: block
!important; }
@media only screen and (max-width: 320px){
.resptable li {
width: 100%; float: none;
}
}
/*tabs*/
#tabs
{
font-size:1.1em;
padding:0.4em 0.4em 0;
}
#tabs ul
li
{
width:50%;
float:left;
margin-bottom:-1px;
}
#tabs ul li
a
{
color:#fff;
text-align:center;
margin-right:0.4em;
display:block;
border-color:#8c8c8c;
border-style:solid
solid dashed;
border-width:1px;
}
#tabs ul li a
span
{
display:block;
padding-top:0.7em;
padding-bottom:0.7em;
}
#tabs
ul li:last-child a
{
margin-right:0;
}
#tabs ul li.active
a
{
color:#191919;
border-color:#b1b1b1 #b1b1b1 #fff;
border-style:solid
solid dotted;
border-width:1px;
}
#tabs ul li.active a
span
{
border-bottom:1px dashed #b1b1b1;
}
/*inform*/
#inform { }
#inform>header { position: relative; }
#inform>header ul { }
#inform>header ul li { position: relative; width: 33.33%; float: left;
}
#inform>header ul li:last-child a { margin-right: 0;
}
#inform>header ul li a { color: #fff; text-align: center;
margin-right: 0.5em; padding: 0.5em; border: solid 0.1em #73001d; display:
block; }
#inform>header ul li.active a { color: #f8ffa5; border-color:
transparent; }
#inform>header ul li.active .arrow { background-image:
url(http://kaban.mobi/style/touch/images/arrowtitle.png);
background-repeat: no-repeat; position: absolute; left: 50%; bottom:
-1.4em; width: 20px; height: 12px; z-index: 1; margin-left: -10px; display:
block; background-size: 20px 12px }
#inform section {
background-color: #f2f2f2;}
#inform section ul { }
#inform section
ul li{ }
#inform section ul li header { position: relative; border:
solid 0.1em #bfbfbf; }
#inform section ul li header h2 { font-size: 1em;
margin: 0.2em 0; padding-right: 6em; }
#inform section ul li header span {
color: #666; font-size: 0.9em; position: absolute; top: 50%; right: 1em;
margin-top: -0.6em; }
#inform section ul li header span a { color: #666;
border-bottom-style: solid; border-bottom-width: 0.1em; }
#inform section
ul li article { background-color: #fff; }
#inform section ul li article a {
}
#inform section ul li article p:last-child { margin-bottom: 0; }
#inform
section ul li article.horo { background-image:
url('http://kaban.mobi/style/touch/css/\(EmptyReference!\)');
background-repeat: no-repeat; background-position: 0.6em 0.6em;
padding-left: 3.2em; }
#inform section ul li article.weather { color: #333;
}
#inform section ul li article.weather h3 { color: #666; font-size: 1em;
font-weight: normal; }
#inform section ul li article.weather .cels {
font-size: 2.2em; background-repeat: no-repeat; background-position: 0 0;
float: left; padding: 0.3em 0.3em 0.3em 1.3em; }
#inform section ul li
article.weather .data { float: left; }
#inform section ul li
article.weather .data h4 { margin-bottom: 0;
}
/*category_info*/
#category_info
{
padding-top:0.9em;
padding-bottom:0.9em;
border-bottom:1px
solid #bdbdbd;
background:#ddd;
}
/* list */
#list ul li,.list ul li
{
position: relative; overflow: hidden; padding-right:0.7em;
border-bottom:0.1em solid #ccc; }
#list ul li a,.list ul li a
{
position:relative; display:block; padding:0.7em 1.5em 0.7em 0.7em;
background:url(ico_arr0.png) no-repeat 100% 50%; background-size:30px 30px;
}
#list ul li a img,.list ul li a img
{
margin-right:0.2em;
}
.ico {
width: 28px; height: 28px; }
#list ul li a span,.list ul li a
span,.counts
{ color:#1a1a1a; position:absolute; top:50%; right:0; z-index:
2; margin-top: -0.5em; padding-left: 0.5em; display:block; }
.counts {
margin-top: 0.3em; margin-right: 0.7em; }
#list ul li a span:after,.list ul
li a span:after { position: absolute; top: -25px; left: 0; width: 100%;
height: 70px; z-index: -1; content: ""; }
#list ul li a span
.text,.list ul li a span .text { display: block; position: relative; top:
50%; right: 0; float: left; margin-top: -0.1em; margin-right: 0.4em;
}
#list ul li a span b,.list ul li a span b,.counts b
{ color:#fff;
font-weight:400; float:right; margin-top:-0.3em; padding:0.3em 0.7em;
background:#f8a700; text-align: center; min-width: 10px; }
#list ul li a
span strong,.list ul li a span strong,.counts
strong
{
color:#fff;
font-weight:400;
float:left;
margin-top:-0.3em;
margin-right:-0.5em;
padding:0.3em
1em 0.3em 0.7em;
background:#bb0030;
}
.list.dopfunc ul li a {
background-image: none; }
#list ul li a img.prev,.list ul li a img.prev {
}
#list.dopfunc ul li a,.list.dopfunc ul li a { padding-right: 2.5em;
}
#list.dopfunc ul li a span,.list.dopfunc ul li a span { margin-right:
40px; }
.list ul li a.text_ico { background-image:
url(http://kaban.mobi/style/touch/images/ico_text.png); vertical-align:
-9999px; position: absolute; top: 50%; right: 0; width: 28px; height: 28px;
overflow: hidden; margin: -0.8em 0.7em 0 0; padding: 0; background-size:
28px }
.list ul li a.text_ico span { display: none; }
.list ul li a p {
color: #333; margin-top: 0.3em; margin-bottom: 0; }
#list ul li.event,.list
ul li.event,#list_content ul li.event
{
position:relative;
}
#list ul
li.event:after,.list ul li.event:after,#list_content ul
li.event:after
{
content:"";
position:absolute;
right:0;
bottom:0;
width:10px;
height:10px;
z-index:2;
background:url(event000.png)
no-repeat;
background-size:10px 10px;
}
/*list_content*/
#list_content ul
li
{
border-bottom:0.1em solid #ccc;
}
#list_content ul li a
{
position:relative; min-height: 80px; display:block; padding:0.7em 0.7em 1em
6em; }
#list_content ul li a .prev
{ position: absolute; top:0.7em;
left:0.7em; width: auto; height: auto; overflow: hidden; border: solid
0.15em #fff; }
#list_content ul li a .prev img
{ max-width: 100%;
}
#list_content ul li a h3
{
font-size:1.1em;
margin:0 0
0.3em;
padding:0;
}
#list_content ul li a
span
{
color:#191919;
position:relative;
top:0;
left:0;
right:0;
bottom:0;
margin-bottom:0.2em;
display:block;
}
#list_content
ul li a small
{
color:#4d4d4d;
font-size:0.9em;
}
#list_content.gallery
ul li { text-align: center; width: 50%; float: left; border-bottom-width:
0; }
#list_content.gallery ul li a { padding: 0.7em; border-right: 0.1em
solid #ccc; border-bottom: 0.1em solid #ccc; }
#list_content.gallery ul li
.block { padding: 0.7em; border-right: 0.1em solid #ccc; border-bottom:
0.1em solid #ccc; }
#list_content.gallery ul li .prev { position: inherit;
top: 0; left: 0; width: auto; height: auto; overflow: hidden; max-width:
100%; max-height: 100%; border: solid 0.15em #fff; display: inline-block;
}
/*list_opt*/
.list_opt { margin-top: 20px; }
.list_opt li { position:
relative; min-height: 40px; margin-bottom: 1em; padding-left: 3em;
}
.list_opt li a { position: absolute; top: 0; left: 0;
}
/*listmsg*/
#msglist { }
#msglist li { position: relative; padding-left:
4.5em; border-bottom: 0.1em solid #ccc; }
#msglist li .avatar { position:
absolute; top: 0.7em; left: 0.7em; }
#msglist li .close { position:
absolute; top: 0.5em; right: 0.7em; }
#msglist li .button4 { margin-top:
0.3em; }
/*screen*/
#video { margin: -5px;
}
#screen,#player
{
text-align:center;
border-bottom:1px solid
#ccc;
background:url(http://kaban.mobi/style/touch/images/noise.png);
}
#screen
img
{ width: 50%; border:solid 0.2em #fff; }
#screen
ul.screen_nav
{
margin-top:0.5em;
}
#screen ul.screen_nav
li
{
margin-right:0.3em;
display:inline-table;
}
#screen ul.screen_nav
li a
{
color:#fff;
border:solid 1px
#990029;
display:block;
padding:0.5em 0.8em;
}
#screen ul.screen_nav
li.active a
{
border-color:#bd4f15;
}
/*block*/
.title { color: #fff;
}
.title h3 { color: #fff; font-size: 1em; font-weight: bold; margin: 0;
}
.block
{
border-bottom:1px solid #ccc;
}
.block p:nth-last-child(1) {
margin-bottom: 0; }
ul.table { width: 100%; }
ul.table.datatrack li {
width: 45%; }
ul.table.datatrack li.labelcent { text-align: center; width:
10%; padding-top: 0.8em; }
ul.table li { width: 50%; float: left;
padding-right: 0.5em; box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box }
ul.table li:last-child { padding-right:
0; }
/*block full*/
.block_full { margin: 0.7em; }
.block_full header {
position: relative; border: solid 0.1em #bfbfbf; }
.block_full header h3 {
font-size: 1em; margin: 0.2em 0; padding-right: 6em; }
.block_full article
{ }
.block_full article p:last-child { margin-bottom: 0;
}
/*options*/
.block table.options:last-child { margin-bottom: 0;
}
table.options
{
margin-bottom:0.7em;
border:solid 0.1em
#bfbfbf;
border-collapse:separate;
border-spacing:0;
}
table.options tr
td
{
width:50%;
padding:0.5em;
background:#e6e6e6;
}
table.options
tr:nth-child(2n) td
{
background:#fff;
}
table.options tr:first-child
td
{
border-top:0.1em solid
#f9f9f9;
}
/*download*/
#download
{
padding:0.25em;
background:#ccc;
}
#download
input
{
color:#fff;
font-size:1em;
text-transform:uppercase;
padding-top:0.7em;
padding-bottom:0.7em;
border-style:none;
background:url(http://kaban.mobi/style/touch/images/pattern.gif)
repeat-x #c7003d;
background-size: 2px 45px;
}
/*comments*/
#comments
{
position:relative; border-bottom:1px solid #b1b1b1;
background:url(http://kaban.mobi/style/touch/images/noise.png);
padding-top: 2.5em; background-size: 80px 80px; }
#comments h3
{
color:#fff; font-size:1em; font-weight:700; text-align:center; height:27px;
padding:8px 1em 0 3em; background:#999
url(http://kaban.mobi/style/touch/images/comments_title.png) no-repeat;
position: absolute; top: -1px; right: 0; background-size: 35px; }
#comments
h3 a { color: #fff; background-image:
url(http://kaban.mobi/style/touch/images/ico_update.png);
background-repeat: no-repeat; background-position: 100% 50%; height: 27px;
margin-top: -8px; margin-right: -0.3em; margin-bottom: 0; padding-top: 8px;
padding-right: 1.5em; padding-bottom: 0; display: block; background-size:
20px; }
#comments ul.list { }
#comments ul.list li { }
#comments ul.list
li
h4
{
margin-bottom:0;
padding-bottom:1em;
background:url(http://kaban.mobi/style/touch/images/tooltype_left.png)
no-repeat 5% 100%;
background-size: 15px 10px;
}
#comments ul.list li p
{
font-style:italic; position:relative; padding:1em 0.7em 0.7em;
background:#fff; clear: both; word-wrap: break-word; }
#comments ul.list
li p span.data
{ color:gray; font-size:0.6em; font-style:normal; position:
absolute; top:0.2em; right:0.7em; }
#comments ul.list li:nth-child(2n)
h4
{
text-align:right;
background:url(http://kaban.mobi/style/touch/images/tooltype_right.png)
no-repeat 95% 100%;
background-size: 15px 10px;
}
#comments ul.list
li:nth-child(2n) h4 .avatar { float: right; margin-right: 0; margin-left:
0.8em; }
#comments ul.list li:nth-child(2n) h4 .status { margin-top: 1.5em;
}
#comments ul.list li:nth-child(2n) .user { float: right; margin-top:
1.2em; margin-left: 0.2em; }
#comments ul.list li:nth-child(2n)
p
{
text-align:right;
}
#comments ul.list li:nth-child(2n) p
span.data
{
color:gray;
font-size:0.6em;
position:absolute;
top:0.2em;
left:0.7em;
right:inherit;
}
#comments
.block { padding: 0; border-bottom-width: 0; }
/*add
comment*/
#add_comment
{
border-top:1px solid #fff;
border-bottom:1px
solid
#b1b1b1;
background:url(http://kaban.mobi/style/touch/images/noise.png);
}
#add_comment
img { vertical-align: top; }
#add_comment ul { margin-bottom: 0.8em;
}
#add_comment li
{
width:50%;
float:left;
}
#add_comment
li:last-child
{
text-align:right;
}
/*back*/
#pagination + #back {
border-top: 0.1em solid #b1b1b1; }
#back
{
background:#ddd;
}
#back
a
{
text-align:center;
padding-top:0.7em;
padding-bottom:0.7em;
display:block;
}
/*pagination*/
#pagination
{
padding-bottom:0.3em;
background:#ddd;
}
#pagination
ul
{
text-align:center;
}
#pagination ul
li
{
margin-right:0.4em;
margin-bottom:0.4em;
display:inline-block;
}
#pagination
ul li
a
{
text-align:center;
width:40px;
padding-top:0.65em;
padding-bottom:0.65em;
display:block;
}
#pagination
ul li.active a
{
color:#fff;
font-weight:700;
}
/*
Footer----------------------------------------------------------------------
fbar */
#fbar
{ position: relative; margin-top:-1px; padding: 0.4em;
}
#fbar .wrap { width: 100%; display: table; }
#fbar ul
{ display:
table-row; }
#fbar ul li.left
{
width:10%;
}
#fbar ul li
{
position:relative; width:90%; float: left; display: table-cell; }
#fbar ul
li form
{ position: relative; margin-left:0.3em; }
#fbar ul li form
.type
{
position:relative;
width:85%;
}
#fbar ul li form .type
input
{
height:42px;
padding-top:0;
padding-bottom:0;
border-style:none;
}
#fbar
ul li form .type
input:focus+span
{
background:url(http://kaban.mobi/style/touch/images/input_arr_a.png);
background-size:
21px 42px;
}
#fbar ul li form .type
span
{
position:absolute;
top:0;
right:-16px;
width:21px;
height:42px;
background:url(http://kaban.mobi/style/touch/images/input_arr.png)
no-repeat;
background-size: 21px 42px;
}
#fbar ul li form
button
{
position:absolute;
top:0;
right:0;
}
/*fbar*/
#fbar { padding:
0.7em; position: relative; border-bottom: 0.1em solid #5b0118; }
#fbar
a.button { position: absolute; top: 0.7em; left: 0.7em; z-index: 1; }
#fbar
div { position: relative; padding-right: 42px; padding-left: 42px; }
#fbar
input { width: 100%; height: 42px; padding: 0.9em 1em;
box-sizing:border-box; -webkit-box-sizing:border-box;
-moz-box-sizing:border-box; }
#fbar button { position: absolute; top: 0;
right: 0; }
/* banner */
#footer .banner
{ background:#f2f2f2
url(http://kaban.mobi/style/touch/images/line_bot.png) repeat-x 0 100%;
text-align: center; background-size: 6px 3px; }
#footer .banner a
img
{
max-width:100%;
max-height:100%;
}
/* adv */
#footer
.adv
{
border-bottom:0.1em solid #5b0118;
}
/* nav */
#copyright
{
margin-top: 0.2em; margin-bottom: 0.2em; display: block; }
#footer nav {
position: relative; }
#footer nav a.contacts { position: absolute; top:
50%; right: 0.7em; margin-top: -0.8em; }
#footer nav ul.buttons
{ position:
absolute; top: 0.5em; right: 0.7em; }
#footer nav ul.buttons
li
{
float:left;
margin-right:0;
margin-left:0.5em;
}
/* tags
*/
#tags
{
background:url(line_tag.png) repeat-x 0 100%
#f3f3f3;
background-size:12px 5px;
}
/* tags */
#vers
{ background:#f3f3f3
url(line_tag.png) repeat-x 0 100%; position: relative; padding: 1em 0.5em;
background-size:12px 5px; }
#vers nav { position: absolute; top: 0; right:
0; background-image: none; width: 100%; margin: 0; padding: 0;
border-style: none; border-width: 0; }
#vers .buttons
li
{
float:left;
margin-right:0;
margin-left:0.5em;
}
#vers .buttons li
a { border-style: none; border-width: 0; }
/* counters
*/
#counters
{
text-align:center;
}
#counters ul
li
{
display:inline-block;
}
/*
Media----------------------------------------------------------------------
*/
table.options2 { margin-bottom: 0.5em; border-collapse: separate;
border-spacing: 0; }
table.options2 tr td { width: 70%; padding-bottom:
0.5em; }
table.options2 tr td:last-child { font-weight: bold; width: 30%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only
screen and (min--moz-device-pixel-ratio: 1.5),
only screen and
(-o-min-device-pixel-ratio: 3/2),
only screen and (min-resolution:
240dpi)
{
#wrapper{ font-size: 1.4em; line-height:1.4em;}
#header nav
select { margin-top: -1.5em; }
.list_opt li { padding-left: 4.5em; }
#list_content ul li a{padding:0.7em 0.7em 1em 7.5em;}
#footer nav
a.contacts { margin-top: -1em; }
.msg { padding-left: 3em;}
input.icq,input.skype,input.phone{ padding-left: 4em; }
#msglist li {
padding-left: 5.5em; }
.autologin { padding-left: 6em; }
}
@media only
screen and (-o-min-device-pixel-ratio: 3/2) and (min-resolution:
300dpi)
{
#fbar ul li form .type{width: 70%}
#fbar ul li.left{width:
20%}
#fbar ul li{width: 80%}
}
@media only screen and
(-webkit-min-device-pixel-ratio: 1.5){
#list ul li a span
b1
{
margin-top:-0.25em;
padding:0.5em 0.7em;
}
#list ul li a span
strong1
{
margin-top:-0.25em;
padding:0.5em 1em 0.5em
0.7em;
}
}
@media screen and (min-device-width: 1024px)
{
body{ margin:0
auto; max-width: 480px; }
}