web-base-css.inc

00001 "                            * { font-size:6vw; box-sizing: border-box; }\r\n"
00002 "@media (min-width: 600px) { * { font-size:36px; } }\r\n"
00003 ".line                     { display:flex; justify-content:space-between; align-items:center; width:15em; }\r\n"
00004 "\r\n"
00005 "*                                { font-family:Segoe UI, Calibri, Helvetica, Arial, sans-serif; }\r\n"
00006 "code, textarea, input[type=text] { font-family:Consolas, Lucida Console, Droid Sans Mono, Courier New, Courier, monospace; white-space:pre; }\r\n"
00007 "body                             { margin-left:0.1em; line-height:1.1em; padding:0; border:0; }\r\n"
00008 "h1                               { color:darkblue; font-size:120%; font-weight:normal; margin-bottom:0.3em; }\r\n"
00009 "h2                               { color:darkblue; font-size:110%; font-weight:normal; margin-bottom:0.3em; }\r\n"
00010 "a                                { text-decoration:none; }\r\n"
00011 "div                              { line-height:1.2em; }\r\n"
00012 "form                             { line-height:1.2em; margin:0; }\r\n"
00013 "button, input[type=submit]       { border-radius:0.2em; border:0; box-shadow:none; margin-top:0.3em; }\r\n"
00014 "button:hover:enabled             { color:red; }\r\n"
00015 "input[type=submit]:hover:enabled { color:red; }\r\n"
00016 "input[type=text]         { border:thin none gray; margin:0; padding:0; color:darkblue; text-align:right; }\r\n"
00017 "\r\n"
00018 ".toggle                  { display:inline-block; position:relative; cursor:pointer; width: 1.2em;  height: 0.6em; }\r\n"
00019 ".slot                    { background-color:lightsteelblue; display:block; position:absolute; top:0.1em; left:0.1em; bottom:0.1em; right:0.1em; border-radius:0.6em; transition:background 0.4s; }\r\n"
00020 ".knob                    { background-color:steelblue;      display:block; position:absolute; top:0.0em; left:0.0em; bottom:0.0em; width:0.6em; border-radius:0.6em; transition:background 0.4s, margin 0.4s; }\r\n"
00021 ".toggle[dir=rtl] > .slot { background-color:lightsteelblue; }\r\n"
00022 ".toggle[dir=rtl] > .knob { background-color:royalblue;      margin-left:0.6em}\r\n"
00023 ".led                     { background-color:lightgray; display:inline-block; width:0.6em; height:0.6em; border-radius:50%; }\r\n"
00024 ".led[dir=rtl]            { background-color:royalblue; }\r\n"
00025 "\r\n"
00026 ".hamburger { display:inline-block; width:1em}\r\n"
00027 ".bar       { height:0.15em; background-color:#111; border-radius:0.15em; }\r\n"
00028 ".space     { height:0.2em; }\r\n"