foreground.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899
  1. body {
  2. line-height: 1.6em;
  3. }
  4. p {
  5. margin-bottom: 0.25em;
  6. }
  7. #page-content {
  8. margin: 2rem 0 0;
  9. }
  10. .row {
  11. max-width: 75em;
  12. }
  13. a.label:hover, a.label:focus {
  14. color: white;
  15. }
  16. a.label.new {
  17. background-color: #d0d0d0;
  18. }
  19. a#actions-button {
  20. float: right;
  21. z-index: 499;
  22. }
  23. /* rtl an ltr */
  24. [dir=ltr] * {
  25. direction: ltr;
  26. }
  27. [dir=rtl] * {
  28. direction: rtl;
  29. }
  30. [dir=ltr] {
  31. direction: ltr;
  32. }
  33. [dir=rtl] {
  34. direction: rtl;
  35. }
  36. /* Style MW Table of Contents */
  37. .toctoggle, .toctoggle a {
  38. line-height: 2em;
  39. display: inline;
  40. vertical-align: top;
  41. }
  42. #toctitle h2 {
  43. display: inline;
  44. font-size: 1.8rem;
  45. }
  46. #toc, .toc {
  47. padding: 1em 1em;
  48. border: 1px solid #dddddd;
  49. display: inline-block;
  50. width: auto;
  51. margin: 1.5em 0;
  52. }
  53. #toc ul, .toc ul {
  54. list-style-type: none;
  55. list-style-image: none;
  56. padding: 0;
  57. width: auto;
  58. }
  59. /* Hide the page actions button for special pages (cuz there's nothing in it) */
  60. .mw-special-FormEdit a#actions-button, .ns-special a#actions-button {
  61. display: none;
  62. }
  63. /* Hide some rows on form-edit (e.g. a thing's title) */
  64. body.action-formedit .row.hide-on-form-edit {
  65. display: none;
  66. }
  67. /* Move the MediaWiki notification area so it isn't on top of the Action menu */
  68. .mw-notification-area {
  69. margin-top: 2em;
  70. }
  71. /* Also adjust z-index of action menu to force it on top */
  72. #p-cactions #actions {
  73. z-index: 500;
  74. white-space: nowrap;
  75. }
  76. #p-cactions #actions a {
  77. width: 100%;
  78. text-align: left;
  79. }
  80. /* Make sure top bar is even more z-indx! */
  81. #toolbox-dropdown {
  82. z-index: 601;
  83. }
  84. #personal-tools-dropdown {
  85. z-index: 601;
  86. }
  87. /* Dropdown Icon Alignment */
  88. .drop-icon {
  89. display: inline;
  90. margin-right: 4px;
  91. }
  92. td.mw-submit a, .htmlform-tip, #mw-upload-permitted p {
  93. font-size: 90%;
  94. }
  95. alert.label a {
  96. color: pink;
  97. }
  98. code {
  99. font-weight: normal;
  100. color: #222222;
  101. }
  102. small {
  103. font-size: 80%;
  104. }
  105. h4.namespace.label {
  106. font-size: 1rem;
  107. display: inline-block;
  108. margin-bottom: 0.5rem;
  109. }
  110. .label {
  111. padding-bottom: 0.39em;
  112. }
  113. h2 span {
  114. display: inline-block;
  115. }
  116. h2.title {
  117. margin-bottom: 0.1em;
  118. }
  119. h3#tagline {
  120. font-style: italic;
  121. font-size: small;
  122. margin-bottom: 0.5em;
  123. color: #6f6f6f;
  124. }
  125. .clear_both {
  126. clear: both;
  127. }
  128. .large-2 strong, .large-2 b {
  129. display: block;
  130. }
  131. .large-2 strong, .large-2 b, table th {
  132. font-size: 0.875em;
  133. color: #4d4d4d;
  134. font-weight: 500;
  135. }
  136. /* LAYOUT */
  137. .row .row {
  138. margin-bottom: 0.9em;
  139. }
  140. div.small-10 .row {
  141. margin: 1em 0 0 0;
  142. }
  143. div.small-9.columns textarea {
  144. margin-bottom: 0.25em;
  145. }
  146. footer.row {
  147. margin-top: 2em;
  148. color: grey;
  149. }
  150. div {
  151. line-height: 1.60em;
  152. }
  153. /* NOTICES, ALERTS, WARNINGS */
  154. div#userloginprompt, p#userloginlink {
  155. font-size: 80%;
  156. }
  157. /* LISTS */
  158. ul#actions.f-dropdown {
  159. margin-left: 0;
  160. margin-top: .5em;
  161. margin-bottom: .25em;
  162. padding: .25em;
  163. }
  164. #mw-content-text ul {
  165. margin: .5em 1.25em;
  166. }
  167. /* Tabs */
  168. /* make sure tabs ul element has no margins */
  169. #mw-content-text ul.tabs {
  170. margin: 0;
  171. }
  172. /* stop focus outline */
  173. .tabs dd.active>a, .tabs .tab-title.active>a:focus {
  174. outline: none;
  175. }
  176. /* make sure orbit image slider has no margins */
  177. #mw-content-text .orbit-container ul {
  178. margin: 0;
  179. }
  180. footer.row ul {
  181. list-style-type: none;
  182. margin: 0 0 1em 0;
  183. }
  184. footer.row ul.views.columns li {
  185. margin-right: 1em;
  186. }
  187. #footer footer.row ul {
  188. margin: 0;
  189. list-style-type: none;
  190. }
  191. /* Make social footer center need overflow:hidden and other div classes */
  192. .social-footer {
  193. margin: 0 0 1em;
  194. font-size: 90%;
  195. overflow: hidden;
  196. }
  197. /* Hide all text in p elements */
  198. .social-footer p {
  199. display: none;
  200. }
  201. /* Outer wrap */
  202. .social-links {
  203. position: relative;
  204. left: 50%;
  205. float: left;
  206. }
  207. /* addThis container (inner wrap) */
  208. .addthis_horizontal_follow_toolbox {
  209. position: relative;
  210. left: -50%;
  211. float: left;
  212. z-index: 100000;
  213. }
  214. /* end social footer classes */
  215. #footer-left {
  216. font-size: 90%;
  217. text-align: left;
  218. }
  219. #footer-right-icons {
  220. font-size: 85%;
  221. text-align: center;
  222. }
  223. #footer-right-icons li {
  224. display: inline-block;
  225. text-align: center;
  226. margin: 0 0 .5em .5em;
  227. }
  228. li#footer-privacy {
  229. float: left;
  230. margin-right: 2em;
  231. }
  232. li#footer-about {
  233. float: left;
  234. margin-right: 2em;
  235. }
  236. li#footer-disclaimer {
  237. float: left;
  238. margin-right: 2em;
  239. }
  240. .text-center #footer-left li {
  241. float: none;
  242. margin: 0;
  243. }
  244. .text-center #footer-left {
  245. text-align: center;
  246. }
  247. @media only screen and (max-width: 641px) {
  248. #footer-left {
  249. font-size: 85%;
  250. text-align: center;
  251. }
  252. #footer-right-icons {
  253. font-size: 80%;
  254. }
  255. li#footer-privacy {
  256. float: none;
  257. margin-right: 0;
  258. }
  259. li#footer-about {
  260. float: none;
  261. margin-right: 0;
  262. }
  263. li#footer-disclaimer {
  264. float: none;
  265. margin-right: 0;
  266. }
  267. }
  268. .columns ul.special li {
  269. float: none;
  270. width: 100%;
  271. }
  272. .columns div#uploadtext ul {
  273. list-style-type: disc;
  274. }
  275. .columns div#uploadtext ul li {
  276. float: none;
  277. width: 95%;
  278. margin-left: 2em;
  279. }
  280. #catlinks {
  281. border: 1px solid #aaa;
  282. padding: 0.25rem;
  283. }
  284. #catlinks .label {
  285. font-size: .9rem;
  286. }
  287. #catlinks a.label.new {
  288. background-color: #BA0F2A;
  289. }
  290. .catlinks li {
  291. border-left: none;
  292. }
  293. .mw-specialpages-table td ul.columns li {
  294. width: 50%;
  295. }
  296. /*#mw-content-text .columns li {float:none;width:90%;}*/
  297. footer.row ul.columns li {
  298. display: inline;
  299. float: none;
  300. }
  301. .columns #mw-normal-catlinks ul li {
  302. float: none;
  303. width: auto;
  304. }
  305. #mw-normal-catlinks a.new {
  306. color: white;
  307. }
  308. ul.vcard {
  309. padding: 0.5em 0.5em 0.55em 0.5em;
  310. }
  311. /* HEADERS */
  312. h1, h2, h3, h4, h5, h6 {
  313. margin-top: 0em;
  314. line-height: 1em;
  315. }
  316. .page-Special_SpecialPages h2 {
  317. margin-bottom: 0.5em;
  318. }
  319. .editsection {
  320. font-weight: normal;
  321. font-size: 0.4em;
  322. }
  323. p.title {
  324. padding: 0.9375em;
  325. }
  326. /* TABLES */
  327. .mw-content-ltr table#toc {
  328. float: right;
  329. width: auto;
  330. }
  331. .mw-content-rtl table#toc {
  332. float: left;
  333. width: auto;
  334. }
  335. table.formtable {
  336. border: none;
  337. }
  338. table td[align="right"] {
  339. text-align: right;
  340. }
  341. /* TURN OFF TABLE STRIPING FOR EDITFORMS */
  342. table.formedit tr.even, table.formedit tr.alt, table.formedit tr:nth-of-type(even) {
  343. background: transparent;
  344. }
  345. table {
  346. width: 100%;
  347. }
  348. td.mw-label {
  349. width: 20%;
  350. }
  351. td.mw-input {
  352. width: 80%;
  353. }
  354. thead tr th {
  355. cursor: pointer;
  356. }
  357. table.formtable th {
  358. text-align: right !important;
  359. }
  360. td.smwpropname, th.smwpropname, td.smwspecname {
  361. text-align: left;
  362. }
  363. table tbody tr td, table tr td {
  364. line-height: 1.6em;
  365. }
  366. table.wikitable {
  367. margin: 0em 0 1em 0;
  368. }
  369. table.wikitable>tr>th, table.wikitable>*>tr>th {
  370. text-align: left;
  371. }
  372. table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
  373. border: 3px #fff solid;
  374. padding: 0.6em;
  375. }
  376. /* FORMS, INPUTS, FIELDSETS */
  377. .multipleTemplateInstance {
  378. background-color: white !important;
  379. border: none !important;
  380. border-bottom: 1px dashed #999999 !important;
  381. }
  382. .multipleTemplateInstance table {
  383. border: none !important;
  384. }
  385. .multipleTemplateAdder {
  386. font-size: 0.9em;
  387. padding: 0.4125em 0.5em 0.55em 0.5em;
  388. }
  389. .novalue {
  390. color: #999999;
  391. font-style: italic;
  392. font-size: small;
  393. }
  394. input[type="file"], input[type="checkbox"], input[type="radio"], select {
  395. padding: 5px;
  396. }
  397. input[type="file"], select {
  398. padding: 5px;
  399. border: 1px solid #cccccc;
  400. }
  401. .inputSpan select.createboxInput, .dateInput select.monthInput, input.hourInput, input.minuteInput, input.secondInput, input.dayInput, input.yearInput, input[name="*[* date][hour]"], input[name="*[* date][minute]"], input[name="*[* date][second]"] {
  402. width: auto;
  403. margin-right: 1em;
  404. }
  405. /*
  406. .inputSpan input.createboxInput {
  407. width: 100%;
  408. }
  409. */
  410. .inputSpan button, .inputSpan .button {
  411. margin: -4px 0 0 0;
  412. padding: 0.37em 0.75em 0.6em 0.70em;
  413. }
  414. .ms-selectable input[type="text"] {
  415. width: 100%;
  416. }
  417. button.ui-button-icon-only {
  418. height: 2.24em !important;
  419. }
  420. select {
  421. width: auto;
  422. }
  423. input[type="checkbox"].createboxInput {
  424. width: auto;
  425. }
  426. label.checkboxLabel {
  427. margin-right: 0.5em;
  428. }
  429. .edit_with_form {
  430. margin: -2em 0 0 0;
  431. float: right;
  432. }
  433. input[type="radio"], input[type="checkbox"] {
  434. display: inline;
  435. }
  436. input[type='file'] {
  437. margin-top: 0.4em;
  438. }
  439. input:not([type]), textarea, p.meta {
  440. margin-bottom: 4px;
  441. }
  442. label {
  443. display: inline;
  444. font-weight: normal;
  445. }
  446. .mw-input label {
  447. font-weight: normal;
  448. }
  449. #mw-content-text ul.SFI_timepicker_hours, #mw-content-text ul.SFI_timepicker_minutes {
  450. list-style-type: none;
  451. }
  452. #mw-content-text ul.SFI_timepicker_hours li {
  453. margin: 2px 2px;
  454. padding: 4px;
  455. }
  456. .sminput.sminput-googlemaps3 p button {
  457. padding-top: 0.35em;
  458. padding-bottom: 0.6em;
  459. }
  460. li label.inline {
  461. margin-bottom: 2px;
  462. padding: 0;
  463. }
  464. button, .button {
  465. margin: 0.5em 0;
  466. padding: 0.3em 0.75em 0.4em 0.75em;
  467. }
  468. .top-bar-logo {
  469. max-width: 100%;
  470. height: auto;
  471. max-height: 2.8125rem;
  472. /* Important! max-height must not be higher than line-height */
  473. display: inline-block;
  474. vertical-align: middle;
  475. }
  476. .top-bar .button.search {
  477. top: 0px;
  478. }
  479. .top-bar .button, .top-bar button {
  480. padding-top: .35rem;
  481. padding-bottom: .35rem;
  482. }
  483. .top-bar .button.search {
  484. margin-left: 10px;
  485. }
  486. .top-bar input {
  487. top: 0px;
  488. }
  489. @media only screen and (min-width: 641px) {
  490. .top-bar .button.search {
  491. top: 0px;
  492. }
  493. .top-bar .button.search {
  494. margin-left: -4px;
  495. }
  496. .top-bar {
  497. height: auto;
  498. }
  499. }
  500. .top-bar-section .dropdown {
  501. z-index: 600;
  502. }
  503. input[type="submit"] {
  504. background-color: #5da423;
  505. border-color: #457a1a;
  506. color: white;
  507. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  508. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  509. -webkit-transition: background-color 300ms ease-out;
  510. -moz-transition: background-color 300ms ease-out;
  511. transition: background-color 300ms ease-out;
  512. }
  513. input#wpPreview {
  514. background-color: #5da423;
  515. border-color: #457a1a;
  516. color: white;
  517. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  518. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  519. -webkit-transition: background-color 300ms ease-out;
  520. -moz-transition: background-color 300ms ease-out;
  521. transition: background-color 300ms ease-out;
  522. }
  523. .editButtons input[type="submit"] {
  524. display: inline-block;
  525. }
  526. legend {
  527. font-size: 0.875em;
  528. color: #4d4d4d;
  529. cursor: pointer;
  530. display: block;
  531. font-weight: 500;
  532. }
  533. fieldset {
  534. line-height: 1.6em;
  535. padding: 0 1.25em 1em 1.25em;
  536. margin-top: 0;
  537. }
  538. span.smwbuiltin, span.smwttactiveinline span.smwbuiltin {
  539. font-style: normal;
  540. }
  541. /* MW still generates a label column for checkboxes, this minimizes is */
  542. div.mw-htmlform-field-HTMLCheckField div.mw-label {
  543. height: 0;
  544. }
  545. /* ZUBR IE8 FIXES */
  546. /* GRID: https://gist.github.com/zurbchris/5068210 */
  547. .lt-ie9 .row {
  548. width: 940px;
  549. max-width: 100%;
  550. min-width: 768px;
  551. margin: 0 auto;
  552. }
  553. .lt-ie9 .row .row {
  554. width: auto;
  555. max-width: none;
  556. min-width: 0;
  557. margin: 0 -15px;
  558. }
  559. .lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns {
  560. padding: 0;
  561. }
  562. .lt-ie9 .row .row {
  563. width: auto;
  564. max-width: none;
  565. min-width: 0;
  566. margin: 0 -15px;
  567. }
  568. .lt-ie9 .row .row.large-collapse {
  569. margin: 0;
  570. }
  571. .lt-ie9 .column, .lt-ie9 .columns {
  572. float: left;
  573. min-height: 1px;
  574. padding: 0 15px;
  575. position: relative;
  576. }
  577. .lt-ie9 .column.large-centered, .columns.large-centered {
  578. float: none;
  579. margin: 0 auto;
  580. }
  581. .lt-ie9 [class*="column"]+[class*="column"]:last-child {
  582. float: right;
  583. }
  584. .lt-ie9 [class*="column"]+[class*="column"].end {
  585. float: left;
  586. }
  587. .lt-ie9 .large-1, .lt-ie9 .row .large-1 {
  588. width: 8.33333%;
  589. }
  590. .lt-ie9 .large-2, .lt-ie9 .row .large-2 {
  591. width: 16.66667%;
  592. }
  593. .lt-ie9 .large-3, .lt-ie9 .row .large-3 {
  594. width: 25%;
  595. }
  596. .lt-ie9 .large-4, .lt-ie9 .row .large-4 {
  597. width: 33.33333%;
  598. }
  599. .lt-ie9 .large-5, .lt-ie9 .row .large-5 {
  600. width: 41.66667%;
  601. }
  602. .lt-ie9 .large-6, .lt-ie9 .row .large-6 {
  603. width: 50%;
  604. }
  605. .lt-ie9 .large-7, .lt-ie9 .row .large-7 {
  606. width: 58.33333%;
  607. }
  608. .lt-ie9 .large-8, .lt-ie9 .row .large-8 {
  609. width: 66.66667%;
  610. }
  611. .lt-ie9 .large-9, .lt-ie9 .row .large-9 {
  612. width: 75%;
  613. }
  614. .lt-ie9 .large-10, .lt-ie9 .row .large-10 {
  615. width: 83.33333%;
  616. }
  617. .lt-ie9 .large-11, .lt-ie9 .row .large-11 {
  618. width: 91.66667%;
  619. }
  620. .lt-ie9 .large-12, .lt-ie9 .row .large-12 {
  621. width: 100%;
  622. }
  623. .lt-ie9 .row .large-offset-1 {
  624. margin-left: 8.33333%;
  625. }
  626. .lt-ie9 .row .large-offset-2 {
  627. margin-left: 16.66667%;
  628. }
  629. .lt-ie9 .row .large-offset-3 {
  630. margin-left: 25%;
  631. }
  632. .lt-ie9 .row .large-offset-4 {
  633. margin-left: 33.33333%;
  634. }
  635. .lt-ie9 .row .large-offset-5 {
  636. margin-left: 41.66667%;
  637. }
  638. .lt-ie9 .row .large-offset-6 {
  639. margin-left: 50%;
  640. }
  641. .lt-ie9 .row .large-offset-7 {
  642. margin-left: 58.33333%;
  643. }
  644. .lt-ie9 .row .large-offset-8 {
  645. margin-left: 66.66667%;
  646. }
  647. .lt-ie9 .row .large-offset-9 {
  648. margin-left: 75%;
  649. }
  650. .lt-ie9 .row .large-offset-10 {
  651. margin-left: 83.33333%;
  652. }
  653. .lt-ie9 .pull-2 {
  654. right: 16.66667%;
  655. }
  656. .lt-ie9 .pull-3 {
  657. right: 25%;
  658. }
  659. .lt-ie9 .pull-4 {
  660. right: 33.33333%;
  661. }
  662. .lt-ie9 .pull-5 {
  663. right: 41.66667%;
  664. }
  665. .lt-ie9 .pull-6 {
  666. right: 50%;
  667. }
  668. .lt-ie9 .pull-7 {
  669. right: 58.33333%;
  670. }
  671. .lt-ie9 .pull-8 {
  672. right: 66.66667%;
  673. }
  674. .lt-ie9 .pull-9 {
  675. right: 75%;
  676. }
  677. .lt-ie9 .pull-10 {
  678. right: 83.33333%;
  679. }
  680. .lt-ie9 .push-2 {
  681. left: 16.66667%;
  682. }
  683. .lt-ie9 .push-3 {
  684. left: 25%;
  685. }
  686. .lt-ie9 .push-4 {
  687. left: 33.33333%;
  688. }
  689. .lt-ie9 .push-5 {
  690. left: 41.66667%;
  691. }
  692. .lt-ie9 .push-6 {
  693. left: 50%;
  694. }
  695. .lt-ie9 .push-7 {
  696. left: 58.33333%;
  697. }
  698. .lt-ie9 .push-8 {
  699. left: 66.66667%;
  700. }
  701. .lt-ie9 .push-9 {
  702. left: 75%;
  703. }
  704. .lt-ie9 .push-10 {
  705. left: 83.33333%;
  706. }
  707. /* Nicolas Gallagher's micro clearfix */
  708. .lt-ie9 .row {
  709. *zoom: 1;
  710. }
  711. .lt-ie9 .row:before, .row:after {
  712. content: " ";
  713. display: table;
  714. }
  715. .lt-ie9 .row:after {
  716. clear: both;
  717. }
  718. /* END IE8 GRID */
  719. .lt-ie9 .hide-for-small {
  720. display: block !important;
  721. }
  722. /* TOP NAV */
  723. .lt-ie9 .top-bar-section {
  724. display: block;
  725. }
  726. .lt-ie9 .top-bar-section ul {
  727. height: auto;
  728. width: 100%;
  729. }
  730. .lt-ie9 .top-bar .top-bar-section ul, .lt-ie9 .top-bar .top-bar-section ul li {
  731. float: left;
  732. display: inline;
  733. }
  734. /* END OTHER IE8 FIXES */
  735. /* UNTIL I CAN DETERMINE WHY toolboxend GENERATES AN EMPTY <li> IN THE MENU, I'M HIDING IT */
  736. #p-toolboxend {
  737. display: none;
  738. }
  739. /* Jamie's Header Hider */
  740. body.page-Main_Page h1.firstHeading, body.page-Main_Page #siteSub, body.page-Extension_Main_Page h1.firstHeading, body.page-Extension_Main_Page #siteSub, body.page-Skin_Main_Page h1.firstHeading, body.page-Skin_Main_Page #siteSub, body.page-Farm_Main_Pageh1.firstHeading, body.page-Farm_Main_Page #siteSub, body.mw-special-Userlogin h2.title {
  741. display: none;
  742. }
  743. /* Don't like the black top bar? Copy this into your Foreground.css and change the colors
  744. .top-bar,
  745. .top-bar-section ul,
  746. .top-bar-section ul li.active > a,
  747. .top-bar-section li a:not(.button),
  748. .top-bar-section .has-form {
  749. background: #333333;
  750. }
  751. .top-bar-section > ul > .divider,
  752. .top-bar-section > ul > [role="separator"] {
  753. border-color: black;
  754. }
  755. */
  756. .vertical-divider {
  757. width: 100%;
  758. display: block;
  759. background: #1A1A1A;
  760. height: 1px;
  761. }
  762. .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  763. background: inherit;
  764. }
  765. .top-bar input {
  766. width: auto;
  767. display: inline;
  768. }
  769. /*Fix ULS CSS */
  770. #pt-uls a.uls-trigger {
  771. padding-left: 15px !important;
  772. }
  773. /* Orbit Slider Overrides for MW */
  774. .orbit-container .orbit-slides-container img {
  775. width: 100%;
  776. }
  777. .orbit-bullets {
  778. margin: 0 auto 30px auto !important;
  779. }
  780. /* Block-Grid UL fixes */
  781. ul[class*="block-grid"] {
  782. margin: 0;
  783. }
  784. /* WikiEditor related fixes */
  785. /* lable of toolbar */
  786. .wikiEditor-ui-toolbar .label {
  787. background: transparent;
  788. color: #000;
  789. }
  790. /* selection boxes in toolbar adhere to font-size */
  791. .wikiEditor-ui-toolbar .page-characters div span {
  792. height: 1.75em;
  793. }
  794. /* Visual Editor Fixes */
  795. .ve-activated #content {
  796. margin-top: 4em;
  797. }
  798. .ve-ce-documentNode {
  799. background: #fff;
  800. }
  801. .oo-ui-barToolGroup.oo-ui-widget-enabled>.oo-ui-toolGroup-tools>.oo-ui-tool>.oo-ui-tool-link, .oo-ui-barToolGroup>.oo-ui-toolGroup-tools>.oo-ui-tool.oo-ui-widget-disabled>.oo-ui-tool-link {
  802. display: inline !important;
  803. }
  804. .mw-indicators {
  805. float: right;
  806. line-height: 1.6;
  807. font-size: 0.875em;
  808. position: relative;
  809. margin: -1em .5em 0;
  810. max-height: 30px;
  811. width: auto;
  812. z-index: 1;
  813. }
  814. .mw-indicator {
  815. display: inline-block;
  816. }
  817. body {
  818. line-height: 1.6em;
  819. }
  820. p {
  821. margin-bottom: 0.25em;
  822. }
  823. a.label:hover, a.label:focus {
  824. color: white;
  825. }
  826. a.label.new {
  827. background-color: #d0d0d0;
  828. }
  829. a#actions-button {
  830. float: right;
  831. z-index: 499;
  832. }
  833. /* Hide the page actions button for special pages (cuz there's nothing in it) */
  834. .mw-special-FormEdit a#actions-button, .ns-special a#actions-button {
  835. display: none;
  836. }
  837. /* Hide some rows on form-edit (e.g. a thing's title) */
  838. body.action-formedit .row.hide-on-form-edit {
  839. display: none;
  840. }
  841. /* Move the MediaWiki notification area so it isn't on top of the Action menu */
  842. .mw-notification-area {
  843. margin-top: 2em;
  844. }
  845. /* Also adjust z-index of action menu to force it on top */
  846. #p-cactions #actions {
  847. z-index: 500;
  848. white-space: nowrap;
  849. }
  850. #p-cactions #actions a {
  851. width: 100%;
  852. text-align: left;
  853. }
  854. /* Make sure top bar is even more z-indx! */
  855. #toolbox-dropdown {
  856. z-index: 601;
  857. }
  858. #personal-tools-dropdown {
  859. z-index: 601;
  860. }
  861. /* Dropdown Icon Alignment */
  862. .drop-icon {
  863. display: inline;
  864. margin-right: 4px;
  865. }
  866. td.mw-submit a, .htmlform-tip, #mw-upload-permitted p {
  867. font-size: 90%;
  868. }
  869. alert.label a {
  870. color: pink;
  871. }
  872. code {
  873. font-weight: normal;
  874. color: #222222;
  875. }
  876. small {
  877. font-size: 80%;
  878. }
  879. h4.namespace.label {
  880. font-size: 1rem;
  881. display: inline-block;
  882. margin-bottom: 0.5rem;
  883. }
  884. .label {
  885. padding-bottom: 0.39em;
  886. }
  887. h2 span {
  888. display: inline-block;
  889. }
  890. span.title {
  891. margin-bottom: 0.1em;
  892. }
  893. .title-name {
  894. font-size: 1.3rem;
  895. margin: 0 .5em;
  896. color: #FFF;
  897. line-height: 2em;
  898. }
  899. h3#tagline {
  900. font-style: italic;
  901. font-size: small;
  902. margin-bottom: 0.5em;
  903. color: #6f6f6f;
  904. }
  905. .clear_both {
  906. clear: both;
  907. }
  908. .large-2 strong, .large-2 b {
  909. display: block;
  910. }
  911. .large-2 strong, .large-2 b, table th {
  912. font-size: 0.875em;
  913. color: #4d4d4d;
  914. font-weight: 500;
  915. }
  916. /* LAYOUT */
  917. .row .row {
  918. margin-bottom: 0.9em;
  919. }
  920. div.small-10 .row {
  921. margin: 1em 0 0 0;
  922. }
  923. div.small-9.columns textarea {
  924. margin-bottom: 0.25em;
  925. }
  926. footer.row {
  927. margin-top: 2em;
  928. color: grey;
  929. }
  930. div {
  931. line-height: 1.60em;
  932. }
  933. /* NOTICES, ALERTS, WARNINGS */
  934. div#userloginprompt, p#userloginlink {
  935. font-size: 80%;
  936. }
  937. /* LISTS */
  938. ul#actions.f-dropdown {
  939. margin-left: 0;
  940. margin-top: .5em;
  941. margin-bottom: .25em;
  942. padding: .25em;
  943. }
  944. #mw-content-text ul {
  945. margin: .5em 1.25em;
  946. }
  947. /* make sure orbit image slider has no margins */
  948. #mw-content-text .orbit-container ul {
  949. margin: 0;
  950. }
  951. footer.row ul {
  952. list-style-type: none;
  953. margin: 0 0 1em 0;
  954. }
  955. footer.row ul.views.columns li {
  956. margin-right: 1em;
  957. }
  958. #footer footer.row ul {
  959. margin: 0;
  960. list-style-type: none;
  961. }
  962. /* Make social footer center need overflow:hidden and other div classes */
  963. .social-footer {
  964. margin: 0 0 1em;
  965. font-size: 90%;
  966. overflow: hidden;
  967. }
  968. /* Hide all text in p elements */
  969. .social-footer p {
  970. display: none;
  971. }
  972. /* Outer wrap */
  973. .social-links {
  974. position: relative;
  975. left: 50%;
  976. float: left;
  977. }
  978. /* addThis container (inner wrap) */
  979. .addthis_horizontal_follow_toolbox {
  980. position: relative;
  981. left: -50%;
  982. float: left;
  983. z-index: 100000;
  984. }
  985. /* end social footer classes */
  986. #footer-left {
  987. font-size: 90%;
  988. text-align: left;
  989. }
  990. #footer-right-icons {
  991. font-size: 85%;
  992. text-align: center;
  993. }
  994. #footer-right-icons li {
  995. display: inline-block;
  996. text-align: center;
  997. margin: 0 0 .5em .5em;
  998. }
  999. li#footer-privacy {
  1000. float: left;
  1001. margin-right: 2em;
  1002. }
  1003. li#footer-about {
  1004. float: left;
  1005. margin-right: 2em;
  1006. }
  1007. li#footer-disclaimer {
  1008. float: left;
  1009. margin-right: 2em;
  1010. }
  1011. .text-center #footer-left li {
  1012. float: none;
  1013. margin: 0;
  1014. }
  1015. .text-center #footer-left {
  1016. text-align: center;
  1017. }
  1018. @media only screen and (max-width: 641px) {
  1019. #footer-left {
  1020. font-size: 85%;
  1021. text-align: center;
  1022. }
  1023. #footer-right-icons {
  1024. font-size: 80%;
  1025. }
  1026. li#footer-privacy {
  1027. float: none;
  1028. margin-right: 0;
  1029. }
  1030. li#footer-about {
  1031. float: none;
  1032. margin-right: 0;
  1033. }
  1034. li#footer-disclaimer {
  1035. float: none;
  1036. margin-right: 0;
  1037. }
  1038. }
  1039. .columns ul.special li {
  1040. float: none;
  1041. width: 100%;
  1042. }
  1043. .columns div#uploadtext ul {
  1044. list-style-type: disc;
  1045. }
  1046. .columns div#uploadtext ul li {
  1047. float: none;
  1048. width: 95%;
  1049. margin-left: 2em;
  1050. }
  1051. #catlinks {
  1052. border: 1px solid #aaa;
  1053. padding: 0.25rem;
  1054. }
  1055. #catlinks .label {
  1056. font-size: .9rem;
  1057. }
  1058. #catlinks a.label.new {
  1059. background-color: #BA0F2A;
  1060. }
  1061. .catlinks li {
  1062. border-left: none;
  1063. }
  1064. .mw-specialpages-table td ul.columns li {
  1065. width: 50%;
  1066. }
  1067. /*#mw-content-text .columns li {float:none;width:90%;}*/
  1068. footer.row ul.columns li {
  1069. display: inline;
  1070. float: none;
  1071. }
  1072. .columns #mw-normal-catlinks ul li {
  1073. float: none;
  1074. width: auto;
  1075. }
  1076. #mw-normal-catlinks a.new {
  1077. color: white;
  1078. }
  1079. ul.vcard {
  1080. padding: 0.5em 0.5em 0.55em 0.5em;
  1081. }
  1082. /* HEADERS */
  1083. h1, h2, h3, h4, h5, h6 {
  1084. margin-top: 0em;
  1085. line-height: 1em;
  1086. }
  1087. .page-Special_SpecialPages h2 {
  1088. margin-bottom: 0.5em;
  1089. }
  1090. .editsection {
  1091. font-weight: normal;
  1092. font-size: 0.4em;
  1093. }
  1094. p.title {
  1095. padding: 0.9375em;
  1096. }
  1097. /* TABLES */
  1098. .mw-content-ltr table#toc {
  1099. float: right;
  1100. width: auto;
  1101. }
  1102. .mw-content-rtl table#toc {
  1103. float: left;
  1104. width: auto;
  1105. }
  1106. table.formtable {
  1107. border: none;
  1108. }
  1109. table td[align="right"] {
  1110. text-align: right;
  1111. }
  1112. /* TURN OFF TABLE STRIPING FOR EDITFORMS */
  1113. table.formedit tr.even, table.formedit tr.alt, table.formedit tr:nth-of-type(even) {
  1114. background: transparent;
  1115. }
  1116. table {
  1117. width: 100%;
  1118. }
  1119. td.mw-label {
  1120. width: 20%;
  1121. }
  1122. td.mw-input {
  1123. width: 80%;
  1124. }
  1125. thead tr th {
  1126. cursor: pointer;
  1127. }
  1128. table.formtable th {
  1129. text-align: right !important;
  1130. }
  1131. td.smwpropname, th.smwpropname, td.smwspecname {
  1132. text-align: left;
  1133. }
  1134. table tbody tr td, table tr td {
  1135. line-height: 1.6em;
  1136. }
  1137. table.wikitable {
  1138. margin: 0em 0 1em 0;
  1139. }
  1140. table.wikitable>tr>th, table.wikitable>*>tr>th {
  1141. text-align: left;
  1142. }
  1143. table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
  1144. border: 3px #fff solid;
  1145. padding: 0.6em;
  1146. }
  1147. /* FORMS, INPUTS, FIELDSETS */
  1148. .multipleTemplateInstance {
  1149. background-color: white !important;
  1150. border: none !important;
  1151. border-bottom: 1px dashed #999999 !important;
  1152. }
  1153. .multipleTemplateInstance table {
  1154. border: none !important;
  1155. }
  1156. .multipleTemplateAdder {
  1157. font-size: 0.9em;
  1158. padding: 0.4125em 0.5em 0.55em 0.5em;
  1159. }
  1160. .novalue {
  1161. color: #999999;
  1162. font-style: italic;
  1163. font-size: small;
  1164. }
  1165. input[type="file"], input[type="checkbox"], input[type="radio"], select {
  1166. padding: 5px;
  1167. }
  1168. input[type="file"], select {
  1169. padding: 5px;
  1170. border: 1px solid #cccccc;
  1171. }
  1172. .inputSpan select.createboxInput, .dateInput select.monthInput, input.hourInput, input.minuteInput, input.secondInput, input.dayInput, input.yearInput, input[name="*[* date][hour]"], input[name="*[* date][minute]"], input[name="*[* date][second]"] {
  1173. width: auto;
  1174. margin-right: 1em;
  1175. }
  1176. /*
  1177. .inputSpan input.createboxInput {
  1178. width: 100%;
  1179. }
  1180. */
  1181. .inputSpan button, .inputSpan .button {
  1182. margin: -4px 0 0 0;
  1183. padding: 0.37em 0.75em 0.6em 0.70em;
  1184. }
  1185. .ms-selectable input[type="text"] {
  1186. width: 100%;
  1187. }
  1188. button.ui-button-icon-only {
  1189. height: 2.24em !important;
  1190. }
  1191. select {
  1192. width: auto;
  1193. }
  1194. input[type="checkbox"].createboxInput {
  1195. width: auto;
  1196. }
  1197. label.checkboxLabel {
  1198. margin-right: 0.5em;
  1199. }
  1200. .edit_with_form {
  1201. margin: -2em 0 0 0;
  1202. float: right;
  1203. }
  1204. input[type="radio"], input[type="checkbox"] {
  1205. display: inline;
  1206. }
  1207. input[type='file'] {
  1208. margin-top: 0.4em;
  1209. }
  1210. input:not([type]), textarea, p.meta {
  1211. margin-bottom: 4px;
  1212. }
  1213. label {
  1214. display: inline;
  1215. font-weight: normal;
  1216. }
  1217. .mw-input label {
  1218. font-weight: normal;
  1219. }
  1220. #mw-content-text ul.SFI_timepicker_hours, #mw-content-text ul.SFI_timepicker_minutes {
  1221. list-style-type: none;
  1222. }
  1223. #mw-content-text ul.SFI_timepicker_hours li {
  1224. margin: 2px 2px;
  1225. padding: 4px;
  1226. }
  1227. .sminput.sminput-googlemaps3 p button {
  1228. padding-top: 0.35em;
  1229. padding-bottom: 0.6em;
  1230. }
  1231. li label.inline {
  1232. margin-bottom: 2px;
  1233. padding: 0;
  1234. }
  1235. button, .button {
  1236. margin: 0.5em 0;
  1237. padding: 0.3em 0.75em 0.4em 0.75em;
  1238. }
  1239. .top-bar-logo {
  1240. max-width: 100%;
  1241. height: auto;
  1242. max-height: 2.8125rem;
  1243. /* Important! max-height must not be higher than line-height */
  1244. display: inline-block;
  1245. vertical-align: middle;
  1246. }
  1247. .top-bar .button.search {
  1248. top: 0px;
  1249. }
  1250. .top-bar .button, .top-bar button {
  1251. padding-top: .35rem;
  1252. padding-bottom: .35rem;
  1253. }
  1254. .top-bar .button.search {
  1255. margin-left: 10px;
  1256. }
  1257. .top-bar input {
  1258. top: 0px;
  1259. }
  1260. @media only screen and (min-width: 641px) {
  1261. .top-bar .button.search {
  1262. top: 0px;
  1263. }
  1264. .top-bar .button.search {
  1265. margin-left: -4px;
  1266. }
  1267. .top-bar {
  1268. height: auto;
  1269. }
  1270. }
  1271. .top-bar-section .dropdown {
  1272. z-index: 600;
  1273. }
  1274. input[type="submit"] {
  1275. background-color: #5da423;
  1276. border-color: #457a1a;
  1277. color: white;
  1278. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1279. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1280. -webkit-transition: background-color 300ms ease-out;
  1281. -moz-transition: background-color 300ms ease-out;
  1282. transition: background-color 300ms ease-out;
  1283. }
  1284. input#wpPreview {
  1285. background-color: #e9e9e9;
  1286. border-color: #d0d0d0;
  1287. color: black;
  1288. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1289. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1290. -webkit-transition: background-color 300ms ease-out;
  1291. -moz-transition: background-color 300ms ease-out;
  1292. transition: background-color 300ms ease-out;
  1293. }
  1294. .editButtons input[type="submit"] {
  1295. display: inline-block;
  1296. }
  1297. legend {
  1298. font-size: 0.875em;
  1299. color: #4d4d4d;
  1300. cursor: pointer;
  1301. display: block;
  1302. font-weight: 500;
  1303. }
  1304. fieldset {
  1305. line-height: 1.6em;
  1306. padding: 0 1.25em 1em 1.25em;
  1307. margin-top: 0;
  1308. }
  1309. span.smwbuiltin, span.smwttactiveinline span.smwbuiltin {
  1310. font-style: normal;
  1311. }
  1312. /* MW still generates a label column for checkboxes, this minimizes is */
  1313. div.mw-htmlform-field-HTMLCheckField div.mw-label {
  1314. height: 0;
  1315. }
  1316. /* ZUBR IE8 FIXES */
  1317. /* GRID: https://gist.github.com/zurbchris/5068210 */
  1318. .lt-ie9 .row {
  1319. width: 940px;
  1320. max-width: 100%;
  1321. min-width: 768px;
  1322. margin: 0 auto;
  1323. }
  1324. .lt-ie9 .row .row {
  1325. width: auto;
  1326. max-width: none;
  1327. min-width: 0;
  1328. margin: 0 -15px;
  1329. }
  1330. .lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns {
  1331. padding: 0;
  1332. }
  1333. .lt-ie9 .row .row {
  1334. width: auto;
  1335. max-width: none;
  1336. min-width: 0;
  1337. margin: 0 -15px;
  1338. }
  1339. .lt-ie9 .row .row.large-collapse {
  1340. margin: 0;
  1341. }
  1342. .lt-ie9 .column, .lt-ie9 .columns {
  1343. float: left;
  1344. min-height: 1px;
  1345. padding: 0 15px;
  1346. position: relative;
  1347. }
  1348. .lt-ie9 .column.large-centered, .columns.large-centered {
  1349. float: none;
  1350. margin: 0 auto;
  1351. }
  1352. .lt-ie9 [class*="column"]+[class*="column"]:last-child {
  1353. float: right;
  1354. }
  1355. .lt-ie9 [class*="column"]+[class*="column"].end {
  1356. float: left;
  1357. }
  1358. .lt-ie9 .large-1, .lt-ie9 .row .large-1 {
  1359. width: 8.33333%;
  1360. }
  1361. .lt-ie9 .large-2, .lt-ie9 .row .large-2 {
  1362. width: 16.66667%;
  1363. }
  1364. .lt-ie9 .large-3, .lt-ie9 .row .large-3 {
  1365. width: 25%;
  1366. }
  1367. .lt-ie9 .large-4, .lt-ie9 .row .large-4 {
  1368. width: 33.33333%;
  1369. }
  1370. .lt-ie9 .large-5, .lt-ie9 .row .large-5 {
  1371. width: 41.66667%;
  1372. }
  1373. .lt-ie9 .large-6, .lt-ie9 .row .large-6 {
  1374. width: 50%;
  1375. }
  1376. .lt-ie9 .large-7, .lt-ie9 .row .large-7 {
  1377. width: 58.33333%;
  1378. }
  1379. .lt-ie9 .large-8, .lt-ie9 .row .large-8 {
  1380. width: 66.66667%;
  1381. }
  1382. .lt-ie9 .large-9, .lt-ie9 .row .large-9 {
  1383. width: 75%;
  1384. }
  1385. .lt-ie9 .large-10, .lt-ie9 .row .large-10 {
  1386. width: 83.33333%;
  1387. }
  1388. .lt-ie9 .large-11, .lt-ie9 .row .large-11 {
  1389. width: 91.66667%;
  1390. }
  1391. .lt-ie9 .large-12, .lt-ie9 .row .large-12 {
  1392. width: 100%;
  1393. }
  1394. .lt-ie9 .row .large-offset-1 {
  1395. margin-left: 8.33333%;
  1396. }
  1397. .lt-ie9 .row .large-offset-2 {
  1398. margin-left: 16.66667%;
  1399. }
  1400. .lt-ie9 .row .large-offset-3 {
  1401. margin-left: 25%;
  1402. }
  1403. .lt-ie9 .row .large-offset-4 {
  1404. margin-left: 33.33333%;
  1405. }
  1406. .lt-ie9 .row .large-offset-5 {
  1407. margin-left: 41.66667%;
  1408. }
  1409. .lt-ie9 .row .large-offset-6 {
  1410. margin-left: 50%;
  1411. }
  1412. .lt-ie9 .row .large-offset-7 {
  1413. margin-left: 58.33333%;
  1414. }
  1415. .lt-ie9 .row .large-offset-8 {
  1416. margin-left: 66.66667%;
  1417. }
  1418. .lt-ie9 .row .large-offset-9 {
  1419. margin-left: 75%;
  1420. }
  1421. .lt-ie9 .row .large-offset-10 {
  1422. margin-left: 83.33333%;
  1423. }
  1424. .lt-ie9 .pull-2 {
  1425. right: 16.66667%;
  1426. }
  1427. .lt-ie9 .pull-3 {
  1428. right: 25%;
  1429. }
  1430. .lt-ie9 .pull-4 {
  1431. right: 33.33333%;
  1432. }
  1433. .lt-ie9 .pull-5 {
  1434. right: 41.66667%;
  1435. }
  1436. .lt-ie9 .pull-6 {
  1437. right: 50%;
  1438. }
  1439. .lt-ie9 .pull-7 {
  1440. right: 58.33333%;
  1441. }
  1442. .lt-ie9 .pull-8 {
  1443. right: 66.66667%;
  1444. }
  1445. .lt-ie9 .pull-9 {
  1446. right: 75%;
  1447. }
  1448. .lt-ie9 .pull-10 {
  1449. right: 83.33333%;
  1450. }
  1451. .lt-ie9 .push-2 {
  1452. left: 16.66667%;
  1453. }
  1454. .lt-ie9 .push-3 {
  1455. left: 25%;
  1456. }
  1457. .lt-ie9 .push-4 {
  1458. left: 33.33333%;
  1459. }
  1460. .lt-ie9 .push-5 {
  1461. left: 41.66667%;
  1462. }
  1463. .lt-ie9 .push-6 {
  1464. left: 50%;
  1465. }
  1466. .lt-ie9 .push-7 {
  1467. left: 58.33333%;
  1468. }
  1469. .lt-ie9 .push-8 {
  1470. left: 66.66667%;
  1471. }
  1472. .lt-ie9 .push-9 {
  1473. left: 75%;
  1474. }
  1475. .lt-ie9 .push-10 {
  1476. left: 83.33333%;
  1477. }
  1478. /* Nicolas Gallagher's micro clearfix */
  1479. .lt-ie9 .row {
  1480. *zoom: 1;
  1481. }
  1482. .lt-ie9 .row:before, .row:after {
  1483. content: " ";
  1484. display: table;
  1485. }
  1486. .lt-ie9 .row:after {
  1487. clear: both;
  1488. }
  1489. /* END IE8 GRID */
  1490. .lt-ie9 .hide-for-small {
  1491. display: block !important;
  1492. }
  1493. /* TOP NAV */
  1494. .lt-ie9 .top-bar-section {
  1495. display: block;
  1496. }
  1497. .lt-ie9 .top-bar-section ul {
  1498. height: auto;
  1499. width: 100%;
  1500. }
  1501. .lt-ie9 .top-bar .top-bar-section ul, .lt-ie9 .top-bar .top-bar-section ul li {
  1502. float: left;
  1503. display: inline;
  1504. }
  1505. /* END OTHER IE8 FIXES */
  1506. .vertical-divider {
  1507. width: 100%;
  1508. display: block;
  1509. background: #1A1A1A;
  1510. height: 1px;
  1511. }
  1512. .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  1513. background: inherit;
  1514. }
  1515. .top-bar input {
  1516. width: auto;
  1517. display: inline;
  1518. }
  1519. /* Add improved styling for the Echo extension */
  1520. #echo-notifications {
  1521. float: right;
  1522. display: inline-block;
  1523. margin: -1em 1em 0;
  1524. position: relative;
  1525. z-index: 500;
  1526. max-height: 40px;
  1527. }
  1528. #echo-notifications-notice,
  1529. #echo-notifications-alerts,
  1530. #echo-notifications-messages,
  1531. #echo-notifications {
  1532. display: inline-block;
  1533. }
  1534. #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge {
  1535. background-size: 1.4em !important;
  1536. font-size: 1.1em;
  1537. filter: invert(25%);
  1538. color: transparent;
  1539. height: auto !important;
  1540. display: block !important;
  1541. }
  1542. #echo-notifications li {
  1543. list-style: none;
  1544. }
  1545. #echo-notifications-messages {
  1546. float: right;
  1547. }
  1548. #echo-notifications-alerts {
  1549. float: right;
  1550. }
  1551. #pt-notifications-alert .mw-echo-unseen-notifications, #pt-notifications-message .mw-echo-unseen-notifications {
  1552. color: #0645ad !important;
  1553. }
  1554. #echo-notifications li {
  1555. margin: 0 0 0 1em;
  1556. }
  1557. /* Make Echo extension more mobile friendly on small widths */
  1558. @media only screen and (max-width: 450px) {
  1559. .oo-ui-popupWidget-popup {
  1560. width: auto !important;
  1561. position: relative !important;
  1562. margin-left: -260px !important;
  1563. font-size: 75% !important;
  1564. }
  1565. .oo-ui-clippableElement-clippable.oo-ui-popupWidget-body {
  1566. width: 100% !important;
  1567. }
  1568. }
  1569. /*Fix ULS CSS */
  1570. #pt-uls a.uls-trigger {
  1571. padding-left: 15px !important;
  1572. }
  1573. /* Orbit Slider Overrides for MW */
  1574. .orbit-container .orbit-slides-container img {
  1575. width: 100%;
  1576. }
  1577. .orbit-bullets {
  1578. margin: 0 auto 30px auto !important;
  1579. }
  1580. /* Block-Grid UL fixes */
  1581. ul[class*="block-grid"] {
  1582. margin: 0;
  1583. }
  1584. /* WikiEditor related fixes */
  1585. /* lable of toolbar */
  1586. .wikiEditor-ui-toolbar .label {
  1587. background: transparent;
  1588. color: #000;
  1589. }
  1590. /* selection boxes in toolbar adhere to font-size */
  1591. .wikiEditor-ui-toolbar .page-characters div span {
  1592. height: 1.75em;
  1593. }
  1594. /* backound of controls adhere to #p-cactions */
  1595. .wikiEditor-ui-controls {
  1596. background-color: #f6f6f6;
  1597. }
  1598. /* background of buttions adhere to #p-cactions*/
  1599. .wikiEditor-ui-buttons {
  1600. background-color: #f6f6f6;
  1601. }
  1602. /* Visual Editor Fixes */
  1603. .ve-activated #content {
  1604. margin-top: 4em;
  1605. }
  1606. .ve-ce-documentNode {
  1607. background: #fff;
  1608. }
  1609. .oo-ui-barToolGroup.oo-ui-widget-enabled>.oo-ui-toolGroup-tools>.oo-ui-tool>.oo-ui-tool-link, .oo-ui-barToolGroup>.oo-ui-toolGroup-tools>.oo-ui-tool.oo-ui-widget-disabled>.oo-ui-tool-link {
  1610. display: inline !important;
  1611. }
  1612. /* Page indicators */
  1613. .mw-indicators {
  1614. float: right;
  1615. line-height: 1.6;
  1616. font-size: 0.875em;
  1617. position: relative;
  1618. margin: -1em .5em 0 2em;
  1619. max-height: 30px;
  1620. width: auto;
  1621. z-index: 1;
  1622. }
  1623. .mw-indicator {
  1624. display: inline-block;
  1625. }
  1626. /* Preferences Fixes */
  1627. #preftoc li a {
  1628. color: white;
  1629. padding: .25em .5em;
  1630. }
  1631. #preftoc li a:hover {
  1632. background: aqua;
  1633. color: white;
  1634. }
  1635. #preftoc li {
  1636. margin: 2px;
  1637. display: inline-block;
  1638. float: none;
  1639. padding: 1px;
  1640. position: relative;
  1641. list-style-type: none;
  1642. list-style-image: none;
  1643. z-index: 3;
  1644. border-radius: 3px;
  1645. font-size: .85em;
  1646. background: #142849;
  1647. border: 0;
  1648. color: white;
  1649. }
  1650. #preftoc li a {
  1651. color: white;
  1652. }
  1653. #preftoc li a:hover {
  1654. background: #2ba6cb;
  1655. }
  1656. ul#preftoc {
  1657. margin: auto;
  1658. text-align: center;
  1659. }
  1660. #preftoc>li.selected {
  1661. background: #2C58A1;
  1662. box-shadow: 2px 2px 5px 2px rgba(50, 138, 64, 0.54);
  1663. }
  1664. #preftoc li.selected a {
  1665. cursor: default;
  1666. text-decoration: none;
  1667. }
  1668. #preferences table {
  1669. min-width: 100%;
  1670. }
  1671. #preftoc {
  1672. margin: 0;
  1673. padding: 0;
  1674. width: 100%;
  1675. clear: both;
  1676. }
  1677. #preftoc a:active {
  1678. display: block;
  1679. color: #000;
  1680. padding: 0 .7em;
  1681. position: relative;
  1682. text-decoration: none;
  1683. }
  1684. #preftoc li.selected a {
  1685. cursor: default;
  1686. text-decoration: none;
  1687. }
  1688. #preferences {
  1689. margin: 0;
  1690. clear: both;
  1691. background-color: #FFF;
  1692. border: none;
  1693. }
  1694. .prefsection {
  1695. border: none;
  1696. padding: 0;
  1697. margin: 0;
  1698. }
  1699. .prefsection legend {
  1700. font-weight: bold;
  1701. }
  1702. .prefsection table, .prefsection legend {
  1703. background-color: #F9F9F9;
  1704. }
  1705. #preferences legend.mainLegend {
  1706. display: none;
  1707. }
  1708. #preferences fieldset legend {
  1709. font-weight: bold;
  1710. padding: 0 .25em;
  1711. margin: 0;
  1712. margin: 0 .25em 0 1em;
  1713. background: #FFF;
  1714. }
  1715. td.htmlform-tip {
  1716. font-size: .8em;
  1717. padding: .2em 2em;
  1718. color: #666;
  1719. border: 1px solid #eeeffe;
  1720. background: #eeeffe;
  1721. }
  1722. .preferences-login {
  1723. clear: both;
  1724. margin-bottom: 1.5em;
  1725. }
  1726. .prefcache {
  1727. font-size: 90%;
  1728. margin-top: 1em;
  1729. }