Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (2.4 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 f289215d Kostas Papadimitriou
            font-size: 13px !important;
55 f289215d Kostas Papadimitriou
            font-weight: bold;
56 f289215d Kostas Papadimitriou
            color: #ccc;
57 f289215d Kostas Papadimitriou
58 f289215d Kostas Papadimitriou
            &.active {
59 f289215d Kostas Papadimitriou
                font-size: 13px !important;    
60 f289215d Kostas Papadimitriou
                color: @white !important;
61 f289215d Kostas Papadimitriou
            }
62 d3e3dd89 Kostas Papadimitriou
            &:hover {
63 d3e3dd89 Kostas Papadimitriou
                background-color: #444;
64 d3e3dd89 Kostas Papadimitriou
            }
65 f289215d Kostas Papadimitriou
        }
66 8afc06d1 Kostas Papadimitriou
    }    
67 8afc06d1 Kostas Papadimitriou
68 8afc06d1 Kostas Papadimitriou
    position: relative;
69 8afc06d1 Kostas Papadimitriou
70 8afc06d1 Kostas Papadimitriou
    .profile {
71 8afc06d1 Kostas Papadimitriou
        margin-top: -35px;
72 8afc06d1 Kostas Papadimitriou
        .clearfix();
73 8afc06d1 Kostas Papadimitriou
        text-align: right;
74 8afc06d1 Kostas Papadimitriou
        min-width: 200px;
75 7a245cde Kostas Papadimitriou
        width: 200px;
76 f289215d Kostas Papadimitriou
77 f289215d Kostas Papadimitriou
        .user {
78 f289215d Kostas Papadimitriou
            &> a {
79 f289215d Kostas Papadimitriou
                font-weight: bold !important;
80 f289215d Kostas Papadimitriou
                font-size: 12px !important;
81 f289215d Kostas Papadimitriou
            }    
82 f289215d Kostas Papadimitriou
        }
83 8afc06d1 Kostas Papadimitriou
        a {
84 8afc06d1 Kostas Papadimitriou
                    float: none;
85 8afc06d1 Kostas Papadimitriou
        }
86 8afc06d1 Kostas Papadimitriou
        ul {
87 8afc06d1 Kostas Papadimitriou
            display: none;    
88 8afc06d1 Kostas Papadimitriou
            li {
89 8afc06d1 Kostas Papadimitriou
                width: 100%;
90 8afc06d1 Kostas Papadimitriou
                border-bottom: 1px solid #444;
91 8afc06d1 Kostas Papadimitriou
                background-color: #333;
92 8afc06d1 Kostas Papadimitriou
                a {
93 8afc06d1 Kostas Papadimitriou
                    float: none;
94 8afc06d1 Kostas Papadimitriou
                    display: block;
95 8afc06d1 Kostas Papadimitriou
                }
96 8afc06d1 Kostas Papadimitriou
            }
97 8afc06d1 Kostas Papadimitriou
        }
98 7a245cde Kostas Papadimitriou
        &:hover, &.hover {
99 8afc06d1 Kostas Papadimitriou
            background-color: #222;
100 8afc06d1 Kostas Papadimitriou
            ul {
101 8afc06d1 Kostas Papadimitriou
                display: block;    
102 8afc06d1 Kostas Papadimitriou
            }
103 8afc06d1 Kostas Papadimitriou
        }
104 8afc06d1 Kostas Papadimitriou
        background-color: @black;
105 8afc06d1 Kostas Papadimitriou
        .clearfix();
106 8afc06d1 Kostas Papadimitriou
        position: absolute;
107 8afc06d1 Kostas Papadimitriou
        right: 0;
108 8afc06d1 Kostas Papadimitriou
        float: right;    
109 8afc06d1 Kostas Papadimitriou
    }
110 8afc06d1 Kostas Papadimitriou
}