darktheme : Dark « Templates « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » Templates » Dark 




darktheme
  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Free CSS Templates - Free Template Dark Theme</title>
<meta name="description" content="Free CSS Templates features free templates from website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates, Templates, Free Templates, CSS" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* STANDARD TAG REDEFINITIONS */
BODYcolor: White; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: Black; margin: 0; padding: 0}
TD {font-size: 10pt;  }
font-size: 10pt;  margin-bottom: 7px; margin-top: 0}
acolor: #76DEFC; text-decoration: none; }
a:hover{  text-decoration: underline;  color: White;   }
form{  margin:0;}

#header{  width:760px; margin-left:auto; margin-right:auto;}
#header ulmargin: 0; padding-left: 0; height: 44px; line-height: 44px; display: block; list-style: none; background-color: #4D4D4D; background-image: url(bg_topnav.gif); background-repeat: no-repeat;  }
#header lidisplay: inline; background-color: #222222;  float: right;  }
#header li aheight: 44px; line-height: 44px; display: block; padding-left: 27px; padding-right: 27px; border-left: 1px solid Black;  float: left;     }
#header li a:hoverbackground-color: #444444; text-decoration: none;}
#header .Visualheight:130px; background-image: url(bg_visual.jpg);  background-repeat: no-repeat;  background-color: #4492C8;  border-top: 3px solid Black;   }
h1margin: 0; padding: 40px 0 0 0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White;  font-size: 20pt;  }

#CONTENTwidth:760px; margin-left:auto; margin-right:auto;   }
h2margin: 0; padding: 24px 0 7px 40px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 15pt; }
#TEXTpadding: 35px 40px 35px 40px; border-bottom: 1px solid #484848; border-top: 1px solid #484848; background-color: #222222}
#TEXT p{  margin-bottom: 1em;}

#FOOTER{  width:760px; margin-top:27px; margin-left:auto; margin-right:auto;  border-top: 4px solid #363636;  text-align: right;  padding-top: 5px;   }
#FOOTER pfont-size: 11px; line-height: 14px; margin: 0;  color: #DDDDDD; }
#FOOTER afont-size: 11px;  font-weight: normal;  text-decoration: none;  color: White;    }
#FOOTER a:hovercolor: white; text-decoration: underline; }



</style>


</head>
<body>
<div id="header">
  <h1>Your Company</h1>
  <ul>
    <li><a href="http://www.free-css.com/">Contact Us</a></li>
    <li><a href="http://www.free-css.com/">Sign Up</a></li>
    <li><a href="http://www.free-css.com/">Sign In</a></li>
    <li><a href="http://www.free-css.com/">News</a></li>
    <li><a href="http://www.free-css.com/">Home</a></li>
  </ul>
  <div class="Visual"> </div>
</div>
<div id="CONTENT">
  <h2>Welcome</h2>
  <div id="TEXT">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus, eros nec dictum adipiscing, mauris orci ornare pede, a dictum neque lacus sed ligula. Pellentesque mollis arcu quis lorem. Sed vitae quam et mauris euismod aliquam. Pellentesque quis nisl a ante iaculis volutpat. Duis varius sem at nisi. Etiam mattis scelerisque erat. Maecenas lacus sapien, elementum non, semper id, gravida vel, risus. Suspendisse mi risus, iaculis in, bibendum quis, pulvinar eget, velit. Fusce neque libero, vestibulum a, fermentum vel, rutrum sit amet, mauris. Ut ac dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse interdum nisi congue ligula. </p>
    <p>Nam dignissim ligula vel sapien. Curabitur viverra lacus sagittis sem. Donec pretium pretium sapien. Aenean dapibus, augue quis pulvinar iaculis, velit libero rhoncus dui, a adipiscing elit libero at elit. Donec facilisis mauris quis dui. Donec et justo. Praesent ornare vestibulum quam. Sed ultricies pellentesque mi. Etiam odio. Aenean justo. Fusce quis massa ac risus sodales ultricies. Duis eget eros sed ante placerat dignissim. </p>
  </div>
</div>
<div id="FOOTER">
  <p> <a href="http://www.free-css.com/">FAQ</a> &bull; <a href="http://www.free-css.com/">Terms</a> &bull;<a href="http://www.free-css.com/">Home</a> &bull; <a href="http://www.free-css.com/">About Us</a></p>
  <p>Your Company &copy; 2006 </p>
  <p><a href="http://www.gettemplate.com">Designed by GetTemplate.com</a></p>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>

   
    
  














Related examples in the same category
1.metamorph_darkmare
2.metamorph_darknessfall
3.metamorph_darkside
4.metamorph_darksky
5.metamorph_nightsky
6.dark-effect-v2
7.dark-pro
8.Dark 2
9.DarkColors
10.darkened
11.darkforest
12.DarkFusion
13.darkgrunge
14.darkit
15.darkportfolio
16.darkshine
17.DarkSplinter
18.darkTech
19.Dark_Portal
20.shadowed
21.midnight
22.midnightalley
23.Dark background, white links
24.Dark background with white border
25.Dark backgrounds
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.