about summary refs log tree commit diff stats
path: root/app/assets
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/images/walk_cycle.pngbin0 -> 9185 bytes
-rw-r--r--app/assets/stylesheets/application.css.scss (renamed from app/assets/stylesheets/application.css)48
2 files changed, 21 insertions, 27 deletions
diff --git a/app/assets/images/walk_cycle.png b/app/assets/images/walk_cycle.png new file mode 100644 index 0000000..43bafe6 --- /dev/null +++ b/app/assets/images/walk_cycle.png
Binary files differ
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 {