Difference between revisions of "Template:Stockholm"

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 465: Line 388:
 
}
 
}
  
@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 */
  

Revision as of 12:55, 28 July 2015