1 |
<!DOCTYPE html> |
2 |
<html> |
3 |
<head> |
4 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
5 |
<title>MidnightBSD Screenshots</title> |
6 |
<link rel="shortcut icon" href="/favicon.ico" /> |
7 |
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> |
8 |
<script type="text/javascript" src="../html5lightbox/html5lightbox.js"></script> |
9 |
<link rel="stylesheet" type="text/css" src="../css/essence.css"> |
10 |
<style type="text/css" media="all"> |
11 |
.gallery { text-align: center; font-size: .95em; margin: 20px auto; } |
12 |
dt,dd { width: 300px; float: left; } |
13 |
dt { margin-bottom: 3em;} |
14 |
dd { margin: 200px 0 0 -13.5em;} |
15 |
dl img { vertical-align: bottom; border: 1px solid #999 !important; padding: 3px; background: #fff; margin-left: 85px; } |
16 |
em { display: block; font-weight: bold; margin-bottom: 55px; } |
17 |
dl a:hover img,dl a:active img,dl a:focus img { background: #dff2fb; } |
18 |
</style> |
19 |
|
20 |
</head> |
21 |
|
22 |
<body> |
23 |
<div id="globe"> |
24 |
<div id="header"><h1 title="MidnightBSD Home"><a href="../" title="MidnightBSD Home">MidnightBSD: The BSD For Everyone</a></h1></div> |
25 |
<!--#include virtual="/menu.html"--> |
26 |
<div class="clear"></div> |
27 |
<div id="text"> |
28 |
<h2><img src="../images/oxygen/screenshot32.png" alt="" /> Screenshots</h2> |
29 |
<dl class="gallery"> |
30 |
<dt><a href="mbsd1b.png" class="html5lightbox"><img src="mbsd1a.png" width="300" alt="MidnightBSD Screenshot 1" /></a></dt> |
31 |
<dd><em>MidnightBSD 0.1</em></dd> |
32 |
<dt><a href="mbsd2b.png" class="html5lightbox"><img src="mbsd2a.png" width="300" alt="MidnightBSD Screenshot 2" /></a></dt> |
33 |
<dd><em>MidnightBSD 0.1.1</em></dd> |
34 |
</dl> |
35 |
<div class="clear"></div> |
36 |
<h2 id="screencasts"><img src="../images/oxygen/screencast32.png" alt="" /> Screencasts</h2> |
37 |
<dl class="gallery"> |
38 |
<dt><a data-width="480" data-height="260" class="html5lightbox" |
39 |
title="Installing MidnightBSD" href="MidnightBSD-Install.flv"><img src="InstallingMidnightBSD.png" |
40 |
width="300" alt="Installing MidnightBSD Video" /></a></dt> |
41 |
<dd><em>Installing MidnightBSD</em></dd> |
42 |
|
43 |
<dt><a data-width="480" data-height="260" class="html5lightbox" href="MidnightBSD-Setup.flv"><img src="SettingUpMidnightBSD.png" |
44 |
width="300" alt="Setting Up MidnightBSD Video" /></a></dt> |
45 |
<dd><em>Setting Up MidnightBSD</em></dd> |
46 |
</dl> |
47 |
</div> |
48 |
<!--#include virtual="/footer.html"--> |
49 |
</body> |
50 |
</html> |