@@ -26,13 +26,13 @@ select,option,input,textarea{filter:grayscale(.1) brightness(.94)}
26
26
select : active , textarea : active : not ([readonly ]), input : active {filter : grayscale (0 ) brightness (1 )}
27
27
select : disabled , textarea : disabled , input : disabled {filter : grayscale (1 ) brightness (.5 )}
28
28
select : focus , textarea : focus , input : focus , select : hover , textarea : hover : not ([readonly ]), input : hover {filter : grayscale (0 ) brightness (1 )}
29
- .mainbox {display : flex;flex-direction : row;gap : auto;justify-content : center;align-items : start }
29
+ .mainbox {display : flex;flex-direction : row;gap : auto;flex-basis : 100 % ; justify-content : center;align-items : stretch }
30
30
nav {display : flex;flex-direction : column;gap : 2px ;justify-content : start;align-items : start;font-size : calc ((14px * {magnification}) + .03vw );flex- basis : 20%;flex- shrink: 2;flex- grow: 1;letter- spacing: calc(1px + .03vw)}
31
31
nav a : not (.idx a ){display : block}
32
32
main {flex-basis : 80% ;flex-shrink : 1 ;flex-grow : 2 }
33
33
.subNav {display : block;text-align : center;font-size : calc ((10px * {magnification}) + .03vw );color : rgba(204, 221, 238, .6);text- shadow: 2px 2px 1px rgba(255, 255, 255, .2)}
34
34
table{table-layout : fixed}
35
- table , .spanner { width : 100 % }
35
+ table , .spanner , . flexstretch { align-self : stretch }
36
36
textarea {height : 150px }
37
37
textarea .half {height : 75px }
38
38
textarea {width : calc (100% - 10px )}
@@ -157,5 +157,10 @@ input[type=checkbox],input[type=radio]{accent-color:#89b}
157
157
.clockSeconds {background-image : url (data:image/svg+xml;base64, {Base64Encode}{Asset: clockseconds.svg}{/ Base64Encode});position : relative;inset : 0 -32px }
158
158
.clockFace {background-image : url (data:image/svg+xml;base64, {Base64Encode}{Asset: clockface.svg}{/ Base64Encode});position : relative;inset : 0 -48px }
159
159
.col {display : flex;flex-direction : column;gap : 2px ;justify-content : start;align-items : start;flex-basis : 100% ;width : 100% }
160
+ .col > .ng1 , .col > .ng2 , .flexstretch {width : calc (100% - 10px )}
160
161
.configInitPos {transform : scaleY (0 );transform-origin : top center;opacity : 0 ;max-height : 0 ;margin-top : -2px }
161
162
.configOpenPos {transform : scaleY (1 );transform-origin : top center;opacity : 1 ;max-height : auto}
163
+ .spanner + table , .toggleTable {margin : -2px -2px 0 -2px }
164
+ .spanner + table ~ table {margin : -4px -2px 0 -2px }
165
+ .col > form {display : contents}
166
+ input [type = hidden ], script {display : none}
0 commit comments