mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-08 09:24:25 +03:00
38 lines
2 KiB
CSS
38 lines
2 KiB
CSS
/* --------------------------------------------
|
||
СЕТКА
|
||
-------------------------------------------- */
|
||
|
||
#container { margin: 0 auto; margin-bottom: 20px; padding: 0 48px; }
|
||
#header-back { position: absolute; top: 0; left: 0; width: 100%; height: 51px; background: #090909; }
|
||
#header { background: #090909; height: 51px; margin: 0 auto; position: relative; padding-right: 270px; }
|
||
#nav {
|
||
min-height: 26px;
|
||
margin-bottom: 32px;
|
||
overflow: hidden;
|
||
padding: 12px 17px 15px;
|
||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15);
|
||
border-radius: 0 0 10px 10px;
|
||
position: relative;
|
||
|
||
background: #fdfdfd;
|
||
background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f8f9 100%);
|
||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f8f9));
|
||
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
||
background: -o-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
||
background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
||
background: linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
||
}
|
||
#wrapper { overflow: hidden; zoom: 1; padding: 20px 16px 20px 27px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 100% 0px repeat-y; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
|
||
#content-wrapper { float: left; width: 100%; margin-right: -295px; }
|
||
#content { margin-right: 295px; background: #fff; position: relative; }
|
||
#sidebar { float: right; width: 240px; position: relative; z-index: 1; }
|
||
#footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 0 0 50px 30px; font-size: 11px; }
|
||
|
||
|
||
#wrapper.no-sidebar { background-image: none; }
|
||
#wrapper.no-sidebar #content { width: 100%; margin-right: 0; }
|
||
#wrapper.no-sidebar #content-wrapper { margin-right: 0; }
|
||
|
||
#container.toolbar-margin { padding: 0; }
|
||
#container.toolbar-margin #wrapper { margin-right: 48px; }
|