editor: fixing, refactoring, improving styling in choice exercises
[fnpeditor.git] / src / editor / modules / rng / mainLayout.less
1 #rng-module-rng-mainLayout {
2     position: fixed;
3     top: 5px;
4     bottom: 5px;
5     left: 0px;
6     right: 0px;
7     
8     [fnpjs-place="messages"] {
9         position: absolute;
10         top: 5px;
11         width:100%;
12         text-align:center;
13     }
14     
15     [fnpjs-place="topPanel"] {
16         float: right;
17         position: relative;
18         z-index: 2;
19         margin-right: 60px;
20     }
21     
22     [fnpjs-place="mainView"] {
23         position: absolute;
24         top: 15px;
25         left:0;
26         right:0;
27         bottom:20px;
28         z-index: 1;
29         
30         > .rng-view-tabs {
31             position: relative;
32             height: 100%;
33             padding-left: 60px;
34
35             > .rng-view-tabs-content {
36                 position: absolute;
37                 top: 45px;
38                 left: 0;
39                 right: 0;
40                 bottom: 0;
41             }    
42         }
43         
44     }
45     [fnpjs-place="bottomPanel"] {
46         position: absolute;
47         bottom:0;
48         height: 20px;
49         width:100%
50     }
51 }