3,554
edits
Want an adless experience? Log in or Create an account.
Added CSS for expanded mobile support.
mNo edit summary |
(Added CSS for expanded mobile support.) |
||
| Line 247: | Line 247: | ||
background: -ms-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* IE10+ */ | background: -ms-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* IE10+ */ | ||
background: linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* W3C */ | background: linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* W3C */ | ||
} | |||
/* Conditional column handling for pages with multiple columns | |||
On wide screens, show these as two columns | |||
On narrow and mobile screens, let them collapse into a single column */ | |||
.column-left { | |||
float: left; | |||
width: 50%; | |||
} | |||
.column-right { | |||
float: right; | |||
width: 49%; | |||
} | |||
.column-left-wide { | |||
float: left; | |||
width: 60%; | |||
} | |||
.column-right-narrow { | |||
float: right; | |||
width: 39%; | |||
} | |||
.column-left-extra-wide { | |||
float: left; | |||
width: 70%; | |||
} | |||
.column-left-extra-narrow { | |||
float: left; | |||
width: 29%; | |||
} | |||
.column-right-extra-wide { | |||
float: right; | |||
width: 70%; | |||
} | |||
.column-right-extra-narrow { | |||
float: right; | |||
width: 29%; | |||
} | |||
@media only screen and (max-width: 800px) { | |||
/* Decouple the columns on narrow screens */ | |||
.column-left, | |||
.column-right, | |||
.column-left-wide, | |||
.column-right-narrow, | |||
.column-left-extra-wide, | |||
.column-right-extra-narrow { | |||
float: inherit; | |||
width: inherit; | |||
} | |||
} | } | ||