Difference between revisions of "User:Makanyane/twc.css"
From TWC Wiki
Jump to navigationJump to search| Line 1: | Line 1: | ||
/* Mak's testing area for twc skin */ | /* Mak's testing area for twc skin */ | ||
| + | /* SECTIONS */ | ||
| + | .section { | ||
| + | clear: both; | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | } | ||
| + | |||
| + | /* COLUMN SETUP */ | ||
| + | .col { | ||
| + | display: block; | ||
| + | float:left; | ||
| + | margin: 1% 0 1% 1.6%; | ||
| + | } | ||
| + | .col:first-child { margin-left: 0; } | ||
| + | |||
/* GROUPING */ | /* GROUPING */ | ||
.group:before, | .group:before, | ||
Revision as of 07:52, 16 May 2019
/* Mak's testing area for twc skin */
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 */
}
/* GRID OF THREE */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.1%;
}
.span_1_of_3 {
width: 32.2%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%;}
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
