From 6574f561ff89b2fa95d1cdb78760eab2b4820023 Mon Sep 17 00:00:00 2001 From: Case Duckworth Date: Thu, 19 Mar 2015 12:43:39 -0700 Subject: Change index.html to be a cover. --- css/cover.css | 126 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 126 insertions(+) create mode 100644 css/cover.css (limited to 'css/cover.css') diff --git a/css/cover.css b/css/cover.css new file mode 100644 index 0000000..2026231 --- /dev/null +++ b/css/cover.css @@ -0,0 +1,126 @@ +/* vim: fdm=marker + */ +@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext); +/* Flexboxing {{{ */ +#cover { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-direction: normal; + -moz-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: center; + -moz-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } +.title { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-box-flex: 0; + -moz-box-flex: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + align-self: auto; +} +.byline { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-box-flex: 0; + -moz-box-flex: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + align-self: auto; +} +.lozenge { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-box-flex: 0; + -moz-box-flex: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + align-self: auto; +} +/* }}} */ +body { + font-family: "Playfair Display", Georgia, serif; + font-weight: 400; + font-size: 100%; + color: #b2d9e5; +} +#cover { + background-image: url('../img/black-streak.jpg'); + background-position: 0 0; + background-size: 100% 100%; + background-repeat: no-repeat; + background-attachment: fixed; + background-clip: border-box; + background-color: black; +} +a { + text-decoration: none; + color: #e5bfb2; +} +li { + list-style: none; +} +.title { + text-transform: uppercase; + text-align: center; + font-size: 1.8em; + letter-spacing: 0.5em; + color: #b2d9e5; +} +.byline { + font-style: italic; + text-align: center; + font-size: 1.3em; + letter-spacing: 0.2em; + color: #e5bfb2; +} +.lozenge { + text-align: center; + font-size: 1em; + color: #e5bfb2; +} -- cgit 1.4.1-21-gabe81