about summary refs log tree commit diff stats
path: root/app/assets
diff options
context:
space:
mode:
authorKelly Rauchenberger <fefferburbia@gmail.com>2017-06-29 14:58:05 -0400
committerKelly Rauchenberger <fefferburbia@gmail.com>2017-06-29 14:58:05 -0400
commit4cffc8c90b5e316baf3e49b665dd67ea9e965272 (patch)
treec30efbe46385be0f6a67ee98a75d7f6c09d2b74d /app/assets
parent5ff9457ee3d2f1c636da8d13c47c608543d2e5f7 (diff)
downloadthoughts-4cffc8c90b5e316baf3e49b665dd67ea9e965272.tar.gz
thoughts-4cffc8c90b5e316baf3e49b665dd67ea9e965272.tar.bz2
thoughts-4cffc8c90b5e316baf3e49b665dd67ea9e965272.zip
Worked more on overall layout, made ponies clickable
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/stylesheets/application.css.scss26
1 files changed, 14 insertions, 12 deletions
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 0fa0535..683cc6d 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss
@@ -27,9 +27,11 @@ body#main-body {
27#container { 27#container {
28 height: 100%; 28 height: 100%;
29 margin: 7em auto 0; 29 margin: 7em auto 0;
30 width: 66%; 30 width: 75%; /* 66% */
31 box-sizing: border-box; 31 box-sizing: border-box;
32 min-width: 890px; 32 min-width: 890px;
33 display: -webkit-flex;
34 display: flex;
33} 35}
34 36
35#banner { 37#banner {
@@ -43,17 +45,23 @@ body#main-body {
43 margin-bottom: -80px; 45 margin-bottom: -80px;
44 position: relative; 46 position: relative;
45 top: -70px; 47 top: -70px;
48
49 a {
50 display: block;
51 width: 100%;
52 height: 55px;
53 }
46} 54}
47 55
48#main { 56#main {
49 display: -webkit-flex;
50 display: flex;
51 height: 100%;
52 background-color: white; 57 background-color: white;
58 -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
59 -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
60 box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
61 width: 75%;
53} 62}
54 63
55#content { 64#content {
56 width: 70%;
57 box-sizing: border-box; 65 box-sizing: border-box;
58 padding-top: 1em; 66 padding-top: 1em;
59} 67}
@@ -61,11 +69,9 @@ body#main-body {
61#sidebar { 69#sidebar {
62 box-sizing: border-box; 70 box-sizing: border-box;
63 padding: 1em; 71 padding: 1em;
64 width: 30%; 72 width: 25%;
65 box-sizing: border-box;
66 font-size: .75em; 73 font-size: .75em;
67 color: black; 74 color: black;
68 height: 100%;
69 border-left: 1px solid #eee; 75 border-left: 1px solid #eee;
70} 76}
71 77
@@ -88,10 +94,6 @@ body#main-body {
88 background-color: #ff6a6a; 94 background-color: #ff6a6a;
89} 95}
90 96
91html {
92 height: 100%;
93}
94
95body#userdata-body { 97body#userdata-body {
96 background-color: #eeeeee; 98 background-color: #eeeeee;
97 height: 100%; 99 height: 100%;