/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 Code Viewer Alt/style.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:
Code Viewer Alt/style.css
1
 
.group {
2
 
        display: block;
3
 
        padding: 1em;
4
 
        width: 100%;
5
 
        margin: auto auto;
6
 
        font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
7
 
}
8
 
 
9
 
.group h1 {
10
 
        font-weight: normal;
11
 
        font-size: 1.8em;
12
 
        margin-bottom: 1em;
13
 
        font-family: Cambria, Georgia, serif;
14
 
}
15
 
 
16
 
.group.info {
17
 
        padding: 0.4em;
18
 
        margin: 0.5em;
19
 
        font-size: 1em;
20
 
        color: #000;
21
 
}
22
 
 
23
 
.group .info:first-letter {
24
 
        font-size:1.3em;
25
 
}
26
 
 
27
 
.group h2 {
28
 
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
29
 
        border-bottom: 2px solid #000;
30
 
        color: #fff;
31
 
        background: #c0d0e0;
32
 
        background-color: #c0d0e0;
33
 
        text-shadow: 1px 1px 2px #000;
34
 
        font-weight:normal;
35
 
        background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% );
36
 
        background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
37
 
        background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
38
 
        -pie-background: linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
39
 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a7b8c', endColorstr='#aabbcc')
40
 
        font-size: 1.4em;
41
 
        margin-top: 1em;
42
 
        margin-bottom: 0;
43
 
        padding:3px;
44
 
        padding-left:20px;
45
 
        min-width:100%;
46
 
}
47
 
 
48
 
a {
49
 
        line-height: 2em;
50
 
        margin-left: 1.3em;
51
 
        color: black;
52
 
        text-decoration: underline;
53
 
        font-size: 1em;
54
 
}
55
 
 
56
 
li {
57
 
        color: #555;
58
 
}
59
 
 
60
 
a:hover {
61
 
        text-decoration: none;
62
 
}
63
 
 
64
 
.container {
65
 
        border-left: 2px dotted #ddd;
66
 
        margin-left: 8px;       
67
 
}
68
 
 
69
 
.container.demo {
70
 
        float:right;
71
 
}
72
 
 
73
 
body{
74
 
        margin:0;
75
 
}
76
 
 
77
 
#menu {
78
 
        position:absolute;
79
 
        top:40px;
80
 
        left:0px;
81
 
        width:90%;
82
 
        padding: 10px 0 8% 8%;
83
 
        background: #c0d0e0;
84
 
        background-color: #c0d0e0;
85
 
        border-radius: 0 1.3em 1.3em 0;
86
 
        border-bottom: 2px solid #000;
87
 
        border-right: 1px solid #000;
88
 
        color: #fff;
89
 
        text-shadow: 1px 1px 2px #000;
90
 
        font-weight:bolder;
91
 
        background:#678;
92
 
        background-color:#678;
93
 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a7b8c', endColorstr='#aabbcc')
94
 
        background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% );
95
 
        background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
96
 
        background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
97
 
        -pie-background: linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
98
 
}
99
 
 
100
 
#menu #menuHeader{
101
 
        margin:0 0 1.5% 0;
102
 
        position:relative;
103
 
        background:#333333;
104
 
        width:97%;
105
 
        height:31px;
106
 
        padding-left:14px;
107
 
        margin-left:-15px;
108
 
        border-radius: 0 10px 10px 0;
109
 
        cursor:pointer;
110
 
}
111
 
 
112
 
#menuHeader h3{
113
 
        float:left;
114
 
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
115
 
        font-size:1.2em;
116
 
        background-color:#333;
117
 
        color:#fff;
118
 
        width:80%;
119
 
        margin-top:4px;
120
 
        padding:0;
121
 
}
122
 
 
123
 
#menuArrow {
124
 
        float:left;
125
 
        padding:0;
126
 
        margin-top:8px;
127
 
        width:15%;
128
 
}
129
 
 
130
 
#menu a {
131
 
        display:block;color:#fff;
132
 
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
133
 
        text-decoration: none; 
134
 
        margin-left:1%;
135
 
        font-size:100%
136
 
        
137
 
        /* For IE 8 */
138
 
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#444444')";
139
 
        /* For IE 5.5 - 7 */
140
 
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#444444');
141
 
        filter:DropShadow(Color=#444444, OffX=1, OffY=2);
142
 
}
143
 
 
144
 
#menu a:hover {
145
 
        font-weight:bolder;
146
 
        text-decoration:underline;
147
 
}
148
 
 
149
 
#menuItems {
150
 
        float:left;
151
 
        width:80%;
152
 
}
153
 
 
154
 
#sidebar {
155
 
        position:absolute;
156
 
        left:0px;
157
 
        top:0px;
158
 
        float:left;
159
 
        min-width:9.4em;
160
 
        width:auto;
161
 
        height:100%;
162
 
        overflow:auto;
163
 
}
164
 
 
165
 
#content { 
166
 
        position:absolute;
167
 
        left:9.5em;
168
 
        max-width:75%;
169
 
        min-width:20em;
170
 
}
171
 
 
172
 
.arrow{
173
 
        -webkit-transition-duration: 0.9s;
174
 
        -moz-transition-duration: 0.9s;
175
 
        -o-transition-duration: 0.9s;
176
 
        transition-duration: 0.9s;
177
 
        -webkit-transition-property: -webkit-transform;
178
 
        -moz-transition-property: -moz-transform;
179
 
        -o-transition-property: -o-transform;
180
 
        transition-property: transform;
181
 
        overflow:auto;
182
 
}
183
 
 
184
 
.rotateArrowCW {
185
 
        -webkit-transform:rotate(180deg);
186
 
        -moz-transform:rotate(180deg); 
187
 
        -o-transform:rotate(180deg);
188
 
}