1/* ================================== BODY ================================== */ 2html, body { 3 margin: 0; 4 padding: 0; 5} 6body { padding: 0 3em 0 3em; } 7body#media, body#mediaedit { padding:0; } 8 9.clearer { 10 clear: both; 11} 12/* ================================= HEADER ================================= */ 13#header { 14 15} 16#headerprepend { 17 height: 7em; 18 width: 40px; 19 position: absolute; 20 top: 0; 21 left: 3em; 22} 23#headerappend { 24 height: 7em; 25 margin: 0 0 0 40px; 26 27} 28#userinfo { 29 position: absolute; 30 top: 5em; 31 right: 4.5em; 32} 33#logo { 34 position: absolute; 35 top: 0; 36 left: 2em; 37} 38#logo img{ 39 border: none; 40} 41#searchform { 42 position: absolute; 43 top: 5px; 44 right: 4em; 45} 46#searchform input { 47 padding: 1px 1px 1px 20px; 48 width: 10em; 49} 50#searchform .button { 51 padding: 0 3px 0 3px; 52 width: auto; 53 margin: 0 0 0 3px; 54} 55#qsearch__out { 56 display: none; 57 padding: 5px; 58 position: absolute; 59 right: 19em; 60 top: 0px; 61 width: 400px; 62 z-index: 500; 63} 64#qsearch__out ul{ 65 display: block; 66 margin: 0; 67 padding-left: 1em; 68} 69#qsearch__out li { 70} 71/* =============================== NAVIGATION =============================== */ 72#navigation { 73 position: absolute; 74 top: 5em; 75 left: 4.5em; 76} 77#navigation ul { 78 margin: 0; 79 padding: 0; 80} 81#navigation li { 82 display: inline; 83 margin: 0; 84 padding: 0; 85} 86/* ================================= SIDEBAR ================================ */ 87#sidebar { 88 width: __sidebar_width__; 89 position: absolute; 90 left: 3em; 91} 92/* ================================== MENU ================================== */ 93.menu { 94 margin: 0; 95} 96.menutop, .menubottom { 97 height: 2em; 98} 99.menutop .prepend, .menubottom .prepend { 100 height: 2em; 101 width: 30px; 102 float: left; 103} 104.menutop .title { 105 margin: 0; 106 padding: .5em 0 0 0; 107} 108.menubody { 109 padding: .5em 15px .5em 2em; 110} 111.menu ul { 112 margin: 0 10px 0 10px; 113 padding: 0; 114} 115.menu li { 116 margin: 0; 117 padding: 0; 118} 119 120/* ================================ PAGEMAP ================================= */ 121.pagemap .menubody { padding: .5em 15px .5em 1em; } 122.pagemap .toc { margin: 0; } 123.pagemap .level1 { margin: 0; } 124.pagemap .level2 { margin: 0 0 0 1.5em; } 125.pagemap .level3 { margin: 0 0 0 1.2em; } 126.pagemap .level4 { margin: 0 0 0 1.2em; } 127.pagemap .level5 { margin: 0 0 0 1.2em; } 128 129/* ================================= LINKS ================================== */ 130#links { width: 17em; } 131#links ul { list-style: none; padding: 0; margin: 0 0 0 20px; } 132#links li { display: inline; } 133#links img { border: none; } 134 135/* ================================ CONTENT ================================= */ 136#content{ 137 margin: 0 0 0 __sidebar_width__; 138 width: auto; 139} 140#detail #content, #mediaref #content, #media #content, #mediaedit #content { margin: 0; } 141#contenttop, #contentbottom { 142 height: 2em; 143} 144#contenttop .prepend, #contentbottom .prepend { 145 height: 2em; 146 width: 30px; 147 float: left; 148} 149#contenttop .commands { 150 margin: 0; 151 padding: .5em 0 0 0; 152} 153#contenttop .commands li { 154 display: inline; 155} 156 157#contentbody { 158 padding: .5em 15px .5em 15px; 159} 160#contentbody * { 161 zoom: 1; /* for IE */ 162} 163 164 165/* ============================= CONTENT WIKI =============================== */ 166/* ********* TOC ********* */ 167#contentbody .toc{ 168 display: none; 169} 170 171/* ********* EDIT ********* */ 172#contentbody .secedit{ 173 text-align: right; 174 padding: 0 5px 5px 5px; 175} 176#contentbody .secedit form{ 177 margin: 0; 178} 179 180/* ********* HEADERS ********* */ 181#contentbody h1 { 182 margin: 1em 0 0 0; 183 padding: 1px 0 10px 15px; 184} 185#contentbody h2 { 186 margin: 1em 1px 1px 2em; 187 padding: 1px 1px 5px 20px; 188} 189#contentbody h3 { 190 margin: 1em 1px 0px 4em; 191 padding: 1px 1px 5px 20px; 192} 193#contentbody h4 { 194 margin: 1em 1px 0px 6em; 195 padding: 1px 1px 5px 20px; 196} 197#contentbody h5 { 198 margin: 1em 1px 0px 8em; 199 padding: 1px 1px 5px 20px; 200} 201 202/* ********* LEVELS ********* */ 203#contentbody div.level1 { margin: 0 0 0 1em; } 204#contentbody div.level2 { 205 margin: 1px 1px 0px 2em; 206 padding: 1px 1px 1px 20px; 207} 208#contentbody div.level3 { 209 margin: 1px 1px 0px 4em; 210 padding: 1px 1px 1px 20px; 211} 212#contentbody div.level4 { 213 margin: 1px 1px 0px 6em; 214 padding: 1px 1px 1px 20px; 215} 216#contentbody div.level5 { 217 margin: 1px 1px 0px 8em; 218 padding: 1px 1px 1px 20px; 219} 220 221/* ********* LISTS ********* */ 222#contentbody ul { margin:0 0 0 2em; padding: 0; } 223#contentbody li.level1, #contentbody li.level2, #contentbody li.level3, #contentbody li.level4, #contentbody li.level5 { margin: 0; padding: 0; } 224 225/* ********* IMAGES ********* */ 226#contentbody img { border: none; } 227#contentbody img.media { margin: 3px; } 228#contentbody img.medialeft { float: left; margin: 0 3px 0 0; } 229#contentbody img.mediaright { float: right; margin: 0 0 0 3px; } 230#contentbody img.mediacenter { display: block; margin-left: auto; margin-right: auto; } 231 232/* ********* TABLES ********* */ 233#contentbody table { 234 margin: 5px 0 5px 0; 235 border-collapse: collapse; 236} 237#contentbody table th { padding: 2px 5px 2px 5px; } 238#contentbody table td { padding: 2px 5px 2px 5px; } 239#contentbody table td.rightalign { text-align: right; } 240#contentbody table td.centeralign { text-align: center; } 241#contentbody table td.leftalign { text-align: left; } 242 243/* ********* MEDIA ********* */ 244#media { margin: 1em; } 245#media a img { border: none; } 246#media .mediaselect .mediaselect-left { float: left; width: 15em; } 247#media .mediaselect .mediaselect-left ul { margin: 0 0 0 10px; padding: 0; } 248#media .mediaselect .mediaselect-right { margin-left: 15em; padding: 5px; } 249#media .mediaselect .mediaselect-right ul { list-style: none; margin: 0; padding: 0; } 250#media .mediaselect .mediaselect-right ul li { padding: 5px; margin-bottom: 5px; } 251#media .mediaselect .mediaselect-right ul li .imagemeta { padding: 5px 0 0 0; margin: 5px 0 0 0; } 252#media label { display: block; } 253#mediaedit label { float: left; width: 8em; text-align: right; padding: 2px 5px 0 0; } 254#mediaedit .footer { margin-top: 1em; padding-top: 5px; } 255