Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

add background, header style

  • Loading branch information...
commit 44b63a97c901e3c24709a6ca166b9fc7c072bc0b 1 parent f9f8546
@underfire underfire authored
View
71 prototype/css/application.css
@@ -0,0 +1,71 @@
+
+body {
+ background: url(../images/bg.png) top repeat-x;
+ font-family: Verdana, "Bitstream Vera Sans", sans-serif;
+ color: #333;
+}
+
+#wrap-background {
+ background: url(../images/wrap-bg.png) left top repeat-x;
+}
+
+#wrap-foreground {
+ background: url(../images/wrap-fg.png) right top repeat-x;
+}
+
+
+a:link, a:visited {
+ color: #8BB324;
+ text-decoration: none;
+}
+
+a:hover, a:active {
+ color: #000;
+ text-decoration: underline;
+}
+
+::selection {
+ background: #8BB324;
+ color: white; /* Safari */
+}
+
+::-moz-selection {
+ background: #8BB324;
+ color: white; /* Firefox */
+}
+
+/* Header
+ * --------------------------------------------------------------------- */
+
+#hd {
+ height: 126px;
+ position: relative;
+}
+
+#hd .leafage {
+ background: url(../images/leafage.png) no-repeat;
+ width: 858px;
+ height: 126px;
+ position: absolute;
+ right: 0px;
+ z-index: 20;
+}
+
+#hd .sunshine {
+ background: url(../images/sunshine.png) no-repeat;
+ width: 634px;
+ height: 112px;
+ position: absolute;
+ left: -80px;
+ z-index: 10;
+}
+
+#hd h1 {
+ background: url(../images/h1.png) no-repeat;
+ width: 415px;
+ height: 61px;
+ position: absolute;
+ top: 20px;
+ z-index: 8;
+ text-indent: -9999em;
+}
View
BIN  prototype/images/bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  prototype/images/h1.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  prototype/images/leafage.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  prototype/images/sunshine.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  prototype/images/wrap-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  prototype/images/wrap-fg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
25 prototype/index.html
@@ -5,22 +5,27 @@
<title>Handlino Developer Connection - Home</title>
<meta name="author" content="Handlino Inc.`">
- <link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="/css/text.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="/css/960.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="css/text.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="css/960.css" type="text/css" media="screen, projection">
<!-- CodeRay syntax highlighting CSS -->
- <link rel="stylesheet" href="/css/coderay.css" type="text/css">
+ <link rel="stylesheet" href="css/coderay.css" type="text/css">
<!-- Homepage CSS -->
- <link rel="stylesheet" href="/css/site.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="css/site.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="css/application.css" type="text/css" media="screen, projection">
</head>
<body>
+<div id="wrap-background">
+<div id="wrap-foreground">
+
<div class="container_12">
- <div class="grid_12" id="hd">
- <h1><a href="/">Handlino Developer Connection</a></h1>
- <hr>
+ <div id="hd">
+ <p class="leafage"></p>
+ <p class="sunshine"></p>
+ <h1>Handlino Developer Connection</h1>
</div>
<div class="grid_8" id="main">
<p>HDC stands for <a href="http://handlino.com/">Handlino</a> Developer Connections.</p>
@@ -73,5 +78,9 @@ <h2 class="sidebar-title">Twitter Updates</h2>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/handlino.json?callback=twitterCallback2&amp;count=5"></script>
+
+</div>
+</div>
+
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.