Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (2.3 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 !important;
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-family: arial, sans-serif !important;
27
        font-size: 13px !important;
28
        color: @toolbarColor;    
29
        text-decoration: none;
30
        display: block;
31
        float: left;
32
        padding: 11px;
33
        height: 13px;
34
        &:hover {
35
            background-color: #333;
36
        }
37
        &.active {
38
            font-weight: bold;
39
            font-size: 13px !important;
40
            background-color: #333;
41
        }
42

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

    
50
    .services {
51
        .clearfix();
52

    
53
        a {
54
            font-size: 13px !important;
55
            font-weight: bold;
56
            color: #ccc;
57

    
58
            &.active {
59
                font-size: 13px !important;    
60
                color: @white !important;
61
            }
62
        }
63
    }    
64

    
65
    position: relative;
66

    
67
    .profile {
68
        margin-top: -35px;
69
        .clearfix();
70
        text-align: right;
71
        min-width: 200px;
72
        width: 200px;
73

    
74
        .user {
75
            &> a {
76
                font-weight: bold !important;
77
                font-size: 12px !important;
78
            }    
79
        }
80
        a {
81
                    float: none;
82
        }
83
        ul {
84
            display: none;    
85
            li {
86
                width: 100%;
87
                border-bottom: 1px solid #444;
88
                background-color: #333;
89
                a {
90
                    float: none;
91
                    display: block;
92
                }
93
            }
94
        }
95
        &:hover, &.hover {
96
            background-color: #222;
97
            ul {
98
                display: block;    
99
            }
100
        }
101
        background-color: @black;
102
        .clearfix();
103
        position: absolute;
104
        right: 0;
105
        float: right;    
106
    }
107
}