1/* ================================ GENERAL ================================= */ 2html, body 3{ 4 margin: 0; 5 padding: 0; 6 min-height: 100%; 7} 8 9* 10{ 11 font-family: Georgia; 12 font-size: 15px; 13} 14 15body 16{ 17 margin: 0 0 0 0; 18 background: #e2e6e9 url(images/bg_main.jpg) repeat-y top center; 19 20} 21 22a { color: __existing__;} 23a:hover {color: #000;} 24.wikilink1 {color: __existing__;} 25.wikilink2 {color: __missing__;} 26 27a img { border: none; } 28 29ol 30{ 31 line-height: 1.5em; 32 margin: 0 0 .5em 2.0em; 33 padding: 0; 34} 35 36ul 37{ 38 list-style-type: square; 39 margin: 0 0 2.0em 2.0em; 40 padding: 0; 41 list-style-image: url(images/doblebullet.gif); 42} 43 44input{border: 1px solid #d1d1d1; margin-bottom: 1px} 45 46/* ================================ HEADINGS ================================== */ 47h1 48{ 49 background-color: #e2e6e8; 50 padding: 10px; 51 border-top: 1px solid #c7cbce; 52 border-bottom: 1px solid #c7cbce; 53} 54h1 a {color: #2a222c;} 55 56h2 57{ 58 background-color: #f8e9e9; 59 padding: 3px; 60 border-bottom: 1px solid #c7cbce; 61} 62 63/* ================================ DOKUWIKI ================================== */ 64html> body> #dokuwiki 65{ 66 width: 400px; 67 margin: 0px auto; 68 margin-top: 20px; 69} 70 71.code, .file 72{ 73 border: 1px dashed __code_border__; 74 background-color: __code__; 75 padding: 5px; 76 overflow: auto; 77} 78.code, .code * 79{ 80 font-size: 11px; 81 font-family: "Courier New",Courier,monospace; 82} 83 84/* ================================ HEADER ================================== */ 85#header 86{ 87 text-align: center; 88 height: 130px; 89 width: 400px; 90 margin: 0px auto; 91 border-bottom: 1px solid __border__; 92 background: #edeadf url(images/header.jpg) no-repeat top left; 93} 94#header a {margin: 0px; padding: 0px; border: none} 95#logo {margin-top: 0px;} 96 97/* ================================= MENU =================================== */ 98.menu 99{ 100 text-align: center; 101 height: 20px; 102 width: 410px; 103 margin: 0px auto; 104 padding-top: 110px; 105} 106.menu ul 107{ 108 margin: 0; 109 padding: 0; 110 display: inline; 111} 112.menu ul li {display: inline; padding: 0 0.6em 0 0.6em;} 113.menu ul li a 114{ 115 color: #000; 116 text-decoration: none; 117 font-weight: bold; 118} 119.menu ul li a:hover {text-decoration: underline;} 120.menu .level1, .menu .li {display: inline} 121 122/* ================================= CONTENT =================================== */ 123/* ================================= FOOTER =================================== */ 124#footer 125{ 126 margin-top: 40px; 127 background-color: #edeadf; 128 border-top: 1px solid #c7cbce; 129 border-bottom: 1px solid #c7cbce; 130 text-align: center; 131} 132#footer #actions 133{ 134 padding: 10px; 135} 136 137#footer #links {background-color: #00222c; border: 1px solid #00222c; padding-top: 30px} 138#footer #links li{display: inline;} 139 140/* ================================== TABLE ================================== */ 141#body table 142{ 143 border: solid 1px #999; 144 margin: 5px 0 5px 0; 145 border-collapse: collapse; 146 overflow: auto; 147} 148#body table th 149{ 150 border: solid 1px #999; background-color: #eee; 151 padding: 2px 5px 2px 5px; 152} 153 154#body table td 155{ 156 border: solid 1px #ccc; background-color: #fff; 157 padding: 2px 5px 2px 5px; 158 font-size: 11px; 159} 160#abody a{font-size: 11px} 161 162#body table tr:hover { background-color: #ffffe5; } 163#body table td.rightalign { text-align: right; } 164#body table td.centeralign { text-align: center; } 165#body table td.leftalign { text-align: left; } 166 167.gallery, .gallery tr, .gallery td { border: 5px solid #fff } 168#body .gallery td { border: 1px solid #fff } 169 170 171/* ================================== TOOLBAR ================================== */ 172button.toolbutton 173{ 174 background-color: __background__; 175 padding: 0px; 176 margin: 0 1px 0 0; 177 border: 1px solid __border__; 178 cursor: pointer; 179} 180 181/* nice alphatransparency background except for IE <7 */ 182html>body button.toolbutton 183{ 184 background: #fff url(images/buttonshadow.png) repeat-x bottom; 185 border: 1px solid #dedede; 186} 187 188div.picker 189{ 190 width: 250px; 191 border: 1px solid __border__; 192 background-color: __background_alt__; 193} 194 195button.pickerbutton 196{ 197 padding: 0px; 198 margin: 0 1px 1px 0; 199 border: 0; 200 background-color: transparent; 201 font-size: 80%; 202 cursor: pointer; 203} 204 205textarea 206{ 207 border: 1px solid #dedede; 208 background-color: #fafafa; 209 width: 400px; 210 font-size: 90%; 211} 212.summary {margin-top: 30px;} 213.summary #edit__summary{width: 150px} 214 215/* ================================== BUTTONS ================================== */ 216.button .no{float: right; margin-bottom:3px} 217.button 218{ 219 background: #fff url(images/buttonshadow.png) repeat-x bottom; 220 border: none; 221} 222 223/* ================================== GALERIA ==================================== */ 224div.migaleria div.level1 p a.media 225{ 226 float: left; 227 clear: both; 228 width: 88px; 229 height: 88px; 230 padding: 11px; 231 background: #f9f8f4 url(images/bg_gallery2.gif) no-repeat top left; 232} 233.migaleria img 234{ 235 width: 66px; 236 height: 66px; 237} 238.migaleria p {padding: 10px; padding-top: 30px; color:#808080; font-size: 11px} 239 240 241/* ================================== DISCUSSION ==================================== */ 242#Content .comment_wrapper {padding-top: 20px; margin-top: 50px; background: url(images/tribal.gif) no-repeat top center;} 243 244#Content .comment_wrapper .comment_head 245{ 246 background-color: #f9f8f4; 247 background: #f9f8f4 url(images/comment-head.gif) no-repeat bottom left; 248 height: 60px; 249 margin: 0px; 250 width: 400px; 251} 252#Content .comment_wrapper .entry_content {padding: 0px; margin: 0px} 253 254#Content .comment_wrapper .comment_body 255{ 256 text-align: left; 257 margin: 0px; padding: 0px; 258 background-color: #fafafa; 259 border-bottom: 1px solid #d1d1d1; 260 border-left: 1px solid #d1d1d1; 261 border-right: 1px solid #d1d1d1; 262 border-top: 1px solid transparent; 263 width: 400px; 264} 265#Content .comment_wrapper .comment_body p {padding: 10px; color: #6D6D6D} 266#Content .comment_wrapper .comment_form 267{ 268 margin-top: 50px; 269 text-align: right; 270} 271 272.comment_form {padding-top: 60px; margin-top: 50px; background: url(images/tribal.gif) no-repeat top center;} 273.comment_form .comment_name input{width: 200px; border: 1px solid #d1d1d1; margin-bottom: 1px} 274.comment_form .comment_mail input{width: 200px; border: 1px solid #d1d1d1; margin-bottom: 1px} 275.comment_form .comment_url input{width: 200px; border: 1px solid #d1d1d1;} 276.comment_text textarea 277{ 278 width: 400px; 279 background-color: #fff; 280} 281#blog__newentry_title {width: 240px} 282#dw__register input {width: 370px} 283 284 285/* ================================= OTHER =================================== */ 286.inclmeta{color: #808080; margin-bottom: 40px;} 287.inclmeta a{font-size: 10px;} 288.inclmeta .tags {float: right;} 289 290.breadcrumbs 291{ 292 font-size: 10px; 293 margin-top: 10px; 294 margin-bottom: 15px; 295 text-align: right; 296} 297.breadcrumbs a {font-size: 10px} 298 299.center 300{ 301 text-align: center; 302 margin: 0px auto; 303} 304 305.tribal 306{ 307 background: transparent url(images/tribal.gif) no-repeat bottom center; 308 padding-bottom: 60px; 309 margin-bottom: 20px; 310}