summaryrefslogtreecommitdiffstatshomepage
path: root/web
diff options
context:
space:
mode:
Diffstat (limited to 'web')
-rw-r--r--web/css/default.ultimate.css224
-rw-r--r--web/css/dropdown.css67
-rw-r--r--web/css/main.css14
-rw-r--r--web/favicon.icobin0 -> 2238 bytes
-rw-r--r--web/images/comnav-arrowon.pngbin0 -> 114 bytes
-rw-r--r--web/images/comnav-arrowover.pngbin0 -> 114 bytes
-rw-r--r--web/images/comnav-arrowover2.pngbin0 -> 114 bytes
-rw-r--r--web/images/grad1.pngbin0 -> 356 bytes
-rw-r--r--web/images/logo-mame-small.pngbin0 -> 25705 bytes
-rw-r--r--web/images/nav-arrow-right.pngbin0 -> 114 bytes
-rw-r--r--web/images/nav-arrow-right2.pngbin0 -> 114 bytes
-rw-r--r--web/images/nav-sub-press.pngbin0 -> 158 bytes
-rw-r--r--web/index.html51
13 files changed, 356 insertions, 0 deletions
diff --git a/web/css/default.ultimate.css b/web/css/default.ultimate.css
new file mode 100644
index 00000000000..6b78accf609
--- /dev/null
+++ b/web/css/default.ultimate.css
@@ -0,0 +1,224 @@
+@charset "UTF-8";
+
+/**
+ * CSS Drop-Down Menu Theme
+ *
+ * @file default.css
+ * @version 0.1
+ * @type transitional
+ * @browsers Windows: IE6+, Opera7+, Firefox3+
+ * Mac OS: Safari2+, Firefox3+
+ *
+ * @link http://www.lwis.net/free-css-drop-down-menu
+ * @copyright 2008-2012 Live Web Initiatives, http://www.lwis.net
+ *
+ */
+
+
+/* -- Base drop-down styling -- */
+
+ul.dropdown {
+ font: bold 17px/normal Arial, Helvetica, sans-serif;
+}
+
+ ul.dropdown li {
+ padding: 5px;
+ background-color: #333;
+ color: #fff;
+ }
+
+ ul.dropdown a:link,
+ ul.dropdown a:visited { color: #fff; text-decoration: none;}
+ ul.dropdown a:hover {
+ border-top-color: #5db1e0 !important;
+ border-left-color: #5db1e0;
+ background-color: #4498c7;
+ color: #fff;
+ }
+
+ ul.dropdown ul a.dir:hover {
+ background-color: #4698ca;
+ background-image: url(../images/comnav-arrowon.png);
+ color: #fff;
+ }
+
+ ul.dropdown a:active {
+ background: #058acf url(../images/nav-sub-press.png) 0 0 repeat-x !important;
+ color: #fff;
+ }
+
+ /* -- level mark -- */
+
+ ul.dropdown ul {
+ left: auto;
+ right: 0;
+ width: 150px;
+ margin-top: -1px;
+ border-top: 1px solid #1a1a1a;
+ border-left: solid 1px #4c4c4c;
+ font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
+ }
+
+ ul.dropdown ul li {
+ background-color: #3a3a3a;
+ }
+
+ /* -- level mark -- */
+
+ ul.dropdown ul ul {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ border-top: none;
+ border-left: none;
+ font-weight: normal;
+ }
+
+ ul.dropdown ul ul li {
+ background-color: #4c4c4c;
+ }
+
+ /* -- level mark -- */
+
+ ul.dropdown ul ul ul li {
+ background-color: #595959;
+ }
+
+
+/* -- Supporting class `dir` -- */
+
+ul.dropdown *.dir {
+ padding-right: 30px;
+ background-image: none;
+ background-position: 100% 50%;
+ background-repeat: no-repeat;
+}
+
+ /* -- level mark -- */
+
+ ul.dropdown ul *.dir {
+ padding-right: 15px;
+ background-image: url(../images/nav-arrow-right.png);
+ background-position: 100% 50%;
+ background-repeat: no-repeat;
+ }
+
+ ul.dropdown ul ul *.dir {
+ background-image: url(../images/nav-arrow-right2.png);
+ }
+
+
+/* -- Components override -- */
+
+ul.dropdown-vertical *.dir {
+ background-image: url(../images/nav-arrow-right.png);
+}
+
+ul.dropdown-vertical-rtl *.dir {
+ padding-right: 15px;
+ background-image: url(../images/nav-arrow-left.png);
+ background-position: 0 50%;
+}
+
+
+/* -- Mixed -- */
+
+ul.dropdown li a,
+ul.dropdown *.dir {
+ border-style: solid;
+ border-width: 1px;
+ border-color: #404040 #1a1a1a #1a1a1a #505050;
+}
+
+ul.dropdown ul li a,
+ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }
+
+ul.dropdown ul ul li a,
+ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }
+
+ul.dropdown ul ul ul li a,
+ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
+
+
+/* -- Custom elements -- */
+
+#n-movies { width: 250px; text-align: center; }
+#n-movies ul { right: auto; left: 0; width: 249px; text-align: left; }
+#n-movies ul ul { left: 249px; width: 150px; }
+#n-movies ul a { width: 232px; }
+#n-movies ul a.dir { width: 210px; }
+#n-movies ul ul a { width: 133px; }
+#n-movies ul ul a.dir { width: 111px; }
+#n-movies ul ul ul { left: 100%; }
+
+/* -- Base style extension -- */
+
+ul.dropdown a,
+ul.dropdown span {
+ display: block;
+ padding: 5px 30px;
+}
+
+
+/* -- Base style override -- */
+
+ul.dropdown li {
+ padding: 0;
+}
+
+ul.dropdown ul a,
+ul.dropdown ul span { /* POI: override abstract a, span */
+ padding: 8px;
+}
+
+
+/* -- Base style reinitiate: post-override activities -- */
+
+ul.dropdown *.dir { /* POI */
+ padding: 5px 30px;
+}
+
+ul.dropdown ul *.dir {
+ padding: 8px 30px 8px 8px;
+}
+
+
+/* -- Custom -- */
+
+ul.dropdown ul a {
+ width: 133px;
+}
+
+ul.dropdown ul a.dir {
+ width: 111px;
+}
+
+
+/* -- Drop-down open -- */
+
+ul.dropdown li:hover > *.dir {
+ background-color: #3d3d3d;
+}
+
+ul.dropdown li:hover > a.dir:hover {
+ background-color: #4698ca;
+ color: #fff;
+}
+
+ ul.dropdown ul li:hover > *.dir {
+ background-color: #4c4c4c;
+ background-image: url(../images/comnav-arrowover.png);
+ }
+
+ ul.dropdown ul li:hover > a.dir:hover {
+ background-image: url(../images/comnav-arrowon.png);
+ color: #fff;
+ }
+
+ ul.dropdown ul ul li:hover > *.dir {
+ background-color: #595959;
+ background-image: url(../images/comnav-arrowover2.png);
+ color: #fff;
+ }
+ \ No newline at end of file
diff --git a/web/css/dropdown.css b/web/css/dropdown.css
new file mode 100644
index 00000000000..fa97b34ee23
--- /dev/null
+++ b/web/css/dropdown.css
@@ -0,0 +1,67 @@
+@charset "UTF-8";
+
+/**
+ * Horizontal CSS Drop-Down Menu Module
+ *
+ * @file dropdown.css
+ * @package Dropdown
+ * @version 0.8
+ * @type Transitional
+ * @stacks 597-599
+ * @browsers Windows: IE6+, Opera7+, Firefox3+
+ * Mac OS: Safari2+, Firefox3+
+ *
+ * @link http://www.lwis.net/free-css-drop-down-menu
+ * @copyright 2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net
+ *
+ */
+
+ul.dropdown,
+ul.dropdown li,
+ul.dropdown ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul.dropdown {
+ position: relative;
+ z-index: 597;
+ float: left;
+}
+
+ul.dropdown li {
+ float: left;
+ min-height: 1px;
+ line-height: 1.3em;
+ vertical-align: middle;
+}
+
+ul.dropdown li.hover,
+ul.dropdown li:hover {
+ position: relative;
+ z-index: 599;
+ cursor: default;
+}
+
+ul.dropdown ul {
+ visibility: hidden;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 598;
+ width: 100%;
+}
+
+ul.dropdown ul li {
+ float: none;
+}
+
+ul.dropdown ul ul {
+ top: 1px;
+ left: 99%;
+}
+
+ul.dropdown li:hover > ul {
+ visibility: visible;
+} \ No newline at end of file
diff --git a/web/css/main.css b/web/css/main.css
new file mode 100644
index 00000000000..2ec677b0cff
--- /dev/null
+++ b/web/css/main.css
@@ -0,0 +1,14 @@
+@charset "UTF-8";
+
+
+* { margin: 0; padding: 0; outline: none; }
+body { padding: 50px; border-top: none; background: #4c4c4c url(../images/grad1.png) 0 0 repeat-x; color: #d9d9d9; color: #000; font: 14px/normal Tahoma, Arial, Helvetica, sans-serif; }
+p { margin-bottom: 1em; }
+body > p, .container > p { margin-bottom: 0; }
+h1,h2,h3 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; line-height: normal; }
+h1 { margin-bottom: .5em; padding-bottom: 4px; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 180%; text-indent: 5px; letter-spacing: -1px; }
+cite { float: right; }
+fieldset { border: none; }
+ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
+div.section { clear: both; padding-top: 50px; }
+.dropdown-upward { margin-top: 400px !important; }
diff --git a/web/favicon.ico b/web/favicon.ico
new file mode 100644
index 00000000000..b34133fbaa1
--- /dev/null
+++ b/web/favicon.ico
Binary files differ
diff --git a/web/images/comnav-arrowon.png b/web/images/comnav-arrowon.png
new file mode 100644
index 00000000000..c1eb72dc727
--- /dev/null
+++ b/web/images/comnav-arrowon.png
Binary files differ
diff --git a/web/images/comnav-arrowover.png b/web/images/comnav-arrowover.png
new file mode 100644
index 00000000000..77e473aaaf9
--- /dev/null
+++ b/web/images/comnav-arrowover.png
Binary files differ
diff --git a/web/images/comnav-arrowover2.png b/web/images/comnav-arrowover2.png
new file mode 100644
index 00000000000..f105c174907
--- /dev/null
+++ b/web/images/comnav-arrowover2.png
Binary files differ
diff --git a/web/images/grad1.png b/web/images/grad1.png
new file mode 100644
index 00000000000..cb5a41ab9f7
--- /dev/null
+++ b/web/images/grad1.png
Binary files differ
diff --git a/web/images/logo-mame-small.png b/web/images/logo-mame-small.png
new file mode 100644
index 00000000000..1b2bcaff0b3
--- /dev/null
+++ b/web/images/logo-mame-small.png
Binary files differ
diff --git a/web/images/nav-arrow-right.png b/web/images/nav-arrow-right.png
new file mode 100644
index 00000000000..9787b53a57e
--- /dev/null
+++ b/web/images/nav-arrow-right.png
Binary files differ
diff --git a/web/images/nav-arrow-right2.png b/web/images/nav-arrow-right2.png
new file mode 100644
index 00000000000..bd6f1aabc9b
--- /dev/null
+++ b/web/images/nav-arrow-right2.png
Binary files differ
diff --git a/web/images/nav-sub-press.png b/web/images/nav-sub-press.png
new file mode 100644
index 00000000000..c4735a83894
--- /dev/null
+++ b/web/images/nav-sub-press.png
Binary files differ
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 00000000000..8dbcce5dd35
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,51 @@
+<!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">
+<head>
+ <title>MAME</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta http-equiv="pragma" content="no-cache">
+ <meta http-equiv="expires" content="-1">
+ <link rel="shortcut icon" href="favicon.ico">
+ <link href="css/main.css" media="screen" rel="stylesheet" type="text/css" />
+ <link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
+ <link href="css/default.ultimate.css" media="screen" rel="stylesheet" type="text/css" />
+</head>
+<body>
+<div data-role="page">
+ <div data-role="header">
+ <img src="images/logo-mame-small.png"/>
+ </div>
+
+<ul id="nav" class="dropdown dropdown-horizontal">
+ <li id="n-home"><a href="./">Home</a></li>
+ <li id="n-logs"><a href="./" class="dir">Logs</a>
+ <ul>
+ <li class="first"><a href="./"><strong>OS log</strong></a></li>
+ <li><a href="./">Verbose</a></li>
+ <li><a href="./">Driver log</a></li>
+ </ul>
+ </li>
+ <li id="n-options"><a href="./" class="dir">Options</a>
+ <ul>
+ <li class="first"><span class="dir">Video</span>
+ <ul>
+ <li class="first"><a href="./">Option 1</a></li>
+ <li><a href="./">Option 2</a></li>
+ <li><a href="./">Option 3</a></li>
+ <li><a href="./">Option 4</a></li>
+ <li><a href="./">Option 5</a></li>
+ </ul>
+ </li>
+ <li><span class="dir">Sound</span>
+ <ul>
+ <li class="first"><a href="./">Option 1</a></li>
+ <li><a href="./">Option 2</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li id="n-debugger"><a href="./">Debugger</a></li>
+</ul>
+</div>
+</body>
+</html> \ No newline at end of file