/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: b11johgu
  • Date: 2013-05-16 12:50:39 UTC
  • mto: This revision was merged to the branch mainline in revision 74.
  • Revision ID: b11johgu@student.his.se-20130516125039-2vlxix2829z1hchh
deleted files not used
Added data in table "Users"

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
 
}