mirror of
https://github.com/Oreolek/ifhub-skin.git
synced 2024-06-17 07:30:48 +03:00
101 lines
1.8 KiB
CSS
101 lines
1.8 KiB
CSS
/**
|
|
* Сетка
|
|
*
|
|
* @license GNU General Public License, version 2
|
|
* @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
|
|
* @author Denis Shakhov <denis.shakhov@gmail.com>
|
|
*/
|
|
|
|
|
|
/**
|
|
* Сетка
|
|
*/
|
|
.layout-container {
|
|
margin: 0 auto;
|
|
padding: 0 50px;
|
|
}
|
|
.layout-content {
|
|
background: #fff;
|
|
padding: 40px !important;
|
|
}
|
|
.layout-nav .ls-nav.ls-nav--main {
|
|
margin: 0 auto;
|
|
}
|
|
.layout-footer {
|
|
padding: 20px 0 50px;
|
|
color: #777;
|
|
position: relative;
|
|
}
|
|
.layout-container.layout-no-sidebar .layout-content {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
.layout-sidebar {
|
|
padding-left: 10px !important;
|
|
}
|
|
.layout-sidebar .ls-block {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 999px) {
|
|
.layout-content { width: 100% !important; margin-bottom: 30px; padding: 15px !important; }
|
|
.layout-sidebar { width: 100% !important; margin-bottom: 30px; padding: 0; }
|
|
|
|
.ls-toolbar {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (max-width: 480px) {
|
|
.layout-container {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Главное меню
|
|
*/
|
|
.layout-nav {
|
|
padding: 0 20px;
|
|
margin-bottom: 10px;
|
|
background: #222;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.layout-nav {
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Шапка сайта
|
|
*/
|
|
.ls-jumbotron {
|
|
background-image: url(../images/header.jpg);
|
|
}
|
|
|
|
/**
|
|
* Для статей
|
|
*/
|
|
|
|
.incut {
|
|
margin: 0 auto;
|
|
padding: 1em 2em;
|
|
border: .08em solid rgba(0,0,0,.1);
|
|
color: rgba(0,0,0,.75);
|
|
background-color: #f7f7f7;
|
|
box-shadow: inset 0 0 .12em rgba(0,0,0,.1);
|
|
max-width: 600px;
|
|
}
|
|
.aside {
|
|
margin: 1em;
|
|
padding: 1em 2em;
|
|
border: .08em solid rgba(0,0,0,.1);
|
|
color: rgba(0,0,0,.75);
|
|
background-color: #f7f7f7;
|
|
box-shadow: inset 0 0 .12em rgba(0,0,0,.1);
|
|
float: right;
|
|
}
|