Вход Регистрация
Файл: 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; } }
Онлайн: 1
Реклама