obsession : Design 6 « Templates « HTML / CSS






obsession

   

<!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 profile="http://gmpg.org/xfn/11">
<title>Obsession</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/*  
Theme Name: Obsession
Theme URI: http://www.toptut.com/obsession
Description: 1 Column Artistic theme featuring artwork by <a href="http://www.liza-kliko.com/art">Liza Kliko</a>. Parts of code based on "Day Dream" Theme.
Version: 1.0
Author: Lorelei
Author URI: http://toptut.com
*/


body{background:#2f1500;text-align:center;font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;margin:0;padding:0;}

#wrapper{width:641px;background:#2f1500 url("./obsession-images/wrap_bg.jpg") repeat-y;margin:0 auto;}
a{color:#2f1500;text-decoration:none;}

#header{width:528px;height:114px;background:#09F url("./obsession-images/header.jpg");text-align:center;margin:0 auto;padding:160px 0 0;}

h1{font-size:2.8em;font-weight:400;margin:0 0 0 2px;}

h1 a,h1:visited{color:#fff;text-decoration:none;}

.description{color:#fff;font-size:1.2em;margin:0 0 0 2px;}

#topbar{width:527px;height:27px;background:url(obsession-images/navbg.gif) repeat-x;margin:1px auto 0;}

#topbar ul{list-style:none;margin:0 25px;padding:0;}

#topbar ul li{display:block;list-style:none;float:left;font-size:0.9em;}

#topbar ul li a,#topbar ul li a:visited{float:left;display:block;height:22px;color:#fff;text-decoration:none;padding:3px 8px 0;}
#topbar ul li a:hover{background:url(obsession-images/navbg-h.gif) repeat-x;}

#topbar ul li ul,#topbar ul li ul li{margin:0;padding:0;}

#topbar ul li ul li a,#topbar ul li ul li a:visited{float:left;display:block;height:19px;color:#fff;text-decoration:none;padding:6px 8px 0;}

#content{width:527px;text-align:left;margin:0 auto;padding:20px 0 0;}

.post{padding:28px 0 20px; line-height:150%;}

.post h2{font-size:1.89em;font-weight:400;color:#2f1500;margin:-10px 20px 0 30px;}

.post h2.single{margin:-10px 20px 12px 30px;}

.post .data{font-size:0.8em;border-top:1px solid #8f4000;font-weight:400;color:#2f1500;margin:0 10px 15px;padding:5px;}

.post h3{font-size:1.1em;font-weight:400;color:#2f1500;margin:20px 20px -10px 0;}

#content>.post h3{margin-bottom:8px;}

.entry{width:426px;font-size:0.8em;margin:0 auto;}

.postmetadata{width:426px;border:1px solid #8f4000;background:#c27229;text-align:center;font-size:0.8em;margin:25px auto 15px;padding:8px 10px;}


.postmetadata#single{margin:0 auto 30px;}

.postmetadata small{font-size:0.8em;}

blockquote{border-left:3px dotted #493301;color:#493301;margin:10px 0 10px 30px;padding:0 0 0 5px;}
.post ul{margin:10px 0;padding:0 0 0 27px;}

.navigation{width:447px;height:18px;font-size:0.8em;border:1px solid #8f4000;margin:0 auto;padding:8px 40px;}

.alignleft{float:left;text-align:left;}

.alignright{float:right;text-align:right;}

#commentformarea{width:450px;border:#2f1500;margin:0 auto 8px;padding:8px 10px;}

#commentform{margin:15px 0 10px 40px;}

#commentformarea h3{font-size:1.3em;font-weight:400;color:#2f1500;margin:10px 0 15px 20px;}
#commentform p{margin:0 0 3px;}


#commentform input,#commentform textarea{border:2px solid #2f1500;background:#f3c565;font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;font-size:0.8em;padding:3px;}

#commentform textarea{width:420px;}

#commentform input#submit{font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;width:130px;color:#2f1500;}

h4{text-align:center;font-weight:400;color:#2f1500;margin:25px 0 20px;}

ol.commentlist{width:426px;list-style:none;font-size:0.9em;margin:0 auto 50px;padding:0;}

ol.commentlist li{border-top:3px dotted #c27229;margin:0 0 20px;padding:20px 0 0;}

ol.commentlist p.await_mod{color:#2f1500;margin:0 0 8px;}

ol.commentlist p{margin:0 0 10px;}

ol.commentlist span.cmntmeta{color:#2f1500;}

.sanda h2{font-size:1.9em;font-weight:400;color:#2f1500;text-align:center;margin:35px 0 0;}

.sanda>h2{margin:15px 0 0;}

.sanda h3{margin:0 40px 15px;}

ul#sidebar{width:507px;background:#553c08;border:1px solid #8f4000;margin:8px auto 0;padding:0 0 25px;}

#wrapper>#sidebar{padding:15px 0 25px;}

#sidebar_wrapper{width:467px;margin:15px 15px 0 45px;padding:0 0 -20px;}

#sidebar>#sidebar_wrapper{margin-top:0;}

ul#sidebar li,ul#sidebar li ul,ul#sidebar li ul li{text-align:left;margin:0;padding:0; list-style:square;}

#sidebar li h2{color:#070300;font-weight:400;font-size:1.6em;width:140px;margin:0;}

ul#sidebar li{width:150px;float:left;margin:0 0 15px;padding:0;}

ul#sidebar li ul{width:135px;padding:5px 0 15px 10px;}

ul#sidebar li ul li{width:130px;}

input#s{width:250px;border:1px solid #070300;background:url(obsession-images/search-bg.gif) no-repeat top;color:#8f4000;text-align:center;margin:0;padding:4px 0;}

div>input#s{margin-bottom:0;margin-top:15px;}

.feedicon{width:45px;height:45px;}

#topbar .feedicon{background:url("./obsession-images/rss.gif") 
no-repeat;display:inline;float:right;margin:2px 10px 0 0;}

#footer{width:527px;background:#c27229;text-align:center;border:1px solid #8f4000;margin:8px auto 0;padding:5px;}

#footer p{font-size:0.7em;color:#000;margin:0 0 10px;padding:10px 0 0;}

#wrapper>#footer p{margin:0;padding:15px 0;}

a:hover,.post h2 a:hover,.post a:hover{color:#fff;}

</style>


</head>
<body>
<div id="wrapper">
  <div id="header">
    <h1><a href="http://www.free-css.com/">Obsession</a></h1>
    <div class="description">Just another weblog</div>
  </div>
  <div id="topbar">
    <ul>
      <li><a href="http://www.free-css.com/">Home</a></li>
      <li class="page_item page-item-2"><a href="http://www.free-css.com/">About</a></li>
    </ul>
    <a href="http://www.free-css.com/" class="feedicon"></a> </div>
  <div id="content">
    <div class="post" id="post-1">
      <h2><a href="http://www.free-css.com/">Obsession: You Belong to Me</a></h2>
      <div class="entry">
        <p>Forward and Buck believe that rejection is the trigger of obsessive love. They state four conditions to help identify it, namely, a painful and all-consuming preoccupation with a real or wished-for lover, an insatiable longing either to possess or be possessed by the target of their obsession, rejection by or physical and/or emotional unavailability of their target, and being driven to behave in self-defeating ways by this rejection or unavailability.</p>
        <blockquote>
          <p>Obsessive lovers believe that only the person they fixate on can make them feel happy and fulfilled.</p>
        </blockquote>
        <p>Persons close to the love-obsessed can also be greatly affected. Witnessing a friend or family member suffer from the disorder can be distressing.</p>
        <p>From http://en.wikipedia.org/wiki/Obsessive_love</p>
      </div>
      <div class="data">December 13th, 2007 - <a href="http://www.free-css.com/">One Response</a></div>
      <p class="postmetadata">Categorised in <a href="http://www.free-css.com/">Uncategorized</a> </p>
    </div>
  </div>
  <ul id="sidebar">
    <div id="sidebar_wrapper">
      <li id="archives">
        <h2>Archives</h2>
        <ul>
          <li><a href="http://www.free-css.com/">December 2007</a></li>
        </ul>
      </li>
      <li id="categories">
        <h2>Categories</h2>
        <ul>
          <li class="cat-item cat-item-1"><a href="http://www.free-css.com/">Uncategorized</a> (1) </li>
        </ul>
      </li>
      <li id="meta">
        <h2>Meta</h2>
        <ul>
          <li><a href="http://www.free-css.com/">Login</a></li>
          <li><a href="http://www.free-css.com/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
          <li><a href="http://www.free-css.com/">WordPress</a></li>
        </ul>
      </li>
      <div style="clear: both;"></div>
      <li style="margin: 0;">
        <form method="get" id="searchform" action="http://www.free-css.com/">
          <div style="text-align: center;">
            <input type="text" value="Type and Press Enter to Search..." onfocus="this.value=''; this.style.color='#000';" onblur="this.value='Type and Press Enter to Search...'; this.style.color='#ccc';"  name="s" id="s" />
          </div>
        </form>
      </li>
      <div style="clear: both;"></div>
    </div>
  </ul>
  <div id="footer">
    <p>Obsession Theme by Lorelei. Coded by <a href="http://www.ratemyhost.com">Cheap web hosting</a> and Featuring <a href="http://www.liza-kliko.com/art">Liza Kliko's</a> artwork in the header. </p>
  </div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.newave
2.newdarkside
3.newday
4.newera
5.newfangled
6.newgreeny
7.newgreys
8.newhorizon
9.news portal
10.news-print
11.newsbeat
12.newsflash
13.newsportal
14.newsroll
15.newstheme
16.newwave-business-inc
17.new_rise
18.NiceSite
19.nimbuslike
20.nixed
21.noimages
22.noname1
23.nonzero
24.nothingfanzy
25.nourish
26.nowhere
27.NuahSwirl
28.nullbullum
29.numerology
30.o-no-typography
31.obsess
32.obtanium
33.office-plants
34.offlimits
35.offrecord
36.oheon_com_110100021
37.ohgreenworld
38.Okeanos
39.old-wall
40.oldarchitecture
41.Olive
42.one-penny
43.one_two_three
44.online-edu
45.onlinemoviestore
46.oodles
47.openyourwindows
48.opposed
49.optimal-touch
50.orchidaceae
51.ordinaire
52.ormeggiare
53.ornamental
54.ornate
55.OrngBlu
56.oswd_blozilla
57.our-work
58.ourhouse
59.outdoorv1.0
60.outliers
61.outoftheblue
62.outtabox
63.oxidation
64.package
65.paddy-harvest
66.pagedrape
67.paivi-k
68.paleforest
69.palmtrees
70.pamphlet
71.pancorbo
72.papira
73.paradigm
74.paradise1983
75.parchmenter
76.particle
77.particles
78.pastel
79.pastelco
80.pastelflowers
81.pastries
82.path-fider
83.patternmaker
84.PattyMcFatPat01
85.PattyMcFatPat03
86.pc
87.Pear Template
88.pear
89.pedestrian
90.penchantforphotos
91.pencilpink
92.people
93.perfectblemish
94.performance
95.perplex
96.personified
97.pillars
98.pills
99.pinnacle
100.Pistachio
101.pixabella
102.pixabella04
103.pixabella06
104.pixelationingreen
105.plaidshirt
106.plainandsimple
107.planning-feed
108.pluralism
109.plurkified
110.pointspace
111.pollinate
112.pollinating
113.pollination