Mercurial > hg > extraction-interface

comparison map/map.css @ 0:b12c99b7c3f0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
commit for previous development
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Mon, 19 Jan 2015 17:13:49 +0100
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:b12c99b7c3f0
1 body{
2 overflow:auto;
3 font-family: "Lucida Sans",Calibri, "Myriad Pro", Helvetica, Arial,Verdana !important;
4 }
5 body,input{
6 margin:0;
7 padding:0;
8 }
9 #leftWrapper,#rightWrapper{
10 display:inline-block;
11 vertical-align:top;
12 margin:0px;
13 }
14 #rightWrapper{
15 width:95vw;
16 margin-left:55px;
17 margin-top:10px;
18 margin-bottom:10px;
19 }
20 #leftWrapper{
21 position:fixed;
22 margin-left:10px;
23 margin-top:10px;
24 }
25 .container{
26 display:inline-block;
27 vertical-align:top;
28 width:100%;
29 }
30 #toolbarContainer{
31 width:40px;
32 }
33 #toolbarContainer .icon{
34 width:35px;
35 height:35px;
36 margin-bottom:5px;
37 display:inline-block;
38 background:#777;
39 -webkit-border-radius: 5px;
40 -moz-border-radius: 5px;
41 border-radius: 5px;
42 color:#fff;
43 cursor:pointer;
44 vertical-align:bottom;
45 text-align:center;
46 line-height:20px;
47 font-size:12px;
48 background: #777; /* Old browsers */
49 background: -moz-linear-gradient(top, #666 0%, #555 100%); /* FF3.6+ */
50 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#555)); /* Chrome,Safari4+ */
51 background: -webkit-linear-gradient(top, #666 0%,#555 100%); /* Chrome10+,Safari5.1+ */
52 background: -o-linear-gradient(top, #666 0%,#555 100%); /* Opera 11.10+ */
53 background: -ms-linear-gradient(top, #666 0%,#555 100%); /* IE10+ */
54 background: linear-gradient(to bottom, #666 0%,#555 100%); /* W3C */
55 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#555',GradientType=0 ); /* IE6-9 */
56
57 }
58 #toolbarContainer .selected{
59 background:#333;
60 box-shadow:inset 1px 4px 5px rgba(0%,0%,0%,1.0);
61 }
62 #toolbarContainer .icon img{
63 width:35px;
64 height:35px;
65 }
66 .overlay,.map,.pieChart,.timeline,.table{
67 padding:0px;
68 }
69 .pieChart{
70 z-index:19992;
71 }
72 .timeline{
73 z-index:19993;
74 }
75 .overlayLoader{
76 display:none;
77 }
78 .dataset{
79 z-index:19990;
80 }
81 .overlay{
82 z-index:19991;
83 }
84 .about{
85 z-index:19994;
86 }
87 #datasetContainer,#overlayContainer{
88 background:#fff;
89 height:auto;
90 padding:10px;
91 width:250px;
92 }
93 .option{
94 height:auto;
95 color:#888;
96 margin-bottom:5px;
97 }
98 .label{
99 display:inline-block;
100 width:220px;
101 text-align:left;
102 font-weight:normal;
103 }
104 input[type="checkbox"]{
105 margin-right:5px;
106 vertical-align:top;
107 margin-top:5px;
108 }
109 #mapContainer{
110 background:#fff;
111 height:600px;
112 }
113 .pieChart .content, #pieChartContainer{
114 background:#fff;
115 width:600px;
116 height:450px;
117 }
118 #pieChartsDivID > div:nth-child(odd){
119 padding-top:10px;
120 }
121 #pieChartsDivID > div:nth-child(odd){
122 padding-bottom:5px;
123 }
124 #pieChartsDivID div{
125 background:#fff;
126 }
127 .timeline .content, #timelineContainer{
128 background:#fff;
129 width:93vw;
130 height:400px;
131 }
132 #tableContainer{
133 margin-top:10px;
134 background:#fff;
135 }
136 #aboutContainer{
137 padding:10px;
138 }
139 .about .content{
140 background:#fff;
141 width:600px;
142 height:auto;
143 }
144 .legend > table, .legend > div {
145 width: 200px !important;
146 height: 150px !important;
147 display: block;
148 overflow-y: scroll;
149 position: absolute;
150 margin-right:30px;
151 bottom: 0px;
152 font-size: 12px;
153 }
154 #tableContainer .tableTabs .tableTab .removeDataset{
155 /*display:none;*/
156 }
157 #tableContainer .tableTabs .tableTab{
158 vertical-align:top;
159 }