Statistics
| Branch: | Tag: | Revision:

root / snf-astakos-app / astakos / im / static / im / cloudbar / cloudbar.less @ 7a245cde

History | View | Annotate | Download (1.8 kB)

1
@import "less/variables.less";
2
@import "less/mixins.less";
3

    
4
@toolbarBg: #222;
5
@toolbarColor: darken(@white, 10%);
6
@toolbarHeight: 30px;
7

    
8
.servicesbar {
9

    
10
    // mini reset
11
    ol, ul { list-style:none; margin:0; padding:0;}
12
    li {margin:0; padding:0;}
13
    font-family: arial, sans-serif;
14
    font-size: 13px !important;
15
    line-height: 13px;
16
    letter-spacing: 0px;
17
    .clearfix();
18
    color: #ccc;
19
    z-index: 1000;
20
    border-bottom: 1px solid #444;
21

    
22
    background-color: darken(@toolbarBg, 40%);
23

    
24
    a {
25
        border: none !important;
26
        font-size: inherit !important;
27
        color: @toolbarColor;    
28
        text-decoration: none;
29
        display: block;
30
        float: left;
31
        padding: 11px;
32
        height: 13px;
33
        &:hover {
34
            background-color: #444;
35
        }
36
        &.active {
37
            font-weight: bold;
38
            background-color: #333;
39
        }
40

    
41
        img {
42
            border: none;
43
            margin: 1px;
44
            margin-bottom: 2px;
45
        }
46
    }
47

    
48
    .services {
49
        .clearfix();
50
    }    
51

    
52
    position: relative;
53

    
54
    .profile {
55
        margin-top: -35px;
56
        .clearfix();
57
        text-align: right;
58
        min-width: 200px;
59
        width: 200px;
60
        a {
61
                    float: none;
62
        }
63
        ul {
64
            display: none;    
65
            li {
66
                width: 100%;
67
                border-bottom: 1px solid #444;
68
                background-color: #333;
69
                a {
70
                    float: none;
71
                    display: block;
72
                }
73
            }
74
        }
75
        &:hover, &.hover {
76
            background-color: #222;
77
            ul {
78
                display: block;    
79
            }
80
        }
81
        background-color: @black;
82
        .clearfix();
83
        position: absolute;
84
        right: 0;
85
        float: right;    
86
    }
87
}