about summary refs log tree commit diff stats
path: root/app/assets/stylesheets/userdata/layout.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/userdata/layout.scss')
-rw-r--r--app/assets/stylesheets/userdata/layout.scss93
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 @@
1body {
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}