|
725
|
1 /*
|
|
778
|
2 * CSS style file for digilib SVG measuring tool
|
|
725
|
3 *
|
|
|
4 * Martin Raspe, Robert Casties, 11.1.2011
|
|
|
5 */
|
|
778
|
6 body {
|
|
|
7 background: silver;
|
|
|
8 font-family: Tahoma, Helvetica, Arial;
|
|
|
9 }
|
|
|
10
|
|
|
11 div#svg-toolbar {
|
|
781
|
12 color: grey;
|
|
778
|
13 background-color: grey;
|
|
|
14 position: fixed;
|
|
781
|
15 left: 8px;
|
|
|
16 bottom: 8px;
|
|
|
17 border: 1px solid black;
|
|
782
|
18 z-index: 1000;
|
|
781
|
19 }
|
|
|
20
|
|
|
21 span.svg-label {
|
|
|
22 font-size: 12px;
|
|
|
23 padding: 0px 3px;
|
|
|
24 color: silver;
|
|
|
25 background-color: grey;
|
|
|
26 }
|
|
|
27
|
|
|
28 span.svg-number {
|
|
|
29 font-size: 12px;
|
|
|
30 padding: 0px 3px;
|
|
|
31 display: inline-block;
|
|
|
32 width: 50px;
|
|
|
33 background-color: grey;
|
|
|
34 color: white;
|
|
782
|
35 text-align: right;
|
|
778
|
36 }
|
|
726
|
37
|
|
778
|
38 select {
|
|
781
|
39 font-size: 12px;
|
|
|
40 padding: 0px 3px;
|
|
|
41 margin: 0px;
|
|
|
42 display: inline-block;
|
|
778
|
43 background-color: grey;
|
|
|
44 color: lightgreen;
|
|
781
|
45 border: none;
|
|
778
|
46 }
|
|
725
|
47
|
|
789
|
48 option.section {
|
|
|
49 border-bottom: 1px dotted grey;
|
|
|
50 padding-left: 10px;
|
|
|
51 }
|
|
|
52
|
|
781
|
53 input.svg-input {
|
|
|
54 width: 50px;
|
|
778
|
55 font-size: 12px;
|
|
781
|
56 padding: 0px 3px;
|
|
|
57 margin: 0px;
|
|
|
58 display: inline-block;
|
|
|
59 background-color: grey;
|
|
|
60 color: lightgreen;
|
|
|
61 border: none;
|
|
782
|
62 text-align: right;
|
|
778
|
63 }
|
|
|
64
|
|
781
|
65 select:hover, select:active, select:focus,
|
|
|
66 input.svg-input:hover, input.svg-input:active, input.svg-input:focus {
|
|
|
67 background-color: white;
|
|
|
68 color: black;
|
|
778
|
69 }
|
|
|
70
|
|
|
71 div.digilib {
|
|
|
72 margin: 0px;
|
|
725
|
73 }
|
|
|
74
|
|
778
|
75 div.svg {
|
|
|
76 position: absolute;
|
|
|
77 background: transparent;
|
|
725
|
78 }
|
|
|
79
|
|
778
|
80 td {
|
|
|
81 vertical-align: top;
|
|
|
82 }
|
|
|
83
|
|
|
84 div#test:hover {
|
|
|
85 background-color: cornsilk;
|
|
|
86 }
|
|
725
|
87
|
|
778
|
88 #debug {
|
|
|
89 background-color: beige;
|
|
|
90 position: absolute;
|
|
|
91 opacity: 50%;
|
|
|
92 top: 4px;
|
|
|
93 left: 300px;
|
|
|
94 width: 500px;
|
|
|
95 padding: 0px 5px;
|
|
|
96 font-family: Arial;
|
|
|
97 font-size: 9px;
|
|
|
98 display: none;
|
|
|
99 }
|
|
725
|
100
|
|
778
|
101 div._log {
|
|
|
102 color: grey;
|
|
|
103 }
|
|
725
|
104
|
|
778
|
105 div._debug {
|
|
|
106 color: darkgreen;
|
|
|
107 }
|
|
765
|
108
|
|
778
|
109 div._error {
|
|
|
110 color: red;
|
|
|
111 }
|
|
|
112
|
