skeh/skehsite-home
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: skeh:722225bdc0c220839f784e0dc647f8b4aee5f796
Branches Tags
skeh:master
...
compare: skeh:02dafb48e663537d577449bb4ea055bb83c4cc3d
Branches Tags
skeh:master

3 commits
722225bdc0 ... 02dafb48e6

Author SHA1 Message Date
Derek Schmidt
02dafb48e6
Fix button like links on small width displays 
flex on those mobile and tablet users
 2018-08-02 14:29:33 -07:00
Derek Schmidt
d522973372
Remove css variables 
Doin it the old fashioned way since its not like this site has
any reason other than pure lazyness to be compatible with IE11
 2018-08-02 14:28:13 -07:00
Derek Schmidt
99f70646e5
Make boring links into button like things 2018-08-02 13:55:06 -07:00
1 changed files with 23 additions and 23 deletions
Show stats Expand all files Collapse all files

46
static/style.css
View file

@ -1,20 +1,6 @@
body { body {
--background-color: #000000; background-color: #000000;
/* #212121 but 93% transparent and mixed to appear at the same lumonocity*/ color: #FFFFFF;
--secondary-background-color: #242424EE;
--forground-color: #FFFFFF;
--secondary-foreground-color: #FAFAFA;
--trinary-foreground-color: #F5F5F5;
--primary-color: #607D8B;
--accent-color: #FF4081;
--accent-color-dark: #C51162;
}
body {
background-color: var(--background-color);
color: var(--forground-color);
margin: 0; margin: 0;
height: 100vh; height: 100vh;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
@ -22,20 +8,28 @@ body {
b { b {
font-weight: bold; font-weight: bold;
color: var(--secondary-foreground-color); color: #FAFAFA;
} }
a { a {
transition: color 0.14s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none;
color: var(--accent-color); transition: background-color 0.14s cubic-bezier(0.4, 0, 0.2, 1);
background-color: #FF4081;
color: #FAFAFA;
padding: 2px 4px;
margin: 2px;
border-radius: 3px;
} }
a:hover { a:hover {
color: var(--accent-color-dark); background-color: #C51162;
}
a:visited {
color: #F5F5F5;
} }
.striken { .striken {
text-decoration: line-through; text-decoration: line-through;
color: var(--trinary-foreground-color); color: #F5F5F5;
} }
#mainwrapper { #mainwrapper {
@ -55,14 +49,20 @@ a:hover {
#disc { #disc {
padding: 12px 32px; padding: 12px 32px;
background-color: var(--secondary-background-color); /* #212121 but 93% transparent and mixed to appear at the same lumonocity*/
background-color: rgba(36,36,36,237);
}
#links {
display: flex;
flex-wrap: wrap;
align-items: baseline;
} }
#header { #header {
font-family: 'Raleway', sans-serif; font-family: 'Raleway', sans-serif;
font-weight: 300; font-weight: 300;
font-size: 64px; font-size: 64px;
color: var(--secondary-foreground-color); color: #FAFAFA;
} }