From 1fb650f48213117fb3ad3eedc6c041d7269adf05 Mon Sep 17 00:00:00 2001 From: Kelly Rauchenberger Date: Fri, 30 Jun 2017 18:23:20 -0400 Subject: Split up stylesheets for each layout --- app/assets/stylesheets/userdata/layout.scss | 93 +++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 app/assets/stylesheets/userdata/layout.scss (limited to 'app/assets/stylesheets/userdata') 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 @@ +body { + background-color: #eeeeee; + height: 100%; +} + +#container { + margin: 4em auto 0; + width: 25%; +} + +#principal { + background-color: #fefefe; + -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -webkit-border-radius: 2px 2px 2px 2px; + padding: 1em; + + .field { + margin-bottom: 1em; + + label { + display: block; + margin-bottom: .25em; + } + } + + input[type=text], input[type=password] { + font-size: 24px; + padding: 3px; + width: 100%; + box-sizing: border-box; + -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7); + -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7); + box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7); + border: 1px solid #ddd; + outline: 0; + border-radius: 0; + } +} + +.remember-me-field { + float: left; +} + +.submit-field { + text-align: right; +} + +.navigation { + margin: 1em; + + a { + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } +} + +#principal, .navigation a, .navigation a:visited { + color: #555d66; +} + +#principal label, .navigation a { + font-size: .75em; +} + +#flash { + color: black; + background-color: white; + padding: .75em; + margin-bottom: 2em; + font-size: .8em; + -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); +} + +.flash-alert { + border-left: 5px solid red; +} + +.flash-notice { + border-left: 5px solid green; +} + +.flash-tag { + font-weight: bold; +} -- cgit 1.4.1