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