Skip to content

Commit e7659a9

Browse files
committed
Better navigation menu placement.
1 parent 858f4dc commit e7659a9

File tree

1 file changed

+29
-9
lines changed

1 file changed

+29
-9
lines changed

index.css

Lines changed: 29 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -129,33 +129,53 @@ a:visited { color: white; }
129129
}
130130

131131
#tutorial-menu {
132-
left: 490px;
133-
top: 245px;
132+
width: 90px;
133+
height: 18px;
134+
left: 718px;
135+
display: inline;
136+
text-align: center;
137+
text-decoration: none;
138+
top: 240px;
134139
color: #FFFFFF;
135140
z-index: 100;
136141
position: absolute;
137142
font-weight: 900;
138-
font-size: 20px;
143+
font-size: 16px;
139144
line-height: 0.9em;
140145
z-index: 100;
146+
border: solid 1px #ffffff;
147+
background-color: #000000;
148+
padding: 3px;
149+
padding-left: 10px;
150+
padding-right: 10px;
141151
}
142152

143153
#tutorial-full {
144-
left: 760px;
145-
top: 245px;
154+
width: 90px;
155+
height: 18px;
156+
left: 838px;
157+
display: inline;
158+
text-align: center;
159+
text-decoration: none;
160+
top: 240px;
146161
color: #FFFFFF;
147162
z-index: 100;
148163
position: absolute;
149164
font-weight: 900;
150-
font-size: 20px;
165+
font-size: 16px;
151166
line-height: 0.9em;
152167
z-index: 100;
168+
border: solid 1px #ffffff;
169+
background-color: #000000;
170+
padding: 3px;
171+
padding-left: 10px;
172+
padding-right: 10px;
153173
}
154174

155175
#tutorial-save {
156176
width: 90px;
157177
height: 18px;
158-
left: 360px;
178+
left: 30px;
159179
display: inline;
160180
text-align: center;
161181
text-decoration: none;
@@ -177,7 +197,7 @@ a:visited { color: white; }
177197
#tutorial-next {
178198
width: 90px;
179199
height: 18px;
180-
left: 240px;
200+
left: 270px;
181201
text-decoration: none;
182202
text-align: center;
183203
top: 5px;
@@ -198,7 +218,7 @@ a:visited { color: white; }
198218
#tutorial-prev {
199219
width: 90px;
200220
height: 18px;
201-
left: 120px;
221+
left: 150px;
202222
text-decoration: none;
203223
text-align: center;
204224
top: 5px;

0 commit comments

Comments
 (0)