diff options
Diffstat (limited to 'web')
-rw-r--r-- | web/css/default.ultimate.css | 224 | ||||
-rw-r--r-- | web/css/dropdown.css | 67 | ||||
-rw-r--r-- | web/css/main.css | 14 | ||||
-rw-r--r-- | web/favicon.ico | bin | 0 -> 2238 bytes | |||
-rw-r--r-- | web/images/comnav-arrowon.png | bin | 0 -> 114 bytes | |||
-rw-r--r-- | web/images/comnav-arrowover.png | bin | 0 -> 114 bytes | |||
-rw-r--r-- | web/images/comnav-arrowover2.png | bin | 0 -> 114 bytes | |||
-rw-r--r-- | web/images/grad1.png | bin | 0 -> 356 bytes | |||
-rw-r--r-- | web/images/logo-mame-small.png | bin | 0 -> 25705 bytes | |||
-rw-r--r-- | web/images/nav-arrow-right.png | bin | 0 -> 114 bytes | |||
-rw-r--r-- | web/images/nav-arrow-right2.png | bin | 0 -> 114 bytes | |||
-rw-r--r-- | web/images/nav-sub-press.png | bin | 0 -> 158 bytes | |||
-rw-r--r-- | web/index.html | 51 |
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 Binary files differnew file mode 100644 index 00000000000..b34133fbaa1 --- /dev/null +++ b/web/favicon.ico diff --git a/web/images/comnav-arrowon.png b/web/images/comnav-arrowon.png Binary files differnew file mode 100644 index 00000000000..c1eb72dc727 --- /dev/null +++ b/web/images/comnav-arrowon.png diff --git a/web/images/comnav-arrowover.png b/web/images/comnav-arrowover.png Binary files differnew file mode 100644 index 00000000000..77e473aaaf9 --- /dev/null +++ b/web/images/comnav-arrowover.png diff --git a/web/images/comnav-arrowover2.png b/web/images/comnav-arrowover2.png Binary files differnew file mode 100644 index 00000000000..f105c174907 --- /dev/null +++ b/web/images/comnav-arrowover2.png diff --git a/web/images/grad1.png b/web/images/grad1.png Binary files differnew file mode 100644 index 00000000000..cb5a41ab9f7 --- /dev/null +++ b/web/images/grad1.png diff --git a/web/images/logo-mame-small.png b/web/images/logo-mame-small.png Binary files differnew file mode 100644 index 00000000000..1b2bcaff0b3 --- /dev/null +++ b/web/images/logo-mame-small.png diff --git a/web/images/nav-arrow-right.png b/web/images/nav-arrow-right.png Binary files differnew file mode 100644 index 00000000000..9787b53a57e --- /dev/null +++ b/web/images/nav-arrow-right.png diff --git a/web/images/nav-arrow-right2.png b/web/images/nav-arrow-right2.png Binary files differnew file mode 100644 index 00000000000..bd6f1aabc9b --- /dev/null +++ b/web/images/nav-arrow-right2.png diff --git a/web/images/nav-sub-press.png b/web/images/nav-sub-press.png Binary files differnew file mode 100644 index 00000000000..c4735a83894 --- /dev/null +++ b/web/images/nav-sub-press.png 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 |