/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-31 06:15:46 UTC
  • mfrom: (90.1.20 lenasys2)
  • Revision ID: gustav.hartvigsson@gmail.com-20130531061546-vj8z28sq375kvghq
Merged Jonsson:s changes:
Fixed the layout on cms index so the arrows and dots marks expanded objects.
Fixed so the course content is sorted by course occasion and not by name

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'