Differences From Artifact [f7cdff05c5]:

To Artifact [fa2c2e334b]:


196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211





212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249





250
251
252
253
254
255
256
257






258
259
260
261
262
263
264
    color: #990;
}

.alert p, .error p, .confirm p {
    margin-bottom: .8em;
}

p.alert, div.alert, p.error, div.error, p.confirm, div.confirm {
    border: 1px solid #ccc;
    padding: .5em;
    margin-bottom: 1em;
    border-radius: .3em;
    padding-left: 3em;
    position: relative;
}






p.error, div.error {
    border-color: #c00;
    background-color: #fcc;
}

p.confirm, div.confirm {
    border-color: #0c0;
    background-color: #cfc;
}

p.alert, div.alert {
    border-color: #cc0;
    background-color: #ffc;
}

p.confirm::before, div.confirm::before, p.alert::before, div.alert::before, p.error::before, div.error::before {
    font-family: "gicon";
    left: .5em;
    top: .2em;
    position: absolute;
    font-size: 1.5em;
    text-shadow: 2px 2px 5px #666;
}

p.confirm::before, div.confirm::before {
    content: "☑";
    color: green;
}

p.alert::before, div.alert::before {
    content: "⚠";
    color: yellow;
}

p.error::before, div.error::before {
    content: "⚠";
    color: red;
}






.help {
    color: #666;
}

p.help {
    margin: 1em;
}







dd em.help {
    margin-left: 1em;
}

dd.help li {
    list-style-type: disc;







|








>
>
>
>
>
|




|




|
|
|


|








|




|




|



>
>
>
>
>








>
>
>
>
>
>







196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
    color: #990;
}

.alert p, .error p, .confirm p {
    margin-bottom: .8em;
}

.alert.block, .error.block, .confirm.block, .help.block {
    border: 1px solid #ccc;
    padding: .5em;
    margin-bottom: 1em;
    border-radius: .3em;
    padding-left: 3em;
    position: relative;
}

.alert.block {
    border-color: #cc0;
    background-color: #ffc;
}

.error.block {
    border-color: #c00;
    background-color: #fcc;
}

.confirm.block {
    border-color: #0c0;
    background-color: #cfc;
}

.help.block {
    border-color: #999;
    background-color: #eee;
}

.confirm.block::before, .alert.block::before, .error.block::before, .help.block::before {
    font-family: "gicon";
    left: .5em;
    top: .2em;
    position: absolute;
    font-size: 1.5em;
    text-shadow: 2px 2px 5px #666;
}

.confirm.block::before {
    content: "☑";
    color: green;
}

.alert.block::before {
    content: "⚠";
    color: yellow;
}

.error.block::before {
    content: "⚠";
    color: red;
}

.help.block::before {
    content: "❓";
    color: #666;
}

.help {
    color: #666;
}

p.help {
    margin: 1em;
}

.help ul li {
    list-style-type: disc;
    margin: .5em;
    margin-left: 2em;
}

dd em.help {
    margin-left: 1em;
}

dd.help li {
    list-style-type: disc;
951
952
953
954
955
956
957


958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977

978
979
980
981
982
983
984

h2.ruler:after {
    left: 0.5em;
    margin-right: -50%;
}

.icn-btn {


    border: 1px solid #9c4f15;
    border-color: rgba(var(--gSecondColor), 0.5);
    font-size: inherit;
    border-radius: .2em;
    padding: .2em .4em;
    margin: .2em .5em;
    display: inline-block;
    background-color: rgba(var(--gSecondColor), 0.1);
    text-shadow: none;
    white-space: pre;
    text-decoration: underline;
    color: #9c4f15;
    color: rgb(var(--gMainColor));
    transition: color .3s, background-color .3s;
}

.icn-btn[data-icon]:before {
    display: inline-block;
    text-shadow: 1px 1px 1px #999;
    font-family: "gicon", sans-serif;

    padding-right: .5em;
    font-size: 1.2em;
    line-height: .8em;
    vertical-align: middle;
    content: attr(data-icon);
}








>
>
|
|




<
<
<


<
<



|

<

>







967
968
969
970
971
972
973
974
975
976
977
978
979
980
981



982
983


984
985
986
987
988

989
990
991
992
993
994
995
996
997

h2.ruler:after {
    left: 0.5em;
    margin-right: -50%;
}

.icn-btn {
    display: inline-block;
    color: rgb(var(--gMainColor));
    border: 1px solid rgba(var(--gSecondColor), 0.5);
    background-color: rgba(var(--gSecondColor), 0.1);
    font-size: inherit;
    border-radius: .2em;
    padding: .2em .4em;
    margin: .2em .5em;



    white-space: pre;
    text-decoration: underline;


    transition: color .3s, background-color .3s;
}

.icn-btn[data-icon]:before, summary::after {
    display: inline-block;

    font-family: "gicon", sans-serif;
    text-shadow: 1px 1px 1px #999;
    padding-right: .5em;
    font-size: 1.2em;
    line-height: .8em;
    vertical-align: middle;
    content: attr(data-icon);
}

1361
1362
1363
1364
1365
1366
1367

1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380








1381
1382
1383
1384
1385
1386
1387
1388
1389
1390

1391
1392
1393
1394
1395
1396














    background: #fff;
}

details summary {
    list-style: none;
    padding: 0.2em 0.5em;
    transition: background-color .2s;

}

details summary:hover {
    cursor: pointer;
    background-color: rgba(var(--gMainColor), 0.1);
}

details summary::-webkit-details-marker {
    display: none;
}

details summary:before {
    content: "↓";








    font-size: 1.5rem;
    font-family: gicon;
    border-radius: .2em;
    padding: .2em .4em;
    margin: .2em .5em;
    display: inline-block;
    border-color: rgba(var(--gSecondColor), 0.5);
    background-color: rgba(var(--gMainColor), 0.1);
    color: rgb(var(--gMainColor));
    transition: color .3s, background-color .3s;

    float: right;
}

details[open] summary:before {
    content: "↑";
}





















>











|

>
>
>
>
>
>
>
>
|
<



<
<
<
<

>
|


|


>
>
>
>
>
>
>
>
>
>
>
>
>
>
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403

1404
1405
1406




1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
    background: #fff;
}

details summary {
    list-style: none;
    padding: 0.2em 0.5em;
    transition: background-color .2s;
    position: relative;
}

details summary:hover {
    cursor: pointer;
    background-color: rgba(var(--gMainColor), 0.1);
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    content: "↓";
    position: absolute;
    left: 0;
    top: 0;
    /* From .icn-btn */
    display: inline-block;
    color: rgb(var(--gMainColor));
    border: 1px solid rgba(var(--gSecondColor), 0.5);
    background: #fff;
    font-size: 1.5em;

    border-radius: .2em;
    padding: .2em .4em;
    margin: .2em .5em;




    transition: color .3s, background-color .3s;
    font-family: "gicon", sans-serif;
    text-shadow: 1px 1px 1px #999;
}

details[open] summary::after {
    content: "↑";
}

details summary:hover::after {
    background-color: rgb(var(--gMainColor));
    color: #fff;
}

details summary.block {
    padding-right: 4em;
}

details summary.block::after {
    right: 0;
    left: inherit;
}