68
69
70
71
72
73
74
75
76
77
78
79
80
81
...
339
340
341
342
343
344
345
346
347
348
349
350
351
352
...
522
523
524
525
526
527
528
529
530
531
532
533
534
535
...
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
|
padding: 0.1in 0.2in;
border: 1px solid black;
color: tone(25%);
text-shadow: 1px 1px black;
text-decoration: none;
text-align: center;
cursor: default;
background: linear-gradient(to bottom,
tone(-47%),
tone(-50%) 15%,
tone(-50%) 75%,
tone(-53%)
);
&:hover, &:focus {
................................................................................
.message {
@extend %box;
display: block;
width: 4in;
margin:auto;
padding: 0.5in;
text-align: center;
}
div.login {
@extend %box;
width: 4in;
padding: 0.4in;
> .msg {
................................................................................
background: linear-gradient(to right, tone(-50%), transparent);
margin-left: -0.4in;
padding-left: 0.2in;
text-shadow: 0 2px 0 black;
}
}
body.conf main {
display: grid;
grid-template-columns: 2in 1fr;
grid-template-rows: max-content 1fr;
> menu {
margin-left: -0.25in;
grid-column: 1/2; grid-row: 1/2;
................................................................................
}
&.vertical-float {
flex-flow: column;
float: right;
width: 40%;
margin-left: 0.1in;
}
> %button { display: block; margin: 2px; flex-grow: 1 }
}
.check-panel {
display: flex;
flex-flow: row wrap;
> label {
display: block;
|
|
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
...
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
...
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
...
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
|
padding: 0.1in 0.2in;
border: 1px solid black;
color: tone(25%);
text-shadow: 1px 1px black;
text-decoration: none;
text-align: center;
cursor: default;
user-select: none;
background: linear-gradient(to bottom,
tone(-47%),
tone(-50%) 15%,
tone(-50%) 75%,
tone(-53%)
);
&:hover, &:focus {
................................................................................
.message {
@extend %box;
display: block;
width: 4in;
margin:auto;
padding: 0.5in;
text-align: center;
menu:first-of-type { margin-top: 0.3in; }
}
div.login {
@extend %box;
width: 4in;
padding: 0.4in;
> .msg {
................................................................................
background: linear-gradient(to right, tone(-50%), transparent);
margin-left: -0.4in;
padding-left: 0.2in;
text-shadow: 0 2px 0 black;
}
}
menu { all: unset; display: block; }
body.conf main {
display: grid;
grid-template-columns: 2in 1fr;
grid-template-rows: max-content 1fr;
> menu {
margin-left: -0.25in;
grid-column: 1/2; grid-row: 1/2;
................................................................................
}
&.vertical-float {
flex-flow: column;
float: right;
width: 40%;
margin-left: 0.1in;
}
> %button {
flex-basis: 0;
flex-grow: 1;
display: block; margin: 2px;
}
}
.check-panel {
display: flex;
flex-flow: row wrap;
> label {
display: block;
|