root / snf-astakos-app / astakos / im / static / im / cloudbar / cloudbar.css @ d2a553dc
History | View | Annotate | Download (2.7 kB)
1 |
/* helpers ------------------------------------*/
|
---|---|
2 |
.clearfix:before, |
3 |
.clearfix:after { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */ |
4 |
.clearfix:after { clear:both; } |
5 |
.visuallyhidden { position:absolute !important; clip:rect(0 0 0 0); } |
6 |
|
7 |
|
8 |
/* cloudbar header */
|
9 |
div.cloudbar { background:#000; color:#fff; line-height:35px; width:100%; font-size:13px; font-family: 'Didact Gothic', Verdana, sans-serif;} |
10 |
|
11 |
div.cloudbar a, |
12 |
div.cloudbar .profile span, |
13 |
div.cloudbar li {font-family:'Open Sans',sans-serif !important; letter-spacing: 1px !important} |
14 |
|
15 |
.cloudbar .wrapper { width:auto; padding:0;} |
16 |
.cloudbar a { color:#fff; text-decoration:none;} |
17 |
.cloudbar .profile { float:right; background:#3582AC; min-width:190px; padding:0; text-align:right; } |
18 |
.cloudbar .profile:hover { background:#5A97B8; } |
19 |
.cloudbar .profile a { text-decoration:none; color:#fff; display:block; width:100%;} |
20 |
.cloudbar .profile ul { position:absolute; right:0; top:35px; padding:0; margin:0; width:190px; display:none; z-index:9; background:#fff;} |
21 |
.cloudbar .profile ul li { list-style:none outside; line-height:35px; padding:0 45px 0 20px;} |
22 |
.cloudbar .profile ul li a:hover { color:#3582AC;} |
23 |
.cloudbar .profile a { padding-right:20px; width:auto; } |
24 |
.cloudbar .profile .user a span { padding:0 20px; background:url(../images/arrow-lt.png) no-repeat right center;} |
25 |
.cloudbar .profile .full a span { background-image:url(../images/arrow-down.png); } |
26 |
.cloudbar .profile .full a.open span { background-image:url(../images/arrow-up.png); } |
27 |
.cloudbar .profile .full ul { border:1px dashed #000; border-top:0 none; border-right:0 none;} |
28 |
.cloudbar .profile ul li a { padding-right:0; background:none; color:#000; display:block; width:100%;} |
29 |
.cloudbar ul.services { margin:0; padding:0; } |
30 |
.cloudbar ul.services li { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;} |
31 |
.cloudbar ul.services li:first-child { padding:0 5px;} |
32 |
.cloudbar ul.services li.active { background:#333;} |
33 |
.cloudbar ul.services li:hover { background:#444; } |
34 |
|
35 |
@media screen and (max-width : 480px) { |
36 |
.cloudbar .profile { float:none; } |
37 |
.cloudbar .services li:first-child { position:absolute; left:0; top:0; background:#000} |
38 |
} |