Skip to content

Commit

Permalink
More polish in font weights, default sizes, and widths.
Browse files Browse the repository at this point in the history
  • Loading branch information
kristaps committed Mar 13, 2018
1 parent 16a314f commit 88d91ac
Show file tree
Hide file tree
Showing 12 changed files with 46 additions and 36 deletions.
2 changes: 1 addition & 1 deletion auditing.xml
View file
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>BCHS: auditing RBAC in kwebapp</title>
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=c&amp;lang=sql"></script>
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300,300italic,500,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,500,700" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<link href="rbac.css" rel="stylesheet" />
Expand Down
9 changes: 6 additions & 3 deletions easy.css
View file
Expand Up @@ -2,10 +2,12 @@ html, body { margin: 0;
background-color: #333; }
body { font-family: "Alegreya Sans", Gill Sans, Gill Sans MT, Calibri, sans-serif;
color: #eee;
font-size: 13pt; }
font-weight: 400;
font-size: 14pt; }
header img { width: 60px;
padding-right: 10px; }
header, nav, .slides { width: 70%;
header, nav, .slides { width: 60%;
min-width: 600px;
margin-left: auto;
margin-right: auto; }
header { padding-top: 1em;
Expand Down Expand Up @@ -82,7 +84,8 @@ footer { text-align: center;
footer a { color: #89a; }
footer a:hover { color: #cdf; }
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
header, nav, .slides { width: 95%; }
header, nav, .slides { width: 95%;
min-width: auto; }
header { padding-top: 1ex;
font-size: 14pt;
padding-bottom: 0em; }
Expand Down
5 changes: 3 additions & 2 deletions index.css
View file
@@ -1,8 +1,9 @@
html, body { margin: 0;
background-color: #333;
height: 100%; }
body { font-family: "Alegreya Sans", sans-serif;
font-size: 13pt; }
background-color: #333;
font-weight: 400;
font-size: 14pt; }
section { display: flex;
display: -webkit-flex;
flex-direction: column;
Expand Down
5 changes: 3 additions & 2 deletions ksql.css
View file
@@ -1,9 +1,10 @@
html, body { margin: 0;
background-color: #fff;
color: #444; }
body { font-family: 'Alegreya Sans', sans-serif;
font-style: normal;
font-size: 13pt; }
background-color: #fff;
font-weight: 400;
font-size: 14pt; }
a { text-decoration: none;
color: #0575BD; }
.tldr { color: #000;
Expand Down
2 changes: 1 addition & 1 deletion ksql.xml
View file
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ksql//BCHS: split-process SQLite</title>
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300,300italic,500" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,500" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<link href="ksql.css" rel="stylesheet" />
Expand Down
5 changes: 3 additions & 2 deletions kwebapp.css
View file
@@ -1,9 +1,10 @@
html, body { margin: 0;
background-color: #fff;
color: #444;
height: 100%; }
body { font-family: 'Alegreya Sans', sans-serif;
font-size: 13pt; }
background-color: #fff;
font-weight: 400;
font-size: 14pt; }
a { text-decoration: none;
color: #0575BD; }
body > section > nav a { color: rgba(5, 117, 189, 0.5); }
Expand Down
2 changes: 1 addition & 1 deletion kwebapp.xml
View file
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>kwebapp//BCHS: rapid web application development</title>
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300,300italic,500" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,500" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<link href="kwebapp.css" rel="stylesheet" />
Expand Down
30 changes: 16 additions & 14 deletions pledge.css
View file
@@ -1,13 +1,14 @@
html, body { margin: 0;
background-color: #222;
height: 100%; }
body { font-family: 'Alegreya Sans', sans-serif;
font-weight: 200;
background-color: #222;
font-style: normal;
font-weight: 400;
font-size: 14pt; }
a { text-decoration: none; }
input[type=radio] { display: none; }
body > section > header { width: 70%;
body > section > header { width: 60%;
min-width: 600px;
padding-top: 1em;
padding-bottom: 1em;
color: #fff;
Expand All @@ -18,8 +19,7 @@ body > section > header { width: 70%;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center; }
body > section > header nav a { color: #ddd;
font-size: 14pt; }
body > section > header nav a { color: #ddd; }
body > section > header nav a span { border-bottom: thin transparent; }
body > section > header nav a:hover { color: #fff; }
body > section > header nav a:hover span { border-bottom: thin solid yellow; }
Expand All @@ -31,21 +31,23 @@ article { color: #fff; }
article > header { text-align: center;
margin: 48pt 0; }
article > header img { width: 60px; }
article > section { padding: 0 15%; }
article > section .intro { font-size: 16pt;
article > section { width: 60%;
min-width: 600px;
margin: 0 auto; }
article > section .intro { font-size: 15pt;
line-height: 21pt; }
article > section .emph { font-size: 17pt; }
article a { color: yellow; }
h1 a { color: inherit; }
h1 a:hover { text-shadow: 1px 1px 1px #15a; }
h1 { font-size: 24pt;
text-shadow: 0px 0px 1px #023;
font-weight: 400;
font-weight: 500;
flex: 1;
-webkit-flex: 1;
margin: 0 8pt; }
h2 { margin: 0;
font-weight: 300;
font-weight: 400;
display: inline-block;
text-align: left;
width: auto;
Expand All @@ -54,7 +56,7 @@ h2 span:first-child { font-size: 32pt;
margin-bottom: -50pt; }
h2 span:last-child { font-size: 128pt; }
h2 span { display: block; }
h3 { font-weight: 300;
h3 { font-weight: 400;
font-size: 16pt; }
a { text-decoration: none; }
nav { color: #abc; }
Expand All @@ -81,24 +83,24 @@ code { font-family: monospace;

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
body > section > header { width: 95%;
min-width: auto;
padding-top: 1ex;
font-size: 14pt;
padding-bottom: 0em;}
h1 { font-size: 14pt; }
article > header { padding: 0 5%; }
h2 span:first-child { font-size: 28pt;
margin-bottom: -30pt; }
h2 span:last-child { font-size: 90pt; }
article img { width: 100%; }
article > section { padding: 0 5%; }
article > section { width: 95%;
min-width: auto; }
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
h2 span:first-child { font-size: 20pt;
margin-bottom: -10pt; }
h2 span:last-child { font-size: 50pt; }
article > header { padding: 0 2%; }
article > section .intro { font-size: 13pt;
line-height: inherit; }
article > section .intro { line-height: inherit; }
article > section .emph { font-size: 13pt; }
}
2 changes: 1 addition & 1 deletion pledge.xml
View file
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>pledge//BCHS</title>
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:200,300,200italic,300italic" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,500" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<link href="pledge.css" rel="stylesheet" />
Expand Down
3 changes: 2 additions & 1 deletion rbac.css
View file
Expand Up @@ -3,7 +3,8 @@ html, body { margin: 0;
color: #444;
height: 100%; }
body { font-family: 'Alegreya Sans', sans-serif;
font-size: 13pt; }
font-weight: 400;
font-size: 14pt; }
a { text-decoration: none;
color: #0575BD; }
.literal { color: darkred; }
Expand Down
2 changes: 1 addition & 1 deletion rbac.xml
View file
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>BCHS: RBAC in kwebapp</title>
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=c&amp;lang=sql"></script>
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300,300italic,500,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,500,700" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<link href="rbac.css" rel="stylesheet" />
Expand Down
15 changes: 8 additions & 7 deletions start.css
View file
@@ -1,8 +1,9 @@
html, body { margin: 0;
background-color: #333;
height: 100%; }
body { font-family: "Alegreya Sans", Gill Sans, Gill Sans MT, Calibri, sans-serif;
font-size: 13pt; }
body { font-family: "Alegreya Sans", sans-serif;
font-weight: 400;
background-color: #333;
font-size: 14pt; }
header { width: 60%;
min-width: 600px;
padding-top: 1em;
Expand All @@ -18,11 +19,11 @@ header div a { color: #bb6;
header div a:hover { border-bottom: thin solid rgba(255, 255, 0, 0.2); }
article { width: 60%;
min-width: 600px;
color: #ccc;
color: #ddd;
margin-left: auto;
margin-right: auto; }
article p { line-height: 140%;
color: #ccc;}
color: #ddd;}
article a { color: yellow;
text-shadow: 1px 0 #222; }
/*article a:hover { color: #ccf;
Expand All @@ -46,12 +47,12 @@ h1 a:hover { color: #fff;
text-shadow: 1px 0 #444; }
h1 { font-size: 28pt;
text-shadow: 1px 0 #000;
font-weight: normal;
font-weight: inherit;
margin: 0; }
h2 { margin: 0;
margin-bottom: 0.25em;
color: #fff;
font-weight: normal;
font-weight: inherit;
font-size: 18pt; }
a { text-decoration: none; }
nav { color: #aaa; }
Expand Down

0 comments on commit 88d91ac

Please sign in to comment.