<title>Free Software Foundation - FSF FY2018 Annual Report</title>
<link href="" rel="canonical"/>
<link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
-<meta content="width=600, initial-scale=1" name="viewport"/><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </head>
+<meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport"><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </meta></head>
<body>
<header class="top-menu">
<nav class="top-menu">
<title>FY2018 Annual Report - FSF FY2018 Annual Report</title>
<link href="" rel="canonical"/>
<link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
-<meta content="width=600, initial-scale=1" name="viewport"/><link href="./theme/css/b-side-post.css" rel="stylesheet"/> </head>
+<meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport"><link href="./theme/css/b-side-post.css" rel="stylesheet"/> </meta></head>
<body>
<header class="top-menu">
<nav class="top-menu">
<title>FSF FY2018 Annual Report</title>
<link href="" rel="canonical"/>
<link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
-<meta content="width=600, initial-scale=1" name="viewport"/><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </head>
+<meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport"><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </meta></head>
<body>
<header class="top-menu">
<nav class="top-menu">
header > nav > ul > li {
float: left;
padding-left: 1rem;
- letter-spacing: 0.125em;
+ letter-spacing: 0.05em;
}
header > nav::after {
content: "";
top:0;
background-color:rgba(255, 255, 255, 0.95);;
margin:0;
- padding:0.7rem;
+ padding:0.5rem 0 0.5rem 0.2rem;
width:100%;
box-shadow: 0 0 2px black;
font-size:0.75rem;
padding:0;
}
+body, #head{
+min-width:500px
+}
.grid{
.column3{
-padding:0 1rem 0 1rem;
float:left;
-width: calc(33% - 2rem);
+width: 30% !important;
+margin:0 1% 0 1%;
}
.column2{
-padding-right:1rem!important;
float:left;
-width: calc(50% - 2rem) !important;
+width: 47% !important;
+margin:0 1% 0 1%;
}
section{
.document > blockquote{
border-left:none;
-max-width:50%;
+max-width:60%;
margin:0 auto;
margin-top:2rem;
margin-bottom:2rem;
}
.imageblock{
-width:50%!important;
+width:47%!important;
padding:0!important;
+margin:0!important;
float:left!important;
}
}*/
.document, #head p, h1, .fsflogo, .grid{
-margin-left:5%;
-width:90%
+margin-left:2%;
+width:98%
}
width:100vw!important;
padding:0!important;
position:relative;
-right:5vw;
+right:2vw;
}
header > nav > ul > li {
float: left;
padding-left: 1rem;
- letter-spacing: 0.125em;
+ letter-spacing: 0.05em;
}
header > nav::after {
content: "";
top:0;
background-color:rgba(255, 255, 255, 0.95);;
margin:0;
- padding:0.7rem;
+ padding:0.5rem 0 0.5rem 0.2rem;
width:100%;
box-shadow: 0 0 2px black;
font-size:0.75rem;
padding:0;
}
+body, #head{
+min-width:500px
+}
.grid{
.column3{
-padding:0 1rem 0 1rem;
float:left;
-width: calc(33% - 2rem);
+width: 30% !important;
+margin:0 1% 0 1%;
}
.column2{
-padding-right:1rem!important;
float:left;
-width: calc(50% - 2rem) !important;
+width: 47% !important;
+margin:0 1% 0 1%;
}
section{
.document > blockquote{
border-left:none;
-max-width:50%;
+max-width:60%;
margin:0 auto;
margin-top:2rem;
margin-bottom:2rem;
}
.imageblock{
-width:50%!important;
+width:47%!important;
padding:0!important;
+margin:0!important;
float:left!important;
}
}*/
.document, #head p, h1, .fsflogo, .grid{
-margin-left:5%;
-width:90%
+margin-left:2%;
+width:98%
}
width:100vw!important;
padding:0!important;
position:relative;
-right:5vw;
+right:2vw;
}
<meta charset="utf-8">
-<meta name="viewport" content="width=600, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2" />