default.css (1891B)
1 html, 2 body { 3 height: 100%; 4 } 5 6 body { 7 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 8 margin: auto; 9 padding: 20px; 10 background: #FAFAFA; 11 padding: 0; 12 display: flex; 13 flex-flow: column; 14 } 15 16 header { 17 text-align: right; 18 margin-bottom: 20px; 19 padding: 20px 20px; 20 font-family: 'Ubuntu Mono'; 21 background: #55FF99; 22 color: #D5FFE6; 23 border-bottom: 10px solid #37C871; 24 } 25 26 header .inner { 27 max-width: 800px; 28 margin: auto; 29 } 30 31 header .logo { 32 float: left; 33 vertical-align: middle; 34 display: inline-block; 35 font-weight: bold; 36 font-size: 32pt; 37 padding: 0; 38 margin-left: 10px; 39 line-height: 50px; 40 } 41 42 header nav { 43 line-height: 50px; 44 } 45 46 header a { 47 padding: 10px; 48 text-decoration: none; 49 font-weight: bold; 50 font-size: 18pt; 51 overflow: auto; 52 color: #078e3d;; 53 } 54 55 .main { 56 flex: 1; 57 } 58 59 footer { 60 text-align: center; 61 margin-top: 50px; 62 padding: 40px 20px; 63 font-family: 'Ubuntu Mono'; 64 background: #49483e; 65 color: #e6db74; 66 } 67 68 69 a { 70 color: #37C871; 71 } 72 73 h1, h2 { 74 font-family: 'Ubuntu Mono'; 75 padding-bottom: 5px; 76 border-bottom: 1px solid rgba(255,255,255,.2); 77 } 78 79 .content { 80 color: #49483e; 81 padding-top: 20px; 82 max-width: 800px; 83 margin: auto; 84 } 85 86 .highlight { 87 padding: 10px; 88 margin: 0; 89 overflow: auto; 90 white-space: pre-wrap; 91 } 92 93 .highlighter-rouge { 94 background: rgba(0,0,0,0.1); 95 } 96 97 table { 98 border-collapse: collapse; 99 } 100 101 table td, 102 table th { 103 border: 1px solid #DDDDDD; 104 background: #ffffff; 105 padding: 5px 8px; 106 } 107 108 table tr:nth-child(even) td { 109 background: #f8f9fb; 110 } 111 112 @media (max-width: 1000px) { 113 header { 114 text-align: center; 115 } 116 117 header .logo { 118 display: block; 119 float: none; 120 margin-bottom: 10px; 121 } 122 123 .content { 124 padding: 0 20px; 125 } 126 }