main.css 28 KB

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