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 */ | ||
| + | /* 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%; } | ||
| + | } | ||
Revision as of 06:51, 16 May 2019
/* Mak's testing area for twc skin */
/* 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%; }
}
