/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: Daniel Johansson
  • Date: 2013-03-28 14:01:33 UTC
  • mto: (4.7.5 GammaBear)
  • mto: This revision was merged to the branch mainline in revision 6.
  • Revision ID: maila@danieljohansson.nu-20130328140133-j2mugl3t6x25bxjc
Uppdaterat DuggaSys till att följa kodstandard utseendemässigt. Namnkonventioner kvar.

Show diffs side-by-side

added added

removed removed

Lines of Context:
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
 
 
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;
 
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;
238
236
}