style.css (2776B)
1 * { 2 box-sizing: border-box; 3 } 4 html { 5 font-family: sans-serif; 6 font-size: 10px; 7 } 8 body { 9 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 10 font-size: 14px; 11 line-height: 1.42857; 12 color: #f8f8f8; 13 background-color: #111; 14 margin: 0; 15 } 16 a { 17 background-color: transparent; 18 color: #8dc; 19 text-decoration: none; 20 } 21 a:focus, a:hover { 22 color: #8fc; 23 text-decoration: underline; 24 } 25 h1 { 26 font-size: 2em; 27 margin: .67em 0; 28 } 29 img { 30 border: 0 none; 31 vertical-align: middle; 32 } 33 h1, h2, h3, h4, h5, h6 { 34 font-family: inherit; 35 font-weight: 500; 36 line-height: 1.1; 37 color: inherit; 38 } 39 h1, h2, h3 { 40 margin-top: 20px; 41 margin-bottom: 10px; 42 } 43 h4, h5, h6 { 44 margin-top: 10px; 45 margin-bottom: 10px; 46 } 47 h1 { 48 font-size: 36px; 49 } 50 h2 { 51 font-size: 30px; 52 } 53 h3 { 54 font-size: 24px; 55 } 56 h4 { 57 font-size: 18px; 58 } 59 h5 { 60 font-size: 14px; 61 } 62 h6 { 63 font-size: 12px; 64 } 65 p { 66 margin: 0 0 10px; 67 } 68 .text-justify { 69 text-align: justify; 70 } 71 ol, ul { 72 margin-top: 0; 73 margin-bottom: 10px; 74 } 75 .container { 76 padding-right: 15px; 77 padding-left: 15px; 78 margin-right: auto; 79 margin-left: auto; 80 } 81 @media (min-width: 768px) { 82 .container { 83 width: 750px; 84 } 85 } 86 @media (min-width: 992px) { 87 .container { 88 width: 970px; 89 } 90 } 91 @media (min-width: 1200px) { 92 .container { 93 width: 1170px; 94 } 95 } 96 .nav { 97 padding-left: 0; 98 margin-bottom: 0; 99 list-style: outside none none; 100 } 101 .nav::after { 102 display: table; 103 content: " "; 104 clear: both; 105 } 106 .nav > li { 107 position: relative; 108 display: block; 109 } 110 .nav > li > a { 111 position: relative; 112 display: block; 113 padding: 10px 15px; 114 border-bottom: 1px solid #333; 115 } 116 .nav > li > a:focus, .nav > li > a:hover { 117 text-decoration: none; 118 background-color: #171717; 119 border-bottom: 1px solid #8fc; 120 } 121 .nav-tabs { 122 border-bottom: 1px solid #333; 123 } 124 .nav-tabs > li { 125 float: left; 126 margin-bottom: -1px; 127 } 128 .nav-tabs > li > a { 129 margin-right: 2px; 130 line-height: 1.42857; 131 } 132 .nav-tabs > li.active > a { 133 cursor: default; 134 border-bottom: 1px solid #8dc; 135 } 136 .modal-footer { 137 text-align: right; 138 border-top: 1px solid #333; 139 padding: 15px; 140 } 141 #header h1 { 142 font-family: monospace; 143 font-size: 60px; 144 font-weight: 700; 145 } 146 #icecast { 147 width: 100%; 148 height: 225px; 149 border-width: 0; 150 } 151 pre { 152 display: block; 153 padding: 9.5px; 154 margin: 0px 0px 10px; 155 font-size: 13px; 156 line-height: 1.42857; 157 color: #eee; 158 word-break: break-all; 159 word-wrap: break-word; 160 background-color: #111; 161 border: 1px solid #333; 162 } 163 code { 164 padding: 2px 4px; 165 font-size: 90%; 166 color: pink; 167 background-color: #111; 168 } 169 pre code { 170 padding: 0px; 171 font-size: inherit; 172 color: inherit; 173 white-space: pre-wrap; 174 background-color: transparent; 175 } 176 code, pre { 177 font-family: monospace; 178 } 179 180 /* print style, remove header and redundant stuff */ 181 @media print { 182 h1, h2, #header, #footer { 183 display: none; 184 } 185 .container { 186 width: auto !important; 187 } 188 }