/lenasys/0.1

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/0.1

« back to all changes in this revision

Viewing changes to trunk/DuggaSys/quizAjax/css/app.css

  • Committer: Henrik G.
  • Date: 2013-03-26 23:22:55 UTC
  • Revision ID: henrik.gustavsson@his.se-20130326232255-ik6snyatlbkf3zs1
First seed of Lenasys ... Needs to be Organized Further

Show diffs side-by-side

added added

removed removed

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