aboutsummaryrefslogtreecommitdiff
path: root/_www/index.css
diff options
context:
space:
mode:
Diffstat (limited to '_www/index.css')
-rw-r--r--_www/index.css148
1 files changed, 74 insertions, 74 deletions
diff --git a/_www/index.css b/_www/index.css
index b336c71..3d84895 100644
--- a/_www/index.css
+++ b/_www/index.css
@@ -3,145 +3,145 @@
html,
body {
- position: relative;
- width: 100%;
- height: 100%;
+ position: relative;
+ width: 100%;
+ height: 100%;
}
body {
- background-color: floralwhite;
- color: #333;
- margin: 0;
- padding: 8px;
- box-sizing: border-box;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
- Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ background-color: floralwhite;
+ color: #333;
+ margin: 0;
+ padding: 8px;
+ box-sizing: border-box;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+ Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
a {
- color: rgb(0, 100, 200);
- text-decoration: none;
+ color: rgb(0, 100, 200);
+ text-decoration: none;
}
a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
a:visited {
- color: rgb(0, 80, 160);
+ color: rgb(0, 80, 160);
}
input,
button,
select,
textarea {
- font-family: inherit;
- font-size: inherit;
- padding: 0.4em;
- margin: 0.5em 0;
- box-sizing: border-box;
- border: 1px solid #ccc;
- border-radius: 2px;
+ font-family: inherit;
+ font-size: inherit;
+ padding: 0.4em;
+ margin: 0.5em 0;
+ box-sizing: border-box;
+ border: 1px solid #ccc;
+ border-radius: 2px;
}
input:disabled {
- color: #ccc;
+ color: #ccc;
}
input[type="range"] {
- height: 0;
+ height: 0;
}
button {
- color: #333;
- background-color: lavender;
- outline: none;
+ color: #333;
+ background-color: lavender;
+ outline: none;
}
button:disabled {
- color: #999;
+ color: #999;
}
button:not(:disabled):active {
- background-color: #ddd;
+ background-color: #ddd;
}
button:focus {
- border-color: #666;
+ border-color: #666;
}
h1,
h2 {
- color: #ff3e00;
- text-transform: uppercase;
- font-weight: 200;
+ color: #ff3e00;
+ text-transform: uppercase;
+ font-weight: 200;
}
body {
- margin: 0 auto;
- width: 800px;
- padding: 1em;
+ margin: 0 auto;
+ width: 800px;
+ padding: 1em;
}
#notif {
- position: fixed;
- top: 1em;
- width: 70%;
+ position: fixed;
+ top: 1em;
+ width: 70%;
}
-#notif>.error {
- background-color: salmon;
- padding: 1em;
+#notif > .error {
+ background-color: salmon;
+ padding: 1em;
}
-#notif>.info {
- background-color: lightblue;
- padding: 1em;
+#notif > .info {
+ background-color: lightblue;
+ padding: 1em;
}
nav.menu {
- color: #ff3e00;
- text-transform: uppercase;
- margin-bottom: 2em;
+ color: #ff3e00;
+ text-transform: uppercase;
+ margin-bottom: 2em;
}
.active {
- padding-bottom: 4px;
- border-bottom: 4px solid #ff3e00;
+ padding-bottom: 4px;
+ border-bottom: 4px solid #ff3e00;
}
-.input>label {
- width: 8em;
- display: inline-block;
+.input > label {
+ width: 8em;
+ display: inline-block;
}
-.input>input,
-.input>select {
- width: calc(100% - 11em);
- display: inline-block;
+.input > input,
+.input > select {
+ width: calc(100% - 11em);
+ display: inline-block;
}
-.input>.input-info-toggler {
- border-radius: 50%;
- border: 1px solid grey;
- cursor: pointer;
- display: inline-block;
- font-size: 12px;
- height: 14px;
- line-height: 14px;
- padding: 2px;
- text-align: center;
- width: 14px;
+.input > .input-info-toggler {
+ border-radius: 50%;
+ border: 1px solid grey;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 12px;
+ height: 14px;
+ line-height: 14px;
+ padding: 2px;
+ text-align: center;
+ width: 14px;
}
-.input>.input-info {
- background-color: #eee;
- margin: 8px 0px;
- padding: 1em;
+.input > .input-info {
+ background-color: #eee;
+ margin: 8px 0px;
+ padding: 1em;
}
@media (max-width: 900px) {
- body {
- width: calc(100% - 2em);
- }
+ body {
+ width: calc(100% - 2em);
+ }
}