diff options
author | Pacien TRAN-GIRARD | 2015-01-24 20:27:08 +0100 |
---|---|---|
committer | Pacien TRAN-GIRARD | 2015-01-25 23:47:13 +0100 |
commit | d04d732a084f07ca88fdfa82653bdfd2d6798374 (patch) | |
tree | d4b03c921e5fa98e9fb731d1549fbc8dbdc6b9fe /public/stylesheets/main.css | |
parent | 2f6780969318c08c7a0a0e8e52a7dad33ff53786 (diff) | |
download | minibay-d04d732a084f07ca88fdfa82653bdfd2d6798374.tar.gz |
First website mockup
Diffstat (limited to 'public/stylesheets/main.css')
-rw-r--r-- | public/stylesheets/main.css | 128 |
1 files changed, 128 insertions, 0 deletions
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css index e69de29..b47d083 100644 --- a/public/stylesheets/main.css +++ b/public/stylesheets/main.css | |||
@@ -0,0 +1,128 @@ | |||
1 | |||
2 | p { | ||
3 | line-height: 1.6em; | ||
4 | } | ||
5 | |||
6 | .page { | ||
7 | color: #526066; | ||
8 | padding: 0 1em; | ||
9 | max-width: 1200px; | ||
10 | margin: 0 auto; | ||
11 | } | ||
12 | |||
13 | .full-width { | ||
14 | width: 100%; | ||
15 | } | ||
16 | |||
17 | .l-box { | ||
18 | padding: .75em; | ||
19 | } | ||
20 | |||
21 | /***** DISCLAIMER BAR *****/ | ||
22 | |||
23 | .disclaimer-bar { | ||
24 | color: white; | ||
25 | text-align: center; | ||
26 | font-size: 1.25em; | ||
27 | padding: .5em; | ||
28 | } | ||
29 | |||
30 | /***** LOGO *****/ | ||
31 | |||
32 | .logo h1, | ||
33 | .logo h2 { | ||
34 | display: inline-block; | ||
35 | } | ||
36 | |||
37 | .logo h1 { | ||
38 | font-size: 4em; | ||
39 | padding-right: .5em; | ||
40 | border-right: 3px solid #819096; | ||
41 | } | ||
42 | |||
43 | .logo h2 { | ||
44 | padding-left: .5em; | ||
45 | } | ||
46 | |||
47 | .logo a { | ||
48 | text-decoration: inherit; | ||
49 | color: inherit; | ||
50 | } | ||
51 | |||
52 | /***** ACCOUNT-INFO *****/ | ||
53 | |||
54 | @media screen and (min-width: 64em) { | ||
55 | .account-info { | ||
56 | margin: 4em 0; | ||
57 | } | ||
58 | |||
59 | .account-info > * { | ||
60 | float: right; | ||
61 | } | ||
62 | |||
63 | .account-info .pure-button { | ||
64 | margin: .3em; | ||
65 | } | ||
66 | |||
67 | .account-info .pure-button:last-child { | ||
68 | margin-left: 0; | ||
69 | } | ||
70 | } | ||
71 | |||
72 | @media screen and (max-width: 64em) { | ||
73 | .account-info { | ||
74 | margin: 1em 0; | ||
75 | } | ||
76 | |||
77 | .account-info .pure-button { | ||
78 | box-sizing: border-box; | ||
79 | width: 100%; | ||
80 | margin: .3em 0; | ||
81 | } | ||
82 | } | ||
83 | |||
84 | /***** FOOTER *****/ | ||
85 | |||
86 | footer { | ||
87 | border-top: 1px solid #819096; | ||
88 | margin-top: 1em; | ||
89 | padding-top: 1em; | ||
90 | margin-bottom: 1em; | ||
91 | } | ||
92 | |||
93 | @media screen and (min-width: 64em) { | ||
94 | footer .footer-links { | ||
95 | float: right; | ||
96 | } | ||
97 | } | ||
98 | |||
99 | @media screen and (max-width: 64em) { | ||
100 | footer > * { | ||
101 | display: block; | ||
102 | } | ||
103 | } | ||
104 | |||
105 | /***** ACTION BUTTONS *****/ | ||
106 | |||
107 | .action-buttons * { | ||
108 | box-sizing: border-box; | ||
109 | color: white; | ||
110 | } | ||
111 | |||
112 | .action-buttons a { | ||
113 | width: 100%; | ||
114 | border-radius: 0; | ||
115 | padding: 1.25em; | ||
116 | } | ||
117 | |||
118 | .action-buttons a > * { | ||
119 | display: block; | ||
120 | } | ||
121 | |||
122 | .action-buttons a > span { | ||
123 | margin-top: 1em; | ||
124 | |||
125 | letter-spacing: 0.25em; | ||
126 | text-transform: uppercase; | ||
127 | font-weight: 600; | ||
128 | } | ||