source: main/trunk/greenstone3/web/interfaces/default/style/map-editors.css@ 33042

Last change on this file since 33042 was 33042, checked in by ak19, 5 years ago

Martin's Map Editor commits. First phase of Dr Bainbridge's requests: 1. shape colour controls are no longer 2 lines, merged into one. This was a fix to the css file. 2. Removed the themes dropdown menu. 3. Moved the thickness and opacity sliders' value display from a 2nd row to just in front of their sliders (and percent sign is now sensibly placed AFTER the number). Future commits to contain input fields for thickness and opacity sliders.

File size: 1.4 KB
Line 
1/* Always set the map height explicitly to define the size of the div
2* element that contains the map. */
3#map {
4 height: 83%;
5 width: 90;
6 float: bottom;
7 clear: both;
8}
9
10 /* Optional: Makes the sample page fill the window. */
11html, body {
12 height: 100%;
13 width: 99%;
14 margin: 0;
15 padding: 0;
16
17}
18
19.ControlPanel{
20 display: inline-block;
21 border: 2px #739346 solid;
22 padding: 9px;
23 padding-top: 5px;
24 padding-bottom: 0px;
25 border-radius: 40px;
26 margin: 5px;
27}
28
29
30
31#ControlButtons{
32 margin: auto;
33 display: inline-block;
34 float: left;
35 padding-left: 10px;
36 padding-top: 5px;
37
38
39}
40
41#LineThickness{
42 display: inline-block;
43 float: left;
44 margin-left: 3px;
45 margin-right: 3px;
46
47}
48
49#ColourOpacity{
50 display: inline-block;
51 float: left;
52 margin-left: 3px;
53 margin-right: 3px;
54}
55
56#buttons3{
57 display: inline-block;
58 float: left;
59 padding-left: 10px;
60
61}
62
63#FillColour {
64 /*display: inline;
65 float: left;*/
66 padding-left: 10px;
67}
68
69#color-palette1 {
70 vertical-align: middle;
71 display: inline;
72}
73
74#ThirdRow {
75 clear: left;
76}
77
78#SecondRow> div > p{
79 margin: 5px;
80}
81
82#FillColour > p {
83 margin-top: 5px;
84 display: flex;
85 float: left;
86}
87.color-buttons1 {
88 width: 14px;
89 height: 14px;
90 font-size: 0;
91 margin: 2px;
92 margin-top: 5px;
93 margin-left: 10px;
94 float: left;
95 display: inline;
96 cursor: pointer;
97}
Note: See TracBrowser for help on using the repository browser.