|
|
- body {
- font-family: 'Noto Sans SC', sans-serif;
- background: linear-gradient(-45deg,
- #fff calc(50% - 1px),
- #ddd calc(50%),
- #fff calc(50% + 1px)
- );
- background-size: 6px 5px;
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-family: 'Noto Serif SC', serif;
- font-weight: 300;
- }
-
- progress {
- width: 90%;
- }
-
- #local-volume {
- display: flex;
- width: 90%;
- margin-bottom: 10px;
- }
-
- #local-volume input {
- flex: auto;
- margin: 0 8px;
- }
-
- #local-volume label {
- flex: 0 0 auto;
- margin-right: 15px;
- }
-
- img {
- vertical-align: sub;
- }
-
- .join-form {
- display: inline-block;
- }
-
- a,
- a:hover,
- .btn-link,
- .btn-link:hover {
- color: inherit;
- text-decoration: underline;
- padding-left: 5px;
- padding-bottom: 0;
- }
-
- p:not(:hover) .logout-link {
- display: none;
- }
-
- .btn-lg {
- font-family: 'Noto Serif SC', serif;
- }
-
- .part1 {
- min-width: 35vw;
- float: left;
- padding-right: 10px;
- position: relative;
- }
-
- .part2 {
- min-width: 200px;
- overflow: hidden;
- padding-left: 25px;
- }
-
- .qbox {
- border: 2px black solid;
- background: white;
- padding: 5px;
- color: black;
- margin: 5px 5px 40px;
- }
-
- .part1 .qbox {
- background: black;
- color: white;
- }
-
- .part1 .qbox input {
- border: none;
- border-bottom: 1px solid;
- border-radius: 0;
- border-bottom: 2px solid;
- background: black;
- color: white;
- }
-
- .footer {
- background: black;
- color: white;
- text-align: center;
- font-size: 80%;
- border-top: solid 1px white;
- }
-
- .footer p {
- margin: 10px 0 0;
- float: bottom;
- }
-
|