summary refs log tree commit diff stats
path: root/css
diff options
context:
space:
mode:
authorCase Duckworth2015-03-19 12:43:39 -0700
committerCase Duckworth2015-03-19 12:43:39 -0700
commit6574f561ff89b2fa95d1cdb78760eab2b4820023 (patch)
tree6b90b333f8c72f3c0b232a65deac6cb599a0b9e8 /css
parentFix em-dash typo in first lines index (diff)
downloadautocento-6574f561ff89b2fa95d1cdb78760eab2b4820023.tar.gz
autocento-6574f561ff89b2fa95d1cdb78760eab2b4820023.zip
Change index.html to be a cover.
Diffstat (limited to 'css')
-rw-r--r--css/common.css2
-rw-r--r--css/cover.css126
2 files changed, 127 insertions, 1 deletions
diff --git a/css/common.css b/css/common.css index 1156808..3212c67 100644 --- a/css/common.css +++ b/css/common.css
@@ -116,7 +116,7 @@ a:link {
116 padding-top: 1px; 116 padding-top: 1px;
117 color: inherit; 117 color: inherit;
118 text-decoration: none; 118 text-decoration: none;
119 border-bottom: 1px dotted #a1a3a1; 119 border-bottom: 1px dotted black;
120} 120}
121a:visited { 121a:visited {
122 color: inherit; 122 color: inherit;
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 @@
1/* vim: fdm=marker
2 */
3@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
4/* Flexboxing {{{ */
5#cover {
6 position: absolute;
7 top: 0;
8 bottom: 0;
9 left: 0;
10 right: 0;
11 display: -webkit-box;
12 display: -moz-box;
13 display: -ms-flexbox;
14 display: -webkit-flex;
15 display: flex;
16 -webkit-box-direction: normal;
17 -moz-box-direction: normal;
18 -webkit-box-orient: vertical;
19 -moz-box-orient: vertical;
20 -webkit-flex-direction: column;
21 -ms-flex-direction: column;
22 flex-direction: column;
23 -webkit-flex-wrap: nowrap;
24 -ms-flex-wrap: nowrap;
25 flex-wrap: nowrap;
26 -webkit-box-pack: center;
27 -moz-box-pack: center;
28 -webkit-justify-content: center;
29 -ms-flex-pack: center;
30 justify-content: center;
31 -webkit-align-content: center;
32 -ms-flex-line-pack: center;
33 align-content: center;
34 -webkit-box-align: center;
35 -moz-box-align: center;
36 -webkit-align-items: center;
37 -ms-flex-align: center;
38 align-items: center;
39 }
40.title {
41 -webkit-box-ordinal-group: 1;
42 -moz-box-ordinal-group: 1;
43 -webkit-order: 0;
44 -ms-flex-order: 0;
45 order: 0;
46 -webkit-box-flex: 0;
47 -moz-box-flex: 0;
48 -webkit-flex: 0 1 auto;
49 -ms-flex: 0 1 auto;
50 flex: 0 1 auto;
51 -webkit-align-self: auto;
52 -ms-flex-item-align: auto;
53 align-self: auto;
54}
55.byline {
56 -webkit-box-ordinal-group: 1;
57 -moz-box-ordinal-group: 1;
58 -webkit-order: 0;
59 -ms-flex-order: 0;
60 order: 0;
61 -webkit-box-flex: 0;
62 -moz-box-flex: 0;
63 -webkit-flex: 0 1 auto;
64 -ms-flex: 0 1 auto;
65 flex: 0 1 auto;
66 -webkit-align-self: auto;
67 -ms-flex-item-align: auto;
68 align-self: auto;
69}
70.lozenge {
71 -webkit-box-ordinal-group: 1;
72 -moz-box-ordinal-group: 1;
73 -webkit-order: 0;
74 -ms-flex-order: 0;
75 order: 0;
76 -webkit-box-flex: 0;
77 -moz-box-flex: 0;
78 -webkit-flex: 0 1 auto;
79 -ms-flex: 0 1 auto;
80 flex: 0 1 auto;
81 -webkit-align-self: auto;
82 -ms-flex-item-align: auto;
83 align-self: auto;
84}
85/* }}} */
86body {
87 font-family: "Playfair Display", Georgia, serif;
88 font-weight: 400;
89 font-size: 100%;
90 color: #b2d9e5;
91}
92#cover {
93 background-image: url('../img/black-streak.jpg');
94 background-position: 0 0;
95 background-size: 100% 100%;
96 background-repeat: no-repeat;
97 background-attachment: fixed;
98 background-clip: border-box;
99 background-color: black;
100}
101a {
102 text-decoration: none;
103 color: #e5bfb2;
104}
105li {
106 list-style: none;
107}
108.title {
109 text-transform: uppercase;
110 text-align: center;
111 font-size: 1.8em;
112 letter-spacing: 0.5em;
113 color: #b2d9e5;
114}
115.byline {
116 font-style: italic;
117 text-align: center;
118 font-size: 1.3em;
119 letter-spacing: 0.2em;
120 color: #e5bfb2;
121}
122.lozenge {
123 text-align: center;
124 font-size: 1em;
125 color: #e5bfb2;
126}