/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:49:25 UTC
  • Revision ID: henrik.gustavsson@his.se-20130326234925-k2x3geqkhck4pmuq
Updated slider library

Show diffs side-by-side

added added

removed removed

Lines of Context:
trunk/DuggaSys/quizAjax/css/app.css
1
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;
 
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
35
}
36
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;
 
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
53
}
54
54
 
55
55
input,select{
56
 
        width: 200px;
 
56
    width: 200px;
57
57
}
58
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;
 
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
70
}
71
71
 
72
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;
 
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
128
        float:left;
129
129
        padding:5px;
130
130
}
131
131
 
132
 
.dataObjectTable td,th {
 
132
.dataObjectTable td,th{
133
133
        border:1px solid #000;
134
 
        padding:2px 5px;
135
 
        white-space: nowrap;
136
 
        height: 20px;
 
134
    padding:2px 5px;
 
135
    white-space: nowrap;
 
136
    height: 20px;
137
137
}
138
138
 
139
 
.dataObjectTable input[type="submit"] {
 
139
.dataObjectTable input[type="submit"]{
140
140
        margin:5px;
141
141
        float:right;
142
142
}
143
143
 
144
 
#wrapper {
145
 
        background-color: #ededed;
146
 
        /*overflow:auto;*/
 
144
#wrapper{
 
145
    background-color: #ededed;
 
146
    /*overflow:auto;*/
147
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;
 
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
163
        /*overflow:hidden;*/
164
 
        padding:15px;
165
 
        /*background-image: url('../images/ufo.png');*/
166
 
        background-repeat: no-repeat;
167
 
        background-position: center;
168
 
}
169
 
 
170
 
#menu {
171
 
        margin-bottom: 15px;
172
 
        padding:5px;
173
 
        overflow: auto;
174
 
}
175
 
 
176
 
#menu form {
177
 
        display:block;
178
 
        float: left;
179
 
        margin:0;
180
 
        padding:0;
181
 
}
182
 
 
183
 
#menu form input {
184
 
        margin:0;
185
 
        padding:0;
186
 
        float:left;
187
 
}
188
 
 
189
 
#menu form.searchForm {
190
 
        display:block;
191
 
        float: left;
192
 
        margin:0 30px 0;
193
 
        padding:0;
194
 
}
195
 
 
196
 
#menu form.searchForm input {
197
 
        margin-top: 5px;
198
 
}
199
 
 
200
 
#menu a {
201
 
        font-weight: bold;
202
 
        color:#000;
203
 
        text-decoration: none;
204
 
        display:block;
205
 
        float: left;
206
 
        font-size: 1.5em;
207
 
        margin:5px;
208
 
        padding:0;
209
 
        /*border:1px solid #ccc;*/
210
 
        border-radius:3px;
211
 
}
212
 
 
213
 
#menu a:hover {
214
 
        background-color: #fff;
215
 
        /*box-shadow: 5px 5px #000;*/
216
 
        /*border:1px solid #eee;*/
217
 
        box-shadow: -5px -5px 15px #fff, 5px -5px 20px #fdfdfd, 5px 5px 15px #fcfcfc, -5px 5px 20px #fcfcfc;
218
 
}
219
 
 
220
 
#menu .logoutForm {
221
 
        float: right;
222
 
}
223
 
 
224
 
#menu a.currentLink {
225
 
        background-color: #eee;
226
 
        box-shadow: -5px -5px 20px #eee, 5px -5px 15px #ededed, 5px 5px 20px #ececec, -5px 5px 15px #ececec;
227
 
        /*border:1px solid #999;*/
228
 
}
229
 
 
230
 
#footer {
231
 
        padding:15px;
232
 
}
233
 
 
234
 
#footer p {
235
 
        text-align: center;
 
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;
236
238
}