style.css (884B)
1 body { 2 margin: 15px auto; 3 color: #111; 4 background-color: #fff; 5 padding: 0 10px; 6 font-family: Arial, Helvetica, sans-serif; 7 } 8 9 a { 10 color: #3366ff; 11 text-decoration: none; 12 } 13 14 a:hover { 15 background-color: #f0f0f0; 16 } 17 18 code { 19 font-family: "Courier New", Courier, monospace; 20 background: #f0f0f0; 21 } 22 23 nav ul { 24 list-style-type: none; 25 padding: 0; 26 } 27 nav li { 28 display: inline; 29 } 30 nav li:after { 31 content: " /"; 32 } 33 nav li:last-child:after { 34 content: ""; 35 } 36 37 hr { 38 } 39 40 footer { 41 padding: 10px; 42 font-size: small; 43 border-top: 2px solid; 44 } 45 46 header { 47 padding: 10px; 48 border-bottom: 2px solid; 49 } 50 51 main { 52 padding: 0px 10px 0px 10px; 53 } 54 55 @media (min-width: 800px) { 56 body { 57 max-width: 65%; 58 font-size: large; 59 } 60 } 61 62 pre { 63 background: #f0f0f0; 64 border: 1px solid #aaa; 65 overflow: auto; 66 padding: 10px; 67 } 68 69 .comments { 70 font-size: medium; 71 font-style: italic; 72 }