X-Git-Url: http://git.jkinsey.net/?p=jkinsey.net.git;a=blobdiff_plain;f=res%2Fstyle.css;h=5ba1ddff62a5542696d20223346bd8ff2261c99b;hp=37422944e133bd2477ac87f9e5f3e09feb1156f0;hb=b0fbfd4fba15bb8d893a48806c30727ad4bb61d1;hpb=7fd558c20b12609cb49641770cb7a2a6416e3603 diff --git a/res/style.css b/res/style.css index 3742294..5ba1ddf 100644 --- a/res/style.css +++ b/res/style.css @@ -1,4 +1,9 @@ @import url('https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Code+Pro:300'); +/* pink:473a47 + * blue:004350 + * green:0c5b57 + * yellow:4b4432 + */ body { width:100%; @@ -6,9 +11,29 @@ body { overflow-x:hidden; font-family:'Cutive Mono', monospace; color:#FFF1FF; - #background-image:linear-gradient(to right,#00c4f4 0%,#278fba 20%,#278fba 80%,#00c4f4 100%); - #background-color:#278fba; - background:url(http://static.jkinsey.net/img/pinkishstardust.png) #323; + transition:background-color .6s cubic-bezier(0.23, 1, 0.32, 1); +} + +body.pink { + background-color:#161216; +} + +body.blue { + background-color:#001216; +} + +body.green { + background-color:#031514; +} + +body.yellow { + background-color:#191710; +} + +main { + width:100%; + height:100%; + background:url(stars.png); } menu {