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