Файл: theme/css/default.min.css
Строк: 315
@import url(https://fonts.googleapis.com/css?family=Lobster);
*
{
border:
0;
box-sizing: border-box;
margin: 0;
outline: none;
padding:
0;
}
::-webkit-scrollbar
{
width:
0px;
}
textarea::-webkit-scrollbar
{
width: 10px;
}
ul
{
list-style:
none;
margin: 0;
}
both
{
clear: both;
display: block;
}
.menu count,
.razdel count, .block count
{
background-color: #5eb76d;
border-radius:
3px;
color: #FFF;
float: right;
margin: -10px;
padding:
10px;
}
#sidebar-left .main-menu a count
{
background-color: #ccc;
color: #333;
}
body
{
background: #e2e6e7
url(http://st.mycdn.me/res/i/anonym/summer/default/image.webp)
fixed;
font-family: Tahoma;
font-size: 13px;
}
a
{
color:
#ee8208;
text-decoration: none;
}
.fl_r
{
float:
right;
}
.fl_l
{
float: left;
}
#header
{
background:
#ee8208;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
color:
#FFF;
margin-bottom: 10px;
}
#header-left
{
float: left;
width:
290px;
}
#header-left .logo
{
color: #FFF;
font-family:
Lobster;
font-size: 25px;
line-height: 56px;
padding:
20px;
}
#header-left:hover
{
background-color: #e07b0a;
transition: .2s
ease-out;
}
#header-right
{
background: #ee8208;
float:
right;
position: relative;
width: 710px;
}
#header-right .main-menu
li
{
color: #FFF;
display: inline-block;
font-weight: 700;
padding:
20px;
}
#header-right .main-menu li form input
{
background-color:
#2F7579;
border-radius: 3px;
color: #FFF;
margin: -10px -20px;
padding:
10px;
}
#header-right .main-menu li form input:focus
{
background-color:
#FFF;
color: #2F7579;
transition: .2s ease-out;
}
#header-right
.main-menu li a
{
color: #FFF;
}
#content
{
margin: 0 auto;
position:
relative;
width: 1000px;
}
#sidebar-left
{
background-color:
#333;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.28);
float: left;
width:
290px;
}
#sidebar-left .main-menu a
{
color: #ccc;
display:
block;
padding: 20px;
}
#sidebar-left .main-menu
a.menu
{
background-color: #333333;
border-top: 1px solid #3a3c3d;
border-bottom: 1px solid #2c2e2f;
color: #ccc;
display: block;
padding:
20px;
}
#sidebar-left .main-menu a:hover
{
color: #FFF;
background-color: #3f4144;
transition: .2s
ease-out;
}
#sidebar-right
{
float: right;
width:
690px;
}
#footer
{
color: #7c7f82;
float: right;
font-size:
13px;
line-height: 140%;
text-align: center;
width: 761px;
z-index:
1;
}
#footer .main-menu li
{
color: #5682A3;
display:
inline-block;
padding: 15px;
}
#footer .main-menu li a
{
color:
#7c7f82;
}
.success
{
background-color: #E7FFD2;
color:
#629A40;
display: block;
padding: 15px;
}
.error
{
background-color:
#FFE5D2;
color: #9A6240;
display: block;
padding: 20px;
}
.rating
{
background: #68AF9F;
}
.rating .line
{
background: #4b9484;
color:
#FFF;
display: inline-block;
}
.rating .line span
{
padding:
10px;
display: block;
}
.razdel
{
background-color: #5eb76d;
color:
#FFF;
display: block;
padding: 20px;
}
.razdel
count
{
background-color: #FFF;
color: #438A8E;
}
.menu
{
background-color: #ffffff;
color: #666;
display: block;
padding:
20px;
}
a .menu:hover
{
background: #F1F3F7;
transition: .2s
ease-out;
}
.menu img
{
max-height: 50px;
max-width:
50px;
}
photo
{
background: #5eb76d;
border: 1px solid
#5eb76d;
border-radius: 5px;
box-sizing: border-box;
color:
#FFF;
display: block;
font-family: Lobster;
font-size: 25px;
height:
55px;
line-height: 55px;
text-align: center;
text-transform:
uppercase;
width: 55px;
}
.listing
{
background: #FFF;
border-bottom:
1px solid #eef0f3;
color: #9B9191;
display: block;
line-height:
150%;
overflow: hidden;
padding: 20px;
position: relative;
}
.listing
.image
{
float: left;
height: 60px;
width: 65px;
position:
relative;
}
.listing .image icon.online
{
color: green;
font-size:
12px;
position: absolute;
background: #FFF;
padding: 2px;
bottom:
5px;
right: 9px;
border-radius: 5px 5px 5px 0;
}
a
.listing:hover
{
background: #F5F5F5;
}
.listing .image
img
{
border-radius: 5px;
height: 55px;
width: 55px;
}
.listing
.content
{
overflow: hidden;
text-overflow: ellipsis;
}
.listing
.content .time
{
color: #656262;
display: block;
font-size:
11px;
margin: 7px 0 -4px 0;
}
.background.listing
.content.block-info
{
background: rgba(67, 138, 142, 0.48);
color:
#FFFFFF;
padding: 10px;
}
.listing .content.block-info
.fl_r
{
margin-right: 10px;
}
.listing .content.block-info .fl_r
i
{
font-size: 25px;
}
.listing2
{
background: #FBF9F9;
}
#sidebar-left
.listing
{
background: none;
border-bottom: none;
box-shadow:
none;
}
#sidebar-left .listing a
{
color:
#ccc;
}
.background
{
background-size: 100% 200%;
min-height:
200px;
}
.block
{
background-color: #F2FDE8;
color: #378436;
display:
block;
padding: 20px;
}
.blocks
{
background: #FBFBFB;
overflow:
hidden;
position: relative;
}
.blocks .object
{
float: left;
padding:
20px;
position: relative;
text-align: center;
width: 25%;
}
.blocks
.object:hover
{
background: #68A2AF;
color: #FFF;
}
.blocks .object
icon
{
font-size: 30px;
}
.blocks .object .title
{
margin-top:
10px;
overflow: hidden;
white-space: nowrap;
}
.blocks .object
count
{
background: #438A8E;
border-radius: 0 0 0 5px;
color:
#FFF;
padding: 5px;
position: absolute;
right: 0;
top:
0;
}
.form
{
background: #FFFFFF;
border-bottom: 1px solid
#eef0f3;
padding: 20px;
}
.form input[type="text"],.form
select,.form input[type="file"],.form
input[type="password"]
{
border: 1px solid
#EAE8E8;
border-radius: 3px;
margin: 5px 0 5px 0;
padding: 12px
10px;
width: 100%;
}
.form input[type="text"]:focus,.form
select:focus,.form input[type="file"]:focus,.form
input[type="password"]:focus
{
border: 1px solid
#ee8208;
transition: .2s ease-out;
}
.form input:
disabled
{
background-color: #FFFFFF;
border-bottom: 2px solid
#CECECE;
}
.form textarea
{
border: 1px solid #EAE8E8;
border-radius:
3px;
height: 50px;
margin: 5px 0 5px 0;
padding: 10px 5px;
width:
100%;
}
.form input[type="submit"]
{
background: #ee8208;
border: 0;
border-radius: 3px;
color: #FFF;
padding: 12px;
}
.form
form
{
color: #A9AAAB;
}
.pages
{
background: #FFF;
padding:
15px;
}
.pages span.active
{
background-color: #ffffff;
color:
#f58f1b;
}
.pages a span:hover
{
background-color: #f5f7fa;
transition:
.2s ease-out;
}
.hidden,#header-right .main-menu li.Hkey
{
display:
none;
}
#header-right .main-menu li.fl_r form
{
#header-right .main-menu
li.fl_r
{
width: 100px;
}
}
.drop-menu-main-sub
{
background:
#FFFFFF;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.28);
display:
none;
float: right;
min-width: 170px;
overflow: scroll;
position:
absolute;
right: 0px;
top: 0px;
bottom: 0;
}
.drop-menu-main-sub
a
{
color: #68A2AF;
cursor: pointer;
display: block;
font-size:
12px;
padding: 6px 15px;
}
.drop-menu-main-sub a:hover
{
background:
#68A2AF;
color: #FFFFFF;
text-decoration: none;
}
li
{
display:
block;
list-style: none;
}
.drop-down
{
cursor: pointer;
position:
absolute;
right: 20px;
}
@media (min-width:
1000px)
{
#header
{
position: fixed;
width: 100%;
z-index:
99999;
}
.height
{
height: 76px;
}
#sidebar-left
{
bottom:
0px;
position: fixed;
top: 76px;
z-index:
999;
}
.margin
{
box-shadow: 0 2px 5px
rgba(0,0,0,.28);
margin-bottom: 20px;
}
.pages,
#footer
{
background: #f58f1b;
bottom: 0;
box-shadow: 0px 2px 5px
rgba(0, 0, 0, 0.25);
position: fixed;
width: 690px;
z-index:
0;
}
.pages span
{
padding: 17px;
}
.pages
{
z-index: 1;
}
.pages
span, #footer .main-menu li a
{
color: #FFF;
}
.pages a
span:hover
{
background: #e07b0a;
transition: .2s
ease-out;
}
#sidebar-right
{
margin-bottom: 45px;
}
}
@media
(max-width: 1000px)
{
#sidebar-left, #sidebar-right, #header-left,
#header-right, #footer
{
float: none;
width:
100%;
}
#header
{
margin-bottom: 0;
}
.blocks .object
{
width:
50%;
}
.pages span
{
padding: 15px;
}
#content
{
max-width:
700px;
width: 100%;
}
#header-right .main-menu li.Hkey
{
display:
block;
}
#header-right .main-menu li.Hkey label
{
cursor:
pointer;
padding: 10px;
}
#toggle-menu + .toggle-menu
{
display:
none;
}
#toggle-menu + .toggle-menu .menu2
{
font-size:
17px;
}
#toggle-menu:checked + .toggle-menu .menu2
{
font-size:
25px;
}
#toggle-menu:checked + .toggle-menu
{
display:
block;
position: absolute;
width: 100%;
z-index:
999;
}
#sidebar-right
{
box-shadow: 1px 2px 5px rgba(0, 0, 0,
0.25);
}
}