Customize theme
* Consolidate colours and update to my pref * Remove remote fonts * Remove screenshots/refs to skull/vertical layout
This commit is contained in:
23
css/skeleton.css
vendored
23
css/skeleton.css
vendored
@@ -26,6 +26,17 @@
|
||||
*/
|
||||
|
||||
|
||||
/* Theme colours
|
||||
-------------------------------------------------- */
|
||||
:root {
|
||||
--header-background: #600080;
|
||||
--header-text: #fff;
|
||||
--body-text: #222;
|
||||
--body-background: #cceaea;
|
||||
--footer-background: #4d0066;
|
||||
--footer-text: var(--header-text);
|
||||
}
|
||||
|
||||
/* Grid
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.container {
|
||||
@@ -124,8 +135,10 @@ body {
|
||||
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
|
||||
line-height: 1.6;
|
||||
font-weight: 400;
|
||||
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color: #222; }
|
||||
font-family: sans-serif;
|
||||
color: var(--body-text);
|
||||
background: var(--body-background);
|
||||
}
|
||||
|
||||
|
||||
/* Typography
|
||||
@@ -206,8 +219,8 @@ input[type="submit"].button-primary,
|
||||
input[type="reset"].button-primary,
|
||||
input[type="button"].button-primary {
|
||||
color: #FFF;
|
||||
background-color: #33C3F0;
|
||||
border-color: #33C3F0; }
|
||||
background-color: var(--header-background);
|
||||
border-color: var(--header-background); }
|
||||
.button.button-primary:hover,
|
||||
button.button-primary:hover,
|
||||
input[type="submit"].button-primary:hover,
|
||||
@@ -266,7 +279,7 @@ input[type="url"]:focus,
|
||||
input[type="password"]:focus,
|
||||
textarea:focus,
|
||||
select:focus {
|
||||
border: 1px solid #33C3F0;
|
||||
border: 1px solid var(--header-background);
|
||||
outline: 0; }
|
||||
label,
|
||||
legend {
|
||||
|
||||
Reference in New Issue
Block a user