Projet

Général

Profil

Paste
Télécharger (3,13 ko) Statistiques
| Branche: | Révision:

root / css / map.css @ e5dbdbd0

1
* {
2
    font-family:Arial, Verdana, sans-serif;
3
    padding:0;
4
    margin:0;
5
}
6

    
7
body {
8
    overflow:hidden;
9
}
10

    
11
#mon-canvas {
12
    background-color:#44F;
13
    margin:auto;
14
    display:block;
15
}
16

    
17
#info {
18
    display:none;
19
    background-color:#FF0;
20
    border:1px red solid;
21
    position:absolute;
22
    margin:1em;
23
    padding:0.2em 0.5em;
24
    border-radius:0.5em;
25
}
26

    
27
#insert {
28
    display:none;
29
    background-color:#F88;
30
    border:1px red solid;
31
    position:absolute;
32
}
33

    
34
label {
35
    display:block;
36
    clear:both;
37
}
38

    
39
legend {
40
    opacity:1;
41
    background-color:#F88;
42
    border:solid #F00 1px;
43
    border-radius:0.5em;
44
    padding:0 1em;
45
    text-shadow:2px 2px 2px #000, -2px -2px 2px #000;
46
}      
47

    
48
legend:hover {
49
    color:#FF0;
50
    cursor:default;
51
}
52

    
53
img {vertical-align:middle}
54

    
55
input {
56
    vertical-align:middle;
57
}
58

    
59
input[type="number"] {
60
    border-radius:1em;
61
    display:block;
62
    float:right;
63
    width:10ex;
64
}
65

    
66
input[type="submit"],
67
input[type="reset"],
68
input[type="button"] {
69
    border-radius:0.4rem;
70
    padding:0.2em 1em;
71
    margin:0.2em;
72
}
73

    
74
input[type="checkbox"] {
75
    margin:0 1em;
76
}
77

    
78
#params {
79
    padding:0.2em 0.5em;
80
    border-radius:0.5em;
81
    background-color:rgba(128,128,128,0.5);
82
    border:solid #00F 1px;
83
    position:absolute;
84
    top:1em;
85
    right:2em;
86
    min-width:10em;
87
    color:#FFF;
88
}
89

    
90
#params em {        
91
    display:block;
92
    float:right;
93
    background-color:#88F;
94
    border-radius:0.5em;
95
    padding:0 0.5em;
96
    color:#FF0;
97
}
98

    
99
#loca_show {
100
    text-shadow:2px 2px 2px #000, -2px -2px 2px #000;
101
    color:#FFF;
102
    float:left;
103
    position:absolute;
104
    bottom:1em;
105
    left:1em;
106
    cursor:pointer;
107
    padding:0.2em 0.5em;
108
    padding:0 1em; 
109
}
110

    
111
#addParams {
112
    text-shadow:2px 2px 2px #000, -2px -2px 2px #000;
113
    color:#FFF;
114
    position:absolute;
115
    top:1em;
116
    right:2em;
117
    border:solid #F00 1px;
118
    border-radius:0.5em;
119
    padding:0.2em 0.5em;
120
    background-color:#F88; 
121
    padding:0 1em;
122
}
123

    
124
#addParams label {
125
    border-radius:0.5em;
126
    padding:0 1em;
127
}
128

    
129
#addParams label:hover {
130
    color: #FF0; 
131
}
132

    
133
fieldset {
134
    border:solid #F00 1px;
135
    border-radius:0.5em;
136
    padding:0 0.5em;
137
    color:#FFF;
138
    position:absolute;
139
    background-color:rgba(128,128,128,0.5);
140
}
141

    
142
fieldset#control {
143
    top:1em;
144
    left:2em;
145
    padding:0.2em 0.5em;
146
}
147

    
148

    
149
fieldset#locadraw {
150
    bottom:1em;
151
    left:1em;
152
    visibility:hidden;
153
    min-width:10em;
154
}
155

    
156
fieldset#adding {
157
    top:1em;
158
    right:2em;
159
    visibility: hidden;
160
}
161

    
162
#form_param label {        
163
    text-shadow:2px 2px 2px #000, -2px -2px 2px #000;
164
}
165
 
166

    
167
input:focus {
168
  background-color:#004;
169
  color:#FFF;
170
  border-color:#F00;
171
}
172
 
173
.validators {
174
    text-align:center;
175
    background-color:rgba(50%,50%,50%,0.5);
176
    border:solid 1px #F55;
177
    border-radius:0.5em;
178
    border-width:1px;
179
    position:absolute;
180
    bottom:1em;
181
    left:45%;
182
    padding:0.2em 0.5em;
183
    font-size:80%;
184
}
185

    
186
.validators img {height:1em}
187

    
188
#res {
189
    padding:0.2em 0.4em;
190
    color:#FF8;
191
    position:absolute;
192
    bottom:1em;
193
    right:2em;
194
    background-color:rgba(0,0,0,0.3);
195
    border:solid #FFF 1px;
196
}
197

    
198
#res:empty {display:none}
199

    
200
#res li {
201
    list-style-type: none;
202
    color:#FFF;
203
    background-color:rgba(100,0,0,0.5);
204
}