summaryrefslogtreecommitdiff
path: root/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'src/css')
-rw-r--r--src/css/mordred.css84
1 files changed, 84 insertions, 0 deletions
diff --git a/src/css/mordred.css b/src/css/mordred.css
new file mode 100644
index 0000000..23674ee
--- /dev/null
+++ b/src/css/mordred.css
@@ -0,0 +1,84 @@
1.browsehappy {
2 margin: 0.2em 0;
3 background: #ccc;
4 color: #000;
5 padding: 0.2em 0;
6}
7
8/* Space out content a bit */
9body {
10 padding-bottom: 20px;
11}
12
13/* Everything but the jumbotron gets side spacing for mobile first views */
14.header,
15.marketing,
16.footer {
17 padding-left: 15px;
18 padding-right: 15px;
19}
20
21/* Custom page header */
22.header {
23 border-bottom: 1px solid #e5e5e5;
24}
25
26 /* Make the masthead heading the same height as the navigation */
27.header h3 {
28 margin-top: 0;
29 margin-bottom: 0;
30 line-height: 40px;
31 padding-bottom: 19px;
32}
33
34/* Custom page footer */
35.footer {
36 padding-top: 19px;
37 color: #777;
38 border-top: 1px solid #e5e5e5;
39}
40
41.container-narrow > hr {
42 margin: 30px 0;
43}
44
45/* Main marketing message and sign up button */
46.jumbotron {
47 background: url(/images/smallInAugustLogo.jpeg) no-repeat;
48 text-align: center;
49 border-bottom: 1px solid #e5e5e5;
50}
51
52.jumbotron .btn {
53 font-size: 21px;
54 padding: 14px 24px;
55}
56
57/* Supporting marketing content */
58.marketing {
59 margin: 40px 0;
60}
61
62.markerting > p + h4 {
63 margin-top: 28px;
64 }
65
66/* Responsive: Portrait tablets and up */
67@media screen and (min-width: 768px) {
68 .container {
69 max-width: 730px;
70 }
71
72 /* Remove the padding we set earlier */
73 .header,
74 .marketing,
75 .footer {
76 padding-left: 0;
77 padding-right: 0;
78 }
79
80 /* Space out the masthead */
81 .header {
82 margin-bottom: 10px;
83 }
84}