Файл: libs/css/style.css
Строк: 163
* {
margin: 0;
padding: 0;
border: 0;
outline: none;
box-sizing: border-box;
}
@import
url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic);
ul
{
list-style: none;
margin: 0;
}
both {
display: block;
clear: both;
}
count {
float: right;
background-color: #438A8E;
color: #FFF;
padding: 5px;
margin: -5px;
}
body {
font-family:
Tahoma, Geneva, sans-serif, arial, verdana;
font-size: 13px;
background-color: #F7F7F7;
}
a {
color: #438A8E;
text-decoration:
none;
}
.fl_r { float: right }
.fl_l { float: left }
#header {
color:
#FFF;
background: #438A8E;
margin-bottom: 10px;
}
#header-left {
float: left;
width: 240px;
}
#header-left .logo {
color: #FFF;
padding: 10px;
line-height: 45px;
font-size: 25px;
font-family:
Lobster;
}
#header-left:hover {
background-color: #2F7579;
transition: .2s ease-out;
}
#header-right {
float: right;
width:
750px;
position: relative;
background: #438A8E;
}
#header-right
.main-menu li {
display: inline-block;
padding: 15px;
color:
#FFF;
font-weight: 700;
}
#header-right .main-menu li:hover {
background-color: #2F7579;
transition: .2s ease-out;
}
#header-right
.main-menu li a { color: #FFF }
#content {
width: 1000px;
margin: 0
auto;
position: relative;
}
#sidebar-left {
float: left;
width:
240px;
background-color: #FFF;
box-shadow: 0px 2px 5px rgba(0, 0,
0, 0.25);
}
#sidebar-left .main-menu a {
display: block;
padding:
15px;
color: #438A8E;
box-shadow: none;
}
#sidebar-left .main-menu
.block { background-color: #f5f7fa }
#sidebar-left .main-menu a:hover {
background-color: #f5f7fa;
padding-left: 21px;
transition: .2s
ease-out;
}
#sidebar-right {
float: right;
width: 750px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}
#footer {
text-align:
center;
line-height: 140%;
width: 761px;
font-size: 13px;
color: #7c7f82;
float: right;
}
#footer .main-menu li {
display:
inline-block;
padding: 15px;
color: #5682A3;
}
#footer .main-menu
li a { color: #7c7f82 }
.success {
display: block;
background-color: #E7FFD2;
padding: 15px;
color: #629A40;
}
.error
{
display: block;
background-color: #FFE5D2;
padding: 15px;
color: #9A6240;
}
.block {
display: block;
background-color:
#FDFCE8;
padding: 15px;
color: #848036;
}
.razdel {
display:
block;
background-color: #438A8E;
color: #FFF;
padding:
15px;
}
.razdel count {
background-color: #FFF;
color:
#438A8E;
}
.menu {
display: block;
background-color: #fff;
padding: 15px;
color: #438A8E;
}
.menu:hover {
background-color:
#f5f7fa;
padding-left: 21px;
transition: .2s ease-out;
}
photo {
display: block;
width: 55px;
height: 55px;
background:
#438E76;
//border: 1px solid #438A8E;
text-transform: uppercase;
color: #FFF;
font-size: 25px;
border-radius: 5px;
text-align:
center;
box-sizing: border-box;
line-height: 55px;
}
.listing {
background: #FFF;
padding: 15px;
color: #9B9191;
display:
block;
overflow: hidden;
line-height: 150%;
position:
relative;
border-bottom: 1px solid #eef0f3;
}
.listing .image {
width: 65px;
height: 60px;
float: left;
}
.listing .image img {
width: 55px;
height: 55px;
border-radius: 5px;
}
.listing .content
{
text-overflow: ellipsis;
overflow: hidden;
}
.listing2 {
background: #FBF9F9 }
.form {
padding: 10px;
background: #FFFFFF;
border-bottom: 1px solid #eef0f3;
}
.form
input[type="text"],
.form select,
.form
input[type="file"],
.form input[type="password"] {
padding: 10px 5px;
width: 100%;
border: 1px solid #EAE8E8;
margin: 5px 0 5px 0;
}
.form input:disabled {
background-color:
#FFFFFF;
border-bottom: 2px solid #CECECE;
}
.form textarea {
border: 1px solid #EAE8E8;
padding: 10px 5px;
margin: 5px 0 5px 0;
width: 100%;
height: 50px;
}
.form input[type="submit"] {
padding: 8px;
background: #438A8E;
border: 1px solid #438A8E;
color: #FFF;
}
.form form { color: #A9AAAB }
.pages {
padding: 15px;
background: #FFF;
}
.pages span { padding: 15px }
.pages a span:hover {
background-color: #f5f7fa;
transition: .2s
ease-out;
}
.hidden,
#header-right .main-menu li.Hkey { display: none
}
@media (min-width: 1000px) {
#header {
position: fixed;
width: 100%;
z-index: 99999;
}
.height { height: 55px }
#sidebar-left { position: fixed }
}
@media (max-width: 1000px) {
#sidebar-left,
#sidebar-right,
#header-left,
#header-right,
#footer {
float: none;
width: 100%;
}
#content {
width: 100%;
max-width: 700px;
}
#header-right
.main-menu li.Hkey { display: block }
#toggle-menu + .toggle-menu {
display: none }
#toggle-menu:checked + .toggle-menu {
display:
block;
width: 100%;
z-index: 999;
position:
absolute;
top: -10px;
}
}