3477c3ce7836918b3750fae6ae3e5b9977ab524e
[fnpeditor.git] / modules / documentCanvas / nodes.less
1 [document-node-element] {
2     font-size: 1px;
3 }
4 [document-text-element] {
5     font-size: 14px;
6     display: inline;
7     margin: 0 1px;
8     border: 1px solid white;
9 }
10
11 [wlxml-tag] {
12     float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */
13     border-color: white;
14     border-style:solid;
15     border-width:1px;
16     min-height:20px;
17     position:relative;
18     text-indent: 0;
19     padding: 1px 1px;
20 }
21
22 [wlxml-tag=span] {
23     display:inline;
24     min-width: 10px;
25 }
26
27 [wlxml-tag=header] [document-text-element] {
28     font-size: 13px;
29     font-weight: bold;
30     margin: 10px 0;
31 }
32
33 [wlxml-tag=section] {
34     margin-top: 10px;
35     margin-bottom: 10px;
36 }
37
38 [wlxml-tag=section] [wlxml-tag=section] {
39     margin-left:10px;
40 }
41
42 [wlxml-class|="cite"] {
43     font-style: italic;
44 }
45
46 [wlxml-class|="cite-code"] {
47     font-family: monospace;
48 }
49
50 [wlxml-class|="cite-code-xml"] {
51     color: blue;
52 }
53
54 [wlxml-tag=header] [wlxml-class=author] [document-text-element] {
55     font-size: 14px;
56 }
57
58 [wlxml-tag=header] [wlxml-class=title] [document-text-element] {
59     font-size:18px;
60 }
61
62 [wlxml-class|="uri"] {
63     color: blue;
64     text-decoration: underline;
65 }
66
67 [wlxml-class|="p"] {
68     text-indent: 1.5em;
69 }
70
71 [wlxml-class|="emph-tech"] {
72     font-style: italic;
73 }
74
75 [wlxml-tag=metadata] {
76     display:none;
77 }
78
79 [wlxml-class="list-items"] {
80
81      [wlxml-class="item"] {
82         display: list-item;
83         margin-left: 10px;
84         padding-left: 5px;
85     }
86 }
87
88 [wlxml-class="item"] {
89     [wlxml-class="list-items"] {
90         display: block;
91     }
92 }
93
94
95 [wlxml-class="list-items-enum"] {
96
97     counter-reset: myitem;
98
99     > [wlxml-class="item"] {
100         counter-increment: myitem;
101         margin-left: 10px;
102         padding-left: 5px;
103         
104         &:before {
105             content: counter(myitem) '. ';
106             margin-right:10px;
107             padding-right:10px;
108         }
109     }
110 }
111
112 .canvas-silent-item {
113     display: block !important;
114     counter-increment: none !important;
115     &:before {
116         content: normal !important;
117     }
118 }
119
120 [wlxml-class="table"] {
121
122     display: table;
123     border: 1px solid black;
124
125     [wlxml-class="row"] {
126         display: table-row;
127         border: 1px solid black;
128     }
129     [wlxml-class="cell"] {
130         display: table-cell;
131         border: 1px solid black;
132         padding: 5px;
133     }
134
135 }