Skip to content

Instantly share code, notes, and snippets.

@andreyvit
Created October 12, 2008 15:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save andreyvit/16399 to your computer and use it in GitHub Desktop.
Save andreyvit/16399 to your computer and use it in GitHub Desktop.
commit 39409899d95976981cea80dc140ed2b05953fb72
Author: Andrey Tarantsov <andreyvit@gmail.com>
Date: Sun Oct 12 22:24:11 2008 +0700
Extended all backgrounds to the border of the page
diff --git a/css/yoursway.css b/css/yoursway.css
index bcc5132..565f196 100644
--- a/css/yoursway.css
+++ b/css/yoursway.css
@@ -36,8 +36,15 @@ p {
#page {
background-color: #e5dac5;
color: #51263e;
+ padding-bottom: 20px;
}
+#header_ext {
+ background-color: 10010b;
+ background-image: url("/img/header-background-outer.png");
+}
+
+
/**
* Header
*/
@@ -68,6 +75,10 @@ p {
text-decoration: underline;
}
+#subheader_ext {
+ background-color: #782413;
+}
+
#subheader {
background-color: #782413;
}
@@ -110,13 +121,15 @@ p {
margin: 0.25em 0px;
}
+#footer_ext {
+ border-top: solid 5px #df4324;
+ background-color: #260319;
+}
+
/**
* Footer
*/
#footer {
- margin-top: 20px; padding : 10px 0px;
- background-color: #260319;
- border-top: solid 5px #df4324;
font-size: 85%;
text-align: center;
padding: 10px 0px;
diff --git a/img/header-background-outer.png b/img/header-background-outer.png
new file mode 100644
index 0000000..f7f8d7b
Binary files /dev/null and b/img/header-background-outer.png differ
diff --git a/index.html b/index.html
index bd6a112..c274db2 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+п>ї<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
@@ -9,7 +9,9 @@
</head>
<body>
-<div id="page" class="container_12">
+<div id="header_ext">
+
+<div class="container_12">
<div id="header" class="clearfix">
<div id="navigation" class="prefix_4 grid_8">
@@ -21,7 +23,13 @@
</div>
</div>
-<div id="subheader" class="clearfix">
+</div>
+
+</div>
+
+<div id="subheader_ext">
+
+<div id="subheader" class="container_12 clearfix">
<div id="subnavigation">
<ul class="clearfix">
<li><a href="/index.html">Overview</a></li>
@@ -33,6 +41,12 @@
</div>
</div>
+</div>
+
+<div id="page">
+
+<div class="container_12">
+
<!-- teaser -->
<div id="teaser" class="clearfix">
@@ -98,8 +112,15 @@ more about iPhone development or contact us.</p>
</div>
+</div>
+
+</div>
+
+
+<div id="footer_ext">
+
<!-- footer -->
-<div id="footer" class="clearfix">
+<div id="footer" class="container_12 clearfix">
<div class="grid_12">
<span id="copyright">Вc 2008, YourSway LLC</span> в_"
<a href="mailto:contact@yoursway.com">Contact Us</a>
@@ -107,6 +128,7 @@ more about iPhone development or contact us.</p>
</div>
</div>
+</div>
</body>
</html>
\ No newline at end of file
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment