-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdel_index.html
executable file
·151 lines (135 loc) · 6.22 KB
/
del_index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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" xml:lang="en" lang="en">
<html>
<head>
<title>Dot KDE front page html/css template</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="" />
<meta name="robots" content="all" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css" media="all">
@import "style.css";
</style>
<link rel="stylesheet" type="text/css" href="mortar/style.css">
<script type="text/javascript" src=""></script>
</head>
<body>
<div id="header">
<div id="logo">
<a href="" name="kde"><img src="bricks/logo.jpg" alt="image" width="37" height="36" /></a>
</div><!-- /logo -->
<div id="kdeTitle">
<a href="" name="kde"><img src="bricks/kdeTitle.jpg" alt="image" width="183" height="27" /></a>
</div><!-- /kdeTitle -->
<ul>
<li><a href="">Main</a></li>
<li><a href="">Configure</a></li>
<li><a href="">Subscribe</a></li>
<li><a href="">Contribute</a></li>
<li><a href="">Flat Forty</a></li>
<li><a href="">FAQ</a></li>
</ul>
</div><!-- /header -->
<div id="midTainer">
<div id="searchTainer">
<div class="content">
<p>search</p>
</div>
</div><!-- /searchTainer -->
<div class="content">
<div id="main">
<div class="entry">
<a href=""><h1>Html/css</h1></a>
<h2>Posted by Philip</h2>
<div class="entryDetails">
<div><span class="year">2008</span> <span class="day">15</span> <span class="month">Aug</span></div>
<span class="category"><a href=""><img src="bricks/category.jpg" alt="image" width="22" height="22" /></a></span>
</div>
<p>This is the broad strokes for the template as the finer details need to be addressed when templating in drupal so as to avoid recoded the same things (got to get the right ids and classes depending on drupal etc. The right-hand sidebar and the search box isn't completely styled yet.</p>
<p>Some weird stuff is happening in IE7: it's ignoring the clear:left on the headings so that all new articles start below the calendar/category box on the left. Might have to put it above the title in doc-flow so that it raises up (would look better too) and reduce the chance of this ever happening: an article snippet would have to be one line or so.</p>
</div><!-- /entry -->
<div class="entry">
<a href=""><h1>Misc stuff</h1></a>
<h2>Posted by Philip</h2>
<div class="entryDetails">
<div><span class="year">2008</span> <span class="day">10</span> <span class="month">Aug</span></div>
<span class="category"><a href=""><img src="bricks/category.jpg" alt="image" width="22" height="22" /></a></span>
</div>
<p>Some of the typography isn't finished yet either - headings etc. Might have to use a transparent png for sidebar top graphic... stupid IE6 won't like that but it would be a minor blemish for the fools still using that browser.</p>
</div><!-- /entry -->
<div class="entry">
<a href=""><h1>Entry again</h1></a>
<h2>Details, time ect</h2>
<div class="entryDetails">
<div><span class="year">2008</span> <span class="day">9</span> <span class="month">Aug</span></div>
<span class="category"><a href=""><img src="bricks/category.jpg" alt="image" width="22" height="22" /></a></span>
</div>
<p>Proin pharetra, lacus vel lacinia ornare, metus odio venenatis sapien, at tempor lacus leo at justo. Proin eleifend, massa ac malesuada imperdiet, nulla purus vestibulum odio, et tristique neque lectus eu odio. Donec ultricies dui sed erat. Vivamus ac purus. Curabitur purus. Nam tincidunt, orci sed accumsan sodales, lacus est interdum dolor, nec porta quam sapien et ligula. Vestibulum id ipsum. Aliquam eget orci in sem accumsan elementum. Vestibulum commodo. Nam id ante. Praesent varius, libero a consectetuer feugiat, magna dolor fringilla erat, sit amet faucibus massa sapien id eros. Cras luctus.</p>
</div><!-- /entry -->
<p>Tested in FireFox 3.0.1, Safari, IE7</p>
<h1>Heading 1</h1>
<h2>Heading 1</h2>
<h3>Heading 1</h3>
<h4>Heading 1</h4>
<h5>Heading 1</h5>
<h6>Heading 1</h6>
<p>Main content</p>
</div><!-- /main -->
<div id="sidebar">
<div class="box">
<div class="top">
<h1>Sidebar heading</h1>
</div><!-- /top -->
<div class="mid">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</div><!-- /mid -->
<div class="bot"></div><!-- /bot -->
</div><!-- /box -->
<div class="box">
<div class="top">
<h1>Sidebar heading</h1>
</div><!-- /top -->
<div class="mid">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</div><!-- /mid -->
<div class="bot"></div><!-- /bot -->
</div><!-- /box -->
</div><!-- /sidebar -->
</div><!-- /content -->
<div id="botMenu">
<div class="content">
<ul>
<li><a href="">Main</a></li>
<li><a href="">Configure</a></li>
<li><a href="">Subscribe</a></li>
<li><a href="">Contribute</a></li>
<li><a href="">Flat Forty</a></li>
<li><a href="">FAQ</a></li>
</ul>
</div><!-- /content -->
</div><!-- /botMenu -->
</div><!-- /mid -->
<div id="footer">
<div id="footTile"></div><!-- /footTile -->
<div class="content">
<p>KDE¨, "K Desktop Environment", "KDE Dot News", "got the dot?" and the KDE Logo¨ are trademarks or registered trademarks of KDE e.V. in the European Union, the United States and other countries. All other trademarks and copyrights on this page are owned by their respective owners. Comments are owned by the poster. The rest: Copyright © 2000-2009 KDE e.V. for The KDE Project. For further information or comments on this site, please contact the Webmaster.</p>
</div><!-- /content -->
</div><!-- /footer -->
</body>
</html>