Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (2.6 kB)

1 7a245cde Kostas Papadimitriou
@import "less/variables.less";
2 7a245cde Kostas Papadimitriou
@import "less/mixins.less";
3 8afc06d1 Kostas Papadimitriou
4 8afc06d1 Kostas Papadimitriou
@toolbarBg: #222;
5 8afc06d1 Kostas Papadimitriou
@toolbarColor: darken(@white, 10%);
6 8afc06d1 Kostas Papadimitriou
@toolbarHeight: 30px;
7 8afc06d1 Kostas Papadimitriou
8 8afc06d1 Kostas Papadimitriou
.servicesbar {
9 8afc06d1 Kostas Papadimitriou
10 8afc06d1 Kostas Papadimitriou
    // mini reset
11 8afc06d1 Kostas Papadimitriou
    ol, ul { list-style:none; margin:0; padding:0;}
12 8afc06d1 Kostas Papadimitriou
    li {margin:0; padding:0;}
13 f289215d Kostas Papadimitriou
    font-family: arial, sans-serif !important;
14 8afc06d1 Kostas Papadimitriou
    font-size: 13px !important;
15 8afc06d1 Kostas Papadimitriou
    line-height: 13px;
16 8afc06d1 Kostas Papadimitriou
    letter-spacing: 0px;
17 8afc06d1 Kostas Papadimitriou
    .clearfix();
18 8afc06d1 Kostas Papadimitriou
    color: #ccc;
19 8afc06d1 Kostas Papadimitriou
    z-index: 1000;
20 8afc06d1 Kostas Papadimitriou
    border-bottom: 1px solid #444;
21 8afc06d1 Kostas Papadimitriou
22 8afc06d1 Kostas Papadimitriou
    background-color: darken(@toolbarBg, 40%);
23 8afc06d1 Kostas Papadimitriou
24 8afc06d1 Kostas Papadimitriou
    a {
25 8afc06d1 Kostas Papadimitriou
        border: none !important;
26 f289215d Kostas Papadimitriou
        font-family: arial, sans-serif !important;
27 f289215d Kostas Papadimitriou
        font-size: 13px !important;
28 8afc06d1 Kostas Papadimitriou
        color: @toolbarColor;    
29 8afc06d1 Kostas Papadimitriou
        text-decoration: none;
30 8afc06d1 Kostas Papadimitriou
        display: block;
31 8afc06d1 Kostas Papadimitriou
        float: left;
32 8afc06d1 Kostas Papadimitriou
        padding: 11px;
33 8afc06d1 Kostas Papadimitriou
        height: 13px;
34 8afc06d1 Kostas Papadimitriou
        &:hover {
35 d3e3dd89 Kostas Papadimitriou
            background-color: #444;
36 8afc06d1 Kostas Papadimitriou
        }
37 8afc06d1 Kostas Papadimitriou
        &.active {
38 8afc06d1 Kostas Papadimitriou
            font-weight: bold;
39 f289215d Kostas Papadimitriou
            font-size: 13px !important;
40 8afc06d1 Kostas Papadimitriou
            background-color: #333;
41 8afc06d1 Kostas Papadimitriou
        }
42 7a245cde Kostas Papadimitriou
43 7a245cde Kostas Papadimitriou
        img {
44 7a245cde Kostas Papadimitriou
            border: none;
45 7a245cde Kostas Papadimitriou
            margin: 1px;
46 7a245cde Kostas Papadimitriou
            margin-bottom: 2px;
47 7a245cde Kostas Papadimitriou
        }
48 8afc06d1 Kostas Papadimitriou
    }
49 8afc06d1 Kostas Papadimitriou
50 8afc06d1 Kostas Papadimitriou
    .services {
51 8afc06d1 Kostas Papadimitriou
        .clearfix();
52 f289215d Kostas Papadimitriou
53 f289215d Kostas Papadimitriou
        a {
54 4af2e338 Kostas Papadimitriou
55 4af2e338 Kostas Papadimitriou
            &.with-icon {
56 4af2e338 Kostas Papadimitriou
                margin: 0 !important;
57 4af2e338 Kostas Papadimitriou
                padding: 0 !important;
58 4af2e338 Kostas Papadimitriou
                width: 35px;
59 4af2e338 Kostas Papadimitriou
                height: 35px;
60 4af2e338 Kostas Papadimitriou
            }
61 4af2e338 Kostas Papadimitriou
62 f289215d Kostas Papadimitriou
            font-size: 13px !important;
63 f289215d Kostas Papadimitriou
            font-weight: bold;
64 f289215d Kostas Papadimitriou
            color: #ccc;
65 f289215d Kostas Papadimitriou
66 f289215d Kostas Papadimitriou
            &.active {
67 f289215d Kostas Papadimitriou
                font-size: 13px !important;    
68 f289215d Kostas Papadimitriou
                color: @white !important;
69 f289215d Kostas Papadimitriou
            }
70 d3e3dd89 Kostas Papadimitriou
            &:hover {
71 d3e3dd89 Kostas Papadimitriou
                background-color: #444;
72 d3e3dd89 Kostas Papadimitriou
            }
73 f289215d Kostas Papadimitriou
        }
74 8afc06d1 Kostas Papadimitriou
    }    
75 8afc06d1 Kostas Papadimitriou
76 8afc06d1 Kostas Papadimitriou
    position: relative;
77 8afc06d1 Kostas Papadimitriou
78 8afc06d1 Kostas Papadimitriou
    .profile {
79 8afc06d1 Kostas Papadimitriou
        margin-top: -35px;
80 8afc06d1 Kostas Papadimitriou
        .clearfix();
81 8afc06d1 Kostas Papadimitriou
        text-align: right;
82 8afc06d1 Kostas Papadimitriou
        min-width: 200px;
83 7a245cde Kostas Papadimitriou
        width: 200px;
84 f289215d Kostas Papadimitriou
85 f289215d Kostas Papadimitriou
        .user {
86 f289215d Kostas Papadimitriou
            &> a {
87 f289215d Kostas Papadimitriou
                font-weight: bold !important;
88 f289215d Kostas Papadimitriou
                font-size: 12px !important;
89 f289215d Kostas Papadimitriou
            }    
90 02717631 Kostas Papadimitriou
91 02717631 Kostas Papadimitriou
            &.active {
92 02717631 Kostas Papadimitriou
                background-color: #333;
93 02717631 Kostas Papadimitriou
            }
94 f289215d Kostas Papadimitriou
        }
95 8afc06d1 Kostas Papadimitriou
        a {
96 8afc06d1 Kostas Papadimitriou
                    float: none;
97 8afc06d1 Kostas Papadimitriou
        }
98 8afc06d1 Kostas Papadimitriou
        ul {
99 8afc06d1 Kostas Papadimitriou
            display: none;    
100 8afc06d1 Kostas Papadimitriou
            li {
101 8afc06d1 Kostas Papadimitriou
                width: 100%;
102 8afc06d1 Kostas Papadimitriou
                border-bottom: 1px solid #444;
103 8afc06d1 Kostas Papadimitriou
                background-color: #333;
104 8afc06d1 Kostas Papadimitriou
                a {
105 8afc06d1 Kostas Papadimitriou
                    float: none;
106 8afc06d1 Kostas Papadimitriou
                    display: block;
107 8afc06d1 Kostas Papadimitriou
                }
108 8afc06d1 Kostas Papadimitriou
            }
109 8afc06d1 Kostas Papadimitriou
        }
110 7a245cde Kostas Papadimitriou
        &:hover, &.hover {
111 8afc06d1 Kostas Papadimitriou
            background-color: #222;
112 8afc06d1 Kostas Papadimitriou
            ul {
113 8afc06d1 Kostas Papadimitriou
                display: block;    
114 8afc06d1 Kostas Papadimitriou
            }
115 8afc06d1 Kostas Papadimitriou
        }
116 8afc06d1 Kostas Papadimitriou
        background-color: @black;
117 8afc06d1 Kostas Papadimitriou
        .clearfix();
118 8afc06d1 Kostas Papadimitriou
        position: absolute;
119 8afc06d1 Kostas Papadimitriou
        right: 0;
120 8afc06d1 Kostas Papadimitriou
        float: right;    
121 8afc06d1 Kostas Papadimitriou
    }
122 8afc06d1 Kostas Papadimitriou
}