style.css (2450B)
1 @media print { 2 .noprint { 3 display: none; 4 } 5 } 6 @media screen { 7 .noscreen { 8 display: none; 9 } 10 } 11 html { 12 font-family: arial; 13 font-size: 12pt; 14 } 15 #body > h1 { 16 margin-top: 64px; 17 text-align: center; 18 margin-bottom: 64px; 19 } 20 .logo { 21 position: absolute; 22 right: 32px; 23 top: 8px; 24 margin-bottom: 100px; 25 } 26 li { 27 list-style-type: none; 28 } 29 .section-number { 30 color: #9d80b3; 31 padding-right: 10pt; 32 } 33 h1 { 34 color: #2c0449; 35 font-size: 24pt; 36 } 37 h2 { 38 color: #2c0449; 39 font-size: 20pt; 40 } 41 h3 { 42 color: #2c0449; 43 font-size: 16pt; 44 } 45 .side-title { 46 color: #2c0449; 47 font-size: 16pt; 48 font-weight: bold; 49 } 50 :link { 51 border-bottom: 1px dotted #65427e; 52 color: #2c0449; 53 text-decoration: none; 54 } 55 :visited { 56 border-bottom: 1px dotted #65427e; 57 color: #9d80b3; 58 text-decoration: none; 59 } 60 :link:hover, 61 :visited:hover { 62 color: #65427e; 63 } 64 b { 65 color: #2c0449; 66 } 67 code { 68 background-color: #f4e7fd; 69 border: 1px solid #6a4d7f; 70 border-radius: 1pt; 71 font-size: 90%; 72 } 73 pre code { 74 background-color: none; 75 border: none; 76 } 77 pre { 78 background-color: #f4e7fd; 79 font-family: courier, monospace; 80 font-size: 90%; 81 overflow: auto; 82 border: 1px solid #6a4d7f; 83 border-radius: 4pt; 84 box-shadow: 2px 2px 3px #9d80b3; 85 margin-left: auto; 86 margin-right: auto; 87 margin-bottom: 10pt; 88 margin-top: 15pt; 89 padding: 5pt; 90 } 91 textarea { 92 overflow-x: auto; 93 } 94 img { 95 border: 1px solid #6a4d7f; 96 border-radius: 4pt; 97 box-shadow: 2px 2px 3px #9d80b3; 98 margin-left: auto; 99 margin-right: auto; 100 margin-bottom: 10pt; 101 margin-top: 15pt; 102 padding: 5pt; 103 } 104 .noshadow { 105 border: none; 106 box-shadow: none; 107 } 108 dt { 109 font-weight: bold; 110 } 111 table { 112 background: #ebfaf9; 113 border: 1px solid #6a4d7f; 114 border-radius: 4pt; 115 box-shadow: 2px 2px 3px #9d80b3; 116 margin-left: auto; 117 margin-right: auto; 118 margin-bottom: 10pt; 119 margin-top: 15pt; 120 padding: 5pt; 121 } 122 .root { 123 border-bottom: none; 124 } 125 th { 126 background: #d1faf7; 127 border: 1px solid #75f0e8; 128 border-radius: 1pt; 129 padding: 5px; 130 vertical-align: top; 131 } 132 td { 133 background: #ebfaf9; 134 border: 1px solid #99e5e0; 135 border-radius: 1pt; 136 font-family: courier, monospace; 137 padding: 2px; 138 vertical-align: top; 139 } 140 #src_file { 141 padding: 8px; 142 float: right; 143 font-size: 10px; 144 color: #ccc; 145 } 146 .task-status { 147 margin-right: 4px; 148 padding-left: 4px; 149 padding-right: 4px; 150 } 151 .task-status .todo { 152 background: red; 153 color: white; 154 } 155 .task-status .done { 156 background: green; 157 color: white; 158 }