Difference between revisions of "Template:Stockholm"

m
Line 109: Line 109:
 
.container.\31 25\25 {
 
.container.\31 25\25 {
 
width: 100%;
 
width: 100%;
−
max-width: 1500px;
+
max-width: 1200px;
 
min-width: 960px;
 
min-width: 960px;
 
}
 
}
Line 129: Line 129:
 
}
 
}
  
−
+
@media screen and (min-width: 1px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 1500px;
 +
min-width: 1200px;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 900px;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 600px;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 300px;
 +
}
 +
 
 +
.container {
 +
width: 1200px;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (min-width: 1px) and (max-width: 1px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 1200px;
 +
min-width: 960px;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 720px;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 480px;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 240px;
 +
}
 +
 
 +
.container {
 +
width: 960px;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 125%;
 +
min-width: 100%;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 75%;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 50%;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 25%;
 +
}
 +
 
 +
.container {
 +
width: 100% !important;
 +
}
 +
 
 +
}
 +
 
 
/* Grid */
 
/* Grid */
  
Line 388: Line 465:
 
}
 
}
  
−
+
@media screen and (min-width: 1px) {
 +
 
 +
.row > * {
 +
padding: 50px 0 0 50px;
 +
}
 +
 
 +
.row {
 +
margin: -50px 0 -1px -50px;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 50px 0 0 50px;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -50px 0 -1px -50px;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 100px 0 0 100px;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: -100px 0 -1px -100px;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 100px 0 0 100px;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -100px 0 -1px -100px;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 75px 0 0 75px;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: -75px 0 -1px -75px;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 75px 0 0 75px;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -75px 0 -1px -75px;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 25px 0 0 25px;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: -25px 0 -1px -25px;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 25px 0 0 25px;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -25px 0 -1px -25px;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 12.5px 0 0 12.5px;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: -12.5px 0 -1px -12.5px;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 12.5px 0 0 12.5px;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -12.5px 0 -1px -12.5px;
 +
}
 +
 
 +
.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28desktop\29 + *,
 +
.\31 1u\24\28desktop\29 + *,
 +
.\31 0u\24\28desktop\29 + *,
 +
.\39 u\24\28desktop\29 + *,
 +
.\38 u\24\28desktop\29 + *,
 +
.\37 u\24\28desktop\29 + *,
 +
.\36 u\24\28desktop\29 + *,
 +
.\35 u\24\28desktop\29 + *,
 +
.\34 u\24\28desktop\29 + *,
 +
.\33 u\24\28desktop\29 + *,
 +
.\32 u\24\28desktop\29 + *,
 +
.\31 u\24\28desktop\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28desktop\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28desktop\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28desktop\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28desktop\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28desktop\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28desktop\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28desktop\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28desktop\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28desktop\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28desktop\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28desktop\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (min-width: 1px) and (max-width: 1px) {
 +
 
 +
.row > * {
 +
padding: 30px 0 0 30px;
 +
}
 +
 
 +
.row {
 +
margin: -30px 0 -1px -30px;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 30px 0 0 30px;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -30px 0 -1px -30px;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 60px 0 0 60px;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: -60px 0 -1px -60px;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 60px 0 0 60px;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -60px 0 -1px -60px;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 45px 0 0 45px;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: -45px 0 -1px -45px;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 45px 0 0 45px;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -45px 0 -1px -45px;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 15px 0 0 15px;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: -15px 0 -1px -15px;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 15px 0 0 15px;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -15px 0 -1px -15px;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 7.5px 0 0 7.5px;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: -7.5px 0 -1px -7.5px;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 7.5px 0 0 7.5px;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -7.5px 0 -1px -7.5px;
 +
}
 +
 
 +
.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28tablet\29, .\39 u\24\28tablet\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28tablet\29, .\38 u\24\28tablet\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28tablet\29, .\37 u\24\28tablet\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28tablet\29, .\36 u\24\28tablet\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28tablet\29, .\35 u\24\28tablet\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28tablet\29, .\34 u\24\28tablet\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28tablet\29, .\33 u\24\28tablet\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28tablet\29, .\32 u\24\28tablet\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28tablet\29, .\31 u\24\28tablet\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28tablet\29 + *,
 +
.\31 1u\24\28tablet\29 + *,
 +
.\31 0u\24\28tablet\29 + *,
 +
.\39 u\24\28tablet\29 + *,
 +
.\38 u\24\28tablet\29 + *,
 +
.\37 u\24\28tablet\29 + *,
 +
.\36 u\24\28tablet\29 + *,
 +
.\35 u\24\28tablet\29 + *,
 +
.\34 u\24\28tablet\29 + *,
 +
.\33 u\24\28tablet\29 + *,
 +
.\32 u\24\28tablet\29 + *,
 +
.\31 u\24\28tablet\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28tablet\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28tablet\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28tablet\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28tablet\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28tablet\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28tablet\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28tablet\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28tablet\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28tablet\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28tablet\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28tablet\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1px) {
 +
 
 +
.row > * {
 +
padding: 20px 0 0 20px;
 +
}
 +
 
 +
.row {
 +
margin: -20px 0 -1px -20px;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 20px 0 0 20px;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -20px 0 -1px -20px;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 40px 0 0 40px;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: -40px 0 -1px -40px;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 40px 0 0 40px;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -40px 0 -1px -40px;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 30px 0 0 30px;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: -30px 0 -1px -30px;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 30px 0 0 30px;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -30px 0 -1px -30px;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 10px 0 0 10px;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: -10px 0 -1px -10px;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 10px 0 0 10px;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -10px 0 -1px -10px;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 5px 0 0 5px;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: -5px 0 -1px -5px;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 5px 0 0 5px;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -5px 0 -1px -5px;
 +
}
 +
 
 +
.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28mobile\29 + *,
 +
.\31 1u\24\28mobile\29 + *,
 +
.\31 0u\24\28mobile\29 + *,
 +
.\39 u\24\28mobile\29 + *,
 +
.\38 u\24\28mobile\29 + *,
 +
.\37 u\24\28mobile\29 + *,
 +
.\36 u\24\28mobile\29 + *,
 +
.\35 u\24\28mobile\29 + *,
 +
.\34 u\24\28mobile\29 + *,
 +
.\33 u\24\28mobile\29 + *,
 +
.\32 u\24\28mobile\29 + *,
 +
.\31 u\24\28mobile\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28mobile\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28mobile\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28mobile\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28mobile\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28mobile\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28mobile\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28mobile\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28mobile\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28mobile\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28mobile\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28mobile\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 
/* Basic */
 
/* Basic */
  
Line 1,375: Line 2,096:
  
 
}
 
}
−
 
−
/* Tablet */
 
−
 
−
@media screen and (min-width: 1px) and (max-width: 1px) {
 
−
 
−
/* Basic */
 
−
 
−
body {
 
−
min-width: 960px;
 
−
line-height: 1.75em;
 
−
font-size: 12pt;
 
−
}
 
−
 
−
input, textarea, select {
 
−
line-height: 1.75em;
 
−
font-size: 12pt;
 
−
}
 
−
 
−
h2 {
 
−
margin: 0 0 1em 0;
 
−
font-size: 1.5em;
 
−
}
 
−
 
−
h3 {
 
−
margin: 0 0 1em 0;
 
−
}
 
−
 
−
h2 br, h3 br, h4 br, h5 br, h6 br {
 
−
display: none;
 
−
}
 
−
 
−
/* Image */
 
−
 
−
.image.featured {
 
−
margin: 0 0 2.5em 0;
 
−
}
 
−
 
−
/* Wrappers */
 
−
 
−
#features-wrapper {
 
−
padding: 4em 0 4em 0;
 
−
}
 
−
 
−
#banner-wrapper {
 
−
padding: 2em 0 2em 0;
 
−
}
 
−
 
−
#main-wrapper {
 
−
padding: 4em 0 4em 0;
 
−
}
 
−
 
−
#footer-wrapper {
 
−
padding: 4em 0 6em 0;
 
−
}
 
−
 
−
/* Header */
 
−
 
−
#header {
 
−
padding: 2em 0 4em 0;
 
−
}
 
−
 
−
#header h1 {
 
−
font-size: 2em;
 
−
}
 
−
 
−
#header p {
 
−
margin: 1.5em 0 0 0;
 
−
}
 
−
 
−
/* Nav */
 
−
 
−
#nav > ul > li {
 
−
padding-right: 1.25em;
 
−
}
 
−
 
−
/* Banner */
 
−
 
−
#banner {
 
−
padding: 7em 0 7em 0;
 
−
}
 
−
 
−
/* Copyright */
 
−
 
−
#copyright {
 
−
margin-top: 5em;
 
−
padding-top: 2em;
 
−
}
 
−
 
−
}
 
−
 
−
/* Mobile */
 
−
 
−
 
−
 
  
 
</style>
 
</style>

Revision as of 12:56, 28 July 2015