Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 3299:d561eb3787f5 beta

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
header: don't use fixed position A fixed div at the top prevents anchors and pageup/pagedown from working correctly ... and it is not like the top menu items are used all the time - next/previous page links would be more relevant to show in a fixed position. made the upper menu as a dropdown to old fixed mode by clicking upper semi transparent bar
author Mads Kiilerich <madski@unity3d.com>
date Thu, 31 Jan 2013 23:27:21 +0100
parents a66198aa9e84
children fba005869f55
comparison
equal deleted inserted replaced
3298:b38230cf8710 3299:d561eb3787f5
241 div:hover > a.permalink { 241 div:hover > a.permalink {
242 visibility: visible; 242 visibility: visible;
243 } 243 }
244 244
245 #header { 245 #header {
246 margin: 0;
247 padding: 0 10px;
248 } 246 }
249 247
250 #header ul#logged-user { 248 #header ul#logged-user {
251 margin-bottom: 5px !important; 249 margin-bottom: 5px !important;
252 -webkit-border-radius: 0px 0px 8px 8px; 250 -webkit-border-radius: 0px 0px 8px 8px;
308 } 306 }
309 307
310 #header ul#logged-user li.highlight a:hover { 308 #header ul#logged-user li.highlight a:hover {
311 color: #FFF; 309 color: #FFF;
312 } 310 }
311 #header-dd {
312 clear: both;
313 position: fixed !important;
314 background-color: #003B76;
315 opacity: 0.01;
316 cursor: pointer;
317 min-height: 10px;
318 width: 100% !important;
319 -webkit-border-radius: 0px 0px 4px 4px;
320 -khtml-border-radius: 0px 0px 4px 4px;
321 -moz-border-radius: 0px 0px 4px 4px;
322 border-radius: 0px 0px 4px 4px;
323 }
324
325 #header-dd:hover{
326 opacity: 0.2;
327 -webkit-transition: opacity 0.5s ease-in-out;
328 -moz-transition: opacity 0.5s ease-in-out;
329 transition: opacity 0.5s ease-in-out;
330 }
313 331
314 #header #header-inner { 332 #header #header-inner {
315 min-height: 44px; 333 min-height: 44px;
316 clear: both; 334 clear: both;
317 position: relative; 335 position: relative;
333 -khtml-border-radius: 4px 4px 4px 4px; 351 -khtml-border-radius: 4px 4px 4px 4px;
334 -moz-border-radius: 4px 4px 4px 4px; 352 -moz-border-radius: 4px 4px 4px 4px;
335 border-radius: 4px 4px 4px 4px; 353 border-radius: 4px 4px 4px 4px;
336 } 354 }
337 #header #header-inner.hover { 355 #header #header-inner.hover {
338 position: fixed !important;
339 width: 100% !important; 356 width: 100% !important;
340 margin-left: -10px !important;
341 z-index: 10000;
342 -webkit-border-radius: 0px 0px 0px 0px; 357 -webkit-border-radius: 0px 0px 0px 0px;
343 -khtml-border-radius: 0px 0px 0px 0px; 358 -khtml-border-radius: 0px 0px 0px 0px;
344 -moz-border-radius: 0px 0px 0px 0px; 359 -moz-border-radius: 0px 0px 0px 0px;
345 border-radius: 0px 0px 0px 0px; 360 border-radius: 0px 0px 0px 0px;
361 position: fixed !important;
362 z-index: 10000;
346 } 363 }
347 364
348 .ie7 #header #header-inner.hover, 365 .ie7 #header #header-inner.hover,
349 .ie8 #header #header-inner.hover, 366 .ie8 #header #header-inner.hover,
350 .ie9 #header #header-inner.hover 367 .ie9 #header #header-inner.hover
3483 } 3500 }
3484 3501
3485 #content { 3502 #content {
3486 clear: both; 3503 clear: both;
3487 overflow: hidden; 3504 overflow: hidden;
3488 padding: 54px 10px 14px 10px; 3505 padding: 10px 10px 14px 10px;
3489 } 3506 }
3490 3507
3491 #content div.box div.title div.search { 3508 #content div.box div.title div.search {
3492 border-left: 1px solid #316293; 3509 border-left: 1px solid #316293;
3493 } 3510 }