-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_block.html
129 lines (122 loc) · 5.64 KB
/
index_block.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
<?xml version="1.0" encoding="utf-8"?>
<!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" lang="en" xml:lang="en">
<head profile="http://www.w3.org/2005/10/profile">
<title>OOCSS MarcRic's Framework</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="Description" content="MarcRic's attempt to create an all in one oocss sample." />
<meta name="Distribution" content="Global" />
<meta name="KeyWords" content="oocss, object oriented css, Object-oriented CSS, css, css training, scale css, html training" />
<meta name="copyright" content="none - based on a original work by Nicole Sullivan - http://www.stubbornella.org/." />
<meta name="robots" content="all" />
<meta name="author" content="Marcos Ricardo using samples from oocss original work - http://wiki.github.com/stubbornella/oocss" />
<meta name="googlebot" content="noarchive" />
<link rel="icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" media="all" href="core/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/libraries.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/fonts.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/template.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/grids.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/content.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/mod.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/mod_skins.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/talk.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/talk_skins.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/navbar.css" />
<link rel="stylesheet" type="text/css" media="all" href="core/tabs.css" />
</head>
<body id="pagetop">
<div class="page">
<h2><a name="nav-2"></a>Block Skins</h2>
<h3><a name="nav-2.1"></a>Contour</h3>
<div class="line">
<div class=" unit size1of3">
<h4>Extends complex</h4>
<div class="mod complex excerpt">
<b class="top"><b class="tl"></b><b class="tr"></b></b>
<div class="inner">
<div class="mod complex excerpt">
<b class="top"><b class="tl"></b><b class="tr"></b></b>
<div class="inner">
<div class="hd section">
<h3>subcol</h3>
</div>
<div class="bd">
<p>Body</p>
</div>
<div class="ft">
<p>Foot</p>
</div>
</div>
<b class="bottom"><b class="bl"></b><b class="br"></b></b>
</div>
</div>
<b class="bottom"><b class="bl"></b><b class="br"></b></b>
</div>
<p></p>
<div class="mod complex excerpt">
<b class="top"><b class="tl"></b><b class="tr"></b></b>
<div class="inner">
<div class="hd">
<h3>excerpt</h3>
</div>
<div class="bd">
<p>Body</p>
</div>
<div class="ft">
<p>Foot</p>
</div>
</div>
<b class="bottom"><b class="bl"></b><b class="br"></b></b>
</div>
<p></p>
<div class="mod complex excerpt">
<b class="top"><b class="tl"></b><b class="tr"></b></b>
<div class="inner">
<div class="hd">
</div>
<div class="bd">
<p>Body</p>
<p>Lorem ipsum dolor sit amet consectetuer pretium diam Cum.</p>
<p>Pellentesque Vestibulum Duis tortor cursus Nam metus.</p>
<p>Non nibh egestas semper Sed tincidunt orci semper.</p>
<p>Vel Vestibulum justo nunc dignissim penatibus pharetra vestibulum Sed.</p>
<p>Auctor congue et id netus ut Sed.</p>
<p>Et faucibus Nam rhoncus hendrerit lorem adipiscing fermentum orci.</p>
<p>Ut laoreet velit malesuada scelerisque pretium Integer.</p>
<p>Curabitur tempor Vestibulum rhoncus nunc.</p>
<p>Et justo et libero rutrum sociis eros a.</p>
<p>Nam Sed augue ipsum ac urna.</p>
<p>Lorem ipsum dolor sit amet consectetuer pretium diam Cum.</p>
<p>Pellentesque Vestibulum Duis tortor cursus Nam metus.</p>
<p>Non nibh egestas semper Sed tincidunt orci semper.</p>
<p>Vel Vestibulum justo nunc dignissim penatibus pharetra vestibulum Sed.</p>
<p>Auctor congue et id netus ut Sed.</p>
<p>Et faucibus Nam rhoncus hendrerit lorem adipiscing fermentum orci.</p>
<p>Ut laoreet velit malesuada scelerisque pretium Integer.</p>
<p>Curabitur tempor Vestibulum rhoncus nunc.</p>
<p>Et justo et libero rutrum sociis eros a.</p>
<p>Nam Sed augue ipsum ac urna.</p>
<p>Lorem ipsum dolor sit amet consectetuer pretium diam Cum.</p>
<p>Pellentesque Vestibulum Duis tortor cursus Nam metus.</p>
<p>Non nibh egestas semper Sed tincidunt orci semper.</p>
<p>Vel Vestibulum justo nunc dignissim penatibus pharetra vestibulum Sed.</p>
<p>Auctor congue et id netus ut Sed.</p>
<p>Et faucibus Nam rhoncus hendrerit lorem adipiscing fermentum orci.</p>
<p>Ut laoreet velit malesuada scelerisque pretium Integer.</p>
<p>Curabitur tempor Vestibulum rhoncus nunc.</p>
<p>Et justo et libero rutrum sociis eros a.</p>
<p>Nam Sed augue ipsum ac urna.</p>
</div>
<div class="ft">
</div>
</div>
<b class="bottom"><b class="bl"></b><b class="br"></b></b>
</div>
</div>
</div>
</body>
</html>