style.css (1168B)
1 body { 2 max-width: 800px; 3 margin: auto; 4 padding: 1em; 5 line-height: 1.5em; 6 } 7 8 /* header and footer areas */ 9 .menu { padding: 0; } 10 .menu li { display: inline-block; } 11 .article-meta, .menu a { 12 text-decoration: none; 13 background: #eee; 14 padding: 5px; 15 border-radius: 5px; 16 } 17 .menu, .article-meta { text-align: center; } 18 .title { font-size: 1.1em; } 19 footer a { text-decoration: none; } 20 hr { 21 border-style: dashed; 22 color: #ddd; 23 } 24 25 /* code */ 26 pre { 27 border: 1px solid #ddd; 28 box-shadow: 5px 5px 5px #eee; 29 padding: 1em; 30 overflow-x: auto; 31 } 32 code { background: #f9f9f9; } 33 pre code { background: none; } 34 35 /* misc elements */ 36 img, iframe, video { max-width: 100%; } 37 main { hyphens: auto; } 38 blockquote { 39 background: #f9f9f9; 40 border-left: 5px solid #ccc; 41 padding: 3px 1em 3px; 42 } 43 44 table { 45 margin: auto; 46 border-top: 1px solid #666; 47 border-bottom: 1px solid #666; 48 } 49 table thead th { border-bottom: 1px solid #ddd; } 50 th, td { padding: 5px; } 51 thead, tfoot, tr:nth-child(even) { background: #eee; } 52 53 ul.comments { 54 list-style: square inside 55 margin: 0; 56 padding: 0; 57 } 58 span.comment.author { 59 font-weight: bold 60 } 61 span.comment.timestamp { 62 color: grey 63 }