Previous 199869 Revisions Next

r24790 Wednesday 7th August, 2013 at 14:02:34 UTC by Miodrag Milanović
Added sample index page with menu (nw)
[web]favicon.ico* index.html*
[web/css]default.ultimate.css* dropdown.css* main.css*
[web/images]comnav-arrowon.png* comnav-arrowover.png* comnav-arrowover2.png* grad1.png* logo-mame-small.png* nav-arrow-right.png* nav-arrow-right2.png* nav-sub-press.png*

trunk/web/favicon.ico
Property changes on: trunk/web/favicon.ico
Added: svn:mime-type
   + application/octet-stream
trunk/web/images/grad1.png
Property changes on: trunk/web/images/grad1.png
Added: svn:mime-type
   + image/png
trunk/web/images/logo-mame-small.png
Property changes on: trunk/web/images/logo-mame-small.png
Added: svn:mime-type
   + image/png
trunk/web/images/nav-sub-press.png
Property changes on: trunk/web/images/nav-sub-press.png
Added: svn:mime-type
   + image/png
trunk/web/images/nav-arrow-right.png
Property changes on: trunk/web/images/nav-arrow-right.png
Added: svn:mime-type
   + image/png
trunk/web/images/comnav-arrowover.png
Property changes on: trunk/web/images/comnav-arrowover.png
Added: svn:mime-type
   + image/png
trunk/web/images/comnav-arrowon.png
Property changes on: trunk/web/images/comnav-arrowon.png
Added: svn:mime-type
   + image/png
trunk/web/images/comnav-arrowover2.png
Property changes on: trunk/web/images/comnav-arrowover2.png
Added: svn:mime-type
   + image/png
trunk/web/images/nav-arrow-right2.png
Property changes on: trunk/web/images/nav-arrow-right2.png
Added: svn:mime-type
   + image/png
trunk/web/css/main.css
r0r24790
1@charset "UTF-8";
2
3
4* { margin: 0; padding: 0; outline: none; }
5body { 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; }
6p { margin-bottom: 1em; }
7body > p, .container > p { margin-bottom: 0; }
8h1,h2,h3 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; line-height: normal; }
9h1 { 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; }
10cite { float: right; }
11fieldset { border: none; }
12ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
13div.section { clear: both; padding-top: 50px; }
14.dropdown-upward { margin-top: 400px !important; }
Property changes on: trunk/web/css/main.css
Added: svn:eol-style
   + native
Added: svn:mime-type
   + text/css
trunk/web/css/default.ultimate.css
r0r24790
1@charset "UTF-8";
2
3/**
4 * CSS Drop-Down Menu Theme
5 *
6 * @file      default.css
7 * @version      0.1
8 * @type      transitional
9 * @browsers   Windows: IE6+, Opera7+, Firefox3+
10 *            Mac OS: Safari2+, Firefox3+
11 *
12 * @link      http://www.lwis.net/free-css-drop-down-menu
13 * @copyright   2008-2012 Live Web Initiatives, http://www.lwis.net
14 *
15 */
16
17
18/* -- Base drop-down styling -- */
19
20ul.dropdown {
21 font: bold 17px/normal Arial, Helvetica, sans-serif;
22}
23
24   ul.dropdown li {
25    padding: 5px;
26    background-color: #333;
27    color: #fff;
28   }
29
30   ul.dropdown a:link,
31   ul.dropdown a:visited { color: #fff; text-decoration: none;}
32   ul.dropdown a:hover {
33    border-top-color: #5db1e0 !important;
34    border-left-color: #5db1e0;
35    background-color: #4498c7;
36    color: #fff;
37   }
38
39   ul.dropdown ul a.dir:hover {
40    background-color: #4698ca;
41    background-image: url(../images/comnav-arrowon.png);
42    color: #fff;
43   }
44
45   ul.dropdown a:active {
46    background: #058acf url(../images/nav-sub-press.png) 0 0 repeat-x !important;
47    color: #fff;
48   }
49
50   /* -- level mark -- */
51
52   ul.dropdown ul {
53    left: auto;
54    right: 0;
55    width: 150px;
56    margin-top: -1px;
57    border-top: 1px solid #1a1a1a;
58    border-left: solid 1px #4c4c4c;
59    font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
60   }
61
62      ul.dropdown ul li {
63       background-color: #3a3a3a;
64      }
65
66      /* -- level mark -- */
67
68      ul.dropdown ul ul {
69       top: 0;
70       right: auto;
71       left: 100%;
72       margin-top: 0;
73       border-top: none;
74       border-left: none;
75       font-weight: normal;
76      }
77
78         ul.dropdown ul ul li {
79          background-color: #4c4c4c;
80         }
81
82         /* -- level mark -- */
83
84            ul.dropdown ul ul ul li {
85             background-color: #595959;
86            }
87
88
89/* -- Supporting class `dir` -- */
90
91ul.dropdown *.dir {
92 padding-right: 30px;
93 background-image: none;
94 background-position: 100% 50%;
95 background-repeat: no-repeat;
96}
97
98   /* -- level mark -- */
99
100   ul.dropdown ul *.dir {
101    padding-right: 15px;
102    background-image: url(../images/nav-arrow-right.png);
103    background-position: 100% 50%;
104    background-repeat: no-repeat;
105   }
106
107   ul.dropdown ul ul *.dir {
108    background-image: url(../images/nav-arrow-right2.png);
109   }
110
111
112/* -- Components override -- */
113
114ul.dropdown-vertical *.dir {
115 background-image: url(../images/nav-arrow-right.png);
116}
117
118ul.dropdown-vertical-rtl *.dir {
119 padding-right: 15px;
120 background-image: url(../images/nav-arrow-left.png);
121 background-position: 0 50%;
122}
123
124
125/* -- Mixed -- */
126
127ul.dropdown li a,
128ul.dropdown *.dir {
129 border-style: solid;
130 border-width: 1px;
131 border-color: #404040 #1a1a1a #1a1a1a #505050;
132}
133
134ul.dropdown ul li a,
135ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }
136
137ul.dropdown ul ul li a,
138ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }
139
140ul.dropdown ul ul ul li a,
141ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
142
143
144/* -- Custom elements -- */
145
146#n-movies { width: 250px; text-align: center; }
147#n-movies ul { right: auto; left: 0; width: 249px; text-align: left; }
148#n-movies ul ul { left: 249px; width: 150px; }
149#n-movies ul a { width: 232px; }
150#n-movies ul a.dir { width: 210px; }
151#n-movies ul ul a { width: 133px; }
152#n-movies ul ul a.dir { width: 111px; }
153#n-movies ul ul ul { left: 100%; }
154
155/* -- Base style extension -- */
156
157ul.dropdown a,
158ul.dropdown span {
159 display: block;
160 padding: 5px 30px;
161}
162
163
164/* -- Base style override -- */
165
166ul.dropdown li {
167 padding: 0;
168}
169
170ul.dropdown ul a,
171ul.dropdown ul span { /* POI: override abstract a, span */
172 padding: 8px;
173}
174
175
176/* -- Base style reinitiate: post-override activities -- */
177
178ul.dropdown *.dir { /* POI */
179 padding: 5px 30px;
180}
181
182ul.dropdown ul *.dir {
183 padding: 8px 30px 8px 8px;
184}
185
186
187/* -- Custom -- */
188
189ul.dropdown ul a {
190 width: 133px;
191}
192
193ul.dropdown ul a.dir {
194 width: 111px;
195}
196
197
198/* -- Drop-down open -- */
199
200ul.dropdown li:hover > *.dir {
201 background-color: #3d3d3d;
202}
203
204ul.dropdown li:hover > a.dir:hover {
205 background-color: #4698ca;
206 color: #fff;
207}
208
209   ul.dropdown ul li:hover > *.dir {
210    background-color: #4c4c4c;
211    background-image: url(../images/comnav-arrowover.png);
212   }
213
214   ul.dropdown ul li:hover > a.dir:hover {
215    background-image: url(../images/comnav-arrowon.png);
216    color: #fff;
217   }
218
219      ul.dropdown ul ul li:hover > *.dir {
220       background-color: #595959;
221       background-image: url(../images/comnav-arrowover2.png);
222       color: #fff;
223      }
224     
No newline at end of file
Property changes on: trunk/web/css/default.ultimate.css
Added: svn:eol-style
   + native
Added: svn:mime-type
   + text/css
trunk/web/css/dropdown.css
r0r24790
1@charset "UTF-8";
2
3/**
4 * Horizontal CSS Drop-Down Menu Module
5 *
6 * @file      dropdown.css
7 * @package      Dropdown
8 * @version      0.8
9 * @type      Transitional
10 * @stacks      597-599
11 * @browsers   Windows: IE6+, Opera7+, Firefox3+
12 *            Mac OS: Safari2+, Firefox3+
13 *
14 * @link      http://www.lwis.net/free-css-drop-down-menu
15 * @copyright   2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net
16 *
17 */
18
19ul.dropdown,
20ul.dropdown li,
21ul.dropdown ul {
22 list-style: none;
23 margin: 0;
24 padding: 0;
25}
26
27ul.dropdown {
28 position: relative;
29 z-index: 597;
30 float: left;
31}
32
33ul.dropdown li {
34 float: left;
35 min-height: 1px;
36 line-height: 1.3em;
37 vertical-align: middle;
38}
39
40ul.dropdown li.hover,
41ul.dropdown li:hover {
42 position: relative;
43 z-index: 599;
44 cursor: default;
45}
46
47ul.dropdown ul {
48 visibility: hidden;
49 position: absolute;
50 top: 100%;
51 left: 0;
52 z-index: 598;
53 width: 100%;
54}
55
56ul.dropdown ul li {
57 float: none;
58}
59
60ul.dropdown ul ul {
61 top: 1px;
62 left: 99%;
63}
64
65ul.dropdown li:hover > ul {
66 visibility: visible;
67}
No newline at end of file
Property changes on: trunk/web/css/dropdown.css
Added: svn:eol-style
   + native
Added: svn:mime-type
   + text/css
trunk/web/index.html
r0r24790
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3<head>
4   <title>MAME</title>
5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6   <meta http-equiv="pragma" content="no-cache">
7   <meta http-equiv="expires" content="-1">
8   <link rel="shortcut icon" href="favicon.ico">
9   <link href="css/main.css" media="screen" rel="stylesheet" type="text/css" />
10   <link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
11   <link href="css/default.ultimate.css" media="screen" rel="stylesheet" type="text/css" />
12</head>
13<body>
14<div data-role="page">
15    <div data-role="header">
16      <img src="images/logo-mame-small.png"/>
17    </div>
18
19<ul id="nav" class="dropdown dropdown-horizontal">
20   <li id="n-home"><a href="./">Home</a></li>
21   <li id="n-logs"><a href="./" class="dir">Logs</a>
22      <ul>
23         <li class="first"><a href="./"><strong>OS log</strong></a></li>
24         <li><a href="./">Verbose</a></li>
25         <li><a href="./">Driver log</a></li>
26      </ul>
27   </li>
28   <li id="n-options"><a href="./" class="dir">Options</a>
29      <ul>
30         <li class="first"><span class="dir">Video</span>
31            <ul>
32               <li class="first"><a href="./">Option 1</a></li>
33               <li><a href="./">Option 2</a></li>
34               <li><a href="./">Option 3</a></li>
35               <li><a href="./">Option 4</a></li>
36               <li><a href="./">Option 5</a></li>
37            </ul>
38         </li>
39         <li><span class="dir">Sound</span>
40            <ul>
41               <li class="first"><a href="./">Option 1</a></li>
42               <li><a href="./">Option 2</a></li>
43            </ul>
44         </li>
45      </ul>
46   </li>
47   <li id="n-debugger"><a href="./">Debugger</a></li>
48</ul>
49</div>
50</body>
51</html>
No newline at end of file
Property changes on: trunk/web/index.html
Added: svn:mime-type
   + text/html
Added: svn:eol-style
   + native

Previous 199869 Revisions Next

© 1997-2024 The MAME Team