| Index: trunk/mockups/athena/athena.css |
| — | — | @@ -36,7 +36,7 @@ |
| 37 | 37 | |
| 38 | 38 | color: white; |
| 39 | 39 | background: black; |
| 40 | | - z-index: 9999; |
| | 40 | + z-index: 99999; |
| 41 | 41 | } |
| 42 | 42 | |
| 43 | 43 | .bar-float { |
| — | — | @@ -147,9 +147,23 @@ |
| 148 | 148 | background: white; |
| 149 | 149 | } |
| 150 | 150 | |
| | 151 | +#personal-menu { |
| | 152 | + display: none; |
| | 153 | +} |
| | 154 | +#master-menu { |
| | 155 | + display: none; |
| | 156 | +} |
| 151 | 157 | |
| 152 | 158 | @media all and (min-width: 640px) { |
| 153 | 159 | /* "Tablet mode" */ |
| | 160 | + #top-bar.bar-float { |
| | 161 | + /* Disable top bar floater */ |
| | 162 | + top: inherit; |
| | 163 | + position: relative; |
| | 164 | + } |
| | 165 | + #top { |
| | 166 | + height: auto; |
| | 167 | + } |
| 154 | 168 | .bar button { |
| 155 | 169 | width: auto; |
| 156 | 170 | height: 48px; |
| — | — | @@ -164,6 +178,23 @@ |
| 165 | 179 | color: white; |
| 166 | 180 | font-size: 13px; |
| 167 | 181 | } |
| | 182 | + #personal-menu, #master-menu { |
| | 183 | + display: block; |
| | 184 | + padding-left: 92px; |
| | 185 | + font-size: 12px; |
| | 186 | + } |
| | 187 | + #personal-menu { |
| | 188 | + padding-top: 6px; |
| | 189 | + } |
| | 190 | + #personal-menu a { |
| | 191 | + padding-right: 16px; |
| | 192 | + } |
| | 193 | + #master-menu { |
| | 194 | + padding-bottom: 6px; |
| | 195 | + } |
| | 196 | + .button-you { |
| | 197 | + display: none; |
| | 198 | + } |
| 168 | 199 | } |
| 169 | 200 | |
| 170 | 201 | |
| Index: trunk/mockups/athena/index.html |
| — | — | @@ -13,6 +13,13 @@ |
| 14 | 14 | <body> |
| 15 | 15 | |
| 16 | 16 | <div id="top" class="bar-wrapper"> |
| | 17 | + <div id="personal-menu"> |
| | 18 | + <a href="#you">Your Username</a> |
| | 19 | + <a href="#notifications">Notifications</a> |
| | 20 | + <a href="#contributions">Contributions</a> |
| | 21 | + <a href="#preferences">Preferences</a> |
| | 22 | + <a href="#logout">Log out</a> |
| | 23 | + </div> |
| 17 | 24 | <div id="top-bar" class="bar bar-float"> |
| 18 | 25 | <button class="button-main">Main</button> |
| 19 | 26 | <span class="search-box" class="stretch"> |
| — | — | @@ -20,6 +27,14 @@ |
| 21 | 28 | </span> |
| 22 | 29 | <button class="button-you">You</button> |
| 23 | 30 | </div> |
| | 31 | + <div id="master-menu"> |
| | 32 | + <a href="#help">Help</a> - |
| | 33 | + <a href="#contents">Contents</a> - |
| | 34 | + <a href="#featured">Featured content</a> - |
| | 35 | + <a href="#current">Current events</a> - |
| | 36 | + <a href="#community">Community portal</a> - |
| | 37 | + <a href="#upload">Upload File</a> |
| | 38 | + </div> |
| 24 | 39 | </div> |
| 25 | 40 | |
| 26 | 41 | <iframe id="embed" width="100%" height="100%" src="proxy.php?title=While_My_Guitar_Gently_Weeps"></iframe> |