about summary refs log tree commit diff stats
path: root/app/assets/stylesheets/application.css
diff options
context:
space:
mode:
authorKelly Rauchenberger <fefferburbia@gmail.com>2017-06-25 16:58:07 -0400
committerKelly Rauchenberger <fefferburbia@gmail.com>2017-06-25 16:58:07 -0400
commit5a82b1a0bdf24cdf0a05a84183106ff106f88626 (patch)
treeae9408e07d42cfd9b1b2c7fdbc3eff0c5a8cf685 /app/assets/stylesheets/application.css
parent7e2e42379cb40a500eb8a236c05788eb3e84d141 (diff)
downloadthoughts-5a82b1a0bdf24cdf0a05a84183106ff106f88626.tar.gz
thoughts-5a82b1a0bdf24cdf0a05a84183106ff106f88626.tar.bz2
thoughts-5a82b1a0bdf24cdf0a05a84183106ff106f88626.zip
Worked on layout more, added trotting ponies
Diffstat (limited to 'app/assets/stylesheets/application.css')
-rw-r--r--app/assets/stylesheets/application.css215
1 files changed, 0 insertions, 215 deletions
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css deleted file mode 100644 index 5ddb0bb..0000000 --- a/app/assets/stylesheets/application.css +++ /dev/null
@@ -1,215 +0,0 @@
1/*
2 * This is a manifest file that'll be compiled into application.css, which will include all the files
3 * listed below.
4 *
5 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
6 * vendor/assets/stylesheets directory can be referenced here using a relative path.
7 *
8 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
10 * files in this directory. Styles in this file should be added after the last require_* statement.
11 * It is generally better to create a new file per style scope.
12 *
13 *= require normalize-rails
14 *= require_tree .
15 *= require_self
16 */
17
18@import url('https://fonts.googleapis.com/css?family=Inconsolata');
19
20body#main-body {
21 background-color: #bfefff;
22}
23
24#container {
25 margin: 5em auto 0;
26 width: 70%;
27 background-color: white;
28 box-sizing: border-box;
29 -webkit-border-top-left-radius: 15px;
30 -webkit-border-top-right-radius: 15px;
31 -moz-border-radius-topleft: 15px;
32 -moz-border-radius-topright: 15px;
33 border-top-left-radius: 15px;
34 border-top-right-radius: 15px;
35 min-width: 890px;
36}
37
38#banner {
39 width: 100%;
40 padding: 1em;
41 box-sizing: border-box;
42}
43
44#banner h1 {
45 text-align: center;
46 margin: 0;
47}
48
49#banner h1 a {
50 text-decoration: none;
51 color: black;
52}
53
54#banner h1 a:visited {
55 color: black;
56}
57
58#main {
59 display: -webkit-flex;
60 display: flex;
61}
62
63#content {
64 width: 75%;
65 box-sizing: border-box;
66}
67
68#sidebar {
69 width: 25%;
70 box-sizing: border-box;
71 padding-right: 1em;
72 font-size: .75em;
73 color: #352712;
74}
75
76#sidebar h2 {
77 font-size: 1em;
78}
79
80#flash {
81 width: 100%;
82 text-align: center;
83 padding: .25em;
84 font-weight: bold
85}
86
87.flash-notice {
88 background-color: #fffde8;
89}
90
91.flash-alert {
92 background-color: #ff6a6a;
93}
94
95html {
96 height: 100%;
97}
98
99body#userdata-body {
100 background-color: #eeeeee;
101 height: 100%;
102}
103
104#userdata-container {
105 margin: 4em auto 0;
106 width: 25%;
107}
108
109#userdata-form {
110 background-color: #fefefe;
111 -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
112 -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
113 box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
114 border-radius: 2px 2px 2px 2px;
115 -moz-border-radius: 2px 2px 2px 2px;
116 -webkit-border-radius: 2px 2px 2px 2px;
117 padding: 1em;
118}
119
120#userdata-form .field {
121 margin-bottom: 1em;
122}
123
124#userdata-form .field label {
125 display: block;
126 margin-bottom: .25em;
127}
128
129#userdata-form input[type=text], #userdata-form input[type=password] {
130 font-size: 24px;
131 padding: 3px;
132 width: 100%;
133 box-sizing: border-box;
134 -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7);
135 -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7);
136 box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7);
137 border: 1px solid #ddd;
138 outline: 0;
139 border-radius: 0;
140}
141
142.remember-me-field {
143 float: left;
144}
145
146.submit-field {
147 text-align: right;
148}
149
150.userdata-link {
151 margin: 1em;
152}
153
154.userdata-link a {
155 text-decoration: none;
156}
157
158.userdata-link a:hover {
159 text-decoration: underline;
160}
161
162#userdata-form, .userdata-link a, .userdata-link a:visited {
163 color: #555d66;
164}
165
166#userdata-form label, .userdata-link a {
167 font-size: .75em;
168}
169
170#userdata-flash {
171 color: black;
172 background-color: white;
173 padding: .75em;
174 margin-bottom: 2em;
175 font-size: .8em;
176 -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
177 -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
178 box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
179}
180
181.userdata-flash-alert {
182 border-left: 5px solid red;
183}
184
185.userdata-flash-notice {
186 border-left: 5px solid green;
187}
188
189.userdata-flash-tag {
190 font-weight: bold;
191}
192
193.sidebar-module + .sidebar-module {
194 margin-top: 2em;
195}
196
197.sidebar-module ul {
198 padding-left: 0;
199}
200
201.sidebar-module li {
202 list-style-type: none;
203}
204
205.sidebar-module a {
206 text-decoration: none;
207}
208
209.sidebar-module a:hover {
210 text-decoration: underline;
211}
212
213.sidebar-module a:visited {
214 color: #352712;
215}