info/phpapprentice
1
0
Fork 0
mirror of https://github.com/restoreddev/phpapprentice.git synced 2025-08-05 14:27:54 +02:00
Code Issues Releases Wiki Activity

Tweaking fonts and home page styles

Browse Source
This commit is contained in:
Andrew Davis
2019-01-07 17:01:46 -06:00
parent 4b52f3ec12
commit 4aaa7588af
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/site.css
View File

@@ -7,20 +7,23 @@ $drop-shadow: rgba(0, 0, 0, 0.4);
$code-background: #FDF6E3; $code-background: #FDF6E3;
body { body {
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
font-size: 16px; font-size: 16px;
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
} }
button {
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}
code { code {
background-color: #F0F0F0; background-color: #F0F0F0;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 14px; font-size: 14px;
padding: 0.10em 0.25em; padding: 0.10em 0.25em;
} }
pre, pre code { pre, pre code {
background-color: transparent; background-color: transparent;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 14px; font-size: 14px;
margin: 0 !important; margin: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
@@ -49,13 +52,13 @@ ol {
padding-left: 1em; padding-left: 1em;
} }
h1, h2, h3, h4 { h1, h2, h3, h4 {
margin: 1.414em 0 0.5em; margin: 1.414em 0 0.5em;
font-weight: inherit; font-weight: inherit;
line-height: 1.2; line-height: 1.2;
} }
h1 { h1 {
margin-top: 0; margin-top: 0;
font-size: 2.441em; font-size: 2.441em;
} }
h2 {font-size: 1.953em;} h2 {font-size: 1.953em;}
h3 {font-size: 1.563em;} h3 {font-size: 1.563em;}
@@ -88,7 +91,8 @@ button:hover .icon svg {
background-color: $primary-color; background-color: $primary-color;
color: $white; color: $white;
padding: 0.5em 1em; padding: 0.5em 1em;
border-radius: 1em; border-radius: 2em;
display: inline-block;
} }
.button:hover { .button:hover {
color: $white; color: $white;
@@ -203,6 +207,10 @@ button:hover .icon svg {
width: 150px; width: 150px;
height: 100px; height: 100px;
} }
.home-buttons .menu {
display: inline-block;
padding: 0.5em 1em;
}
.menu { .menu {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
@@ -225,7 +233,7 @@ button:hover .icon svg {
height: 100%; height: 100%;
animation-name: animateleft; animation-name: animateleft;
animation-duration: .4s; animation-duration: .4s;
overflow: scroll; overflow: auto;
box-shadow: 0 0 10px 0 $drop-shadow; box-shadow: 0 0 10px 0 $drop-shadow;
box-sizing: border-box; box-sizing: border-box;
} }