head.html (2722B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>TITLE</title> 6 7 <style type="text/css"> 8 /* {{{ stylesheet */ 9 body { 10 background-color: #eee; 11 color: #222; 12 font-family: sans-serif; 13 -webkit-font-smoothing: antialiased; 14 padding: 0; 15 margin: 0; 16 } 17 18 hr { margin: 30px 60px; } 19 20 code { 21 font-family: monospace; 22 background-color: #ccc; 23 padding: 0.2ex 0.5ex 0.2ex 0.5ex; 24 margin: 0.2ex; 25 border-radius: 5px; 26 } 27 28 a, a:visited { 29 color: #058; 30 text-decoration: none; 31 -webkit-transition: all 0.2s linear; 32 -moz-transition: all 0.2s linear; 33 -ms-transition: all 0.2s linear; 34 -o-transition: all 0.2s linear; 35 transition: all 0.2s linear; 36 } 37 38 a:hover { 39 background-color: #eee; 40 text-decoration: none; 41 } 42 43 #menu { 44 clear: both; 45 overflow: hidden; 46 color: #069; 47 background-color: #333; 48 padding: 0.7ex; 49 font-size: 94%; 50 border-top: 1px solid #333; 51 border-bottom: 1px solid #333; 52 } 53 54 #menu a { 55 padding: 0.5ex 1ex 0.5ex 1ex; 56 color: #fff; 57 } 58 59 #menu a:hover { 60 background-color: #333; 61 color: #17a; 62 } 63 64 #menu a.thisSite { 65 font-weight: bold; 66 } 67 68 #header { 69 clear: both; 70 color: #666; 71 font-size: 1.78em; 72 padding: 0.7ex 0.7ex 0.7ex 0.7em; 73 } 74 75 #header img { 76 width: 30px; 77 } 78 79 #headerLink { 80 color: #666; 81 margin-left: 5px; 82 } 83 84 h1 { 85 font-family: sans-serif; 86 margin: 1em 1ex 0.5ex 0; 87 font-size: 1.4em; 88 } 89 90 h2 { 91 font-family: sans-serif; 92 margin: 1em 1ex 0.5ex 0; 93 font-size: 1.3em; 94 } 95 96 h3 { 97 font-family: sans-serif; 98 margin: 1em 1ex 0.5ex 0; 99 font-size: 1.0em; 100 } 101 102 h4 { 103 font-family: sans-serif; 104 margin: 1em 1ex 0.5ex 0; 105 font-size: 0.9em; 106 } 107 108 #headerSubtitle { 109 font-size: 0.75em; 110 font-style: italic; 111 margin-left: 1em; 112 } 113 114 #content { 115 clear: both; 116 font-size: 0.9em; 117 margin: 0; 118 padding: 0; 119 background-color: #fff; 120 overflow: hidden; 121 } 122 123 #nav { 124 background-color: #fff; 125 float: left; 126 margin: 0 1px 0 0; 127 padding: 1em 0; 128 border-right: 1px dotted #ccc; 129 width: 200px; 130 } 131 132 #nav ul { 133 margin: 0; 134 padding: 0; 135 } 136 137 #nav li { 138 list-style: none; 139 font-size: 0.8em; 140 padding: 0; 141 margin: 0; 142 } 143 144 #nav li ul { 145 padding-left: 0.6em !important; 146 } 147 148 #nav li a { 149 display: block; 150 margin: 0; 151 padding: 0.8ex 2em 0.8ex 1em; 152 } 153 154 #nav li a.thisPage { 155 color: #222; /*#333;*/ 156 font-weight: bold; 157 /*font-style: italic;*/ 158 } 159 160 #main { 161 margin: 0 0 0 200px; 162 padding: 1.5em; 163 max-width: 50em; 164 } 165 166 #footer { 167 clear: both; 168 color: #666; 169 border-top: 1px solid #ccc; 170 font-size: 84%; 171 padding: 1em; 172 margin: 0 0 1.5em 0; 173 } 174 175 .left { 176 float: left; 177 margin: 0; 178 padding: 0; 179 } 180 181 .right { 182 float: right; 183 margin: 0; 184 padding: 0; 185 } 186 /* }}} */ 187 </style> 188 </head> 189 <body> 190 <div id="header"> 191 <a id="headerLink" href="html">libdevuansdk</a> 192 <span id="headerSubtitle">DESC</span> 193 </div> 194 <div id="menu"></div> 195 196 <div id="content"> 197 <div id="nav"> 198 199 <ul>