Файл: libs/css/style.css
Строк: 124
* {
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;
}
#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: 750px;
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;
}
.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:
#FFFFFF;
border: 1px solid #438A8E;
color: #438A8E;
font-size:
25px;
border-radius: 50px;
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: 50%;
}
.listing .content {
text-overflow: ellipsis;
overflow: hidden;
}
.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;
}