Jun Pataleta
84 lines
1.5 KiB
CSS
84 lines
1.5 KiB
CSS
/* Template styles for base theme. */
|
|
|
|
/* Styles for column templates. */
|
|
.row-fluid {
|
|
width: 100%;
|
|
}
|
|
|
|
.row-fluid::before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
}
|
|
|
|
.row-fluid::after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.row-fluid [class*="span"] {
|
|
float: left;
|
|
margin-left: 1%;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.row-fluid [class*="span"]:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.row-fluid .span4 {
|
|
width: 32.666666667%;
|
|
}
|
|
|
|
.row-fluid .span8 {
|
|
width: 66%;
|
|
}
|
|
|
|
/* RTL styles for column templates. */
|
|
.dir-rtl .row-fluid [class*="span"] {
|
|
float: right;
|
|
margin-left: 0;
|
|
margin-right: 1%;
|
|
}
|
|
|
|
.dir-rtl .row-fluid [class*="span"]:first-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* Style for template columns-autoflow-1to1to1. */
|
|
.columns-autoflow-1to1to1 {
|
|
-moz-column-count: 3;
|
|
-webkit-column-count: 3;
|
|
column-count: 3;
|
|
-moz-column-gap: 20px;
|
|
-webkit-column-gap: 20px;
|
|
column-gap: 20px;
|
|
}
|
|
|
|
/* Responsive styles for smaller screens. */
|
|
@media (max-width: 767px) {
|
|
/* For column templates. */
|
|
.row-fluid [class*="span"] {
|
|
width: 100%;
|
|
float: none;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.dir-rtl .row-fluid [class*="span"] {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* Change to a single column for smaller screens.*/
|
|
.columns-autoflow-1to1to1 {
|
|
-moz-column-count: 1;
|
|
-webkit-column-count: 1;
|
|
column-count: 1;
|
|
-moz-column-gap: 0;
|
|
-webkit-column-gap: 0;
|
|
column-gap: 0;
|
|
}
|
|
}
|