zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

Initial code for top bar. Need to fix issue where certain websites' borders are reduced when inside the iframe…

Browse source
This commit is contained in:
Victoria Wang 2014-08-15 19:43:00 -07:00
parent 576b0037ff
commit 521063c6df
3 changed files with 88 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/topbar/topbar-cat.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
public/topbar/topbar-close.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 372 B

88
public/topbar/topbar.html Normal file
View file

@ -0,0 +1,88 @@
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Neocities</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
}
body {
height: 100%;
width: 100%;
font-family: "Lucida Grande", helvetica, verdana, sans-serif;
font-size: 12px;
overflow: hidden;
}
#logo {
background: url(topbar-cat.png) no-repeat 1px -1px;
width: 30px;
height: 29px;
position: absolute;
display: block;
}
#website-frame {
width: 100%;
height: 100%;
}
#top-bar {
background: #3B3B3B;
color: #cecece;
float: left;
width: 100%;
padding: 6px 0;
}
#top-bar ul {
list-style: none;
}
#top-bar li {
float: left;
margin-left: 20px;
}
#top-bar a {
color: #cecece;
text-decoration: none;
}
#top-bar a:hover {
color: #fff;
}
#top-bar .browse-actions {
margin-left: 20px;
}
#top-bar .site-actions {
float: right;
margin-right: 9px;
}
#top-bar .close {
background: url(topbar-close.png) no-repeat;
width: 13px;
height: 13px;
margin-top: 1px;
float: left;
}
#top-bar .invisible a {
color: #3B3B3B;
}
</style>
</head>
<body>
<a href="https://neocities.org/" id="logo"></a>
<div id="top-bar">
<ul class="browse-actions">
<li><a href="https://neocities.org/">Neocities</a></li>
<li><a href=""><i class="fa fa-camera-retro"></i>Prev</a></li>
<li><a href="">Next</a></li>
</ul>
<ul class="site-actions">
<li><a href=""><i class="icon-user"></i><strong>rik</strong></a></li>
<li><a href="">Follow</a></li>
<li><a href="">Share</a></li>
<li><a class="close" href=""></a></li>
</ul>
</div>
<iframe src="http://kikuchi.neocities.org/" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" id="website-frame" name="website-frame"></iframe>
</body>
</html>