decorative : Design 3 « Templates « HTML / CSS

HTML / CSS » Templates » Design 3 
decorative
   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Decorative</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type='text/css'>
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

{
  margin: 0;
  padding: 0;
}

body {
  background: url(decorative-images/img01.pngrepeat-y center;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #9E9D89;
}

form {
}

input, textarea {
  border: 1px solid #DEDED1;
  font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input.text {
  padding: .15em;
  background: #FDFDFB url(decorative-images/img06.gifrepeat-x;
}

input.button {
  background: #763320 url(decorative-images/img07.gifrepeat-x;
  color: #FFFFFF;
}

h1, h2, h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #D15803;
}

h1 {
  letter-spacing: -.05em;
  font-size: 2.2em;
}

h2 {
  margin-top: 1em;
  letter-spacing: -.05em;
  font-size: 1.4em;
}

h3 {
  margin-top: 1em;
}

p, ul, ol {
  margin-top: 1em;
  line-height: 160%;
}

ul {
  list-style: none;
}

ul li {
  margin-left: 1em;
  padding-left: .75em;
  background: url(decorative-images/img05.gifno-repeat left center;
}

ol {
  margin-left: 1em;
  list-style-position: inside;
}

blockquote {
  margin-left: 1em;
  padding-left: .75em;
  border-left: 1px solid #9E9D89;
}

{
  text-decoration: none;
  color: #D15803;
}

a:hover {
  text-decoration: underline;
  color: #827F4F;
}

/* Header */

#header {
  width: 860px;
  height: 100px;
  margin: auto;
  padding: 0 40px;
  background: url(decorative-images/img02.png);
}

#logo {
  float: left;
}

#logo h1, #logo p {
  margin: 0;
  padding-top: 25px;
  float: left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #F3F3E9;
}

#logo h1 {
  font-size: 3em;
}

#logo p {
  padding: 48px 0 0 5px;
  letter-spacing: -.055em;
  font-size: 1.4em;
  font-weight: bold;
}

#logo a {
  color: #F3F3E9;
}

#search {
  float: right;
  width: 15em;
  padding-top: 50px;
}

#search fieldset {
  border: none;
}

#search #s {
  width: 13em;
}

/* Page */

#page {
  width: 940px;
  margin: auto;
}

/* Content */

#content {
  float: right;
  width: 580px;
  padding: 35px 50px 0 0;
  background: url(decorative-images/img04.pngno-repeat right top;
}

.post {
}

.post .meta {
  margin: 0 0 1.5em 0;
  padding: 0 0 1px 10px;
  background: url(decorative-images/img08.pngno-repeat left bottom;
  line-height: normal;
}

.post .meta small {
  font-size: 12px;
}

/* Sidebar */

#sidebar {
  float: left;
  width: 240px;
  padding: 20px 0 0 30px;
  background: url(decorative-images/img03.pngno-repeat;
  font-size: smaller;
  color: #E3E3D4;
}

#sidebar ul {
  padding: 0;
  list-style: none;
}

#sidebar li {
  margin-bottom: 3em;
  padding: 0;
  background: none;
}

#sidebar li ul {
}

#sidebar li li {
  margin: 0 0 0 1em;
  padding-left: .75em;
  background: url(decorative-images/img09.gifno-repeat left center;
}

#sidebar h2 {
  color: #FFFFFF;
}

#sidebar a {
  color: #FFFFFF;
}

/* Footer */

#footer {
  width: 860px;
  margin: auto;
  padding: 20px 40px;
  text-align: right;
}

#footer p {
  font-size: 10px;
}

</style>


</head>
<body>
<div id="header">
  <div id="logo">
    <h1><a href="http://www.free-css.com/">Decorative</a></h1>
    <p>Free CSS Template</p>
  </div>
  <div id="search">
    <form method="get" action="http://www.free-css.com/">
      <fieldset>
      <input id="s" type="text" name="s" value="" class="text" />
      <input id="x" type="submit" value="Search" class="button" />
      </fieldset>
    </form>
  </div>
</div>
<div id="page">
  <div id="content">
    <div class="post">
      <p class="meta"><small>October 24th, 2007&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Posted by <a href="http://www.free-css.com/">Free CSS Templates</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.free-css.com/">18 Comments</a></small></p>
      <h1 class="title"><a href="http://www.free-css.com/">About This Template</a></h1>
      <div class="entry">
        <p><strong>Decorative</strong> is a free, fully standards-compliant CSS template designed by Free CSS Templates. This free template is released under a <a target="_blank" href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it  (even use it commerciallyprovided you keep the links in the footer  intact. Have fun with it :)</p>
        <p>This template is also available as a WordPress theme at Free WordPress Themes.</p>
        <h2>A Heading Level 2</h2>
        <p>This paragraph is followed by a sample unordered list:</p>
        <ul>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">Metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
        </ul>
        <h3>Heading Level 3</h3>
        <p>While this one is followed by a blockquote:</p>
        <blockquote>
          <p>Donec leo, vivamus nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p>
        </blockquote>
      </div>
    </div>
  </div>
  <div id="sidebar">
    <ul>
      <li>
        <h2>Categories</h2>
        <ul>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
        </ul>
      </li>
      <li>
        <h2>Archives</h2>
        <ul>
          <li><a href="http://www.free-css.com/">September</a> (13)</li>
          <li><a href="http://www.free-css.com/">August</a> (31)</li>
          <li><a href="http://www.free-css.com/">July</a> (31)</li>
          <li><a href="http://www.free-css.com/">June</a> (30)</li>
          <li><a href="http://www.free-css.com/">May</a> (31)</li>
          <li><a href="http://www.free-css.com/">April</a> (30)</li>
          <li><a href="http://www.free-css.com/">March</a> (31)</li>
          <li><a href="http://www.free-css.com/">February</a> (28)</li>
          <li><a href="http://www.free-css.com/">January</a> (31)</li>
        </ul>
      </li>
    </ul>
  </div>
  <div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
  <p>&copy;2007 All Rights Reserved. &nbsp;&bull;&nbsp; Design by <a target="_blank" href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>

   
    
    
  
Related examples in the same category
1.blankspace
2.Blasphemy
3.blended
4.blewwave
5.blootoon
6.blush
7.boardroom
8.BOOM
9.boorish
10.boosting
11.bordered
12.boswell
13.bounderies
14.boxedtype
15.boxes_template
16.boxybox
17.branches
18.breaking_ontop
19.brewedcoffee
20.brightfolio
21.brightsideoflife1.0
22.Broadcaster
23.broadsheet
24.brycesunrise
25.bucolic
26.burgeon
27.buzz
28.BW
29.bwdec2007
30.calliope
31.callofduty2
32.candiiclouds
33.cantya-studio
34.canuckington-post
35.canvass
36.capricious
37.capsicum
38.carbonated
39.carbonizer
40.carlmelon
41.caronline
42.carrera
43.castellated
44.catch_info
45.cattleya
46.center-stage
47.COIL
48.col1
49.col2
50.col3
51.collaboration
52.collectiveblue
53.collegemusic
54.colorus
55.colosseum
56.columna
57.combination
58.ComingSoon
59.commission
60.communication-1.0
61.communication-co
62.communication
63.community-live
64.compiled
65.complete-collection
66.complimentary
67.component
68.compressed
69.compromise
70.compus
71.conceptnova
72.concrete
73.concurrence
74.condition
75.conglomerate
76.conjunction
77.connection
78.connections
79.consulting-co
80.contemplate
81.convergence
82.cookiefusion
83.Copy of modify
84.corporattica
85.Cosmopolitan
86.counterstrike
87.cover
88.coverage
89.coxswain
90.creamburn
91.crisp2
92.criterion
93.crystalblack
94.css-heaven-1
95.cssgallery
96.cssheaven-2
97.cssmajesty
98.cubismo
99.cultivated
100.cultureshock
101.cupofcoffee
102.customary
103.customize
104.cyano
105.cyanspark
106.cyberarray
107.daleri-mega
108.daleri-structure
109.dalmatians
110.danmyaz1
111.dapple
112.david-kruger
113.deardiary
114.deepimpact
115.deerpark
116.dekada
117.delta
118.delzep_enterprise
119.description
120.deserted
121.desertsand
122.design-gallery
123.design-studio
124.design10
125.Design9
126.designersstudio
127.designersworld
128.designgalo
129.designhq
130.designstudio
131.Design_Agency
132.deskspace
133.detachable
134.deviation
135.devision
136.dewdrops
137.dezinstudio
138.didactic
139.Did_My_Time
140.differential
141.digitalweb
142.dimension
143.diminishing
144.dirtylicious
145.disambiguation
146.discovery
147.distillate
148.distinctive
149.diversity
150.DJ
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.