main.css 27 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561
  1. /*
  2. ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
  3. ** Copyright Gabriel Wicke - http://wikidev.net/
  4. ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
  5. **
  6. ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
  7. ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
  8. ** Michael Zeltner and Geir Bækholt)
  9. ** All you guys rock :)
  10. */
  11. #column-content {
  12. width: 100%;
  13. float: right;
  14. margin: 0 0 .6em -12.2em;
  15. padding: 0;
  16. }
  17. #content {
  18. margin: 2.8em 0 0 12.2em;
  19. padding: 0 1em 1em 1em;
  20. position: relative;
  21. z-index: 2;
  22. }
  23. #column-one {
  24. padding-top: 160px;
  25. }
  26. #content {
  27. background: white;
  28. color: black;
  29. border: 1px solid #aaa;
  30. border-right: none;
  31. line-height: 1.5em;
  32. }
  33. /* the left column width is specified in class .portlet */
  34. /* Font size:
  35. ** We take advantage of keyword scaling- browsers won't go below 9px
  36. ** More at http://www.w3.org/2003/07/30-font-size
  37. ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  38. */
  39. body {
  40. font: x-small sans-serif;
  41. background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
  42. color: black;
  43. margin: 0;
  44. padding: 0;
  45. }
  46. /* scale back up to a sane default */
  47. #globalWrapper {
  48. font-size: 127%;
  49. width: 100%;
  50. margin: 0;
  51. padding: 0;
  52. }
  53. .visualClear {
  54. clear: both;
  55. }
  56. /* general styles */
  57. table {
  58. font-size: 100%;
  59. color: black;
  60. /* we don't want the bottom borders of <h2>s to be visible through
  61. floated tables */
  62. background-color: white;
  63. }
  64. fieldset table {
  65. /* but keep table layouts in forms clean... */
  66. background: none;
  67. }
  68. a {
  69. text-decoration: none;
  70. color: #002bb8;
  71. background: none;
  72. }
  73. a:visited {
  74. color: #5a3696;
  75. }
  76. a:active {
  77. color: #faa700;
  78. }
  79. a:hover {
  80. text-decoration: underline;
  81. }
  82. a.stub {
  83. color: #772233;
  84. }
  85. a.new, #p-personal a.new {
  86. color: #ba0000;
  87. }
  88. a.new:visited, #p-personal a.new:visited {
  89. color: #a55858;
  90. }
  91. img {
  92. border: none;
  93. vertical-align: middle;
  94. }
  95. p {
  96. margin: .4em 0 .5em 0;
  97. line-height: 1.5em;
  98. }
  99. p img {
  100. margin: 0;
  101. }
  102. hr {
  103. height: 1px;
  104. color: #aaa;
  105. background-color: #aaa;
  106. border: 0;
  107. margin: .2em 0 .2em 0;
  108. }
  109. h1, h2, h3, h4, h5, h6 {
  110. color: black;
  111. background: none;
  112. font-weight: normal;
  113. margin: 0;
  114. padding-top: .5em;
  115. padding-bottom: .17em;
  116. border-bottom: 1px solid #aaa;
  117. }
  118. h1 { font-size: 188%; }
  119. h1 .editsection { font-size: 53%; }
  120. h2 { font-size: 150%; }
  121. h2 .editsection { font-size: 67%; }
  122. h3, h4, h5, h6 {
  123. border-bottom: none;
  124. font-weight: bold;
  125. }
  126. h3 { font-size: 132%; }
  127. h3 .editsection { font-size: 76%; font-weight: normal; }
  128. h4 { font-size: 116%; }
  129. h4 .editsection { font-size: 86%; font-weight: normal; }
  130. h5 { font-size: 100%; }
  131. h5 .editsection { font-weight: normal; }
  132. h6 { font-size: 80%; }
  133. h6 .editsection { font-size: 125%; font-weight: normal; }
  134. ul {
  135. line-height: 1.5em;
  136. list-style-type: square;
  137. margin: .3em 0 0 1.5em;
  138. padding: 0;
  139. list-style-image: url(bullet.gif);
  140. }
  141. ol {
  142. line-height: 1.5em;
  143. margin: .3em 0 0 3.2em;
  144. padding: 0;
  145. list-style-image: none;
  146. }
  147. li {
  148. margin-bottom: .1em;
  149. }
  150. dt {
  151. font-weight: bold;
  152. margin-bottom: .1em;
  153. }
  154. dl {
  155. margin-top: .2em;
  156. margin-bottom: .5em;
  157. }
  158. dd {
  159. line-height: 1.5em;
  160. margin-left: 2em;
  161. margin-bottom: .1em;
  162. }
  163. fieldset {
  164. border: 1px solid #2f6fab;
  165. margin: 1em 0 1em 0;
  166. padding: 0 1em 1em;
  167. line-height: 1.5em;
  168. }
  169. fieldset.nested {
  170. margin: 0 0 0.5em 0;
  171. padding: 0 0.5em 0.5em;
  172. }
  173. legend {
  174. padding: .5em;
  175. font-size: 95%;
  176. }
  177. form {
  178. border: none;
  179. margin: 0;
  180. }
  181. textarea {
  182. width: 100%;
  183. padding: .1em;
  184. }
  185. input.historysubmit {
  186. padding: 0 .3em .3em .3em !important;
  187. font-size: 94%;
  188. cursor: pointer;
  189. height: 1.7em !important;
  190. margin-left: 1.6em;
  191. }
  192. select {
  193. vertical-align: top;
  194. }
  195. abbr, acronym, .explain {
  196. border-bottom: 1px dotted black;
  197. color: black;
  198. background: none;
  199. cursor: help;
  200. }
  201. q {
  202. font-family: Times, "Times New Roman", serif;
  203. font-style: italic;
  204. }
  205. /* disabled for now
  206. blockquote {
  207. font-family: Times, "Times New Roman", serif;
  208. font-style: italic;
  209. }*/
  210. code {
  211. background-color: #f9f9f9;
  212. }
  213. pre {
  214. padding: 1em;
  215. border: 1px dashed #2f6fab;
  216. color: black;
  217. background-color: #f9f9f9;
  218. line-height: 1.1em;
  219. }
  220. /*
  221. ** the main content area
  222. */
  223. #siteSub {
  224. display: none;
  225. }
  226. #jump-to-nav {
  227. display: none;
  228. }
  229. #contentSub, #contentSub2 {
  230. font-size: 84%;
  231. line-height: 1.2em;
  232. margin: 0 0 1.4em 1em;
  233. color: #7d7d7d;
  234. width: auto;
  235. }
  236. span.subpages {
  237. display: block;
  238. }
  239. /* Some space under the headers in the content area */
  240. #bodyContent h1, #bodyContent h2 {
  241. margin-bottom: .6em;
  242. }
  243. #bodyContent h3, #bodyContent h4, #bodyContent h5 {
  244. margin-bottom: .3em;
  245. }
  246. #firstHeading {
  247. margin-bottom: .1em;
  248. /* These two rules hack around bug 2013 (fix for more limited bug 11325).
  249. When bug 2013 is fixed properly, they should be removed. */
  250. line-height: 1.2em;
  251. padding-bottom: 0;
  252. }
  253. /* user notification thing */
  254. .usermessage {
  255. background-color: #ffce7b;
  256. border: 1px solid #ffa500;
  257. color: black;
  258. font-weight: bold;
  259. margin: 2em 0 1em;
  260. padding: .5em 1em;
  261. vertical-align: middle;
  262. }
  263. #siteNotice {
  264. text-align: center;
  265. font-size: 95%;
  266. padding: 0 .9em;
  267. }
  268. #siteNotice p {
  269. margin: 0;
  270. padding: 0;
  271. }
  272. .success {
  273. color: green;
  274. font-size: larger;
  275. }
  276. .error {
  277. color: red;
  278. font-size: larger;
  279. }
  280. .errorbox, .successbox {
  281. font-size: larger;
  282. border: 2px solid;
  283. padding: .5em 1em;
  284. float: left;
  285. margin-bottom: 2em;
  286. color: #000;
  287. }
  288. .errorbox {
  289. border-color: red;
  290. background-color: #fff2f2;
  291. }
  292. .successbox {
  293. border-color: green;
  294. background-color: #dfd;
  295. }
  296. .errorbox h2, .successbox h2 {
  297. font-size: 1em;
  298. font-weight: bold;
  299. display: inline;
  300. margin: 0 .5em 0 0;
  301. border: none;
  302. }
  303. .catlinks {
  304. border: 1px solid #aaa;
  305. background-color: #f9f9f9;
  306. padding: 5px;
  307. margin-top: 1em;
  308. clear: both;
  309. }
  310. /* currently unused, intended to be used by a metadata box
  311. in the bottom-right corner of the content area */
  312. .documentDescription {
  313. /* The summary text describing the document */
  314. font-weight: bold;
  315. display: block;
  316. margin: 1em 0;
  317. line-height: 1.5em;
  318. }
  319. .documentByLine {
  320. text-align: right;
  321. font-size: 90%;
  322. clear: both;
  323. font-weight: normal;
  324. color: #76797c;
  325. }
  326. /* emulate center */
  327. .center {
  328. width: 100%;
  329. text-align: center;
  330. }
  331. *.center * {
  332. margin-left: auto;
  333. margin-right: auto;
  334. }
  335. /* small for tables and similar */
  336. .small, .small * {
  337. font-size: 94%;
  338. }
  339. table.small {
  340. font-size: 100%;
  341. }
  342. /*
  343. ** content styles
  344. */
  345. #toc,
  346. .toc,
  347. .mw-warning {
  348. border: 1px solid #aaa;
  349. background-color: #f9f9f9;
  350. padding: 5px;
  351. font-size: 95%;
  352. }
  353. #toc h2,
  354. .toc h2 {
  355. display: inline;
  356. border: none;
  357. padding: 0;
  358. font-size: 100%;
  359. font-weight: bold;
  360. }
  361. #toc #toctitle,
  362. .toc #toctitle,
  363. #toc .toctitle,
  364. .toc .toctitle {
  365. text-align: center;
  366. }
  367. #toc ul,
  368. .toc ul {
  369. list-style-type: none;
  370. list-style-image: none;
  371. margin-left: 0;
  372. padding-left: 0;
  373. text-align: left;
  374. }
  375. #toc ul ul,
  376. .toc ul ul {
  377. margin: 0 0 0 2em;
  378. }
  379. #toc .toctoggle,
  380. .toc .toctoggle {
  381. font-size: 94%;
  382. }
  383. .mw-warning {
  384. margin-left: 50px;
  385. margin-right: 50px;
  386. text-align: center;
  387. }
  388. /* images */
  389. div.floatright, table.floatright {
  390. clear: right;
  391. float: right;
  392. position: relative;
  393. margin: 0 0 .5em .5em;
  394. border: 0;
  395. /*
  396. border: .5em solid white;
  397. border-width: .5em 0 .8em 1.4em;
  398. */
  399. }
  400. div.floatright p { font-style: italic; }
  401. div.floatleft, table.floatleft {
  402. float: left;
  403. clear: left;
  404. position: relative;
  405. margin: 0 .5em .5em 0;
  406. border: 0;
  407. /*
  408. margin: .3em .5em .5em 0;
  409. border: .5em solid white;
  410. border-width: .5em 1.4em .8em 0;
  411. */
  412. }
  413. div.floatleft p { font-style: italic; }
  414. /* thumbnails */
  415. div.thumb {
  416. margin-bottom: .5em;
  417. border-style: solid;
  418. border-color: white;
  419. width: auto;
  420. }
  421. div.thumbinner {
  422. border: 1px solid #ccc;
  423. padding: 3px !important;
  424. background-color: #f9f9f9;
  425. font-size: 94%;
  426. text-align: center;
  427. overflow: hidden;
  428. }
  429. html .thumbimage {
  430. border: 1px solid #ccc;
  431. }
  432. html .thumbcaption {
  433. border: none;
  434. text-align: left;
  435. line-height: 1.4em;
  436. padding: 3px !important;
  437. font-size: 94%;
  438. }
  439. div.magnify {
  440. float: right;
  441. border: none !important;
  442. background: none !important;
  443. }
  444. div.magnify a, div.magnify img {
  445. display: block;
  446. border: none !important;
  447. background: none !important;
  448. }
  449. div.tright {
  450. clear: right;
  451. float: right;
  452. border-width: .5em 0 .8em 1.4em;
  453. }
  454. div.tleft {
  455. float: left;
  456. clear: left;
  457. margin-right: .5em;
  458. border-width: .5em 1.4em .8em 0;
  459. }
  460. img.thumbborder {
  461. border: 1px solid #dddddd;
  462. }
  463. .hiddenStructure {
  464. display: none;
  465. }
  466. /*
  467. ** classes for special content elements like town boxes
  468. ** intended to be referenced directly from the wiki src
  469. */
  470. /*
  471. ** User styles
  472. */
  473. /* table standards */
  474. table.rimage {
  475. float: right;
  476. position: relative;
  477. margin-left: 1em;
  478. margin-bottom: 1em;
  479. text-align: center;
  480. }
  481. .toccolours {
  482. border: 1px solid #aaa;
  483. background-color: #f9f9f9;
  484. padding: 5px;
  485. font-size: 95%;
  486. }
  487. /*
  488. ** edit views etc
  489. */
  490. .special li {
  491. line-height: 1.4em;
  492. margin: 0;
  493. padding: 0;
  494. }
  495. /*
  496. ** keep the whitespace in front of the ^=, hides rule from konqueror
  497. ** this is css3, the validator doesn't like it when validating as css2
  498. */
  499. #bodyContent a.external,
  500. #bodyContent a[href ^="gopher://"] {
  501. background: url(external.png) center right no-repeat;
  502. padding: 0 13px;
  503. }
  504. .rtl #bodyContent a.external,
  505. .rtl #bodyContent a[href ^="gopher://"] {
  506. background-image: url(external-rtl.png);
  507. }
  508. #bodyContent a[href ^="https://"],
  509. .link-https {
  510. background: url(lock_icon.gif) center right no-repeat;
  511. padding: 0 16px;
  512. }
  513. #bodyContent a[href ^="mailto:"],
  514. .link-mailto {
  515. background: url(mail_icon.gif) center right no-repeat;
  516. padding: 0 18px;
  517. }
  518. #bodyContent a[href ^="news://"] {
  519. background: url(news_icon.png) center right no-repeat;
  520. padding: 0 18px;
  521. }
  522. #bodyContent a[href ^="ftp://"],
  523. .link-ftp {
  524. background: url(file_icon.gif) center right no-repeat;
  525. padding: 0 18px;
  526. }
  527. #bodyContent a[href ^="irc://"],
  528. #bodyContent a.extiw[href ^="irc://"],
  529. .link-irc {
  530. background: url(discussionitem_icon.gif) center right no-repeat;
  531. padding: 0 18px;
  532. }
  533. #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
  534. #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
  535. #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
  536. #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
  537. #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
  538. #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
  539. .link-audio {
  540. background: url("audio.png") center right no-repeat;
  541. padding: 0 13px;
  542. }
  543. #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
  544. #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
  545. #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
  546. #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
  547. .link-video {
  548. background: url("video.png") center right no-repeat;
  549. padding: 0 13px;
  550. }
  551. #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
  552. #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
  553. #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
  554. .link-document {
  555. background: url("document.png") center right no-repeat;
  556. padding: 0 12px;
  557. }
  558. /* for rtl wikis */
  559. .rtl #bodyContent a.external {
  560. background-position: left;
  561. padding-right: 0;
  562. }
  563. .rtl a.feedlink {
  564. background-position: right;
  565. padding-right: 16px;
  566. padding-left: 0;
  567. }
  568. /* correction for ltr wikis */
  569. .ltr #bodyContent a.external {
  570. padding-left: 0;
  571. }
  572. /* disable interwiki styling */
  573. #bodyContent a.extiw,
  574. #bodyContent a.extiw:active {
  575. color: #36b;
  576. background: none;
  577. padding: 0;
  578. }
  579. #bodyContent a.external {
  580. color: #36b;
  581. }
  582. /* this can be used in the content area to switch off
  583. special external link styling */
  584. #bodyContent .plainlinks a {
  585. background: none !important;
  586. padding: 0 !important;
  587. }
  588. /*
  589. ** Structural Elements
  590. */
  591. /*
  592. ** general portlet styles (elements in the quickbar)
  593. */
  594. .portlet {
  595. border: none;
  596. margin: 0 0 .5em;
  597. padding: 0;
  598. float: none;
  599. width: 11.6em;
  600. overflow: hidden;
  601. }
  602. .portlet h4 {
  603. font-size: 95%;
  604. font-weight: normal;
  605. white-space: nowrap;
  606. }
  607. .portlet h5 {
  608. background: transparent;
  609. padding: 0 1em 0 .5em;
  610. display: inline;
  611. height: 1em;
  612. text-transform: lowercase;
  613. font-size: 91%;
  614. font-weight: normal;
  615. white-space: nowrap;
  616. }
  617. .portlet h6 {
  618. background: #ffae2e;
  619. border: 1px solid #2f6fab;
  620. border-style: solid solid none solid;
  621. padding: 0 1em 0 1em;
  622. text-transform: lowercase;
  623. display: block;
  624. font-size: 1em;
  625. height: 1.2em;
  626. font-weight: normal;
  627. white-space: nowrap;
  628. }
  629. .pBody {
  630. font-size: 95%;
  631. background-color: white;
  632. color: black;
  633. border-collapse: collapse;
  634. border: 1px solid #aaa;
  635. padding: 0 .8em .3em .5em;
  636. }
  637. .portlet h1,
  638. .portlet h2,
  639. .portlet h3,
  640. .portlet h4 {
  641. margin: 0;
  642. padding: 0;
  643. }
  644. .portlet ul {
  645. line-height: 1.5em;
  646. list-style-type: square;
  647. list-style-image: url(bullet.gif);
  648. font-size: 95%;
  649. }
  650. .portlet li {
  651. padding: 0;
  652. margin: 0;
  653. }
  654. /*
  655. ** Logo properties
  656. */
  657. #p-logo {
  658. top: 0;
  659. left: 0;
  660. position: absolute; /*needed to use z-index */
  661. z-index: 3;
  662. height: 155px;
  663. width: 12em;
  664. overflow: visible;
  665. }
  666. #p-logo h5 {
  667. display: none;
  668. }
  669. #p-logo a,
  670. #p-logo a:hover {
  671. display: block;
  672. height: 155px;
  673. width: 12.2em;
  674. background-repeat: no-repeat;
  675. background-position: 35% 50% !important;
  676. text-decoration: none;
  677. }
  678. /*
  679. ** Search portlet
  680. */
  681. #p-search {
  682. position: relative;
  683. z-index: 3;
  684. }
  685. input.searchButton {
  686. margin-top: 1px;
  687. font-size: 95%;
  688. }
  689. #searchGoButton {
  690. padding-left: .5em;
  691. padding-right: .5em;
  692. font-weight: bold;
  693. }
  694. #searchInput {
  695. width: 10.9em;
  696. margin: 0;
  697. font-size: 95%;
  698. }
  699. #p-search .pBody {
  700. padding: .5em .4em .4em .4em;
  701. text-align: center;
  702. }
  703. #p-search #searchform div div {
  704. margin-top: .4em;
  705. font-size: 95%;
  706. }
  707. /*
  708. ** the personal toolbar
  709. */
  710. #p-personal {
  711. position: absolute;
  712. left: 0;
  713. top: 0;
  714. z-index: 0;
  715. }
  716. #p-personal {
  717. width: 100%;
  718. white-space: nowrap;
  719. padding: 0;
  720. margin: 0;
  721. border: none;
  722. background: none;
  723. overflow: visible;
  724. line-height: 1.2em;
  725. }
  726. #p-personal h5 {
  727. display: none;
  728. }
  729. #p-personal .portlet,
  730. #p-personal .pBody {
  731. z-index: 0;
  732. padding: 0;
  733. margin: 0;
  734. border: none;
  735. overflow: visible;
  736. background: none;
  737. }
  738. /* this is the ul contained in the portlet */
  739. #p-personal ul {
  740. border: none;
  741. line-height: 1.4em;
  742. color: #2f6fab;
  743. padding: 0 2em 0 3em;
  744. margin: 0;
  745. text-align: right;
  746. list-style: none;
  747. z-index: 0;
  748. background: none;
  749. cursor: default;
  750. }
  751. #p-personal li {
  752. z-index: 0;
  753. border: none;
  754. padding: 0;
  755. display: inline;
  756. color: #2f6fab;
  757. margin-left: 1em;
  758. line-height: 1.2em;
  759. background: none;
  760. }
  761. #p-personal li a {
  762. text-decoration: none;
  763. color: #005896;
  764. padding-bottom: .2em;
  765. background: none;
  766. }
  767. #p-personal li a:hover {
  768. background-color: white;
  769. padding-bottom: .2em;
  770. text-decoration: none;
  771. }
  772. #p-personal li.active a:hover {
  773. background-color: transparent;
  774. }
  775. /* the icon in front of the user name, single quotes
  776. in bg url to hide it from iemac */
  777. li#pt-userpage,
  778. li#pt-anonuserpage,
  779. li#pt-login {
  780. background: url(user.gif) top left no-repeat;
  781. padding-left: 20px;
  782. text-transform: none;
  783. }
  784. #p-personal ul {
  785. text-transform: lowercase;
  786. }
  787. #p-personal li.active {
  788. font-weight: bold;
  789. }
  790. /*
  791. ** the page-related actions- page/talk, edit etc
  792. */
  793. #p-cactions {
  794. position: absolute;
  795. top: 1.3em;
  796. left: 11.5em;
  797. margin: 0;
  798. white-space: nowrap;
  799. width: 76%;
  800. line-height: 1.1em;
  801. overflow: visible;
  802. background: none;
  803. border-collapse: collapse;
  804. padding-left: 1em;
  805. list-style: none;
  806. font-size: 95%;
  807. }
  808. #p-cactions ul {
  809. list-style: none;
  810. }
  811. #p-cactions li {
  812. display: inline;
  813. border: 1px solid #aaa;
  814. border-bottom: none;
  815. padding: 0 0 .1em 0;
  816. margin: 0 .3em 0 0;
  817. overflow: visible;
  818. background: white;
  819. }
  820. #p-cactions li.selected {
  821. border-color: #fabd23;
  822. padding: 0 0 .2em 0;
  823. font-weight: bold;
  824. }
  825. #p-cactions li a {
  826. background-color: #fbfbfb;
  827. color: #002bb8;
  828. border: none;
  829. padding: 0 .8em .3em;
  830. position: relative;
  831. z-index: 0;
  832. margin: 0;
  833. text-decoration: none;
  834. }
  835. #p-cactions li.selected a {
  836. z-index: 3;
  837. padding: 0 1em .2em!important;
  838. background-color: white;
  839. }
  840. #p-cactions .new a {
  841. color: #ba0000;
  842. }
  843. #p-cactions li a:hover {
  844. z-index: 3;
  845. text-decoration: none;
  846. background-color: white;
  847. }
  848. #p-cactions h5 {
  849. display: none;
  850. }
  851. #p-cactions li.istalk {
  852. margin-right: 0;
  853. }
  854. #p-cactions li.istalk a {
  855. padding-right: .5em;
  856. }
  857. #p-cactions #ca-addsection a {
  858. padding-left: .4em;
  859. padding-right: .4em;
  860. }
  861. /* offsets to distinguish the tab groups */
  862. li#ca-talk {
  863. margin-right: 1.6em;
  864. }
  865. li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
  866. margin-left: 1.6em;
  867. }
  868. #p-cactions .pBody {
  869. font-size: 1em;
  870. background-color: transparent;
  871. color: inherit;
  872. border-collapse: inherit;
  873. border: 0;
  874. padding: 0;
  875. }
  876. #p-cactions .hiddenStructure {
  877. display: none;
  878. }
  879. #p-cactions li a {
  880. text-transform: lowercase;
  881. }
  882. #p-lang {
  883. position: relative;
  884. z-index: 3;
  885. }
  886. /* TODO: #t-iscite is only used by the Cite extension, come up with some
  887. * system which allows extensions to add to this file on the fly
  888. */
  889. #t-ispermalink, #t-iscite {
  890. color: #999;
  891. }
  892. /*
  893. ** footer
  894. */
  895. #footer {
  896. background-color: white;
  897. border-top: 1px solid #fabd23;
  898. border-bottom: 1px solid #fabd23;
  899. margin: .6em 0 1em 0;
  900. padding: .4em 0 1.2em 0;
  901. text-align: center;
  902. font-size: 90%;
  903. }
  904. #footer li {
  905. display: inline;
  906. margin: 0 1.3em;
  907. }
  908. #f-poweredbyico, #f-copyrightico {
  909. margin: 0 8px;
  910. position: relative;
  911. top: -2px; /* Bump it up just a tad */
  912. }
  913. #f-poweredbyico {
  914. float: right;
  915. height: 1%;
  916. }
  917. #f-copyrightico {
  918. float: left;
  919. height: 1%;
  920. }
  921. /* js pref toc */
  922. #preftoc {
  923. margin: 0;
  924. padding: 0;
  925. width: 100%;
  926. clear: both;
  927. }
  928. #preftoc li {
  929. background-color: #f0f0f0;
  930. color: #000;
  931. }
  932. #preftoc li {
  933. margin: 1px -2px 1px 2px;
  934. float: left;
  935. padding: 2px 0 3px 0;
  936. border: 1px solid #fff;
  937. border-right-color: #716f64;
  938. border-bottom: 0;
  939. position: relative;
  940. white-space: nowrap;
  941. list-style-type: none;
  942. list-style-image: none;
  943. z-index: 3;
  944. }
  945. #preftoc li.selected {
  946. font-weight: bold;
  947. background-color: #f9f9f9;
  948. border: 1px solid #aaa;
  949. border-bottom: none;
  950. cursor: default;
  951. top: 1px;
  952. padding-top: 2px;
  953. margin-right: -3px;
  954. }
  955. #preftoc > li.selected {
  956. top: 2px;
  957. }
  958. #preftoc a,
  959. #preftoc a:active {
  960. display: block;
  961. color: #000;
  962. padding: 0 .7em;
  963. position: relative;
  964. text-decoration: none;
  965. }
  966. #preftoc li.selected a {
  967. cursor: default;
  968. text-decoration: none;
  969. }
  970. #prefcontrol {
  971. padding-top: 2em;
  972. clear: both;
  973. }
  974. #preferences {
  975. margin: 0;
  976. border: 1px solid #aaa;
  977. clear: both;
  978. padding: 1.5em;
  979. background-color: #F9F9F9;
  980. }
  981. .prefsection {
  982. border: none;
  983. padding: 0;
  984. margin: 0;
  985. }
  986. .prefsection fieldset {
  987. border: 1px solid #aaa;
  988. float: left;
  989. margin-right: 2em;
  990. }
  991. .prefsection legend {
  992. font-weight: bold;
  993. }
  994. .prefsection table, .prefsection legend {
  995. background-color: #F9F9F9;
  996. }
  997. .mainLegend {
  998. display: none;
  999. }
  1000. div.prefsectiontip {
  1001. font-size: x-small;
  1002. padding: .2em 2em;
  1003. color: #666;
  1004. }
  1005. .btnSavePrefs {
  1006. font-weight: bold;
  1007. padding-left: .3em;
  1008. padding-right: .3em;
  1009. }
  1010. .preferences-login {
  1011. clear: both;
  1012. margin-bottom: 1.5em;
  1013. }
  1014. .prefcache {
  1015. font-size: 90%;
  1016. margin-top: 2em;
  1017. }
  1018. div#userloginForm form,
  1019. div#userlogin form#userlogin2 {
  1020. margin: 0 3em 1em 0;
  1021. border: 1px solid #aaa;
  1022. clear: both;
  1023. padding: 1.5em 2em;
  1024. background-color: #f9f9f9;
  1025. float: left;
  1026. }
  1027. .rtl div#userloginForm form,
  1028. .rtl div#userlogin form#userlogin2 {
  1029. float: right;
  1030. }
  1031. div#userloginForm table,
  1032. div#userlogin form#userlogin2 table {
  1033. background-color: #f9f9f9;
  1034. }
  1035. div#userloginForm h2,
  1036. div#userlogin form#userlogin2 h2 {
  1037. padding-top: 0;
  1038. }
  1039. div#userlogin .captcha,
  1040. div#userloginForm .captcha {
  1041. border: 1px solid #bbb;
  1042. padding: 1.5em 2em;
  1043. background-color: white;
  1044. }
  1045. #loginend, #signupend {
  1046. clear: both;
  1047. }
  1048. #userloginprompt, #languagelinks {
  1049. font-size: 85%;
  1050. }
  1051. #login-sectiontip {
  1052. font-size: 85%;
  1053. line-height: 1.2;
  1054. padding-top: 2em;
  1055. }
  1056. #userlogin .loginText, #userlogin .loginPassword {
  1057. width: 12em;
  1058. }
  1059. #userloginlink a, #wpLoginattempt, #wpCreateaccount {
  1060. font-weight: bold;
  1061. }
  1062. /*
  1063. ** IE/Mac fixes, hope to find a validating way to move this
  1064. ** to a separate stylesheet. This would work but doesn't validate:
  1065. ** @import("IEMacFixes.css");
  1066. */
  1067. /* tabs: border on the a, not the div */
  1068. * > html #p-cactions li { border: none; }
  1069. * > html #p-cactions li a {
  1070. border: 1px solid #aaa;
  1071. border-bottom: none;
  1072. }
  1073. * > html #p-cactions li.selected a { border-color: #fabd23; }
  1074. /* footer icons need a fixed width */
  1075. * > html #f-poweredbyico,
  1076. * > html #f-copyrightico { width: 88px; }
  1077. * > html #bodyContent,
  1078. * > html #bodyContent pre {
  1079. overflow-x: auto;
  1080. width: 100%;
  1081. padding-bottom: 25px;
  1082. }
  1083. /* more IE fixes */
  1084. /* float/negative margin brokenness */
  1085. * html #footer {margin-top: 0;}
  1086. * html #column-content {
  1087. display: inline;
  1088. margin-bottom: 0;
  1089. }
  1090. * html div.editsection { font-size: smaller; }
  1091. #pagehistory li.selected { position: relative; }
  1092. /* Mac IE 5.0 fix; floated content turns invisible */
  1093. * > html #column-content {
  1094. float: none;
  1095. }
  1096. * > html #column-one {
  1097. position: absolute;
  1098. left: 0;
  1099. top: 0;
  1100. }
  1101. * > html #footer {
  1102. margin-left: 13.2em;
  1103. }
  1104. .redirectText {
  1105. font-size: 150%;
  1106. margin: 5px;
  1107. }
  1108. .printfooter {
  1109. display: none;
  1110. }
  1111. .not-patrolled {
  1112. background-color: #ffa;
  1113. }
  1114. div.patrollink {
  1115. clear: both;
  1116. font-size: 75%;
  1117. text-align: right;
  1118. }
  1119. span.newpage, span.minor, span.bot {
  1120. font-weight: bold;
  1121. }
  1122. span.unpatrolled {
  1123. font-weight: bold;
  1124. color: red;
  1125. }
  1126. .sharedUploadNotice {
  1127. font-style: italic;
  1128. }
  1129. span.updatedmarker {
  1130. color: black;
  1131. background-color: #0f0;
  1132. }
  1133. table.gallery {
  1134. border: 1px solid #ccc;
  1135. margin: 2px;
  1136. padding: 2px;
  1137. background-color: white;
  1138. }
  1139. table.gallery tr {
  1140. vertical-align: top;
  1141. }
  1142. table.gallery td {
  1143. vertical-align: top;
  1144. background-color: #f9f9f9;
  1145. border: solid 2px white;
  1146. }
  1147. /* Keep this temporarily so that cached pages will display right */
  1148. table.gallery td.galleryheader {
  1149. text-align: center;
  1150. font-weight: bold;
  1151. }
  1152. table.gallery caption {
  1153. font-weight: bold;
  1154. }
  1155. div.gallerybox {
  1156. margin: 2px;
  1157. }
  1158. div.gallerybox div.thumb {
  1159. text-align: center;
  1160. border: 1px solid #ccc;
  1161. margin: 2px;
  1162. }
  1163. div.gallerytext {
  1164. overflow: hidden;
  1165. font-size: 94%;
  1166. padding: 2px 4px;
  1167. }
  1168. span.comment {
  1169. font-style: italic;
  1170. }
  1171. span.changedby {
  1172. font-size: 95%;
  1173. }
  1174. .previewnote {
  1175. text-indent: 3em;
  1176. color: #c00;
  1177. border-bottom: 1px solid #aaa;
  1178. padding-bottom: 1em;
  1179. margin-bottom: 1em;
  1180. }
  1181. .previewnote p {
  1182. margin: 0;
  1183. padding: 0;
  1184. }
  1185. .editExternally {
  1186. border: 1px solid gray;
  1187. background-color: #ffffff;
  1188. padding: 3px;
  1189. margin-top: 0.5em;
  1190. float: left;
  1191. font-size: small;
  1192. text-align: center;
  1193. }
  1194. .editExternallyHelp {
  1195. font-style: italic;
  1196. color: gray;
  1197. }
  1198. .toggle {
  1199. margin-left: 2em;
  1200. text-indent: -2em;
  1201. }
  1202. /* Classes for EXIF data display */
  1203. table.mw_metadata {
  1204. font-size: 0.8em;
  1205. margin-left: 0.5em;
  1206. margin-bottom: 0.5em;
  1207. width: 300px;
  1208. }
  1209. table.mw_metadata caption {
  1210. font-weight: bold;
  1211. }
  1212. table.mw_metadata th {
  1213. font-weight: normal;
  1214. }
  1215. table.mw_metadata td {
  1216. padding: 0.1em;
  1217. }
  1218. table.mw_metadata {
  1219. border: none;
  1220. border-collapse: collapse;
  1221. }
  1222. table.mw_metadata td, table.mw_metadata th {
  1223. text-align: center;
  1224. border: 1px solid #aaaaaa;
  1225. padding-left: 0.1em;
  1226. padding-right: 0.1em;
  1227. }
  1228. table.mw_metadata th {
  1229. background-color: #f9f9f9;
  1230. }
  1231. table.mw_metadata td {
  1232. background-color: #fcfcfc;
  1233. }
  1234. table.collapsed tr.collapsable {
  1235. display: none;
  1236. }
  1237. /* filetoc */
  1238. ul#filetoc {
  1239. text-align: center;
  1240. border: 1px solid #aaaaaa;
  1241. background-color: #f9f9f9;
  1242. padding: 5px;
  1243. font-size: 95%;
  1244. margin-bottom: 0.5em;
  1245. margin-left: 0;
  1246. margin-right: 0;
  1247. }
  1248. #filetoc li {
  1249. display: inline;
  1250. list-style-type: none;
  1251. padding-right: 2em;
  1252. }
  1253. input#wpSummary {
  1254. width: 80%;
  1255. }
  1256. /* @bug 1714 */
  1257. input#wpSave, input#wpDiff {
  1258. margin-right: 0.33em;
  1259. }
  1260. #wpSave {
  1261. font-weight: bold;
  1262. }
  1263. /* Classes for article validation */
  1264. table.revisionform_default {
  1265. border: 1px solid #000000;
  1266. }
  1267. table.revisionform_focus {
  1268. border: 1px solid #000000;
  1269. background-color:#00BBFF;
  1270. }
  1271. tr.revision_tr_default {
  1272. background-color:#EEEEEE;
  1273. }
  1274. tr.revision_tr_first {
  1275. background-color:#DDDDDD;
  1276. }
  1277. p.revision_saved {
  1278. color: green;
  1279. font-weight:bold;
  1280. }
  1281. #mw_trackbacks {
  1282. border: solid 1px #bbbbff;
  1283. background-color: #eeeeff;
  1284. padding: 0.2em;
  1285. }
  1286. /* Allmessages table */
  1287. #allmessagestable th {
  1288. background-color: #b2b2ff;
  1289. }
  1290. #allmessagestable tr.orig {
  1291. background-color: #ffe2e2;
  1292. }
  1293. #allmessagestable tr.new {
  1294. background-color: #e2ffe2;
  1295. }
  1296. #allmessagestable tr.def {
  1297. background-color: #f0f0ff;
  1298. }
  1299. /* noarticletext */
  1300. div.noarticletext {
  1301. border: 1px solid #ccc;
  1302. background: #fff;
  1303. padding: .2em 1em;
  1304. color: #000;
  1305. }
  1306. div#searchTargetContainer {
  1307. left: 10px;
  1308. top: 10px;
  1309. width: 90%;
  1310. background: white;
  1311. }
  1312. div#searchTarget {
  1313. padding: 3px;
  1314. margin: 5px;
  1315. background: #F0F0F0;
  1316. border: solid 1px blue;
  1317. }
  1318. div#searchTarget ul li {
  1319. list-style: none;
  1320. }
  1321. div#searchTarget ul li:before {
  1322. color: orange;
  1323. content: "\00BB \0020";
  1324. }
  1325. div#searchTargetHide {
  1326. float:right;
  1327. border:solid 1px black;
  1328. background:#DCDCDC;
  1329. padding:2px;
  1330. }
  1331. #powersearch p {
  1332. margin-top:0px;
  1333. }
  1334. div.multipageimagenavbox {
  1335. border: solid 1px silver;
  1336. padding: 4px;
  1337. margin: 1em;
  1338. background: #f0f0f0;
  1339. }
  1340. div.multipageimagenavbox div.thumb {
  1341. border: none;
  1342. margin-left: 2em;
  1343. margin-right: 2em;
  1344. }
  1345. div.multipageimagenavbox hr {
  1346. margin: 6px;
  1347. }
  1348. table.multipageimage td {
  1349. text-align: center;
  1350. }
  1351. /** Special:Version */
  1352. table#sv-ext, table#sv-hooks, table#sv-software {
  1353. margin: 1em;
  1354. padding:0em;
  1355. }
  1356. #sv-ext td, #sv-hooks td, #sv-software td,
  1357. #sv-ext th, #sv-hooks th, #sv-software th {
  1358. border: 1px solid #A0A0A0;
  1359. padding: 0 0.15em 0 0.15em;
  1360. }
  1361. #sv-ext th, #sv-hooks th, #sv-software th {
  1362. background-color: #F0F0F0;
  1363. color: black;
  1364. padding: 0 0.15em 0 0.15em;
  1365. }
  1366. tr.sv-space{
  1367. height: 0.8em;
  1368. border:none;
  1369. }
  1370. tr.sv-space td { display: none; }
  1371. /*
  1372. Table pager (e.g. Special:Imagelist)
  1373. - remove underlines from the navigation link
  1374. - collapse borders
  1375. - set the borders to outsets (similar to Special:Allmessages)
  1376. - remove line wrapping for all td and th, set background color
  1377. - restore line wrapping for the last two table cells (description and size)
  1378. */
  1379. .TablePager { min-width: 80%; }
  1380. .TablePager_nav a { text-decoration: none; }
  1381. .TablePager { border-collapse: collapse; }
  1382. .TablePager, .TablePager td, .TablePager th {
  1383. border: 1px solid #aaaaaa;
  1384. padding: 0 0.15em 0 0.15em;
  1385. }
  1386. .TablePager th { background-color: #eeeeff }
  1387. .TablePager td { background-color: #ffffff }
  1388. .TablePager tr:hover td { background-color: #eeeeff }
  1389. .imagelist td, .imagelist th { white-space: nowrap }
  1390. .imagelist .TablePager_col_links { background-color: #eeeeff }
  1391. .imagelist .TablePager_col_img_description { white-space: normal }
  1392. .imagelist th.TablePager_sort { background-color: #ccccff }
  1393. .templatesUsed { margin-top: 1.5em; }
  1394. .mw-summary-preview {
  1395. margin: 0.1em 0;
  1396. }
  1397. /* Friendlier slave lag warnings */
  1398. div.mw-lag-warn-normal,
  1399. div.mw-lag-warn-high {
  1400. padding: 3px;
  1401. text-align: center;
  1402. margin: 3px auto;
  1403. }
  1404. div.mw-lag-warn-normal {
  1405. border: 1px solid #FFCC66;
  1406. background-color: #FFFFCC;
  1407. }
  1408. div.mw-lag-warn-high {
  1409. font-weight: bold;
  1410. border: 2px solid #FF0033;
  1411. background-color: #FFCCCC;
  1412. }
  1413. .MediaTransformError {
  1414. background-color: #ccc;
  1415. padding: 0.1em;
  1416. }
  1417. .MediaTransformError td {
  1418. text-align: center;
  1419. vertical-align: middle;
  1420. font-size: 90%;
  1421. }
  1422. /** Special:Search stuff */
  1423. div#mw-search-interwiki-caption {
  1424. text-align: center;
  1425. font-weight: bold;
  1426. font-size: 95%;
  1427. }
  1428. .mw-search-interwiki-project {
  1429. font-size: 97%;
  1430. text-align: left;
  1431. padding-left: 0.2em;
  1432. padding-right: 0.15em;
  1433. padding-bottom: 0.2em;
  1434. padding-top: 0.15em;
  1435. background: #cae8ff;
  1436. }
  1437. /* God-damned hack for the crappy layout */
  1438. .os-suggest {
  1439. font-size: 127%;
  1440. }