Browse Source

Use proper -min or -max screen width variables

This fixes display at a screen width of exactly 768 pixels.
tags/stw2018
Reinhard Müller 9 months ago
parent
commit
1e0127c6c8
7 changed files with 55 additions and 11592 deletions
  1. 4
    4
      look/fellowship.less
  2. 3
    3
      look/fellowship.min.css
  3. 21
    21
      look/fsfe.less
  4. 1
    1
      look/fsfe.min.css
  5. 2
    11539
      look/ie.min.css
  6. 21
    21
      look/style.less
  7. 3
    3
      look/valentine.min.css

+ 4
- 4
look/fellowship.less View File

@@ -39,7 +39,7 @@ body {
}

#menu {
@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
margin-left: 300px;
}
}
@@ -48,7 +48,7 @@ body {
background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -30px @body-bg;
text-shadow: rgb(255,255,255) 0 0 .5em;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -50% @body-bg;
}
}
@@ -95,7 +95,7 @@ a.the-fellowship {

#events {

@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
float: right;
width: 50%;
margin: 2em 0 1em 1em;
@@ -112,7 +112,7 @@ a.the-fellowship {
a {color: #FFF;}
margin: 0;
padding: 0.3em;
@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
margin: -0.3em -0.9em 0.5em;
}
}

+ 3
- 3
look/fellowship.min.css
File diff suppressed because it is too large
View File


+ 21
- 21
look/fsfe.less View File

@@ -27,7 +27,7 @@ body {
height: 85px;
}

@media (max-width: @screen-sm) {
@media (max-width: @screen-xs-max) {

#link-home a {
height: 50px;
@@ -110,7 +110,7 @@ body {
}

#menu {
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
margin-left: 200px;
}
}
@@ -119,20 +119,20 @@ body {
background: url(/graphics/ribbon.png) no-repeat 100% -40px @body-bg;
text-shadow: rgb(255, 255, 255) 0 0 .5em;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
background: url(/graphics/ribbon.png) no-repeat 100% -70px @body-bg;
}
}

.svg #followup {
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
background: url(/graphics/ribbon.svg) no-repeat 100% -70px @body-bg;
}
}

#followup.join {
background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -30px @body-bg;
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -50% @body-bg;
}
}
@@ -162,14 +162,14 @@ img.signatory-logo {
background: url('/graphics/ribbon.png') top right no-repeat transparent;
height: 400px;

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
height: 300px;
}

.campaign-box {
height: 400px;

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
height: 300px;
}
width: 100%;
@@ -190,7 +190,7 @@ img.signatory-logo {
background: url('/graphics/motto.jpg') top center no-repeat #666;
background-size: cover;
font-size: 2em;
@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
font-size: 2.7em;
padding-top: 1.8em;
}
@@ -223,7 +223,7 @@ img.signatory-logo {
padding: 0.5em;
}

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
.author, .text {
margin-left: 45%;
}
@@ -236,7 +236,7 @@ img.signatory-logo {
right: 0;
}

@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
.text {
font-size: 1.25em;
}
@@ -248,7 +248,7 @@ img.signatory-logo {
background: url('/graphics/appelbaum.jpg') top right no-repeat #070400;
background-size: cover;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
background-size: contain;
}

@@ -270,13 +270,13 @@ img.signatory-logo {
padding: 0.5em;
}

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
.author, .text {
margin-right: 45%;
}
}

@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
.author, .text {
margin-right: 35%;
}
@@ -307,7 +307,7 @@ img.signatory-logo {
.quote;
}

@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
img {
margin-left: 3em;
}
@@ -373,7 +373,7 @@ img.signatory-logo {
text-align: center;
}

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
.text {
float: left;
width: 30%;
@@ -444,7 +444,7 @@ img.signatory-logo {
font-size: .9em;
display: block;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
display: inline-block;
padding: 0;
}
@@ -523,7 +523,7 @@ img.signatory-logo {
#news .dt-published;
display: block;
margin-bottom: 0;
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
display: block;
}
}
@@ -533,7 +533,7 @@ img.signatory-logo {
}
}

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
#news, #events {
display: inline-block;
float: left;
@@ -661,7 +661,7 @@ ul.archivetaglist { margin-left: 6%; }
margin-left: -6em;
margin-right: 1.5em;

@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
position: absolute;
margin-left: -200px;
margin-top:-10em;
@@ -682,14 +682,14 @@ ul.archivetaglist { margin-left: 6%; }
#followup {
background: url(/graphics/ribbonv.png) no-repeat 100% -40px @body-bg;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
background: url(/graphics/ribbonv.png) no-repeat 100% -70px @body-bg;
}
}
}

.svg .valentine-ilovefs #followup {
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
background: url(/graphics/ribbonv.svg) no-repeat 100% -70px @body-bg;
}
}

+ 1
- 1
look/fsfe.min.css
File diff suppressed because it is too large
View File


+ 2
- 11539
look/ie.min.css
File diff suppressed because it is too large
View File


+ 21
- 21
look/style.less View File

@@ -5,7 +5,7 @@
/* very generic elements */

body {
@media (min-width: @screen-lg) {
@media (min-width: @screen-lg-min) {
font-size: ceil(@font-size-base * 1.1428); // ~16px
}
}
@@ -119,7 +119,7 @@ div#subpages, .grid-row {
display: block;
width: 100%;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
padding-left: 3em;
}
}
@@ -146,13 +146,13 @@ div#subpages, .grid-row {
text-align: center;
color: @brand-strong;

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
font-size: 2.7em;
}
}

#menu {
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
.pull-right;
text-align: right;
}
@@ -176,7 +176,7 @@ div#subpages, .grid-row {
}
}

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
#direct-to-menu-list {
visibility: hidden;
display: none;
@@ -192,7 +192,7 @@ div#subpages, .grid-row {
#direct-to-translations, #direct-to-menu-list {display: none;}
}

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
#menu-list, #search {
display: inline-block;
}
@@ -203,7 +203,7 @@ div#subpages, .grid-row {
.collapse;
padding-bottom: 1.5em;

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
.collapse.in;
display: inline-block;
padding-bottom: 0.5em;
@@ -216,7 +216,7 @@ div#subpages, .grid-row {
.btn;
font-weight: 400;

@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
.btn-lg;
}
}
@@ -230,7 +230,7 @@ div#subpages, .grid-row {
.no-js #menu-list {
.collapse.in;

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
display: inline-block;
padding-bottom: 0.5em;
}
@@ -294,7 +294,7 @@ div#subpages, .grid-row {
font-size: 1.1em;
box-shadow: 0 .4em 1em rgb(200,200,200);

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
padding: 3em;
}
}
@@ -343,7 +343,7 @@ div#subpages, .grid-row {

a {color: @gray-dark;}

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
margin: 3em -3em -3em;
}
}
@@ -440,7 +440,7 @@ div#subpages, .grid-row {
}

aside {
@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
float: right;
margin-left: 100%;
position: absolute;
@@ -650,14 +650,14 @@ div#subpages, .grid-row {
margin-top: 1.5em;
margin-bottom: 1.5em;
margin-left: -1.5em;
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
margin-left: -3em;
}
}
.standout-text {
.standout;
padding-left: 1.5em;
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
padding-left: 3em;
}
}
@@ -720,7 +720,7 @@ div#subpages, .grid-row {
.make-sm-column(6);
}

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
li {
display: inline-block;
}
@@ -741,7 +741,7 @@ div#subpages, .grid-row {
margin: -0.5em -0.2em 0.5em;
border: 0;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
width: 50%;
margin: -1em 0 1em 0;
}
@@ -766,7 +766,7 @@ div#subpages, .grid-row {
.make-sm-column(6);
}

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
li:nth-child(odd) {
clear: both;
}
@@ -794,7 +794,7 @@ div#subpages, .grid-row {
.make-sm-column(4);
}

@media (min-width: @screen-xs) {
@media (min-width: @screen-xs-min) {
li:nth-child(odd) {
clear: none;
}
@@ -849,7 +849,7 @@ div#subpages, .grid-row {
.btn-primary;
}
@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
padding: 3em 3em 3em 2em;
}
}
@@ -998,7 +998,7 @@ div#subpages, .grid-row {
margin: -1em -1.5em;
margin-bottom: 3em;

@media (min-width: @screen-sm) {
@media (min-width: @screen-sm-min) {
margin-left: -3em;
margin-right: -3em;
padding: 0;
@@ -1014,7 +1014,7 @@ div#subpages, .grid-row {
color: @body-bg;
text-shadow: 0px 1px 2px @brand-strong;

@media (min-width: @screen-md) {
@media (min-width: @screen-md-min) {
overflow-y: hidden;
}
}

+ 3
- 3
look/valentine.min.css
File diff suppressed because it is too large
View File


Loading…
Cancel
Save