/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 codeigniter/css/app.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:
codeigniter/css/app.css
 
1
 
 
2
a{
 
3
    display: block;
 
4
    text-decoration: none;
 
5
    color:#000;
 
6
    padding: 3px 0;
 
7
    font-weight: bold;
 
8
}
 
9
 
 
10
strong{
 
11
    text-decoration: underline;
 
12
}
 
13
 
 
14
/*
 
15
.weaponsForms, .addAlienForm, .classifySpecies{
 
16
    float: left;
 
17
    width: 224px;
 
18
    margin: 15px;
 
19
    display:block;
 
20
    border: 1px solid #000;
 
21
    background: #dde;
 
22
}
 
23
 
 
24
.classifySpecies{
 
25
    width: 275px;
 
26
}
 
27
 
 
28
.addAlienForm{
 
29
    width: 325px;
 
30
    margin-left: auto;
 
31
    margin-right: auto;
 
32
}
 
33
 
 
34
.weaponsForms{
 
35
    width: 374px;
 
36
}*/
 
37
/*
 
38
input,label,select{
 
39
    display:block;
 
40
}
 
41
 
 
42
label{
 
43
    margin-top:8px;
 
44
    overflow: auto;
 
45
    padding:0 10px;
 
46
}
 
47
 
 
48
input[type="submit"]{
 
49
    margin:10px;
 
50
}
 
51
 
 
52
input[type="text"],input[type="submit"], select{
 
53
    float:right;
 
54
}
 
55
 
 
56
input,select{
 
57
    width: 200px;
 
58
}
 
59
*/
 
60
form.classifySpecies input,label{
 
61
    float:none;
 
62
    margin:8px auto;
 
63
}
 
64
 
 
65
form.classifySpecies label{
 
66
    text-align: center;
 
67
}
 
68
 
 
69
tr{
 
70
    background: #ccc;
 
71
}
 
72
 
 
73
tr:nth-child(even) {
 
74
    background: #dde;
 
75
}
 
76
 
 
77
a:hover{
 
78
    text-decoration:underline;
 
79
}
 
80
 
 
81
#messages{
 
82
        /*margin: 2px 0;*/
 
83
}
 
84
 
 
85
.hiddenMsg{
 
86
        visibility:hidden;
 
87
        padding:10px 0 5px;
 
88
}
 
89
 
 
90
.userMsg,.errorMsg{
 
91
        visibility:visible;
 
92
    font-weight: bold;
 
93
        text-align:center;
 
94
        margin: 1px 0;
 
95
}
 
96
 
 
97
.userMsg{
 
98
        color:green;
 
99
}
 
100
 
 
101
.errorMsg{
 
102
        color:red;
 
103
}
 
104
 
 
105
.dataTable, .dataObjectTable{
 
106
        display: table;
 
107
    border:1px solid #000;
 
108
    margin-bottom: 20px;
 
109
}
 
110
 
 
111
.dataTable .tableHeader, .tableData{
 
112
        display: table-cell;
 
113
    border:1px solid #000;
 
114
    padding:2px 5px;
 
115
    white-space: nowrap;
 
116
    height: 20px;
 
117
}
 
118
 
 
119
.dataTable td,th{
 
120
    border:1px solid #000;
 
121
    padding:2px 5px;
 
122
    white-space: nowrap;
 
123
    height: 20px;
 
124
}
 
125
 
 
126
.dataTable td input{
 
127
    margin:0;
 
128
    padding:0 5px;
 
129
    /*width:100%;*/
 
130
}
 
131
/*
 
132
.dataTable .dataRow:hover{
 
133
    background-color: #FFF;
 
134
    cursor:pointer;
 
135
}
 
136
*/
 
137
 
 
138
.dataTable .dataRow{
 
139
    display:table-row;
 
140
}
 
141
 
 
142
.dataTable .headerRow{
 
143
        display:table-row;
 
144
    background-color: #bfbfbf; 
 
145
}
 
146
 
 
147
.dataTable .tableCaption{
 
148
    /*font-weight: bold;*/
 
149
        display:table-caption;
 
150
    color:#fff;
 
151
    background-color: #000;
 
152
    font-size:1.2em;
 
153
}
 
154
 
 
155
 
 
156
.dataTable caption{
 
157
    /*font-weight: bold;*/
 
158
    color:#fff;
 
159
    background-color: #000;
 
160
    font-size:1.2em;
 
161
}
 
162
 
 
163
.dataObjectTable caption{
 
164
    /*font-weight: bold;*/
 
165
    color:#fff;
 
166
    background-color: #000;
 
167
    font-size:1.2em;
 
168
}
 
169
 
 
170
.dataObjectTable label{
 
171
    display:block;
 
172
        float:left;
 
173
        padding:5px;
 
174
}
 
175
 
 
176
.dataObjectTable td,th{
 
177
        border:1px solid #000;
 
178
    padding:2px 5px;
 
179
    white-space: nowrap;
 
180
    height: 20px;
 
181
}
 
182
 
 
183
.dataObjectTable input[type="submit"]{
 
184
        margin:5px;
 
185
        float:right;
 
186
}
 
187
 
 
188
#wrapper{
 
189
    background-color: #ededed;
 
190
    /*overflow:auto;*/
 
191
        /*width:100%*/
 
192
        display:inline-block;
 
193
    margin: 15px 0 50px;
 
194
        min-width:100%;
 
195
}
 
196
 
 
197
#menu, #content, #footer{
 
198
    border:1px solid #999;
 
199
    background:#CCC;
 
200
}
 
201
 
 
202
table{
 
203
   overflow:auto;
 
204
}
 
205
 
 
206
#content{
 
207
    margin-bottom: 15px;
 
208
   /* overflow:auto;*/
 
209
        /*overflow:hidden;*/
 
210
 
 
211
    padding:15px;
 
212
    /*background-image: url('../images/ufo.png');*/
 
213
    background-repeat: no-repeat;
 
214
    background-position: center;
 
215
        /*width:100%;*/
 
216
}
 
217
 
 
218
#menu{
 
219
   /* margin-bottom: 15px;*/
 
220
    padding:5px;
 
221
    overflow: auto;
 
222
}
 
223
 
 
224
#menu form{
 
225
    display:block;
 
226
    float: left;
 
227
    margin:0;
 
228
    padding:0;
 
229
}
 
230
 
 
231
#menu form input{
 
232
    margin:0;
 
233
    padding:0;
 
234
    float:left;
 
235
}
 
236
 
 
237
#menu form.searchForm{
 
238
    display:block;
 
239
   
 
240
    float: left;
 
241
    margin:0 30px 0;
 
242
    padding:0;
 
243
}
 
244
 
 
245
#menu form.searchForm input{
 
246
    margin-top: 5px;
 
247
}
 
248
 
 
249
#menu a{
 
250
    font-weight: bold;
 
251
    color:#000;
 
252
    text-decoration: none;
 
253
    display:block;
 
254
    float: left;
 
255
    font-size: 1.5em;
 
256
    margin:5px;
 
257
    padding:0;
 
258
    /*border:1px solid #ccc;*/
 
259
    border-radius:3px;
 
260
}
 
261
 
 
262
#menu a:hover{
 
263
    background-color: #fff;
 
264
     /*box-shadow: 5px 5px #000;*/
 
265
    /*border:1px solid #eee;*/
 
266
    box-shadow: -5px -5px 15px #fff, 5px -5px 20px #fdfdfd, 5px 5px 15px #fcfcfc, -5px 5px 20px #fcfcfc;
 
267
}
 
268
 
 
269
#menu .logoutForm{
 
270
    float: right;
 
271
}
 
272
 
 
273
#menu a.currentLink{
 
274
    background-color: #eee;
 
275
     box-shadow: -5px -5px 20px #eee, 5px -5px 15px #ededed, 5px 5px 20px #ececec, -5px 5px 15px #ececec;
 
276
    /*border:1px solid #999;*/
 
277
}
 
278
 
 
279
#footer{
 
280
    padding:15px;
 
281
}
 
282
 
 
283
#footer p{
 
284
    text-align: center;
 
285
}