/lenasys/trunk

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/trunk

« back to all changes in this revision

Viewing changes to codeigniter/css/header.css

  • Committer: gustav.hartvigsson at gmail
  • Date: 2013-04-02 13:58:01 UTC
  • mfrom: (7.1.2 pvp)
  • Revision ID: gustav.hartvigsson@gmail.com-20130402135801-jo6now4rir3kyln3
Mergerd fix for the widget library.

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/header.css
1
 
* {
2
 
        margin:0; 
3
 
        padding:0;
4
 
        font-family: Helvetica Bold, Helvetica;
5
 
        -webkit-font-smoothing: antialiased; 
6
 
}
7
 
 
8
 
@font-face{
9
 
        font-family: icomoon;
10
 
        src: url(../img/icomoon.ttf);
11
 
}
12
 
 
13
 
.icomoon{
14
 
        font-family: "icomoon";
15
 
        display:inline;
16
 
}
17
 
 
18
 
body{
19
 
        overflow-x:hidden;
20
 
}
21
 
 
22
 
/* Header styling */
23
 
#header{
24
 
        position:fixed;
25
 
        top:0px;
26
 
        left:0px;
27
 
        margin:0;
28
 
        padding:0;
29
 
        float:left;
30
 
        width:100%;
31
 
        height:50px;
32
 
        border:1px solid #111111;
33
 
        background-color: #333333;
34
 
        z-index:30000;
35
 
}
36
 
 
37
 
.invisHeader{
38
 
        position:fixed;
39
 
        float:left;
40
 
        top:51px;
41
 
        width:100%;
42
 
        height:0px;
43
 
        z-index:29999;
44
 
}
45
 
 
46
 
a.logo{
47
 
        position:fixed;
48
 
        left:105px;
49
 
        display:block;
50
 
        width: 162px;
51
 
        height: 51px;
52
 
        background-image: url(../img/logo.png);
53
 
        background-repeat:no-repeat;
54
 
        text-indent: -99999px; 
55
 
}
56
 
 
57
 
span{
58
 
        font: 16px Helvetica;
59
 
        font-weight: bold;
60
 
}
61
 
 
62
 
/* Course title */
63
 
span.title{
64
 
        position:fixed;
65
 
        left:300px;
66
 
        top:20px;
67
 
        height:31px;
68
 
        color: #fff;
69
 
}
70
 
 
71
 
 
72
 
/***
73
 
        Top right span
74
 
                                        ***/
75
 
.userConfig{
76
 
        cursor:pointer;
77
 
        float:right;
78
 
        display:block;
79
 
        height: 50px;
80
 
        width:155px;
81
 
        margin-right:8em;
82
 
        border-right: 1px solid #555;
83
 
        border-left: 1px solid #111;
84
 
}
85
 
 
86
 
/* To create second border */
87
 
.userConfig:before{
88
 
        content: '';
89
 
        width: 153px;
90
 
        height: 50px;
91
 
        position: absolute;
92
 
        border-right: 1px solid #111;
93
 
        border-left: 1px solid #555;
94
 
}
95
 
.userConfig:hover{
96
 
        background-color: #ae2771 !important;
97
 
        border-bottom: 1px solid #111;
98
 
}
99
 
 
100
 
/* Login/settings icon */
101
 
.userLink{
102
 
        float:right;
103
 
        display:block;
104
 
        width: 45px;
105
 
        padding-top:10px;
106
 
        font-family: "icomoon";
107
 
        font-size: 195%;
108
 
        text-decoration: none;
109
 
        color: white !important;
110
 
}
111
 
 
112
 
/* Login/user information */
113
 
span.userInformation{
114
 
        float:left;
115
 
        height:31px;
116
 
        width:90px; /* Dunno about this one */  
117
 
        padding-top:20px;
118
 
        margin-left:15px; /* Dunno about this one */    
119
 
        font-weight:normal;
120
 
        font-size:inherit; /* Dunno about this one */
121
 
        color:white !important; 
122
 
}
123
 
 
124
 
/* Menus and popups for top right span */
125
 
#popoutMenu{
126
 
        font-family: Helvetica;
127
 
        border-top: 1px solid #555;
128
 
        font-size:13px;
129
 
        float:right;
130
 
        position:relative;
131
 
        margin-right:9.8em;
132
 
        padding:0;
133
 
 
134
 
}
135
 
 
136
 
#popoutMenu a{
137
 
        color: #FFF;
138
 
        text-decoration:none;
139
 
}       
140
 
 
141
 
#popoutMenu ul {
142
 
        list-style-type:none;
143
 
        width:100%;
144
 
        margin:0;
145
 
        padding:0;
146
 
        line-height: 250%;
147
 
        font-weight: bold;
148
 
}
149
 
 
150
 
 
151
 
#popoutMenu li {
152
 
        padding-left:10px;
153
 
        padding-right:15px;
154
 
        width:220px;
155
 
        margin:0;
156
 
        background-color:#333;
157
 
        border-top: 1px solid #555;
158
 
        border-left: 1px solid #555;
159
 
        border-bottom:1px solid #111;
160
 
        border-right:1px solid #111;
161
 
        color:#fff;
162
 
        cursor: pointer;
163
 
        -webkit-touch-callout: none;
164
 
        -webkit-user-select: none;
165
 
        -khtml-user-select: none;
166
 
        -moz-user-select: none;
167
 
        -ms-user-select: none;
168
 
        user-select: none;
169
 
}
170
 
 
171
 
.expander{
172
 
        background-image: url(../img/expandIcon.png); /* Will be replaced with font. */
173
 
        background-repeat:no-repeat; 
174
 
        background-position:right;
175
 
}
176
 
 
177
 
 
178
 
#popoutMenu li:hover {
179
 
        background-color: #0a68ad;
180
 
        color: #fff;
181
 
}
182
 
 
183
 
#popoutMenu li.expanded{
184
 
        color:#fff;
185
 
        cursor: pointer;
186
 
        margin-left:1px;
187
 
        text-indent: 15px;
188
 
        border:0;
189
 
        background-color: #202020;
190
 
        line-height: 200%;
191
 
        -webkit-touch-callout: none;
192
 
        -webkit-user-select: none;
193
 
        -khtml-user-select: none;
194
 
        -moz-user-select: none;
195
 
        -ms-user-select: none;
196
 
        user-select: none;
197
 
}
198
 
 
199
 
#popoutMenu li.expanded:hover {
200
 
        background-color: #ae2771;
201
 
        color: #fff;
202
 
}
203
 
 
204
 
.checkedCourse{
205
 
        background-image: url(../img/expandIcon.png); /* Will be replaced with font. */
206
 
        background-repeat:no-repeat; 
207
 
        background-position:left;
208
 
        background-color: #ff0000;
209
 
}
 
 
b'\\ No newline at end of file'