diff options
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/admin.css.scss | 4 | ||||
-rw-r--r-- | app/assets/stylesheets/admin/dashboard.scss | 3 | ||||
-rw-r--r-- | app/assets/stylesheets/admin/layout.scss | 190 | ||||
-rw-r--r-- | app/assets/stylesheets/main/layout.scss | 2 |
4 files changed, 198 insertions, 1 deletions
diff --git a/app/assets/stylesheets/admin.css.scss b/app/assets/stylesheets/admin.css.scss new file mode 100644 index 0000000..5235c4b --- /dev/null +++ b/app/assets/stylesheets/admin.css.scss | |||
@@ -0,0 +1,4 @@ | |||
1 | /* | ||
2 | *= require normalize-rails | ||
3 | *= require_tree ./admin | ||
4 | */ | ||
diff --git a/app/assets/stylesheets/admin/dashboard.scss b/app/assets/stylesheets/admin/dashboard.scss new file mode 100644 index 0000000..c75b95a --- /dev/null +++ b/app/assets/stylesheets/admin/dashboard.scss | |||
@@ -0,0 +1,3 @@ | |||
1 | // Place all the styles related to the Admin::Dashboard controller here. | ||
2 | // They will automatically be included in application.css. | ||
3 | // You can use Sass (SCSS) here: http://sass-lang.com/ | ||
diff --git a/app/assets/stylesheets/admin/layout.scss b/app/assets/stylesheets/admin/layout.scss new file mode 100644 index 0000000..811c2aa --- /dev/null +++ b/app/assets/stylesheets/admin/layout.scss | |||
@@ -0,0 +1,190 @@ | |||
1 | html { | ||
2 | height: 100%; | ||
3 | } | ||
4 | |||
5 | body { | ||
6 | display: flex; | ||
7 | flex-direction: column; | ||
8 | min-height: 100%; | ||
9 | } | ||
10 | |||
11 | #banner { | ||
12 | background-color: #7bf; | ||
13 | |||
14 | a { | ||
15 | display: block; | ||
16 | text-decoration: none; | ||
17 | font-size: 2em; | ||
18 | margin: .25em 1em; | ||
19 | |||
20 | &, &:visited { | ||
21 | color: black; | ||
22 | } | ||
23 | } | ||
24 | } | ||
25 | |||
26 | #container { | ||
27 | display: flex; | ||
28 | flex-direction: row; | ||
29 | flex: 1; | ||
30 | } | ||
31 | |||
32 | #sidebar { | ||
33 | width: 12%; | ||
34 | background-color: #333; | ||
35 | margin: 0; | ||
36 | padding: 1em 0; | ||
37 | |||
38 | .major { | ||
39 | display: block; | ||
40 | color: white; | ||
41 | |||
42 | &.active { | ||
43 | background-color: #648; | ||
44 | } | ||
45 | |||
46 | &.inactive { | ||
47 | .minors { | ||
48 | display: none; | ||
49 | } | ||
50 | } | ||
51 | |||
52 | a { | ||
53 | display: block; | ||
54 | text-decoration: none; | ||
55 | |||
56 | &, &:visited { | ||
57 | color: #ddd; | ||
58 | } | ||
59 | } | ||
60 | |||
61 | .minors { | ||
62 | display: block; | ||
63 | background-color: #666; | ||
64 | } | ||
65 | |||
66 | .minor { | ||
67 | list-style-type: none; | ||
68 | font-size: small; | ||
69 | } | ||
70 | |||
71 | .major-link, .minors { | ||
72 | padding: .25em 1em; | ||
73 | } | ||
74 | } | ||
75 | } | ||
76 | |||
77 | #main { | ||
78 | width: 88%; | ||
79 | padding: 1em; | ||
80 | background-color: #eee; | ||
81 | } | ||
82 | |||
83 | #blog-form { | ||
84 | display: flex; | ||
85 | |||
86 | fieldset { | ||
87 | border: 0; | ||
88 | } | ||
89 | |||
90 | #content { | ||
91 | width: 77%; | ||
92 | } | ||
93 | |||
94 | #details { | ||
95 | width: 23%; | ||
96 | display: flex; | ||
97 | flex-direction: column; | ||
98 | padding-left: 0; | ||
99 | padding-right: 0; | ||
100 | } | ||
101 | |||
102 | .title-field { | ||
103 | label { | ||
104 | display: none; | ||
105 | } | ||
106 | |||
107 | input { | ||
108 | width: 100%; | ||
109 | font-size: 1.5em; | ||
110 | box-sizing: border-box; | ||
111 | } | ||
112 | } | ||
113 | |||
114 | .slug-field { | ||
115 | display: flex; | ||
116 | font-size: 0.75em; | ||
117 | margin-bottom: 1em; | ||
118 | |||
119 | input { | ||
120 | padding: 0; | ||
121 | border: 0; | ||
122 | color: #666; | ||
123 | width: 100%; | ||
124 | box-sizing: border-box; | ||
125 | background-color: #eee; | ||
126 | text-decoration: underline; | ||
127 | |||
128 | &:focus { | ||
129 | outline: 0; | ||
130 | } | ||
131 | } | ||
132 | } | ||
133 | |||
134 | .body-field { | ||
135 | label { | ||
136 | display: none; | ||
137 | } | ||
138 | } | ||
139 | } | ||
140 | |||
141 | #entries { | ||
142 | border-spacing: 0; | ||
143 | width: 100%; | ||
144 | |||
145 | th { | ||
146 | text-align: left; | ||
147 | padding: .25em; | ||
148 | font-weight: normal; | ||
149 | background-color: #35a; | ||
150 | color: #eee; | ||
151 | } | ||
152 | |||
153 | tr { | ||
154 | &.even { | ||
155 | background-color: #fff; | ||
156 | } | ||
157 | |||
158 | &.odd { | ||
159 | background-color: #edf; | ||
160 | } | ||
161 | } | ||
162 | |||
163 | td { | ||
164 | padding: .25em; | ||
165 | } | ||
166 | } | ||
167 | |||
168 | .details-module { | ||
169 | background-color: white; | ||
170 | border-radius: 5px; | ||
171 | padding: .5em; | ||
172 | margin-bottom: 1em; | ||
173 | } | ||
174 | |||
175 | .should-create-record-field { | ||
176 | label { | ||
177 | font-size: .75em; | ||
178 | } | ||
179 | } | ||
180 | |||
181 | .record-description-field { | ||
182 | display: none; | ||
183 | margin-top: 1em; | ||
184 | |||
185 | textarea { | ||
186 | width: 100%; | ||
187 | box-sizing: border-box; | ||
188 | border: 1px solid #ddd; | ||
189 | } | ||
190 | } | ||
diff --git a/app/assets/stylesheets/main/layout.scss b/app/assets/stylesheets/main/layout.scss index ebd4c87..8ddfdf0 100644 --- a/app/assets/stylesheets/main/layout.scss +++ b/app/assets/stylesheets/main/layout.scss | |||
@@ -49,7 +49,7 @@ body#main-body { | |||
49 | 49 | ||
50 | #content { | 50 | #content { |
51 | box-sizing: border-box; | 51 | box-sizing: border-box; |
52 | padding-top: 1em; | 52 | padding: 1em 0; |
53 | } | 53 | } |
54 | 54 | ||
55 | #flash { | 55 | #flash { |