Browse Source

CSS tweaks

crobi 10 years ago
parent
commit
0e7ecb46db
3 changed files with 38 additions and 11 deletions
  1. 16
    0
      generator/css/card-size.css
  2. 16
    10
      generator/css/cards.css
  3. 6
    1
      generator/js/cards.js

+ 16
- 0
generator/css/card-size.css View File

54
     min-width:2.25in;
54
     min-width:2.25in;
55
     height:3.5in;
55
     height:3.5in;
56
 }
56
 }
57
+.card-size-225x35 .card-back-icon {
58
+    width: 1in;
59
+    height: 1in;
60
+}
57
 
61
 
58
 /* Poker / Magic card size */
62
 /* Poker / Magic card size */
59
 .card-size-25x35 {
63
 .card-size-25x35 {
61
     min-width:2.5in;
65
     min-width:2.5in;
62
     height:3.5in;
66
     height:3.5in;
63
 }
67
 }
68
+.card-size-25x35 .card-back-icon {
69
+    width: 1in;
70
+    height: 1in;
71
+}
64
 
72
 
65
 /* Poker / Magic card size */
73
 /* Poker / Magic card size */
66
 .card-size-35x50 {
74
 .card-size-35x50 {
68
     min-width:3.5in;
76
     min-width:3.5in;
69
     height:5.0in;
77
     height:5.0in;
70
 }
78
 }
79
+.card-size-35x50 .card-back-icon {
80
+    width: 1.5in;
81
+    height: 1.5in;
82
+}
71
 
83
 
72
 /* Landscape big card */
84
 /* Landscape big card */
73
 .card-size-75x50 {
85
 .card-size-75x50 {
75
     min-width:7.5in;
87
     min-width:7.5in;
76
     height:5.0in;
88
     height:5.0in;
77
 }
89
 }
90
+.card-size-75x50 .card-back-icon {
91
+    width: 2in;
92
+    height: 2in;
93
+}
78
 
94
 
79
 .page[size="A4"] .card-size-full3x3 {
95
 .page[size="A4"] .card-size-full3x3 {
80
     width:69mm;
96
     width:69mm;

+ 16
- 10
generator/css/cards.css View File

26
     background-color: white;
26
     background-color: white;
27
     border-radius: 4mm;
27
     border-radius: 4mm;
28
     border-color: inherit;
28
     border-color: inherit;
29
-    margin: 2mm;
29
+    margin: 1mm;
30
     flex: 1;
30
     flex: 1;
31
     display: flex;
31
     display: flex;
32
 }
32
 }
33
 
33
 
34
 .card-back-inner {
34
 .card-back-inner {
35
-    margin: 2mm;
35
+    margin: 3mm;
36
     border: 1mm solid;
36
     border: 1mm solid;
37
     border-color: inherit;
37
     border-color: inherit;
38
     border-radius: 4mm;
38
     border-radius: 4mm;
45
 }
45
 }
46
 
46
 
47
 .card-back-icon {
47
 .card-back-icon {
48
-    width: 30mm;
49
-    height: 30mm;
48
+    width: 1in;
49
+    height: 1in;
50
     border: 4mm solid;
50
     border: 4mm solid;
51
     border-color: inherit;
51
     border-color: inherit;
52
     border-radius: 4mm;
52
     border-radius: 4mm;
130
 .card-subtitle {
130
 .card-subtitle {
131
     height: 18px;
131
     height: 18px;
132
     line-height: 18px;
132
     line-height: 18px;
133
-    margin-bottom: 1mm;
133
+    margin-bottom: 0.0em;
134
     font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
134
     font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
135
     font-size: 10pt;
135
     font-size: 10pt;
136
     font-style: italic;
136
     font-style: italic;
163
 }
163
 }
164
 
164
 
165
 .card-p {
165
 .card-p {
166
-    margin-top: 0.0em;
167
-    margin-bottom: 0.5em;
168
-    font-size: inherit;
166
+
169
 }
167
 }
170
 
168
 
171
 .card-fill {flex:1;}
169
 .card-fill {flex:1;}
172
 
170
 
171
+.card-ruler + .card-description-line {
172
+    margin-top: 0.5em;
173
+}
174
+
173
 .card-description-line {
175
 .card-description-line {
174
     margin-bottom: 0.5em;
176
     margin-bottom: 0.5em;
175
     font-size: inherit;
177
     font-size: inherit;
178
 .card-description-name {
180
 .card-description-name {
179
     display: inline;
181
     display: inline;
180
     font-size: inherit;
182
     font-size: inherit;
183
+    font-style: italic;
184
+}
185
+.card-description-name::after {
186
+    content: ".";
181
 }
187
 }
182
 .card-description-text {
188
 .card-description-text {
183
     display: inline;
189
     display: inline;
186
 .card-ruler {
192
 .card-ruler {
187
     width: 100%;
193
     width: 100%;
188
     height: 1.0mm;
194
     height: 1.0mm;
189
-    margin-top: 0.5em;
190
-    margin-bottom: 0.2em;
195
+    margin-top: 0.3em;
196
+    margin-bottom: 0.3em;
191
 }
197
 }
192
 
198
 
193
 .card-bullet-line {
199
 .card-bullet-line {

+ 6
- 1
generator/js/cards.js View File

137
     return '<div>Unknown element: ' + params.join('<br />') + '</div>';
137
     return '<div>Unknown element: ' + params.join('<br />') + '</div>';
138
 }
138
 }
139
 
139
 
140
+function card_element_empty(params, card_data, options) {
141
+    return '';
142
+}
143
+
140
 var card_element_generators = {
144
 var card_element_generators = {
141
     subtitle: card_element_subtitle,
145
     subtitle: card_element_subtitle,
142
     property: card_element_property,
146
     property: card_element_property,
146
     text: card_element_text,
150
     text: card_element_text,
147
     bullet: card_element_bullet,
151
     bullet: card_element_bullet,
148
     fill: card_element_fill,
152
     fill: card_element_fill,
149
-    section: card_element_section
153
+    section: card_element_section,
154
+    disabled: card_element_empty
150
 };
155
 };
151
 
156
 
152
 // ============================================================================
157
 // ============================================================================

Loading…
Cancel
Save