Skip to content

Instantly share code, notes, and snippets.

@maxpelic

maxpelic/dabblet.css

Created August 23, 2013 16:38
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save maxpelic/6321392 to your computer and use it in GitHub Desktop.
Save maxpelic/6321392 to your computer and use it in GitHub Desktop.
Download ZIP
PelicTech
Raw
dabblet.css
/**
* PelicTech
*/
body{
background-color:#f8f7f6;
}
h1{
margin-top:40px;
margin-left:20px;
}
#text{
color:black;
font-family:Arial;
margin-left:22px;
padding:10px;
border-left:3px solid #008CFF;
margin-top:-13px;
}
#cfont{
font-face:Arial bold, sans;
}
#space{
height:10px;
}
#page{
background-color:#F0F0F0;
padding:30px;
border-radius:3px;
box-shadow:0px 0px 16px #777;
margin:10px 100px 100px 100px;
}
#nav{
z-order:1;
width:auto;
height:auto;
background-color:#008CFF;
margin:0px;
margin-top:10px;
padding:10px;
box-shadow:0px 10px 10px #999;
}
#nav a{
text-decoration:none;
color:#F8F7F6;
font-family:Arial bold, sans;
padding:5px;
margin:5px;
border:1px solid #00ABFF;
background-color:auto;
}
#nav a:hover{
box-shadow:0px 0px 20px black;
color:#008CFF;
background-color:#F8F7F6;
}
#logo{
background-color:white;
width:600px;
box-shadow:0px 5px 10px #887766;
padding:0px 10px 5px 10px;
border-radius:2px;
clear:both;
margin-left: 35px;;
margin-right: auto;
}
#imageptx{
border-radius:10px;
box-shadow:5px 8px 5px #909090;
border:1px solid grey;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="page"><!--the page-->
<div id="totop"></div>
<img src="
http://bit.ly/PELICTECH
" id="logo"/>
<div id="nav">
<a href="#">HOME</a>
<a href="http://pelictech.blogspot.com">BLOG</a>
<a href="http://facebook.com/pelictech">FACEBOOK</a>
</div>
<h1>PelicTech: the latest in technology</h1>
<p id="text">
Welcome to PelicTech's all new website!
<br/>
<br/>
We are here to help you with Technology. We have lots of posts about
<a href="http://pelictech.blogspot.com/search/label/Blogger">Blogger,</a>
<a href="http://pelictech.blogspot.com/search/label/web">web,</a> and much more!
</p>
<div id="footer"></div>
</div><!--end of page.-->
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment