mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-03 06:55:03 +03:00
40 lines
2.1 KiB
CSS
40 lines
2.1 KiB
CSS
/* --------------------------------------------
|
||
СЕТКА
|
||
-------------------------------------------- */
|
||
|
||
#container { width: 976px; margin: 0 auto; margin-bottom: 20px; }
|
||
#header-wrapper { background: #090909; min-width: 976px; }
|
||
#header { width: 976px; height: 51px; margin: 0 auto; position: relative; }
|
||
#nav {
|
||
min-height: 26px;
|
||
margin-bottom: 32px;
|
||
overflow: hidden;
|
||
padding: 12px 17px 15px;
|
||
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%);
|
||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f8f9',GradientType=0 );
|
||
}
|
||
#wrapper { width: 933px; overflow: hidden; zoom: 1; padding: 20px 16px 20px 27px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 699px 0px repeat-y; border-bottom: 1px solid #eee; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
|
||
#content { float: left; width: 635px; margin-right: 55px; background: #fff; position: relative; }
|
||
#sidebar { float: left; width: 240px; }
|
||
#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; }
|
||
|
||
#container.toolbar-margin #wrapper { width: 885px; background: #fff url(../images/sidebar-border.png) 651px 0px repeat-y; }
|
||
#container.toolbar-margin #wrapper #content { width: 587px; }
|
||
#container.toolbar-margin #wrapper #sidebar { width: 240px; }
|
||
#container.toolbar-margin #footer { padding-right: 50px; }
|
||
|
||
#content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; } |