Skip to content

Instantly share code, notes, and snippets.

@jakeprahinog
Created July 6, 2013 13:09
Show Gist options
  • Select an option

  • Save jakeprahinog/5939832 to your computer and use it in GitHub Desktop.

Select an option

Save jakeprahinog/5939832 to your computer and use it in GitHub Desktop.
Dragon City Improvement | Fanpage
/**
* Dragon City Improvement | Fanpage
*/
body {
font-family: Arial, Sans-serif ;
margin: 0 auto;
background-size: 100%;
background-image: url(http://images.wikia.com/dragoncity/images/4/49/DragonCity_wallpaper_elias_03_1024X768.jpg)
}
.header {
margin: 0px auto;
width: 960px;
height: 200px;
background-color: #efe;
background: linear-gradient(#efe, #eff);
border: 2px #EEF;
border-style: outset;
border-radius: 0px 0 10px 10px;
box-shadow: 0px 0px 30px 5px #537994;
position: fixe;
z-index: 1;
}
input[type=text] {
border-radius: 10px;
background: #CCC;
}
.content {
float: left;
margin-left: 229px;
margin-top: 5px;
width: 645px;
height: 600px;
background-color: #FFF;
background:
border: 1px solid green;
border-radius: 5px 0px 0px 0px;
text-align: center;
}
.sidebar {
margin: 5px 50px 0px 855px;
width: 337px;
height: 600px;
background: #EEe;
border-radius: 0px 5px 0px 0px;
}
.heading{
height: 60px;
background: url(http://d2bm3ljpacyxu8.cloudfront.net/width/300/crop/0,0,300x60/dcimprovement.webs.com/das.png) repeat-x;
padding-top: 9px;
padding-bottom: px;
border-radius: 16px 16px 0 0;
text-align: center;
font-weight: bold;
}
.regform {
margin-top: 200px;
margin-right: 200px;
width: 250px;
height: 215px;
float: right;
background-color: #FFF;
background: linear-gradient(40deg, #FFF, #FFF);
box-shadow:
0 0 2px rgba(0, 0, 0, 0.2),
0 1px 1px rgba(0, 0, 0, .2),
0 3px 0 #fff,
0 4px 0 rgba(0, 0, 0, .2),
0 6px 0 #fff,
0 7px 0 rgba(0, 0, 0, .2);
border:px solid #666666;
border-radius: 16px;
font-size: 15px;
text-align: center;
color: #333333;
}
input[type="text"] {
width: 200px;
height: 15px;
padding: 5px;
border: 1px solid green;
border-radius: 3px;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
input[type="password"] {
width: 200px;
height: 24px;
padding: 5px;
border: 1px solid green;
border-radius: 3px;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
button[type="submit"] {
width: 70px;
height: 32px;
border: 1px solid green;
border-radius:45px;
font-size: 12px;
font-weight: bold;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
background-color: #BCFCB7;
background: linear-gradient(2deg, #BCFCB7, #77CE71);
}
button:hover {
background: #82E884;
}
input:focus {
outline: 1px solid green;
background:
}
.footer {
margin: 0px auto;
height: 41px;
width: 963px;
background-color: #BCFCB7;
background: linear-gradient(#BCFCB7, #77CE71);
border-radius: 0px 0px 5px 5px;
}
div.line_divider {
clear: both;
border-bottom: 1px solid #fff;
border-top: 1px solid #ccc;
margin: 0;
}
.copyright {
float: left;
width: 49%;
font-size: 11px;
padding: 5px 8px 0 15px;
}
a, .pagination span {
color: #36c;
text-decoration: none;
font-weight: 700;
}
<head>
<title>DC Improvement | Guides, Tips, Login, Sign Up and more</title>
<link rel="stylesheet" href="style.css">
<link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />
</head>
<body>
<div class="header">
</div>
<div class="content">
</div>
<div class="sidebar">
sdasd
</div>
<div class="footer">
<div class="line_divider"></div>
<div class="copyright">
<b>© 2013 Dragon City Improvement</b>. All rights reserved. All creations copyright of the creators.
<br>
<a href="https://www.facebook.com/dragoncitypage?fref=ts" title="Dragon City : The Game">Dragon City</a> is copyright
<a href="http://www.socialpoint.es" title="Social Point Specifications">Social Point</a> and is not affiliated with this site. Play the game!
</div>
</div>
</body>
</html>
</html>
// alert('Hello world!');
{"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