Yessiest
2 years ago
4 changed files with 99 additions and 4 deletions
@ -0,0 +1,69 @@ |
|||
html { |
|||
height:100%; |
|||
} |
|||
|
|||
body { |
|||
font-family: Helvetica, Terminus, sans-serif; |
|||
margin:0; |
|||
padding:0; |
|||
height:100%; |
|||
background-color: #007F81; |
|||
} |
|||
|
|||
#content { |
|||
padding: 25px 50px 25px 50px; |
|||
} |
|||
|
|||
#wrapper { |
|||
overflow: hidden; |
|||
position: relative; |
|||
width: 800px; |
|||
margin: 2em auto 0 auto; |
|||
height: 100%; |
|||
background-color: #c0c0c0; |
|||
box-shadow: 0 0 15px #000000; |
|||
} |
|||
|
|||
#navbar { |
|||
background-color: #aeaeae; |
|||
padding: 2px 5px 2px 5px; |
|||
border-style: outset; |
|||
border-width: 2px; |
|||
border-color: #cecece #808080 #808080 #cecece; |
|||
} |
|||
|
|||
.nav { |
|||
left: 0; |
|||
display: block; |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
.nav-li { |
|||
list-style: none; |
|||
display: inline; |
|||
border-right: 10px solid #00000000; |
|||
} |
|||
|
|||
img { |
|||
margin: 0 auto 0 auto; |
|||
border-style: outset; |
|||
border-width: 2px; |
|||
border-color: #cecece #808080 #808080 #cecece; |
|||
box-shadow: 0 0 5px #000000; |
|||
} |
|||
|
|||
@media screen and (max-width: 800px) { |
|||
#wrapper { |
|||
width: 600px; |
|||
} |
|||
} |
|||
@media screen and (max-width: 600px) { |
|||
#content { |
|||
padding: 0 1em 0 1em; |
|||
} |
|||
#wrapper { |
|||
width: 95%; |
|||
} |
|||
} |
@ -0,0 +1,2 @@ |
|||
</div> |
|||
</div> |
@ -0,0 +1,12 @@ |
|||
<div id="wrapper"> |
|||
<div id="navbar"> |
|||
<ul class="nav"> |
|||
<li class="nav-li"> |
|||
<a href="https://yessiest.512mb.org/">Back to top</a> |
|||
</li> |
|||
<li class="nav-li"> |
|||
$CRUMB |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div id="content"> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue