util
/
rq
mirror of https://github.com/peter4431/rq.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

#1733 Typography (#1734)

Browse Source 
html font size removed, body font size set in rem w/o weight;
font stacks defined;
code formatted
main
Krzysztof Jeziorny 2 years ago committed by GitHub
parent 0691b4d46e
commit d108eaf235
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 72 additions and 125 deletions
Show Stats Download Patch File Download Diff File

197
docs/css/screen.css
Unescape Escape View File

@ -1,59 +1,44 @@
@import url("reset.css"); @import url("reset.css");
html body {
{
font-size: 62.5%;
-webkit-text-size-adjust: 110%;
}
body
{
background: #DBE0DF url(../img/bg.png) 50% 0 repeat-y !important; background: #DBE0DF url(../img/bg.png) 50% 0 repeat-y !important;
height: 100%; height: 100%;
font-family: Lato, sans-serif; font-family: system-ui, -apple-system, sans-serif;
font-size: 150%; font-size: 1rem;
font-weight: 300;
line-height: 1.55; line-height: 1.55;
padding: 0 30px 80px; padding: 0 30px 80px;
} }
header header {
{
background: url(../img/ribbon.png) no-repeat 50% 0; background: url(../img/ribbon.png) no-repeat 50% 0;
max-width: 630px; max-width: 630px;
width: 100%; width: 100%;
text-align: center; text-align: center;
padding: 240px 0 1em 0; padding: 240px 0 1em 0;
border-bottom: 1px dashed #e1e1e1; border-bottom: 1px dashed #e1e1e1;
margin: 0 auto 2em auto; margin: 0 auto 2em auto;
} }
li li {
{
padding-bottom: 5px; padding-bottom: 5px;
} }
ul.inline ul.inline {
{
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
ul.inline li ul.inline li {
{
display: inline; display: inline;
margin: 0 10px; margin: 0 10px;
} }
.subnav ul.inline li .subnav ul.inline li {
{
margin: 0 6px; margin: 0 6px;
} }
header a header a {
{
color: #3a3a3a; color: #3a3a3a;
border: 0; border: 0;
font-size: 110%; font-size: 110%;
@ -64,40 +49,34 @@ header a
-moz-transition: color linear 0.1s; -moz-transition: color linear 0.1s;
} }
header a:hover header a:hover {
{
border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4);
} }
.subnav .subnav {
{
text-align: center; text-align: center;
font-size: 94%; font-size: 94%;
margin: -3em auto 2em auto; margin: -3em auto 2em auto;
} }
.subnav li .subnav li {
{
background-color: white; background-color: white;
padding: 0 4px; padding: 0 4px;
} }
.subnav a .subnav a {
{
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
} }
.container .container {
{
margin: 0 auto; margin: 0 auto;
max-width: 630px; max-width: 630px;
width: 100%; width: 100%;
} }
footer footer {
{
margin: 2em auto; margin: 2em auto;
max-width: 430px; max-width: 430px;
width: 100%; width: 100%;
@ -105,21 +84,19 @@ footer
padding-top: 1em; padding-top: 1em;
} }
footer p footer p {
{
text-align: center; text-align: center;
font-size: 90%; font-size: 90%;
font-style: italic; font-style: italic;
margin-bottom: 0; margin-bottom: 0;
} }
footer a footer a {
{
font-weight: 400; font-weight: 400;
} }
pre, pre.highlight pre,
{ pre.highlight {
margin: 0 0 1em 1em; margin: 0 0 1em 1em;
padding: 1em 1.8em; padding: 1em 1.8em;
color: #222; color: #222;
@ -130,32 +107,26 @@ pre, pre.highlight
overflow: auto; overflow: auto;
} }
code code {
{ font-family: "Droid Sans Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-family: 'Droid Sans Mono', monospace;
font-weight: 400; font-weight: 400;
font-size: 80%; font-size: 80%;
line-height: 0.5em; line-height: 0.5em;
border: 1px solid #efeaea; border: 1px solid #efeaea;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
} }
pre code pre code {
{
border: none; border: none;
padding: 0; padding: 0;
} }
h1 h1 {
{
font-size: 280%; font-size: 280%;
font-weight: 400; font-weight: 400;
} }
.ir .ir {
{
display: block; display: block;
border: 0; border: 0;
text-indent: -999em; text-indent: -999em;
@ -166,13 +137,11 @@ h1
direction: ltr; direction: ltr;
} }
.ir br .ir br {
{
display: none; display: none;
} }
h1#logo h1#logo {
{
margin: 0 auto; margin: 0 auto;
width: 305px; width: 305px;
height: 186px; height: 186px;
@ -190,33 +159,28 @@ h1:hover:after
} }
*/ */
h2 h2 {
{
font-size: 200%; font-size: 200%;
font-weight: 400; font-weight: 400;
margin: 0 0 0.4em; margin: 0 0 0.4em;
} }
h3 h3 {
{
font-size: 135%; font-size: 135%;
font-weight: 400; font-weight: 400;
margin: 0 0 0.25em; margin: 0 0 0.25em;
} }
p p {
{
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
margin: 0 0 1em; margin: 0 0 1em;
} }
p:last-child p:last-child {
{
margin-bottom: 0; margin-bottom: 0;
} }
img img {
{
border-radius: 4px; border-radius: 4px;
float: left; float: left;
margin: 6px 12px 15px 0; margin: 6px 12px 15px 0;
@ -224,13 +188,11 @@ img
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
} }
.nomargin .nomargin {
{
margin: 0; margin: 0;
} }
a a {
{
border-bottom: 1px solid rgba(65, 131, 196, 0.1); border-bottom: 1px solid rgba(65, 131, 196, 0.1);
color: rgb(65, 131, 196); color: rgb(65, 131, 196);
font-weight: 600; font-weight: 600;
@ -240,96 +202,81 @@ a
-moz-transition: color linear 0.1s; -moz-transition: color linear 0.1s;
} }
a:hover a:hover {
{
border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4);
} }
em em {
{
font-style: italic; font-style: italic;
} }
strong strong {
{
font-weight: 600; font-weight: 600;
} }
acronym acronym {
{
border-bottom: 1px dotted rgba(0, 0, 0, 0.1); border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
cursor: help; cursor: help;
} }
blockquote blockquote {
{
font-style: italic; font-style: italic;
padding: 1em; padding: 1em;
} }
ul ul {
{
list-style: circle; list-style: circle;
margin: 0 0 1em 2em; margin: 0 0 1em 2em;
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
} }
li li {
{
font-size: 100%; font-size: 100%;
} }
ol ol {
{
list-style-type: decimal; list-style-type: decimal;
margin: 0 0 1em 2em; margin: 0 0 1em 2em;
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
} }
li li {
{
font-size: 100%; font-size: 100%;
} }
.warning .warning {
{ position: relative;
position: relative; padding: 7px 15px;
padding: 7px 15px; margin-bottom: 18px;
margin-bottom: 18px; color: #404040;
color: #404040; background-color: #eedc94;
background-color: #eedc94; background-repeat: repeat-x;
background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
background-image: -moz-linear-gradient(top, #fceec1, #eedc94); background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
background-image: -ms-linear-gradient(top, #fceec1, #eedc94); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); background-image: -o-linear-gradient(top, #fceec1, #eedc94);
background-image: -o-linear-gradient(top, #fceec1, #eedc94); background-image: linear-gradient(top, #fceec1, #eedc94);
background-image: linear-gradient(top, #fceec1, #eedc94); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #eedc94 #eedc94 #e4c652;
border-color: #eedc94 #eedc94 #e4c652; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px;
border-width: 1px; border-style: solid;
border-style: solid; -webkit-border-radius: 4px;
-webkit-border-radius: 4px; -moz-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px;
border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.warning p
{
} }
.alert-message .close { .alert-message .close {
*margin-top: 3px; *margin-top: 3px;
/* IE7 spacing */ /* IE7 spacing */
} }
/* /*
@ -350,4 +297,4 @@ li
padding-top: 30px; padding-top: 30px;
} }
} }
*/ */
Write Preview
Loading…
Cancel
Save