115 lines
1.9 KiB
CSS
115 lines
1.9 KiB
CSS
main {
|
|
display: block;
|
|
}
|
|
|
|
#ipsLayout_body {
|
|
z-index: 1000;
|
|
margin: 0 auto;
|
|
/*margin-top: 20px;*/
|
|
}
|
|
|
|
#ipsLayout_contentArea {
|
|
display: table;
|
|
width: 100%;
|
|
/*box-shadow: 0px 5px 35px rgba(0,0,0,0.05);*/
|
|
}
|
|
|
|
#ipsLayout_contentWrapper {
|
|
width: 100%;
|
|
/*box-shadow: 0px 2px 2px rgba(0,0,0,0.1);*/
|
|
}
|
|
|
|
#ipsLayout_mainArea, #ipsLayout_sidebar {
|
|
display: table-cell;
|
|
height: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
vertical-align: top;
|
|
}
|
|
|
|
body.no_sidebar #ipsLayout_sidebar {
|
|
display: none;
|
|
}
|
|
|
|
body.no_sidebar #ipsLayout_mainArea,
|
|
#ipsLayout_mainArea:only-child {
|
|
display: block;
|
|
/*padding-right: 0;*/
|
|
}
|
|
|
|
#ipsLayout_mainArea {
|
|
background: #fff;
|
|
width: 100%;
|
|
min-height: 350px;
|
|
padding: 15px;
|
|
/*border: 1px solid rgba(0,0,0,0.06);*/
|
|
}
|
|
|
|
.ipsLayout_container {
|
|
max-width: 1340px;
|
|
padding: 0 15px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
/* Fixed column sizing */
|
|
.ipsColumns {
|
|
width: 100%;
|
|
display: table;
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
/*padding-right: 10px; make sure the correct spacing exists on the right side */
|
|
}
|
|
|
|
.ipsColumns.ipsColumns_horizontalSpacing,
|
|
.ipsColumns.ipsColumns_verticalSpacing,
|
|
.ipsColumns.ipsColumns_bothSpacing,
|
|
.ipsColumns.ipsColumns_noSpacing {
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.ipsColumns.ipsColumns_horizontalSpacing {
|
|
border-spacing: 15px 0;
|
|
}
|
|
|
|
.ipsColumns.ipsColumns_verticalSpacing {
|
|
border-spacing: 0 15px;
|
|
}
|
|
|
|
.ipsColumns.ipsColumns_bothSpacing {
|
|
border-spacing: 15px;
|
|
}
|
|
|
|
.ipsColumn {
|
|
display: table-cell;
|
|
position: relative;
|
|
vertical-align: top;
|
|
/*padding-right: 15px;*/ /* 15px padding to emulate cell spacing
|
|
/*right: -10px; pull each cell right to create spacing */
|
|
}
|
|
|
|
.ipsColumn_veryNarrow {
|
|
width: 50px;
|
|
}
|
|
|
|
.ipsColumn_narrow {
|
|
width: 120px;
|
|
}
|
|
|
|
.ipsColumn_medium {
|
|
width: 200px;
|
|
}
|
|
|
|
.ipsColumn_wide {
|
|
width: 280px;
|
|
}
|
|
|
|
.ipsColumn_veryWide {
|
|
width: 360px;
|
|
}
|
|
|
|
.ipsColumn_fluid {
|
|
width: 100%;
|
|
} |