Просмотр файла public/themes/motor/css/style.css

body {
    margin-top : 0;
    font-size : 13px;
    color : #5c5c5c;
    background: #f0f0f0 url(../img/back.gif) repeat-x scroll;
    line-height: 1.3;
}

h1 {
  font-size: 20px;
}

h1 small {
    font-weight: normal;
    line-height: 1;
    color: #999;
    font-size: 80%;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 17px;
}

p {
    margin-top : 5px;
    margin-bottom : 20px;
}
img {
    border : 0;
}
form {
    margin : 0;
    padding : 0;
}
#wrapper {
    margin-top : 0;
}
.main {
    width : 841px;
    background-color : #fff;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0;
}
.backgr_top {
    background: url(../img/back_top.gif) repeat-y;
}
.backgr {
    background: url(../img/back_l.gif) repeat-y;
}
.container {
    float : left;
    width : 100%;
    margin-left : -6px;
}
.content {
    background-color : #fff;
    text-align : left;
    margin-left : 2px;
    margin-right : 2px;
    padding-top : 0;
}
.logo {
    padding : 0 0 0 25px;
}
.logo img {
    vertical-align : middle;
    margin-left : 12px;
}
.menu {
    margin-top : 4px;
    padding : 7px 24px;
    background-color : #eee;
    vertical-align : middle;
    border-top : 2px solid #ccc;
    border-bottom : 2px solid #ccc;
}
.menu a {
    text-decoration : none;
    color : #5c5c5c;
    padding : 0 3px;
    font-weight : bold;
}
.menu a:hover {
    text-decoration : underline;
}

.mright {
    float : right;
}

.mcontent {
    float : left;
    width : 550px;
    padding : 10px 20px 0 30px;
    line-height : 1.5em;
}
.mcontent img {
    vertical-align : middle;
}
.mcontentwide {
    line-height : 1.5em;
}
.rcontent {
    width : 170px;
    float : right;
    margin : 0 5px 5px 5px;
    line-height : 1.3em;
}
.bcontent {
    margin : 0 30px;
    background-color : #ffffff;
    text-align : left;
    padding : 10px 4px 0 4px;

}
.fdivider {
    clear : both;
    background: url(../img/footerdiver.gif) repeat-x bottom;
    margin : 0 14px 0 14px;
    padding-top : 10px;
}
.fdivider img {
    padding : 0 2px 0 2px;
}
.footer {
    clear : both;
    font-size : 0.8em;
    color : #666666;
    text-align : left;
    padding: 20px 40px;
    height : 22px;
}
.footer .footer-text  {
    color : #666666;
    float : left;
    padding-top : 13px;
    width : 92%;
}
.footer .footer-text a {
    color : #006699;
}
.footer .footer-image {
    float : right;
}
.linkfooter {
    text-align : center;
}
.linkfooter a {
    font-size : 0.9em;
    color : #006699;
}

a.imgblock {
    display : block;
    padding : 2px;
    border : 3px solid #e6bd1a;
}
a:hover.imgblock {
    border : 3px solid #05c005;
}

input {
    background-color : #fff;
    border:1px solid #ccc;
    border-radius: 5px;
    color:#666;
    text-decoration:none;
    padding: 1px 4px 2px 4px;
}

.b {
    font-size : 1.2em;
    color : #333;
    background-color : #ebf9eb;
    padding : 3px;
    margin : 3px 0 3px 0;
    overflow:hidden;
    border:1px solid #eee;
    border-radius: 5px;
}

.b .pull-right i {
    color: #9d9d9d;
    font-size: 13px;
}

hr {
    border : 1px dotted #ccc;
}

textarea {
    background-color: #fff;
    width : 100%;
    font-size : 13px;
    padding : 5px;
    color:#666;
    border:1px solid #ccc;
    border-radius: 5px;
}

.small {
    font-size : 0.8em;
    color : #666666;
    text-align : center;
}

.form {
    color: #666;
    padding : 3px;
    background: #ddd url(../img/bp.gif);
    border: 1px solid #ccc;
    border-radius:5px;
}

.login {
    color: #666;
    padding : 10px;
    margin : 0 0 10px 0;
    background-color: #ebf9eb;
    border: 1px solid #ccc;
}

.data {
     color: #cc00cc;
     font-size: x-small;
}

.note {
    color: #777;
    background: #eff5fb;
    border: 1px solid #81bef7;
    padding: 5px;
    margin : 5px;
    text-align: center;
    font-weight: bold;
    border-radius:9px;
}

.right {
     text-align: right;
     font-size: x-small;
}

.act {
    color: #888888;
    background : #e4eaf2;
    border: 1px solid #c3cfe1;
    padding: 3px;
    margin :  1px 0 1px 0;
    border-radius:5px;
}

.message {
    overflow: hidden;
    text-overflow: ellipsis;
}