diff options
Diffstat (limited to 'app/assets')
-rw-r--r-- | app/assets/stylesheets/application.css.scss | 49 |
1 files changed, 34 insertions, 15 deletions
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 44383b4..a1445d6 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss | |||
@@ -32,6 +32,7 @@ body#main-body { | |||
32 | min-width: 890px; | 32 | min-width: 890px; |
33 | display: -webkit-flex; | 33 | display: -webkit-flex; |
34 | display: flex; | 34 | display: flex; |
35 | flex-direction: row-reverse; | ||
35 | } | 36 | } |
36 | 37 | ||
37 | @keyframes trottingPonies { | 38 | @keyframes trottingPonies { |
@@ -65,6 +66,7 @@ body#main-body { | |||
65 | -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | 66 | -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); |
66 | box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); | 67 | box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); |
67 | width: 75%; | 68 | width: 75%; |
69 | min-width: 720px | ||
68 | } | 70 | } |
69 | 71 | ||
70 | #content { | 72 | #content { |
@@ -72,19 +74,6 @@ body#main-body { | |||
72 | padding-top: 1em; | 74 | padding-top: 1em; |
73 | } | 75 | } |
74 | 76 | ||
75 | #sidebar { | ||
76 | box-sizing: border-box; | ||
77 | padding: 1em; | ||
78 | width: 25%; | ||
79 | font-size: .75em; | ||
80 | color: black; | ||
81 | border-left: 1px solid #eee; | ||
82 | } | ||
83 | |||
84 | #sidebar h2 { | ||
85 | font-size: 1em; | ||
86 | } | ||
87 | |||
88 | #flash { | 77 | #flash { |
89 | width: 100%; | 78 | width: 100%; |
90 | text-align: center; | 79 | text-align: center; |
@@ -194,12 +183,42 @@ body#userdata-body { | |||
194 | font-weight: bold; | 183 | font-weight: bold; |
195 | } | 184 | } |
196 | 185 | ||
197 | .sidebar-module + .sidebar-module { | 186 | #sidebar { |
198 | margin-top: 2em; | 187 | box-sizing: border-box; |
188 | width: 25%; | ||
189 | font-size: .75em; | ||
190 | color: black; | ||
191 | border-left: 1px solid #eee; | ||
192 | margin-top: 1em; | ||
193 | margin-bottom: 2em; | ||
194 | } | ||
195 | |||
196 | #sidebar h2 { | ||
197 | font-size: 1em; | ||
198 | margin: 0; | ||
199 | } | ||
200 | |||
201 | .sidebar-module { | ||
202 | padding: 1em; | ||
203 | margin-top: 1em; | ||
204 | box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75); | ||
205 | } | ||
206 | |||
207 | .sidebar-module:nth-child(2n+1) { | ||
208 | background-color: #feff8f; | ||
209 | } | ||
210 | |||
211 | .sidebar-module:nth-child(2n+2) { | ||
212 | background-color: #8fefab; | ||
213 | } | ||
214 | |||
215 | .sidebar-module p { | ||
216 | margin-bottom: 0; | ||
199 | } | 217 | } |
200 | 218 | ||
201 | .sidebar-module ul { | 219 | .sidebar-module ul { |
202 | padding-left: 0; | 220 | padding-left: 0; |
221 | margin-bottom: 0; | ||
203 | } | 222 | } |
204 | 223 | ||
205 | .sidebar-module li { | 224 | .sidebar-module li { |