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/layout.scss | |
| 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/layout.scss')
| -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 | } | ||