69808eae948854bc9a9bec0ecd60b199fc637c25
[fnpeditor.git] / modules / documentCanvas / documentCanvas.less
1 @import 'nodes.less';
2
3 #rng-module-documentCanvas {
4    height: 100%;
5 }
6
7 #rng-module-documentCanvas-mainArea {
8    height: 100%;
9    margin-bottom: 20px;
10 }
11
12 #rng-module-documentCanvas-contentWrapper {
13     border-color: #ddd;
14     border-style: solid;
15     border-width: 1px;
16     float:left;
17     width: 100%;
18     height: 100%;
19     overflow-y: scroll;
20     padding: 0 10px;
21     
22     &::-webkit-scrollbar {
23         .rng-mixin-scrollbar;
24     }
25     &::-webkit-scrollbar-track {
26         .rng-mixin-scrollbar-track;
27     }
28     &::-webkit-scrollbar-thumb {
29         .rng-mixin-scrollbar-thumb;
30     }
31     &::-webkit-scrollbar-thumb:window-inactive {
32         .rng-mixin-scrollbar-thumb-window-inactive;
33     }
34     
35     .canvas-wrapper {
36         outline: 0px solid transparent;
37     }
38
39     .current-text-element {
40         outline: 1px dashed black;
41     }
42
43     .current-node-element {
44         border-color: lighten(#000, 15%);
45         border-style: solid;
46         border-width: 1px;
47     }
48
49     .highlighted-element {
50         border: 1px solid red;
51     }
52
53
54     .canvas-widgets {
55         display: inline;
56     }
57
58     .canvas-widget {
59         display: none;
60     }
61
62     .canvas-widget-label {
63         position: absolute;
64         display: none;
65         top: -20px;
66         left:0;
67         background-color: red;
68         color: white;
69         font-size:12px;
70         font-weight: bold;
71         padding: 1px 3px;
72         //width:300px;
73         opacity: 0.65;
74         font-family: monospace;
75         z-index:9999;
76         white-space: nowrap;
77     }
78 }
79
80 .rng-module-documentCanvas-currentNode {
81     background: #fffacd;
82     border-color: grey;
83     border-style:dashed;
84     border-width:1px;
85 }
86
87 .rng-module-documentCanvas-hoveredNodeTag {
88     position:absolute;
89     height:20px;
90     top:-20px;
91     left:0;
92     background: #bd362f;
93     color: white;
94     font-size:9px;
95     font-weight: normal;
96     font-style: normal;
97     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
98     padding: 0 5px;
99     text-indent: 0;
100 }
101
102 [document-node-element] {
103     position:relative;
104     border: 1px solid white;
105 }