editor: some refactoring & cleanup
[fnpeditor.git] / src / editor / modules / rng / editingLayout.less
1 .rng-module-rng2-left {
2     /*float: left;
3     width: 600px;*/
4 }
5
6 .rng-module-rng2-right {
7     /*float: right;
8     position: relative;
9     width: 258px;
10     margin-left: 50px;*/
11
12     border-width: 1px 1px 1px 1px;
13     border-style: solid;
14     border-color: #ddd;
15     padding: 5px 15px;
16     
17     p, td, label, input, select {
18         font-size: 11px;
19         line-height:13px;
20     }
21     
22     select {
23         -webkit-appearance: button;
24         -moz-appearance: button;
25         appearance: button;
26         height: auto;
27         line-height: 14px;
28     }
29     
30     legend {
31         font-size:11px;
32         height:30px;
33     }
34     
35     
36     .rng-view-tabs-tabBar {
37         position:absolute;
38         top:-1px;
39         right:-50px;
40         border-width: 1px 1px 1px 0px;
41         border-style: solid;
42         border-color: #ddd;
43         padding: 5px;
44         background: #ededed;
45     }
46     
47     label + select {
48         position:relative;
49         top: 5px;
50     }
51
52 }
53
54 .rng-module-rng2-statusBar {
55     margin: 10px 5px;
56     font-size:0.9em;
57 }
58
59 .fnp-module-rng-editingLayout {
60
61     [fnpjs-place="statusBar"] {
62         position: absolute;
63         bottom: 0;
64         left: 0;
65         right: 0;
66         height: 30px;
67         
68     }
69     
70     [fnpjs-place="leftColumn"], [fnpjs-place="rightColumn"] {
71         position: absolute;
72         top: 30px; //
73         bottom: 50px; //
74     }
75     
76     [fnpjs-place="leftColumn"] {
77         left:0;
78         right: 320px;
79     }
80     
81     [fnpjs-place="rightColumn"] {
82         right: 0px;
83         width: 250px;
84         
85     }
86
87
88 }