Responsive grid, larger for specific template

[andy0101]

I am using wordpress with the skeleton theme template

I have the grid to max at 1280, though I would like it to expand to 1600 for the gallery template only.

this is what I am using now to do so, though I don’t know how to make it specific to the gallery template.

@media only screen and (min-width: 1600px) {
.container { width: 1600px;}
.container .column,
.container .columns { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }

.container .one.column { width: 80px; }
.container .two.columns { width: 180px; }
.container .three.columns { width: 280px; }
.container .four.columns { width: 380px; }
.container .five.columns { width: 480px; }
.container .six.columns { width: 580px; }
.container .seven.columns { width: 680px; }
.container .eight.columns { width: 780px; }
.container .nine.columns { width: 880px; }
.container .ten.columns { width: 9080px; }
.container .eleven.columns { width: 1080px; }
.container .twelve.columns { width: 1180px; }
.container .thirteen.columns { width: 1280px; }
.container .fourteen.columns { width: 1380px; }
.container .fifteen.columns { width: 1480px; }
.container .sixteen.columns { width: 1580px; }

.container .one-third.column { width: 523.33333px; }
.container .two-thirds.column { width: 1056.66667px; }

/* Offsets */
.container .offset-by-one { padding-left: 100px; }
.container .offset-by-two { padding-left: 200px; }
.container .offset-by-three { padding-left: 300px; }
.container .offset-by-four { padding-left: 400px; }
.container .offset-by-five { padding-left: 500px; }
.container .offset-by-six { padding-left: 600px; }
.container .offset-by-seven { padding-left: 700px; }
.container .offset-by-eight { padding-left: 800px; }
.container .offset-by-nine { padding-left: 900px; }
.container .offset-by-ten { padding-left: 1000px; }
.container .offset-by-eleven { padding-left: 1100px; }
.container .offset-by-twelve { padding-left: 1200px; }
.container .offset-by-thirteen { padding-left: 1300px; }
.container .offset-by-fourteen { padding-left: 1400px; }
.container .offset-by-fifteen { padding-left: 1500px; }
}

[Author]

Posts