Revision ce88aad7
| b/ui/static/main.css | ||
|---|---|---|
| 2149 | 2149 |
clear: both; |
| 2150 | 2150 |
color: #FFFFFF; |
| 2151 | 2151 |
font-size: 75%; |
| 2152 |
margin-top: 43px; |
|
| 2152 |
margin-top: 35px; |
|
| 2153 |
padding-bottom: 10px; |
|
| 2154 |
position: relative; |
|
| 2155 |
z-index: 400; |
|
| 2153 | 2156 |
} |
| 2154 | 2157 |
|
| 2155 | 2158 |
div#user a{
|
| ... | ... | |
| 2161 | 2164 |
color: #72ADC8; |
| 2162 | 2165 |
} |
| 2163 | 2166 |
|
| 2167 |
div#user .usermenu {
|
|
| 2168 |
float: left; |
|
| 2169 |
cursor: pointer; |
|
| 2170 |
height: 23px; |
|
| 2171 |
overflow: hidden; |
|
| 2172 |
padding-top: 5px; |
|
| 2173 |
margin-top: -5px; |
|
| 2174 |
} |
|
| 2175 |
|
|
| 2176 |
div#user .username {
|
|
| 2177 |
display: block; |
|
| 2178 |
margin-right: 10px; |
|
| 2179 |
padding-right: 18px; |
|
| 2180 |
padding-left: 4em; |
|
| 2181 |
background: url("./down-arrow-light.png") no-repeat right;
|
|
| 2182 |
font-weight: bold; |
|
| 2183 |
} |
|
| 2184 |
|
|
| 2185 |
div#user .usermenu.hovered {
|
|
| 2186 |
background: #599EBD; |
|
| 2187 |
overflow: visible; |
|
| 2188 |
} |
|
| 2189 |
|
|
| 2190 |
div#user .usermenu.hovered .username {
|
|
| 2191 |
background-image: url("./down-arrow-lighter.png");
|
|
| 2192 |
} |
|
| 2193 |
|
|
| 2194 |
div#user .active {
|
|
| 2195 |
background-color: #BED5E0 !important; |
|
| 2196 |
} |
|
| 2197 |
|
|
| 2198 |
div#user .usermenu.active .username {
|
|
| 2199 |
color: #599EBD; |
|
| 2200 |
background-image: url("./down-arrow-lighter.png");
|
|
| 2201 |
} |
|
| 2202 |
|
|
| 2203 |
div#user .useractions {
|
|
| 2204 |
display: none; |
|
| 2205 |
} |
|
| 2206 |
|
|
| 2207 |
div#user .active .useractions {
|
|
| 2208 |
display: block; |
|
| 2209 |
text-align: right; |
|
| 2210 |
margin-top: 7px; |
|
| 2211 |
padding: 5px; |
|
| 2212 |
color: #4085A5; |
|
| 2213 |
background-color: #D0E3ED; |
|
| 2214 |
} |
|
| 2215 |
|
|
| 2216 |
div#user .active .useractions li {
|
|
| 2217 |
padding: 10px; |
|
| 2218 |
border-bottom: 1px solid #efefef; |
|
| 2219 |
} |
|
| 2220 |
|
|
| 2221 |
div#user .active .useractions li a {
|
|
| 2222 |
color: #4085A5; |
|
| 2223 |
display: inline-block; |
|
| 2224 |
padding-left: 30px; |
|
| 2225 |
background-repeat: no-repeat; |
|
| 2226 |
} |
|
| 2227 |
|
|
| 2228 |
div#user .active .useractions li:hover {
|
|
| 2229 |
background-color: #E1EFF6; |
|
| 2230 |
} |
|
| 2231 |
|
|
| 2232 |
div#user .active .useractions li.last {
|
|
| 2233 |
border-bottom: none; |
|
| 2234 |
} |
|
| 2235 |
|
|
| 2236 |
div#user .useractions .logout a {
|
|
| 2237 |
background-image: url("./icon-logout.png");
|
|
| 2238 |
} |
|
| 2239 |
|
|
| 2240 |
div#user .langmenu {
|
|
| 2241 |
float: left; |
|
| 2242 |
border-left: 1px solid #ffffff; |
|
| 2243 |
padding-left: 10px; |
|
| 2244 |
margin-left: -1px; |
|
| 2245 |
} |
|
| 2246 |
|
|
| 2247 |
div#user .langmenu .sep {
|
|
| 2248 |
display: inline-block; |
|
| 2249 |
} |
|
| 2250 |
|
|
| 2164 | 2251 |
.separator {
|
| 2165 | 2252 |
background-color: #74AEC9; |
| 2166 | 2253 |
height: 10px; |
| b/ui/templates/home.html | ||
|---|---|---|
| 321 | 321 |
<body> |
| 322 | 322 |
<div id="container"> |
| 323 | 323 |
<div id='header'> |
| 324 |
<div id='user'> |
|
| 325 |
{{ request.user.uniq }}
|
|
| 324 |
<div id='user' class="clearfix"> |
|
| 325 |
<div class="usermenu"> |
|
| 326 |
<div class="username">{{ request.user.uniq }}</div>
|
|
| 327 |
<ul class="useractions"> |
|
| 328 |
<li class="logout last"><a class="action" href="#">{% trans "logout" %}</a></li>
|
|
| 329 |
</ul> |
|
| 330 |
</div> |
|
| 331 |
<div class="langmenu"> |
|
| 326 | 332 |
{% get_available_languages as LANGUAGES %}
|
| 327 | 333 |
{% for lang in LANGUAGES %}
|
| 328 |
| |
|
| 329 | 334 |
<a {% if current_lang == lang.0 %}class="current_lang" {% else %} href="/lang/?l={{lang.0}}" {% endif %}>{{lang.0}}</a>
|
| 330 |
{% endfor %}
|
|
| 335 |
{% if not forloop.last %}<span class="sep">~</span>{% endif %}
|
|
| 336 |
{% endfor %}
|
|
| 337 |
</div> |
|
| 331 | 338 |
</div> |
| 332 | 339 |
<div class="header-logo"> |
| 333 | 340 |
<a href="/"> |
| ... | ... | |
| 406 | 413 |
href: "static/opera.css" |
| 407 | 414 |
}).appendTo("head");
|
| 408 | 415 |
} |
| 416 |
|
|
| 417 |
// user menu interaction |
|
| 418 |
$(document).ready(function(){
|
|
| 419 |
var resetUserMenu = function() {
|
|
| 420 |
$(this).removeClass("hovered");
|
|
| 421 |
$(this).removeClass("active");
|
|
| 422 |
} |
|
| 423 |
$(".usermenu").live("click", function(){
|
|
| 424 |
$(this).addClass("active");
|
|
| 425 |
}); |
|
| 426 |
$(".usermenu").bind('mouseleave', resetUserMenu);
|
|
| 427 |
$(".usermenu").live("mouseover", function(){
|
|
| 428 |
$(this).addClass("hovered");
|
|
| 429 |
}); |
|
| 430 |
}); |
|
| 409 | 431 |
</script> |
| 410 | 432 |
<!-- base notification for error/success reporting --> |
| 411 | 433 |
<a id="notification" rel="#error-success" href="#"></a> |
Also available in: Unified diff