/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: galaxyAbstractor
  • Date: 2013-04-10 15:49:32 UTC
  • mto: (19.1.5 lenasys)
  • mto: This revision was merged to the branch mainline in revision 23.
  • Revision ID: galaxyabstractor@gmail.com-20130410154932-4vizlzk0ar5gykvi
* Added an simple admin panel to the codeviewer-cmssy stuff
* Redesigned a bit like the mockups - still stuff to come
* Implemented the codeviewer + admin panel again using the Framework CodeIgniter instead 

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