9421482d27dae4fb6b9450d92a292bdba89ceb2f
[fnpeditor.git] / src / editor / modules / documentCanvas / documentCanvas.less
1 @import 'nodes.less';
2 @import 'canvas/widgets.less';
3
4 #rng-module-documentCanvas {
5    height: 100%;
6 }
7
8 #rng-module-documentCanvas-mainArea {
9    height: 100%;
10    margin-bottom: 20px;
11 }
12
13 #rng-module-documentCanvas-contentWrapper {
14     border-color: #ddd;
15     border-style: solid;
16     border-width: 1px;
17     float:left;
18     width: 100%;
19     height: 100%;
20     overflow-y: scroll;
21     padding: 0 10px;
22     
23     &::-webkit-scrollbar {
24         .rng-mixin-scrollbar;
25     }
26     &::-webkit-scrollbar-track {
27         .rng-mixin-scrollbar-track;
28     }
29     &::-webkit-scrollbar-thumb {
30         .rng-mixin-scrollbar-thumb;
31     }
32     &::-webkit-scrollbar-thumb:window-inactive {
33         .rng-mixin-scrollbar-thumb-window-inactive;
34     }
35     
36     .canvas-wrapper {
37         outline: 0px solid transparent;
38     }
39
40     .current-text-element {
41     }
42
43     .current-node-element {
44         border-color: lighten(#000, 35%);
45         border-style: solid;
46         border-width: 1px;
47     }
48
49     .current-node-element[wlxml-tag="span"] {
50         border: none;
51     }
52
53     .highlighted-element {
54         border: 1px solid lighten(#000, 15%);
55     }
56     
57     .highlighted-element[wlxml-tag="span"] {
58         border: none;
59     }
60
61     counter-reset: footnote;
62 }
63
64 .rng-module-documentCanvas-currentNode {
65     background: #fffacd;
66     border-color: grey;
67     border-style:dashed;
68     border-width:1px;
69 }
70
71 .rng-module-documentCanvas-hoveredNodeTag {
72     position:absolute;
73     height:20px;
74     top:-20px;
75     left:0;
76     background: #bd362f;
77     color: white;
78     font-size:9px;
79     font-weight: normal;
80     font-style: normal;
81     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
82     padding: 0 5px;
83     text-indent: 0;
84 }
85
86 [document-node-element] {
87     position:relative;
88     border: 1px solid transparent;
89 }