/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 Hatvigsson
  • Date: 2013-05-30 13:06:35 UTC
  • Revision ID: gustav.hartvigsson@gmail.com-20130530130635-ugsojc341u3bo81a
Made some changes so it now is correctly spelled.

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'