-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
178 lines (135 loc) · 7.32 KB
/
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<base href="http://www.mollio.org/" />
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mollio CSS/HTML Design | Open Source</title>
<style type="text/css">
/* these styles are in the head of this page because this is a unique page */
/* THE BIG GUYS */
* {margin:0;padding:0}
body {text-align:center;padding: 20px 0;background: #222;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
img {border:none;display:inline}
hr {margin: 1em 0;background:#eee;height:1px;color:#eee;border:none;clear:both}
/* LINKS */
a,a:link,a:link,a:link,a:hover {font-weight:bold;background:transparent;text-decoration:underline;cursor:pointer}
a:link {color:#c00}
a:visited {color:#999}
a:hover,a:active {color:#069}
/* LISTS */
ul {margin: .3em 0 1.5em 2em}
ul.related {margin-top:-1em}
li {margin-left:2em}
dt {font-weight:bold}
#wrap {border: 1px solid #fff;position:relative;background:#fff;width:600px;margin: 0 auto;text-align:left}
#header {background: #666 url("css/images/sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
#header h1 {color:#fff;font-size: 145%;padding:20px 20px 12px}
#poweredby {width:96px;height:63px;position:absolute;top:0;right:0}
#content {padding: 0 20px}
/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:0;border:none}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.old {text-decoration:line-through}
.highlight {border: 2px solid #090;background:#e6ffe7;padding: 15px;position:relative}
.highlight h2 {background:#090;color:#fff;margin:0;padding:3px 10px;display:inline}
.highlight p {margin:3px 0}
.highlight ul {margin: 3px 0}
.highlight a:link {color:#090}
.highlight a:hover {color:#c00}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<h1>Mollio CSS/HTML Design | Open Source</h1>
<div id="poweredby"><a href="http://www.farcrycore.org/"><img src="wsimages/mollio.gif" alt="FarCry - Mollio" /></a></div>
</div>
<div id="content">
<div class="highlight">
<h2>Attention: Newcomers to Mollio...</h2>
<p>Mollio launched in early 2006, which is a long time in internet time.
Since then Microsoft has launched IE7, which exposed a few <a href="http://groups.google.com/group/Mollio/browse_thread/thread/ecdead0d7819080b">rendering</a> <a href="http://www.etomite.com/forums/index.php?showtopic=6273">problems</a> that the Mollio dropdown navigation had.
We think Mollio is still a useful, basic, starting point for website layout, but
we'd suggest you check out some of the many other CSS template and framework initiatives that have popped up since Mollio was created, and continue to be updated, like:
</p>
<ul>
<li><a href="http://twitter.github.io/bootstrap/">Twitter's Bootstrap Framework</a></li>
<li><a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a></li>
<li><a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI CSS Grids</a></li>
</ul>
</div>
<h2>What is Mollio?</h2>
<p>
Mollio is a simple set of html/css templates. The aim was to create a set of page templates that use
css for layout <strong>as well as</strong> some sample basic content which has also had some css applied.
More sample content and layouts are planned to be added. Get involved, suggest & contribute
ideas via the <a href="http://groups.google.com/group/Mollio">Mollio Google Group</a>.
</p>
<h2>So enough of the chit chat, what are you talking about?</h2>
<ul>
<li><a href="typeA.html">Type A</a> - 1 column</li>
<li><a href="typeB.html">Type B</a> - 2 columns - Main + Left hand nav</li>
<li><a href="typeC.html">Type C</a> - 3 columns - Main + Left hand nav + Right Sidebar</li>
<li><a href="typeD.html">Type D</a> - 2 columns - Main + Right Sidebar</li>
<li><a href="typeE.html">Type E</a> - 2 columns - Main + Right hand nav</li>
<li><a href="typeF.html">Type F</a> - 3 columns - Main + Right hand nav + Left Sidebar</li>
<li><a href="mollio_style_guide.pdf">Styleguide (PDF)</a></li>
</ul>
<h2>Can I get all those files as a zipped archive?</h2>
<p>Sure can:</p>
<ul class="related">
<li><a href="https://github.com/Daemonite/mollio">Clone or Download direct from Github</a></li>
</ul>
<h2>What about the photoshop source files?</h2>
<p>We've used Photoshop CS2 to create these - so you may or may not need that version to open these...</p>
<ul class="related">
<li><a href="psds/mollio_psds.zip">mollio_psds.zip</a> (12/04/06)</li>
</ul>
<h2>Can I use it on my own project?</h2>
<p>
Our hope is to make Mollio templates and their derivatives as universal as possible. In order to help those creating derivative works of Mollio we've agreed to release the templates under three different licenses; <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons</a>, <a href="http://creativecommons.org/licenses/GPL/2.0/">GPL</a> and <a href="http://www.opensource.org/licenses/cpl1.0.php">CPL</a>.
As a creator of a derivative work you simply need to choose the license that suits your project.
</p>
<p>
If you have no idea about licensing or want to know nothing about licensing then you are after the Creative Commons license. Essentially you can do what you like as long as you keep the attribution in the HTML
- basically a link to Mollio saying where it all began.
</p>
<h2>Who made it?</h2>
<p>
Pete Ottery, while working at a web development company in Sydney called <a href="http://www.daemon.com.au/">Daemon</a>.
</p>
<h2>Why?</h2>
<p>
Daemon built an <a href="http://www.farcrycore.org/">open source CMS called FarCry</a> and then created this skin to use as a default install skin
when creating a site. We figured the html/css would be helpful to use in its own right, so even if you
are not using FarCry you might find it useful.
</p>
<h2>Is there any support or help provided?</h2>
<p>
Theres a very basic styleguide linked above which details how the page templates are structured.
Beyond that, join the <a href="http://groups.google.com/group/Mollio">Mollio Google Group</a> & ask questions.
</p>
<h2>The History of updates</h2>
<dl>
<dt>Version 1.1</dt>
<dd>
<ol>
<li>added another layout, a "type F". basically the same as Type C but the left and right columns swapped</li>
<li>added partial support for Mac IE5. the css now has a set (fixed) width you can define (set at 10em in Mollio) for those top horizontal nav items. other browsers get a width:auto</li>
<li>the licenses its released under have been updated. now CC, GPL & CPL. All the detail you could ever want to know is linked above.</li>
</ol>
</dd>
</dl>
<hr />
Copyright © 2006-2013 <a href="http://www.daemon.com.au/">Daemon Internet Consultants</a>
<hr />
</div>
</div>
</body>
</html>