style.css (3943B)
1 body { 2 color: #111; 3 background-color: #eee; 4 margin: 0px; 5 padding: 0px; 6 background-image: url('img/header_repeat2.png'); 7 background-repeat: repeat-x; 8 display: flex; 9 justify-content: space-around; 10 } 11 12 nav { 13 width: 250px; 14 padding: 10px; 15 } 16 17 main { 18 max-width: 1000px; 19 padding: 10px; 20 } 21 22 img.translation { 23 float: left; 24 margin: 0px; 25 padding: 0px; 26 margin-right: 10px; 27 margin-top: -5px; 28 } 29 30 #content { 31 /*width: 850px;*/ 32 float: left; 33 } 34 35 #disqus_thread { 36 width: 850px; 37 float: right; 38 margin-top: 30px; 39 display: none; 40 } 41 42 warning { 43 display:block; 44 margin:20px; 45 padding:15px; 46 background-color: #FFD2D2; 47 color: #444; 48 border-radius: 5px; 49 border: 2px solid #E0B3B3; 50 } 51 52 note { 53 display:block; 54 margin:20px; 55 padding:15px; 56 background-color: #D8F5D8; 57 color: #444; 58 border-radius: 5px; 59 border: 2px solid #AFDFAF; 60 } 61 62 author { 63 display:block; 64 margin:10px; 65 margin-top: 15px; 66 padding:10px; 67 background-color: #eee; 68 color: #444; 69 border-radius: 2px; 70 border: 2px solid #ccc; 71 } 72 73 function { 74 cursor: pointer; 75 border-bottom: 1px solid #c1c1c1; 76 } 77 78 def { 79 color: green; 80 } 81 82 fun { 83 font-family: "Courier New", Courier, monospace; 84 color: #822; 85 } 86 87 var { 88 font-style: normal; 89 font-family: "Courier New", Courier, monospace; 90 color: #227; 91 } 92 93 p code { 94 95 } 96 97 pre code { 98 color: rgb(214, 210, 205); 99 background-color: rgb(32, 35, 36); 100 background-image: none; 101 border-color: rgb(67, 73, 76); 102 display: block; 103 background: #282B2E; 104 padding: 5px; 105 padding-left: 15px; 106 border-radius: 7px; 107 border: 3px solid #bbb; 108 } 109 110 indepth strong.indepth_header { 111 display: block; 112 width: 100%; 113 text-align: center; 114 cursor: pointer; 115 color: #333; 116 } 117 118 indepth { 119 display:block; 120 margin:20px; 121 padding: 10px; 122 background-color: #BDF; 123 color: #444; 124 border-radius: 5px; 125 border: 3px dotted #9BD; 126 } 127 128 indepth p { 129 padding: 15px; 130 display: none; 131 } 132 133 indepth img { 134 display: none; 135 } 136 137 img { 138 display: block; 139 margin-left: auto; 140 margin-right: auto; 141 border-radius: 7px; 142 border: 3px solid #bbb; 143 } 144 145 img.clean { 146 border: 0px; 147 border-radius: 0px; 148 } 149 150 img.no_radius { 151 border-radius: 0px; 152 } 153 154 img.left { 155 float: left; 156 margin: 10px; 157 border: 2px solid #bbb; 158 border-radius: 3px; 159 margin-right: 20px; 160 } 161 162 img.right { 163 float: right; 164 margin: 10px; 165 margin-left: 20px; 166 } 167 168 img.small { 169 width: 150px; 170 height: auto; 171 } 172 173 img.medium { 174 width: 300px; 175 height: auto; 176 } 177 178 img.large { 179 width: 500px; 180 height: auto; 181 } 182 183 img.book { 184 margin-left: 100px; 185 margin-right: 50px; 186 height: 200px; 187 width: auto; 188 #margin-top: -5px; 189 } 190 191 video { 192 position:relative; 193 display: block; 194 margin: 0px; 195 padding: 0px; 196 } 197 198 video.clean { 199 border: 0px; 200 } 201 202 .video { 203 position:relative; 204 cursor: pointer; 205 background-image: url('/img/start_video.png'); 206 width: 600px; 207 height: 450px; 208 margin: 0px; 209 padding: 0px; 210 margin-left: auto; 211 margin-right: auto; 212 border-radius: 3px; 213 border: 3px solid #bbb; 214 } 215 216 .paused video { 217 position:relative; 218 z-index: -1; 219 } 220 221 222 audio { 223 display: block; 224 margin-left: auto; 225 margin-right: auto; 226 } 227 228 /* == TABLES == */ 229 table, td { 230 border-bottom: 1px solid #AAA; 231 border-top: 1px solid #AAA; 232 } 233 234 th { 235 border-bottom: 2px solid #888; 236 } 237 238 table { 239 border-collapse: collapse; 240 text-align: center; 241 margin-left: auto; 242 margin-right: auto; 243 } 244 245 th, td { 246 padding: 6px; 247 } 248 249 tr:nth-child(even) { 250 background-color: #DDD; 251 } 252 253 pre code function { 254 text-decoration: none; 255 border-bottom: 1px solid #343434; 256 } 257 258 #hover { 259 display: none; 260 position: absolute; 261 color: #222; 262 width: 600px; 263 border-radius: 5px; 264 border: 5px dotted #ccc; 265 background-color: #eee; 266 background-image: url('img/header_repeat2.png'); 267 background-repeat: repeat-x; 268 opacity:0.95; 269 filter:alpha(opacity=95); /* For IE8 and earlier */ 270 padding: 10px; 271 padding-top: 0px; 272 padding-bottom: 0px; 273 font-size: 14px; 274 } 275 /* Elements */ 276 h1 { 277 color: #303236; 278 margin-bottom: -10px; 279 } 280 281 h2 { 282 /*color: #394666;*/ 283 color: #37425d; 284 font-size: 22px; 285 margin-bottom: -10px; 286 } 287 288 h3 { 289 color: #633739; 290 margin-bottom: -10px; 291 } 292 293 a { 294 color: #58A; 295 }