about summary refs log tree commit diff stats
path: root/app/assets/stylesheets
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
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')
-rw-r--r--app/assets/stylesheets/application.css.scss (renamed from app/assets/stylesheets/application.css)48
1 files changed, 21 insertions, 27 deletions
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css.scss index 5ddb0bb..6ec040a 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css.scss
@@ -19,58 +19,52 @@
19 19
20body#main-body { 20body#main-body {
21 background-color: #bfefff; 21 background-color: #bfefff;
22 height: 100%;
22} 23}
23 24
24#container { 25#container {
25 margin: 5em auto 0; 26 height: 100%;
26 width: 70%; 27 margin: 7em auto 0;
27 background-color: white; 28 width: 66%;
28 box-sizing: border-box; 29 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; 30 min-width: 890px;
36} 31}
37 32
38#banner { 33#banner {
34 background-image: image-url("walk_cycle.png");
35 background-repeat: repeat-x;
39 width: 100%; 36 width: 100%;
40 padding: 1em; 37 padding: 1em;
41 box-sizing: border-box; 38 box-sizing: border-box;
42} 39 text-indent: -9999px;
43 40 height: 80px;
44#banner h1 { 41 margin-bottom: -80px;
45 text-align: center; 42 position: relative;
46 margin: 0; 43 top: -70px;
47}
48
49#banner h1 a {
50 text-decoration: none;
51 color: black;
52}
53
54#banner h1 a:visited {
55 color: black;
56} 44}
57 45
58#main { 46#main {
59 display: -webkit-flex; 47 display: -webkit-flex;
60 display: flex; 48 display: flex;
49 height: 100%;
50 background-color: white;
61} 51}
62 52
63#content { 53#content {
64 width: 75%; 54 width: 70%;
65 box-sizing: border-box; 55 box-sizing: border-box;
56 padding-top: 1em;
66} 57}
67 58
68#sidebar { 59#sidebar {
69 width: 25%;
70 box-sizing: border-box; 60 box-sizing: border-box;
71 padding-right: 1em; 61 padding: 1em;
62 width: 30%;
63 box-sizing: border-box;
72 font-size: .75em; 64 font-size: .75em;
73 color: #352712; 65 color: black;
66 height: 100%;
67 border-left: 1px solid #eee;
74} 68}
75 69
76#sidebar h2 { 70#sidebar h2 {