about summary refs log tree commit diff stats
path: root/app/assets/stylesheets/application.css.scss
diff options
context:
space:
mode:
authorKelly Rauchenberger <fefferburbia@gmail.com>2017-06-29 18:22:34 -0400
committerKelly Rauchenberger <fefferburbia@gmail.com>2017-06-29 18:22:34 -0400
commit4fe8ef40ee70bee9d4ad897b51f602231e81bfc3 (patch)
tree40b8eeb7fb2ac228f0703e34cf6bea1245181403 /app/assets/stylesheets/application.css.scss
parent2adb7e70b32ddfec73648795a5313b14074173b9 (diff)
downloadthoughts-4fe8ef40ee70bee9d4ad897b51f602231e81bfc3.tar.gz
thoughts-4fe8ef40ee70bee9d4ad897b51f602231e81bfc3.tar.bz2
thoughts-4fe8ef40ee70bee9d4ad897b51f602231e81bfc3.zip
Worked on sidebar style
Diffstat (limited to 'app/assets/stylesheets/application.css.scss')
-rw-r--r--app/assets/stylesheets/application.css.scss49
1 files changed, 34 insertions, 15 deletions
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 44383b4..a1445d6 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss
@@ -32,6 +32,7 @@ body#main-body {
32 min-width: 890px; 32 min-width: 890px;
33 display: -webkit-flex; 33 display: -webkit-flex;
34 display: flex; 34 display: flex;
35 flex-direction: row-reverse;
35} 36}
36 37
37@keyframes trottingPonies { 38@keyframes trottingPonies {
@@ -65,6 +66,7 @@ body#main-body {
65 -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); 66 -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
66 box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); 67 box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
67 width: 75%; 68 width: 75%;
69 min-width: 720px
68} 70}
69 71
70#content { 72#content {
@@ -72,19 +74,6 @@ body#main-body {
72 padding-top: 1em; 74 padding-top: 1em;
73} 75}
74 76
75#sidebar {
76 box-sizing: border-box;
77 padding: 1em;
78 width: 25%;
79 font-size: .75em;
80 color: black;
81 border-left: 1px solid #eee;
82}
83
84#sidebar h2 {
85 font-size: 1em;
86}
87
88#flash { 77#flash {
89 width: 100%; 78 width: 100%;
90 text-align: center; 79 text-align: center;
@@ -194,12 +183,42 @@ body#userdata-body {
194 font-weight: bold; 183 font-weight: bold;
195} 184}
196 185
197.sidebar-module + .sidebar-module { 186#sidebar {
198 margin-top: 2em; 187 box-sizing: border-box;
188 width: 25%;
189 font-size: .75em;
190 color: black;
191 border-left: 1px solid #eee;
192 margin-top: 1em;
193 margin-bottom: 2em;
194}
195
196#sidebar h2 {
197 font-size: 1em;
198 margin: 0;
199}
200
201.sidebar-module {
202 padding: 1em;
203 margin-top: 1em;
204 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
205}
206
207.sidebar-module:nth-child(2n+1) {
208 background-color: #feff8f;
209}
210
211.sidebar-module:nth-child(2n+2) {
212 background-color: #8fefab;
213}
214
215.sidebar-module p {
216 margin-bottom: 0;
199} 217}
200 218
201.sidebar-module ul { 219.sidebar-module ul {
202 padding-left: 0; 220 padding-left: 0;
221 margin-bottom: 0;
203} 222}
204 223
205.sidebar-module li { 224.sidebar-module li {