bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/trunk
|
9.6.1
by Adam Ringhede
Changed structure in Code Viewer Alt |
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 |
font-size: 1.4em; |
|
39 |
margin-top: 1em; |
|
40 |
margin-bottom: 0; |
|
41 |
padding:3px; |
|
42 |
padding-left:20px; |
|
43 |
}
|
|
44 |
||
45 |
a { |
|
46 |
line-height: 2em; |
|
47 |
margin-left: 1.3em; |
|
48 |
color: black; |
|
49 |
text-decoration: underline; |
|
50 |
font-size: 1em; |
|
51 |
}
|
|
52 |
||
53 |
li { |
|
54 |
color: #555; |
|
55 |
}
|
|
56 |
||
57 |
a:hover { |
|
58 |
text-decoration: none; |
|
59 |
}
|
|
60 |
||
61 |
.container { |
|
62 |
border-left: 2px dotted #ddd; |
|
63 |
margin-left: 8px; |
|
64 |
}
|
|
65 |
||
66 |
.container.demo { |
|
67 |
float:right; |
|
68 |
}
|
|
69 |
||
70 |
body{ |
|
71 |
margin:0; |
|
72 |
}
|
|
73 |
||
74 |
#menu { |
|
75 |
position:fixed; |
|
76 |
top:40px; |
|
77 |
width:10.5%; |
|
78 |
padding: 10px 0 1% 0.3%; |
|
79 |
background: #c0d0e0; |
|
80 |
background-color: #c0d0e0; |
|
81 |
border-bottom-right-radius: 1.3em; |
|
82 |
border-top-right-radius: 1.3em; |
|
83 |
border-bottom: 2px solid #000; |
|
84 |
border-right: 1px solid #000; |
|
85 |
color: #fff; |
|
86 |
text-shadow: 1px 1px 2px #000; |
|
87 |
font-weight:bolder; |
|
88 |
background:#678; |
|
89 |
background-color:#678; |
|
90 |
background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% ); |
|
91 |
background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%); |
|
92 |
background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%); |
|
93 |
}
|
|
94 |
||
95 |
#menu #menuHeader{ |
|
96 |
margin:0 0 1.5% 0; |
|
97 |
background:#333333; |
|
98 |
width:97%; |
|
99 |
height:31px; |
|
100 |
padding-left:10px; |
|
101 |
margin-left:-10px; |
|
102 |
border-radius: 0 10px 10px 0 |
|
103 |
}
|
|
104 |
||
105 |
#menuHeader h3{ |
|
106 |
float:left; |
|
107 |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; |
|
108 |
font-size:1.2em; |
|
109 |
background-color:#333; |
|
110 |
color:#fff; |
|
111 |
width:80%; |
|
112 |
margin-top:4px; |
|
113 |
padding:0; |
|
114 |
}
|
|
115 |
||
116 |
#menuArrow { |
|
117 |
float:left; |
|
118 |
padding:0; |
|
119 |
margin-top:8px; |
|
120 |
width:15%; |
|
121 |
}
|
|
122 |
||
123 |
#menu a { |
|
124 |
display:block;color:#fff; |
|
125 |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; |
|
126 |
text-decoration: none; |
|
127 |
margin-left:1%; |
|
128 |
font-size:100% |
|
129 |
}
|
|
130 |
||
131 |
#menu a:hover { |
|
132 |
font-weight:bolder; |
|
133 |
text-decoration:underline; |
|
134 |
}
|
|
135 |
||
136 |
#menuItems { |
|
137 |
float:left; |
|
138 |
width:80%; |
|
139 |
}
|
|
140 |
||
141 |
#sidebar { |
|
142 |
float:left; |
|
143 |
min-width:11%; |
|
144 |
min-height:100px; |
|
145 |
overflow:auto; |
|
146 |
}
|
|
147 |
||
148 |
#content { |
|
149 |
float:left; |
|
150 |
width:75%; |
|
151 |
}
|
|
152 |
||
153 |
.arrow{ |
|
154 |
-webkit-transition-duration: 0.9s; |
|
155 |
-moz-transition-duration: 0.9s; |
|
156 |
-o-transition-duration: 0.9s; |
|
157 |
transition-duration: 0.9s; |
|
158 |
-webkit-transition-property: -webkit-transform; |
|
159 |
-moz-transition-property: -moz-transform; |
|
160 |
-o-transition-property: -o-transform; |
|
161 |
transition-property: transform; |
|
162 |
overflow:auto; |
|
163 |
}
|
|
164 |
||
165 |
.rotateArrowCW { |
|
166 |
-webkit-transform:rotate(180deg); |
|
167 |
-moz-transform:rotate(180deg); |
|
168 |
-o-transform:rotate(180deg); |
|
169 |
}
|