Skip to content

Instantly share code, notes, and snippets.

@Jacobsolawetz

Jacobsolawetz/dabblet.css

Created August 12, 2014 16:13
Show Gist options
  • Save Jacobsolawetz/ae421852e536c7a18c91 to your computer and use it in GitHub Desktop.
Save Jacobsolawetz/ae421852e536c7a18c91 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
img{
height: 200px;
width:100%;
background-color:black;
position:relative;
top:5px}
#navbar {
position:relative;
left:25%;
}
#header {
position: relative;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
ul{
list-style-type: none;
position: absolute;
;
}
li {
display: inline;
border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
padding: 5px;
border-radius: 5px 5px;
background-color: #cc0323
}
#search {
font-size:40px;}
#recent {
background-color:red;
height:145px;
width:150px;
position:absolute;
right:0%;
#welcome {
height: 400px;
width: 500px;
background-color:grey;}
h3 {
text-align:center;}
#traffic {
background-color:red;
Raw
dabblet.html
<body>
<a target="_top" href="http://www.flamingtext.com/" ><img src="http://blog.flamingtext.com/blog/2014/08/12/flamingtext_com_1407856535_374387299.png" border="0" alt="Logo Design by FlamingText.com" title="Logo Design by FlamingText.com"></a>
<div id="header">
<div id="navbar">
<ul>
<li>Home</li>
<li>How it works</li>
<li>Rules and Regulations</li>
<li>Signup</li>
<li>Login</li>
<li>Sell</li>
<li>Contact</li>
</ul>
</div>
<br/><br/>
<br/><br/>
<br/><br/>
<br/>
<form action="http://www.example.com/login.php">
<p id="search">Search (Book Title, Author, ISBN):
<input type="text" name="username" size="30"
maxlength="30" />
</p>
</form><br/>
<br/>
<div id="recent">
<h3>Last Transaction</h3>
<p>Soccerfiend01 sold Rubygrl</br> Math 01 for $60
</div>
<div id="welcome">
<h2>Welcome</h2>
<p>This is a website founded by Age and Wolf. Here's a sick description we thought up. Yada yada
Curious? For more information check out the How it Works
page. </p>
<p>more intro</p>
<p>more intro</p>
<p>more intro</p>
<p>more intro</p>
<div id="recent">
<h3>Traffic</h3>
<p> insert traffic graph here</p>
</div>
</div>
<br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/>
<p>All rights Reserved Bitches </p>
</body>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment