diff options
| author | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-06-29 14:58:05 -0400 |
|---|---|---|
| committer | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-06-29 14:58:05 -0400 |
| commit | 4cffc8c90b5e316baf3e49b665dd67ea9e965272 (patch) | |
| tree | c30efbe46385be0f6a67ee98a75d7f6c09d2b74d /app/assets/stylesheets | |
| parent | 5ff9457ee3d2f1c636da8d13c47c608543d2e5f7 (diff) | |
| download | thoughts-4cffc8c90b5e316baf3e49b665dd67ea9e965272.tar.gz thoughts-4cffc8c90b5e316baf3e49b665dd67ea9e965272.tar.bz2 thoughts-4cffc8c90b5e316baf3e49b665dd67ea9e965272.zip | |
Worked more on overall layout, made ponies clickable
Diffstat (limited to 'app/assets/stylesheets')
| -rw-r--r-- | app/assets/stylesheets/application.css.scss | 26 |
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 | ||
| 91 | html { | ||
| 92 | height: 100%; | ||
| 93 | } | ||
| 94 | |||
| 95 | body#userdata-body { | 97 | body#userdata-body { |
| 96 | background-color: #eeeeee; | 98 | background-color: #eeeeee; |
| 97 | height: 100%; | 99 | height: 100%; |