Difference between revisions of "Team:ZJU-China/interLab/CSS"

Latest revision as of 15:21, 19 July 2018

{

 box-sizing: border-box; }

body {

 width: 100vw !important;
 height: 100vh;
 overflow: auto; }

body {

 padding: 2em 2em 2em 17em;
 font-size: 16px;
 line-height: 1.6;
 font-family: 'Roboto', sans-serif; }

.firstHeading {

 display: none !important;

}

.logo_2018 {

 display: none;

}

.toc {

 position: fixed;
 left: 3em;
 top: 5em;
 padding: 1em;
 width: 14em;
 line-height: 2; }
 .toc ul {
   list-style: none;
   padding: 0;
   margin: 0; }
 .toc ul ul {
   padding-left: 2em; }
 .toc li a {
   display: inline-block;
   color: #aaa;
   text-decoration: none;
   -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
           transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
 .toc li.visible > a {
   color: #111;
   -webkit-transform: translate(5px);
       -ms-transform: translate(5px);
           transform: translate(5px); }

.toc-marker {

 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 z-index: -1; }
 .toc-marker path {
   -webkit-transition: all 0.3s ease;
           transition: all 0.3s ease; }

.contents {

 padding: 1em;
 max-width: 800px;
 font-size: 1.2em;
 font-family: 'Frank Ruhl Libre', sans-serif; }
 .contents img {
   max-width: 100%; }
 .contents .code-block {
   white-space: pre;
   overflow: auto;
   max-width: 100%; }
   .contents .code-block code {
     display: block;
     background-color: #f9f9f9;
     padding: 10px; }
 .contents .code-inline {
   background-color: #f9f9f9;
   padding: 4px; }
 .contents h2

h3 {

   padding-top: 1em; }
 .contents h2 {
   margin-top: 1.2em; }

@media screen and (max-width: 1200px) {

 body {
   font-size: 14px; } }

html {

 font-family: sans-serif; /* 1 */
 line-height: 1.2 !important; 
 -ms-text-size-adjust: 100% !important; 
 -webkit-text-size-adjust: 100% !important;

}

body {

 margin: 0 !important;

}

article, aside, footer, header, nav, section {

 display: block;

}

h1 {

 font-size: 2em;
 margin: 0.67em 0;

}

figcaption, figure, main { /* 1 */

 display: block;

}

figure {

 margin: 1em 40px;

}

hr {

 box-sizing: content-box; /* 1 */
 height: 0; /* 1 */
 overflow: visible; /* 2 */

}

pre {

 font-family: monospace, monospace; /* 1 */
 font-size: 1em; /* 2 */

}

a {

 background-color: transparent; /* 1 */
 -webkit-text-decoration-skip: objects; /* 2 */

}

a:active, a:hover {

 outline-width: 0;

}

abbr[title] {

 border-bottom: none; /* 1 */
 text-decoration: underline; /* 2 */
 text-decoration: underline dotted; /* 2 */

}

b, strong {

 font-weight: inherit;

}

b, strong {

 font-weight: bolder;

}

code, kbd, samp {

 font-family: monospace, monospace; /* 1 */
 font-size: 1em; /* 2 */

}

dfn {

 font-style: italic;

}

mark {

 background-color: #ff0;
 color: #000;

}

small {

 font-size: 80%;

}

sub, sup {

 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;

}

sub {

 bottom: -0.25em;

}

sup {

 top: -0.5em;

}

audio, video {

 display: inline-block;

}

audio:not([controls]) {

 display: none;
 height: 0;

}

img {

 border-style: none;

}

svg:not(:root) {

 overflow: hidden;

}

button, input, optgroup, select, textarea {

 font-family: sans-serif; /* 1 */
 font-size: 100%; /* 1 */
 line-height: 1.15; /* 1 */
 margin: 0; /* 2 */

}

button, input { /* 1 */

 overflow: visible;

}

button, select { /* 1 */

 text-transform: none;

}

button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] {

 -webkit-appearance: button; /* 2 */

}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {

 border-style: none;
 padding: 0;

}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {

 outline: 1px dotted ButtonText;

}

fieldset {

 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;

}

legend {

 box-sizing: border-box; /* 1 */
 color: inherit; /* 2 */
 display: table; /* 1 */
 max-width: 100%; /* 1 */
 padding: 0; /* 3 */
 white-space: normal; /* 1 */

}

progress {

 display: inline-block; /* 1 */
 vertical-align: baseline; /* 2 */

}

textarea {

 overflow: auto;

}

[type="checkbox"], [type="radio"] {

 box-sizing: border-box; /* 1 */
 padding: 0; /* 2 */

}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {

 height: auto;

}

[type="search"] {

 -webkit-appearance: textfield; /* 1 */
 outline-offset: -2px; /* 2 */

}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

}

-webkit-file-upload-button {

 -webkit-appearance: button; /* 1 */
 font: inherit; /* 2 */

}

details, /* 1 */ menu {

 display: block;

}

summary {

 display: list-item;

}

canvas {

 display: inline-block;

}

template {

 display: none;

}

[hidden] {

 display: none;

}