1/** 2 * Layout and design corrections for right-to-left languages 3 * 4 * @author Andreas Gohr <andi@splitbrain.org> 5 * @author Dotan Kamber <kamberd@yahoo.com> 6 */ 7 8} 9 10body, td, th { 11 font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 12 text-align: right; 13 direction: ltr; 14} 15 16body 17{ 18 background-color: #ffffff; 19 padding: 5px 5px 5px 5px; 20 margin: 0px; 21} 22 23 24 25th, .tblheader { 26 padding: 3px; 27 border: 1px solid #8cacbb !important; 28 background-color: #dee7ec; 29 font-weight: bold; 30} 31 32td { 33 padding: 3px; 34 border: 1px solid #8cacbb !important; 35} 36td 37{ 38/* font-family: Arial, Verdana, sans-serif; 39 font-size: 10pt; 40 */ 41} 42 43 44/* 45 The following are some sample styles used in the "Styles" toolbar command. 46 You should instead remove them, and include the styles used by the site 47 you are using the editor in. 48*/ 49 50.Bold 51{ 52 font-weight: bold; 53} 54 55.Title 56{ 57 font-weight: bold; 58 font-size: 18px; 59 color: #cc3300; 60} 61 62 63pre { 64 margin: 0 0 1.0em 0; 65 font-size: 120%; 66 padding: 0.5em; 67 border: 1px dashed black; 68 color: black; 69 overflow: auto; 70} 71 72/* code blocks by code tag */ 73pre.code { 74 background-color: #f7f9fa; 75 line-height:100%; 76} 77pre.file { 78 background-color: #dee7ec; 79 line-height:100%; 80} 81 82h1,h2,h3,h4,h5 { 83 color: black; 84 background-color: inherit; 85 font-size: 100%; 86 font-weight: normal; 87 margin: 0 0 1em 0; 88 padding: 0.5em 0 0 0; 89 border-bottom: 1px solid #8cacbb; 90 clear: left; 91} 92 93 94h1,h2,h3,h4,h5 95 { 96 color: black !important; 97 text-decoration: none !important; 98} 99 100h1 {font-size: 160%; margin-left: 0px; font-weight: bold;} 101h2 {font-size: 150%; margin-left: 20px;} 102h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;} 103h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold; } 104h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;} 105 106div.level1 {margin-left: 3px;} 107div.level2 {margin-left: 23px;} 108div.level3 {margin-left: 43px;} 109div.level4 {margin-left: 63px;} 110div.dokuwiki div.level5 {margin-left: 83px;} 111 112img.media { 113 border: 0; 114 margin: 3px; 115} 116 117img.medialeft { 118 border: 0; 119 margin: 0 1.5em 0 0; 120 float: left; 121} 122 123img.baseline { 124 vertical-align:bottom; 125 text-align:left; 126 display:block; 127 border: 0; 128 margin: 3px; 129} 130 131img.mediaright { 132 border: 0; 133 float: right; 134 margin: 0 0 0 1.5em; 135} 136 137img.mediacenter, .mediacenter { 138 text-align:center; 139 display:block; 140 border: 0 ; 141 border-top: 3px solid none; 142 margin: 0 auto; 143} 144 145 146.leftalign {text-align: left;} 147.centeralign {text-align: center;} 148.rightalign {text-align: right;} 149 150 151div.footnotes { 152 clear: both; 153 border-top: 1px solid black; 154 padding-left: 1em; 155 margin-top: 1em; 156} 157 158div.fn { 159 font-size: 90%; 160} 161 162a.fn_bot { 163 font-weight: bold; 164} 165 166/* unordered lists */ 167ul { 168 line-height: 1.5em; 169 list-style-type: square; 170 list-style-image: none; 171 margin: 0 0 1em 3.5em; 172 color: black; 173} 174 175/* ordered lists */ 176ol { 177 line-height: 1.5em; 178 list-style-image: none; 179 margin: 0 0 1em 3.5em; 180 color: black; 181 182} 183 184/* no gap in between nested lists */ 185li ul { 186 margin-bottom: 0; 187} 188li ol { 189 margin-bottom: 0; 190} 191 192 193ol {list-style-type: decimal} 194ol ol {list-style-type: upper-roman} 195ol ol ol {list-style-type: lower-alpha} 196ol ol ol ol {list-style-type: lower-greek} 197 198li { font-weight: normal; } 199 200a.windows { 201 background: transparent url(images/windows.gif) 0px 1px no-repeat; 202 padding: 1px 0px 1px 16px; 203 color: #436976 !important; 204 text-decoration: none !important; 205} 206 207a.urlextern { 208 background: transparent url(images/link_icon.gif) 0px 1px no-repeat; 209 padding: 1px 0px 1px 16px; 210 color: #436976 !important; 211 text-decoration: none !important; 212} 213 214a.wikilink2 { 215 color: red !important; 216 text-decoration: none !important; 217} 218 219 220a.wikilink1 { 221 color: green !important; 222 text-decoration: none !important; 223} 224 225span.np_break { 226 line-height: 50%; 227 border:0px; 228 padding:0px; 229 margin:0px; 230} 231 232/* filenames for file and code blocks */ 233 dl.file, 234 dl.code { 235 margin-top: 2em; 236 margin-bottom: 2.5em; 237} 238 239 dl.file dt, 240 dl.code dt { 241 border: 1px dashed #8cacbb; 242 display: inline; 243 padding: 0.1em 1em; 244 margin-left: 5em; 245} 246 247 dl.code dt a, 248 dl.file dt a { 249 color:#000; 250} 251 252 dl.code dt { 253 background-color: __background_other__; 254 border-bottom: 1px solid __background_other__; 255} 256 257 dl.file dt { 258 background-color: #dee7ec; 259 border-bottom: 1px solid #dee7ec; 260} 261 262dd pre.file { 263 line-height: 125%; 264} 265/* syntax highlighting code */ 266.code .br0 { color: #66cc66; } 267.code .co0 { color: #808080; font-style: italic; } 268.code .co1 { color: #808080; font-style: italic; } 269.code .co2 { color: #808080; font-style: italic; } 270.code .co3 { color: #808080; } 271.code .coMULTI { color: #808080; font-style: italic; } 272.code .es0 { color: #000099; font-weight: bold; } 273.code .kw1 { color: #b1b100; } 274.code .kw2 { color: #000000; font-weight: bold; } 275.code .kw3 { color: #000066; } 276.code .kw4 { color: #993333; } 277.code .kw5 { color: #0000ff; } 278.code .me1 { color: #006600; } 279.code .me2 { color: #006600; } 280.code .nu0 { color: #cc66cc; } 281.code .re0 { color: #0000ff; } 282.code .re1 { color: #0000ff; } 283.code .re2 { color: #0000ff; } 284.code .re3 { color: #ff3333; font-weight:bold; } 285.code .re4 { color: #009999; } 286.code .st0 { color: #ff0000; } 287.code .sy0 { color: #66cc66; } 288 289a.mediafile { 290 background: url(images/fileicons/file.png) no-repeat scroll 0 1px transparent; 291 padding-bottom: 1px; 292 padding-left: 18px; 293 color: #436976 !important; 294 text-decoration: none !important; 295} 296 297/* email link */ 298a.mail { 299 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; 300 padding: 1px 0px 1px 16px; 301 color: #436976 !important; 302 text-decoration: none !important; 303} 304 305a.mf_gz { 306 background-image: url(images/fileicons/gz.png); 307} 308a.mf_csv { 309 background-image: url(images/fileicons/csv.png); 310} 311a.mf_gif { 312 background-image: url(images/fileicons/gif.png); 313} 314 315a.mf_png { 316 background-image: url(images/fileicons/png.png); 317} 318 319a.mf_txt { 320 background-image: url(images/fileicons/txt.png); 321} 322a.mf_tar { 323 background-image: url(images/fileicons/tar.png); 324} 325a.mf_jpg { 326 background-image: url(images/fileicons/jpg.png); 327} 328 329a.mf_xml { 330 background-image: url(images/fileicons/xml.png); 331} 332a.mf_c { 333 background-image: url(images/fileicons/c.png); 334} 335a.mf_ppt { 336 background-image: url(images/fileicons/ppt.png); 337} 338a.mf_conf { 339 background-image: url(images/fileicons/conf.png); 340} 341 342a.mf_xls { 343 background-image: url(images/fileicons/xls.png); 344} 345a.mf_doc { 346 background-image: url(images/fileicons/doc.png); 347} 348 349a.mf_php { 350 background-image: url(images/fileicons/php.png); 351} 352a.mf_cs { 353 background-image: url(images/fileicons/cs.png); 354} 355a.mf_pdf { 356 background-image: url(images/fileicons/pdf.png); 357} 358 359a.mf_odc { 360 background-image: url(images/fileicons/odg.png); 361} 362a.mf_cpp { 363 background-image: url(images/fileicons/cpp.png); 364} 365a.mf_sql { 366 background-image: url(images/fileicons/sql.png); 367} 368 369a.mf_bz2 { 370 background-image: url(images/fileicons/bz2.png); 371} 372 373a.mf_zip { 374 background-image: url(images/fileicons/zip.png); 375} 376a.mf_deb { 377 background-image: url(images/fileicons/deb.png); 378} 379a.mf_jpeg { 380 background-image: url(images/fileicons/jpeg.png); 381} 382a.mf_odg { 383 background-image: url(images/fileicons/odg.png); 384} 385a.mf_py { 386 background-image: url(images/fileicons/py.png); 387} 388a.mf_js { 389 background-image: url(images/fileicons/js.png); 390} 391a.mf_java { 392 background-image: url(images/fileicons/java.png); 393} 394a.mf_htm { 395 background-image: url(images/fileicons/htm.png); 396} 397 398a.mf_odt { 399 background-image: url(images/fileicons/odt.png); 400} 401a.mf_rtf { 402 background-image: url(images/fileicons/rtf.png); 403} 404a.mf_odf { 405 background-image: url(images/fileicons/odg.png); 406} 407a.mf_css { 408 background-image: url(images/fileicons/css.png); 409} 410a.mf_docx { 411 background-image: url(images/fileicons/docx.png); 412} 413a.mf_xlsx { 414 background-image: url(images/fileicons/xlsx.png); 415} 416a.mf_odp { 417 background-image: url(images/fileicons/odg.png); 418} 419a.mf_rar { 420 background-image: url(images/fileicons/rar.png); 421} 422a.mf_tgz { 423 background-image: url(images/fileicons/tgz.png); 424} 425a.mf_7z { 426 background-image: url(images/fileicons/7z.png); 427} 428a.mf_html { 429 background-image: url(images/fileicons/html.png); 430} 431a.mf_pl { 432 background-image: url(images/fileicons/pl.png); 433} 434a.mf_rpm { 435 background-image: url(images/fileicons/rpm.png); 436} 437a.mf_ps { 438 background-image: url(images/fileicons/ps.png); 439} 440 441a.mf_swf { 442 background-image: url(images/fileicons/swf.png); 443} 444 445a.mf_epub { 446 background-image: url(images/fileicons/epub.png); 447} 448 449 450 451/* ------------------ Design corrections --------------------------------- */ 452 453ul, 454ol { 455 margin: 0.5em 3.5em 0.5em 0; 456} 457li ul, 458li ol { 459 margin: 0.5em 1.5em 0.5em 0; 460} 461 462a.urlextern, 463a.interwiki, 464a.windows, 465a.mail { 466 /* should work but doesn't - so we just disable icons here*/ 467 /* 468 background-position: right 1px; 469 padding-right: 16px; 470 */ 471 background-image: none !important; 472 padding: 0px 0px 0px 0px; 473} 474 475div.secedit input.button { 476 float: left; 477} 478 479/* headlines */ 480h1, h2, h3, h4, h5 { 481 clear: right; 482} 483 484/* special headlines */ 485h1 { margin-left: 0px; margin-right: 0px; } 486h2 { margin-left: 0px; margin-right: 20px; } 487h3 { margin-left: 0px; margin-right: 40px; } 488h4 { margin-left: 0px; margin-right: 60px; } 489h5 { margin-left: 0px; margin-right: 80px; } 490 491/* indent different sections */ 492div.level1 { margin-left: 0px; margin-right: 3px; } 493div.level2 { margin-left: 0px; margin-right: 23px; } 494div.level3 { margin-left: 0px; margin-right: 43px; } 495div.level4 { margin-left: 0px; margin-right: 63px; } 496div.level5 { margin-left: 0px; margin-right: 83px; } 497} 498 499b { color: red; } 500 501ul.toc { 502 padding: 0; 503 padding-right: 1em; 504} 505 506ul.toc li { 507 background-position: right 0.6em; 508 padding-right: 0.4em; 509 direction: rtl; 510} 511 512ul.toc li.clear { 513 padding-right: 0.4em; 514} 515 516.code { 517 direction: ltr; 518 text-align: left; 519} 520