2,664
edits
Adding column spacing
(Fixed search box and 'Go' button on main page so Go button is on the same line as box.) |
(Adding column spacing) |
||
| Line 27: | Line 27: | ||
#newHeading { | #newHeading { | ||
margin-top:0;} | margin-top:0;} | ||
/* Define spacing and # of columns based on screen size */ | |||
@media screen and (min-width: 1400px) { | |||
.column-spacing-fullscreen{ | |||
column-count: 6; | |||
padding-right: 9% !important; | |||
}} | |||
@media screen and (min-width: 1200px) and (max-width: 1399px) { | |||
.column-spacing-fullscreen{ | |||
column-count: 5; | |||
}} | |||
@media screen and (min-width: 900px) and (max-width:1199px) { | |||
.column-spacing-fullscreen{ | |||
column-count: 4; | |||
}} | |||
@media screen and (min-width: 600px) and (max-width:899px) { | |||
.column-spacing-fullscreen{ | |||
column-count: 3; | |||
}} | |||
@media screen and (max-width:745px) { | |||
.column-spacing-fullscreen{ | |||
column-count: 2; | |||
}} | |||
@media screen and (max-width:500px) { | |||
.column-spacing-fullscreen{ | |||
column-count: 1; | |||
}} | |||
/* Define spacing and # of columns based on screen size - however, | |||
/* this section assumes that only half the screen is available for | |||
/* the columns. Even though the screen size may be 1400px, the | |||
/* available space for the columns is half that, or 700px. */ | |||
@media screen and (min-width: 1400px) { | |||
.column-spacing-halfscreen{ | |||
column-count: 3; | |||
}} | |||
@media screen and (min-width: 1200px) and (max-width: 1399px) { | |||
.column-spacing-halfscreen{ | |||
column-count: 2; | |||
}} | |||
@media screen and (min-width: 900px) and (max-width:1199px) { | |||
.column-spacing-halfscreen{ | |||
column-count: 1; | |||
}} | |||
.column-spacing-halfscreen li, .column-spacing-fullscreen li {padding-right:5px;} | |||