diff options
author | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-06-30 18:23:20 -0400 |
---|---|---|
committer | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-06-30 18:23:20 -0400 |
commit | 1fb650f48213117fb3ad3eedc6c041d7269adf05 (patch) | |
tree | bc9f561ce8446bc98cec42d104e522b63b8617f7 /app/assets/stylesheets/userdata | |
parent | 4fe8ef40ee70bee9d4ad897b51f602231e81bfc3 (diff) | |
download | thoughts-1fb650f48213117fb3ad3eedc6c041d7269adf05.tar.gz thoughts-1fb650f48213117fb3ad3eedc6c041d7269adf05.tar.bz2 thoughts-1fb650f48213117fb3ad3eedc6c041d7269adf05.zip |
Split up stylesheets for each layout
Diffstat (limited to 'app/assets/stylesheets/userdata')
-rw-r--r-- | app/assets/stylesheets/userdata/layout.scss | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/app/assets/stylesheets/userdata/layout.scss b/app/assets/stylesheets/userdata/layout.scss new file mode 100644 index 0000000..9e4906e --- /dev/null +++ b/app/assets/stylesheets/userdata/layout.scss | |||
@@ -0,0 +1,93 @@ | |||
1 | body { | ||
2 | background-color: #eeeeee; | ||
3 | height: 100%; | ||
4 | } | ||
5 | |||
6 | #container { | ||
7 | margin: 4em auto 0; | ||
8 | width: 25%; | ||
9 | } | ||
10 | |||
11 | #principal { | ||
12 | background-color: #fefefe; | ||
13 | -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | ||
14 | -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | ||
15 | box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | ||
16 | border-radius: 2px 2px 2px 2px; | ||
17 | -moz-border-radius: 2px 2px 2px 2px; | ||
18 | -webkit-border-radius: 2px 2px 2px 2px; | ||
19 | padding: 1em; | ||
20 | |||
21 | .field { | ||
22 | margin-bottom: 1em; | ||
23 | |||
24 | label { | ||
25 | display: block; | ||
26 | margin-bottom: .25em; | ||
27 | } | ||
28 | } | ||
29 | |||
30 | input[type=text], input[type=password] { | ||
31 | font-size: 24px; | ||
32 | padding: 3px; | ||
33 | width: 100%; | ||
34 | box-sizing: border-box; | ||
35 | -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7); | ||
36 | -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7); | ||
37 | box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7); | ||
38 | border: 1px solid #ddd; | ||
39 | outline: 0; | ||
40 | border-radius: 0; | ||
41 | } | ||
42 | } | ||
43 | |||
44 | .remember-me-field { | ||
45 | float: left; | ||
46 | } | ||
47 | |||
48 | .submit-field { | ||
49 | text-align: right; | ||
50 | } | ||
51 | |||
52 | .navigation { | ||
53 | margin: 1em; | ||
54 | |||
55 | a { | ||
56 | text-decoration: none; | ||
57 | |||
58 | &:hover { | ||
59 | text-decoration: underline; | ||
60 | } | ||
61 | } | ||
62 | } | ||
63 | |||
64 | #principal, .navigation a, .navigation a:visited { | ||
65 | color: #555d66; | ||
66 | } | ||
67 | |||
68 | #principal label, .navigation a { | ||
69 | font-size: .75em; | ||
70 | } | ||
71 | |||
72 | #flash { | ||
73 | color: black; | ||
74 | background-color: white; | ||
75 | padding: .75em; | ||
76 | margin-bottom: 2em; | ||
77 | font-size: .8em; | ||
78 | -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | ||
79 | -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | ||
80 | box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | ||
81 | } | ||
82 | |||
83 | .flash-alert { | ||
84 | border-left: 5px solid red; | ||
85 | } | ||
86 | |||
87 | .flash-notice { | ||
88 | border-left: 5px solid green; | ||
89 | } | ||
90 | |||
91 | .flash-tag { | ||
92 | font-weight: bold; | ||
93 | } | ||