Skip to content

Commit b62e6c4

Browse files
tpickett66tpickett66
committed
refine our layout
Signed-off-by: t.pickett66 <t.pickett66@gmail.com>
1 parent 3c08372 commit b62e6c4

File tree

2 files changed

+45
-7
lines changed

2 files changed

+45
-7
lines changed

‎_layouts/default.html‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,21 @@
66
<title>{{ page.title }}</title>
77
</head>
88
<body>
9-
<div id="main-container">
10-
<div id="left-menu">
11-
<ul>
12-
<li>A link</li>
13-
<li>Another link</li>
14-
</ul>
15-
</div>
9+
<div id="container">
1610
<div id="header">
1711
<img src="images/rubycas-logo.png" alt="Ruby CAS logo" />
1812
</div>
1913
<div id="content">
2014
{{content}}
2115
</div>
16+
<div id="navigation">
17+
<ul>
18+
<li>A link</li>
19+
<li>Another link</li>
20+
</ul>
21+
</div>
22+
<div id='extra'></div>
23+
<div id='footer'></div>
2224
</div>
2325
</body>
2426
</html>

‎css/default.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,3 +23,39 @@ time, mark, audio, video {
2323
font: inherit;
2424
vertical-align: baseline;
2525
}
26+
27+
/* Begin our styles */
28+
29+
body {
30+
background-color: #AF2323;
31+
}
32+
33+
#container {
34+
width: 960px;
35+
margin-left: auto;
36+
margin-right: auto;
37+
margin-top: 30px;
38+
background-color: #FFF;
39+
padding: 15px;
40+
border-radius: 25px;
41+
text-align: left;
42+
}
43+
44+
45+
#header{position:relative}
46+
47+
#content{
48+
float: right;
49+
width: 760px
50+
}
51+
52+
#navigation{
53+
float:left;
54+
width:200px
55+
}
56+
57+
#extra{
58+
clear:both;
59+
width:100%
60+
}
61+

0 commit comments

Comments
 (0)