/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-04-24 11:22:57 UTC
  • mfrom: (36.4.17 lenasys)
  • Revision ID: gustav.hartvigsson@gmail.com-20130424112257-3jb8m6z9d1geff64
merge db changes... \n Contain criss-cross, but should work....

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
}