foreground.css 26 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511
  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. /* Reset all table CSS from Foundation styles back to MediaWiki */
  37. table { width: 0; }
  38. td.mw-label { width: 0; }
  39. td.smwpropname, th.smwpropname, td.smwspecname { text-align: inherit; }
  40. table tbody tr td, table tr td { line-height: inherit; }
  41. table { background: transparent; margin-bottom: 1.25em; border: 0; }
  42. table thead, table tfoot { background: 0; font-weight: normal; }
  43. table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0; font-size: 100%; color: inherit; text-align: inherit; }
  44. table tr th, table tr td { padding: 0; font-size: 100%; color: inherit; }
  45. table tr.even, table tr.alt, table tr:nth-of-type(even) { background: transparent; }
  46. table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: inherit; text-align: inherit; }
  47. /* wikitable classes reset */
  48. table.wikitable {
  49. margin: 1em 0;
  50. }
  51. table.wikitable > tr > th,
  52. table.wikitable > * > tr > th {
  53. text-align: inherit;
  54. }
  55. /* Style MW Table of Contents */
  56. .toctoggle, .toctoggle a {
  57. line-height: 2em;
  58. display: inline;
  59. vertical-align: top;
  60. }
  61. #toctitle h2 {
  62. display: inline;
  63. font-size: 1.8rem;
  64. }
  65. #toc, .toc {
  66. padding: 1em 1em;
  67. border: 1px solid #dddddd;
  68. display: inline-block;
  69. width: auto;
  70. margin: 1.5em 0;
  71. }
  72. #toc ul, .toc ul {
  73. list-style-type: none;
  74. list-style-image: none;
  75. padding: 0;
  76. width: auto;
  77. }
  78. /* Hide the page actions button for special pages (cuz there's nothing in it) */
  79. .mw-special-FormEdit a#actions-button, .ns-special a#actions-button {
  80. display: none;
  81. }
  82. /* Hide some rows on form-edit (e.g. a thing's title) */
  83. body.action-formedit .row.hide-on-form-edit {
  84. display: none;
  85. }
  86. /* Move the MediaWiki notification area so it isn't on top of the Action menu */
  87. .mw-notification-area {
  88. margin-top: 2em;
  89. }
  90. /* Also adjust z-index of action menu to force it on top */
  91. #p-cactions #actions {
  92. z-index: 500;
  93. white-space: nowrap;
  94. }
  95. #p-cactions #actions a {
  96. width: 100%;
  97. text-align: left;
  98. }
  99. /* Make sure top bar is even more z-indx! */
  100. #toolbox-dropdown {
  101. z-index: 601;
  102. }
  103. #personal-tools-dropdown {
  104. z-index: 601;
  105. }
  106. /* Dropdown Icon Alignment */
  107. .drop-icon {
  108. display: inline;
  109. margin-right: 4px;
  110. }
  111. td.mw-submit a, .htmlform-tip, #mw-upload-permitted p {
  112. font-size: 90%;
  113. }
  114. alert.label a {
  115. color: pink;
  116. }
  117. code {
  118. font-weight: normal;
  119. color: #222222;
  120. }
  121. small {
  122. font-size: 80%;
  123. }
  124. h4.namespace.label {
  125. font-size: 1rem;
  126. display: inline-block;
  127. margin-bottom: 0.5rem;
  128. }
  129. .label {
  130. padding-bottom: 0.39em;
  131. }
  132. h2 span {
  133. display: inline-block;
  134. }
  135. h2.title {
  136. margin-bottom: 0.1em;
  137. }
  138. h3#tagline {
  139. font-style: italic;
  140. font-size: small;
  141. margin-bottom: 0.5em;
  142. color: #6f6f6f;
  143. }
  144. .clear_both {
  145. clear: both;
  146. }
  147. .large-2 strong, .large-2 b {
  148. display: block;
  149. }
  150. .large-2 strong, .large-2 b, table th {
  151. font-size: 0.875em;
  152. color: #4d4d4d;
  153. font-weight: 500;
  154. }
  155. /* LAYOUT */
  156. .row .row {
  157. margin-bottom: 0.9em;
  158. }
  159. div.small-10 .row {
  160. margin: 1em 0 0 0;
  161. }
  162. div.small-9.columns textarea {
  163. margin-bottom: 0.25em;
  164. }
  165. footer.row {
  166. margin-top: 2em;
  167. color: grey;
  168. }
  169. div {
  170. line-height: 1.60em;
  171. }
  172. /* NOTICES, ALERTS, WARNINGS */
  173. div#userloginprompt, p#userloginlink {
  174. font-size: 80%;
  175. }
  176. /* LISTS */
  177. ul#actions.f-dropdown {
  178. margin-left: 0;
  179. margin-top: .5em;
  180. margin-bottom: .25em;
  181. padding: .25em;
  182. }
  183. #mw-content-text ul {
  184. margin: .5em 1.25em;
  185. }
  186. /* Tabs */
  187. /* make sure tabs ul element has no margins */
  188. #mw-content-text ul.tabs {
  189. margin: 0;
  190. }
  191. /* stop focus outline */
  192. .tabs dd.active>a, .tabs .tab-title.active>a:focus {
  193. outline: none;
  194. }
  195. /* make sure orbit image slider has no margins */
  196. #mw-content-text .orbit-container ul {
  197. margin: 0;
  198. }
  199. footer.row ul {
  200. list-style-type: none;
  201. margin: 0 0 1em 0;
  202. }
  203. footer.row ul.views.columns li {
  204. margin-right: 1em;
  205. }
  206. #footer footer.row ul {
  207. margin: 0;
  208. list-style-type: none;
  209. }
  210. /* Make social follow float right */
  211. .social-follow {
  212. float: right;
  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. /* UNTIL I CAN DETERMINE WHY toolboxend GENERATES AN EMPTY <li> IN THE MENU, I'M HIDING IT */
  546. #p-toolboxend {
  547. display: none;
  548. }
  549. /* firstHeading Fix */
  550. @media only screen and (min-width: 40.0625em) {
  551. h1#firstHeading {
  552. font-size: 2.75rem;
  553. }
  554. }
  555. h1#firstHeading {
  556. font-size: 2.125rem;
  557. }
  558. /* Don't like the black top bar? Copy this into your Foreground.css and change the colors
  559. .top-bar,
  560. .top-bar-section ul,
  561. .top-bar-section ul li.active > a,
  562. .top-bar-section li a:not(.button),
  563. .top-bar-section .has-form {
  564. background: #333333;
  565. }
  566. .top-bar-section > ul > .divider,
  567. .top-bar-section > ul > [role="separator"] {
  568. border-color: black;
  569. }
  570. */
  571. .vertical-divider {
  572. width: 100%;
  573. display: block;
  574. background: #1A1A1A;
  575. height: 1px;
  576. }
  577. .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  578. background: inherit;
  579. }
  580. .top-bar input {
  581. width: auto;
  582. display: inline;
  583. }
  584. /*Fix ULS CSS */
  585. #pt-uls a.uls-trigger {
  586. padding-left: 15px !important;
  587. }
  588. /* Orbit Slider Overrides for MW */
  589. .orbit-container .orbit-slides-container img {
  590. width: 100%;
  591. }
  592. .orbit-bullets {
  593. margin: 0 auto 30px auto !important;
  594. }
  595. /* Block-Grid UL fixes */
  596. ul[class*="block-grid"] {
  597. margin: 0;
  598. }
  599. /* WikiEditor related fixes */
  600. /* lable of toolbar */
  601. .wikiEditor-ui-toolbar .label {
  602. background: transparent;
  603. color: #000;
  604. }
  605. /* selection boxes in toolbar adhere to font-size */
  606. .wikiEditor-ui-toolbar .page-characters div span {
  607. height: 1.75em;
  608. }
  609. /* Visual Editor Fixes */
  610. .ve-activated #content {
  611. margin-top: 4em;
  612. }
  613. .ve-ce-documentNode {
  614. background: #fff;
  615. }
  616. .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 {
  617. display: inline !important;
  618. }
  619. .mw-indicators {
  620. float: right;
  621. line-height: 1.6;
  622. font-size: 0.875em;
  623. position: relative;
  624. margin: -1em .5em 0;
  625. max-height: 30px;
  626. width: auto;
  627. z-index: 1;
  628. }
  629. .mw-indicator {
  630. display: inline-block;
  631. }
  632. body {
  633. line-height: 1.6em;
  634. }
  635. p {
  636. margin-bottom: 0.25em;
  637. }
  638. a.label:hover, a.label:focus {
  639. color: white;
  640. }
  641. a.label.new {
  642. background-color: #d0d0d0;
  643. }
  644. a#actions-button {
  645. float: right;
  646. z-index: 499;
  647. }
  648. /* Hide the page actions button for special pages (cuz there's nothing in it) */
  649. .mw-special-FormEdit a#actions-button, .ns-special a#actions-button {
  650. display: none;
  651. }
  652. /* Hide some rows on form-edit (e.g. a thing's title) */
  653. body.action-formedit .row.hide-on-form-edit {
  654. display: none;
  655. }
  656. /* Move the MediaWiki notification area so it isn't on top of the Action menu */
  657. .mw-notification-area {
  658. margin-top: 2em;
  659. }
  660. /* Also adjust z-index of action menu to force it on top */
  661. #p-cactions #actions {
  662. z-index: 500;
  663. white-space: nowrap;
  664. }
  665. #p-cactions #actions a {
  666. width: 100%;
  667. text-align: left;
  668. }
  669. /* Make sure top bar is even more z-indx! */
  670. #toolbox-dropdown {
  671. z-index: 601;
  672. }
  673. #personal-tools-dropdown {
  674. z-index: 601;
  675. }
  676. /* Dropdown Icon Alignment */
  677. .drop-icon {
  678. display: inline;
  679. margin-right: 4px;
  680. }
  681. td.mw-submit a, .htmlform-tip, #mw-upload-permitted p {
  682. font-size: 90%;
  683. }
  684. alert.label a {
  685. color: pink;
  686. }
  687. code {
  688. font-weight: normal;
  689. color: #222222;
  690. }
  691. small {
  692. font-size: 80%;
  693. }
  694. h4.namespace.label {
  695. font-size: 1rem;
  696. display: inline-block;
  697. margin-bottom: 0.5rem;
  698. }
  699. .label {
  700. padding-bottom: 0.39em;
  701. }
  702. h2 span {
  703. display: inline-block;
  704. }
  705. span.title {
  706. margin-bottom: 0.1em;
  707. }
  708. .title-name {
  709. font-size: 1.3rem;
  710. margin: 0 .5em;
  711. color: #FFF;
  712. line-height: 2em;
  713. }
  714. h3#tagline {
  715. font-style: italic;
  716. font-size: small;
  717. margin-bottom: 0.5em;
  718. color: #6f6f6f;
  719. }
  720. .clear_both {
  721. clear: both;
  722. }
  723. .large-2 strong, .large-2 b {
  724. display: block;
  725. }
  726. .large-2 strong, .large-2 b, table th {
  727. font-size: 0.875em;
  728. color: #4d4d4d;
  729. font-weight: 500;
  730. }
  731. /* LAYOUT */
  732. .row .row {
  733. margin-bottom: 0.9em;
  734. }
  735. div.small-10 .row {
  736. margin: 1em 0 0 0;
  737. }
  738. div.small-9.columns textarea {
  739. margin-bottom: 0.25em;
  740. }
  741. footer.row {
  742. margin-top: 2em;
  743. color: grey;
  744. }
  745. div {
  746. line-height: 1.60em;
  747. }
  748. /* NOTICES, ALERTS, WARNINGS */
  749. div#userloginprompt, p#userloginlink {
  750. font-size: 80%;
  751. }
  752. /* LISTS */
  753. ul#actions.f-dropdown {
  754. margin-left: 0;
  755. margin-top: .5em;
  756. margin-bottom: .25em;
  757. padding: .25em;
  758. }
  759. #mw-content-text ul {
  760. margin: .5em 1.25em;
  761. }
  762. /* make sure orbit image slider has no margins */
  763. #mw-content-text .orbit-container ul {
  764. margin: 0;
  765. }
  766. footer.row ul {
  767. list-style-type: none;
  768. margin: 0 0 1em 0;
  769. }
  770. footer.row ul.views.columns li {
  771. margin-right: 1em;
  772. }
  773. #footer footer.row ul {
  774. margin: 0;
  775. list-style-type: none;
  776. }
  777. /* Make social footer center need overflow:hidden and other div classes */
  778. .social-footer {
  779. margin: 0 0 1em;
  780. font-size: 90%;
  781. overflow: hidden;
  782. }
  783. /* Hide all text in p elements */
  784. .social-footer p {
  785. display: none;
  786. }
  787. /* Outer wrap */
  788. .social-links {
  789. position: relative;
  790. left: 50%;
  791. float: left;
  792. }
  793. /* addThis container (inner wrap) */
  794. .addthis_horizontal_follow_toolbox {
  795. position: relative;
  796. left: -50%;
  797. float: left;
  798. z-index: 100000;
  799. }
  800. /* end social footer classes */
  801. #footer-left {
  802. font-size: 90%;
  803. text-align: left;
  804. }
  805. #footer-right-icons {
  806. font-size: 85%;
  807. text-align: center;
  808. }
  809. #footer-right-icons li {
  810. display: inline-block;
  811. text-align: center;
  812. margin: 0 0 .5em .5em;
  813. }
  814. li#footer-privacy {
  815. float: left;
  816. margin-right: 2em;
  817. }
  818. li#footer-about {
  819. float: left;
  820. margin-right: 2em;
  821. }
  822. li#footer-disclaimer {
  823. float: left;
  824. margin-right: 2em;
  825. }
  826. .text-center #footer-left li {
  827. float: none;
  828. margin: 0;
  829. }
  830. .text-center #footer-left {
  831. text-align: center;
  832. }
  833. @media only screen and (max-width: 641px) {
  834. #footer-left {
  835. font-size: 85%;
  836. text-align: center;
  837. }
  838. #footer-right-icons {
  839. font-size: 80%;
  840. }
  841. li#footer-privacy {
  842. float: none;
  843. margin-right: 0;
  844. }
  845. li#footer-about {
  846. float: none;
  847. margin-right: 0;
  848. }
  849. li#footer-disclaimer {
  850. float: none;
  851. margin-right: 0;
  852. }
  853. }
  854. .columns ul.special li {
  855. float: none;
  856. width: 100%;
  857. }
  858. .columns div#uploadtext ul {
  859. list-style-type: disc;
  860. }
  861. .columns div#uploadtext ul li {
  862. float: none;
  863. width: 95%;
  864. margin-left: 2em;
  865. }
  866. #catlinks {
  867. border: 1px solid #aaa;
  868. padding: 0.25rem;
  869. }
  870. #catlinks .label {
  871. font-size: .9rem;
  872. }
  873. #catlinks a.label.new {
  874. background-color: #BA0F2A;
  875. }
  876. .catlinks li {
  877. border-left: none;
  878. }
  879. .mw-specialpages-table td ul.columns li {
  880. width: 50%;
  881. }
  882. /*#mw-content-text .columns li {float:none;width:90%;}*/
  883. footer.row ul.columns li {
  884. display: inline;
  885. float: none;
  886. }
  887. .columns #mw-normal-catlinks ul li {
  888. float: none;
  889. width: auto;
  890. }
  891. #mw-normal-catlinks a.new {
  892. color: white;
  893. }
  894. ul.vcard {
  895. padding: 0.5em 0.5em 0.55em 0.5em;
  896. }
  897. /* HEADERS */
  898. h1, h2, h3, h4, h5, h6 {
  899. margin-top: 0em;
  900. line-height: 1em;
  901. }
  902. .page-Special_SpecialPages h2 {
  903. margin-bottom: 0.5em;
  904. }
  905. .editsection {
  906. font-weight: normal;
  907. font-size: 0.4em;
  908. }
  909. p.title {
  910. padding: 0.9375em;
  911. }
  912. /* TABLES */
  913. .mw-content-ltr table#toc {
  914. float: right;
  915. width: auto;
  916. }
  917. .mw-content-rtl table#toc {
  918. float: left;
  919. width: auto;
  920. }
  921. table.formtable {
  922. border: none;
  923. }
  924. table td[align="right"] {
  925. text-align: right;
  926. }
  927. /* TURN OFF TABLE STRIPING FOR EDITFORMS */
  928. table.formedit tr.even, table.formedit tr.alt, table.formedit tr:nth-of-type(even) {
  929. background: transparent;
  930. }
  931. table {
  932. width: 100%;
  933. }
  934. td.mw-label {
  935. width: 20%;
  936. }
  937. td.mw-input {
  938. width: 80%;
  939. }
  940. thead tr th {
  941. cursor: pointer;
  942. }
  943. table.formtable th {
  944. text-align: right !important;
  945. }
  946. td.smwpropname, th.smwpropname, td.smwspecname {
  947. text-align: left;
  948. }
  949. table tbody tr td, table tr td {
  950. line-height: 1.6em;
  951. }
  952. table.wikitable {
  953. margin: 0em 0 1em 0;
  954. }
  955. table.wikitable>tr>th, table.wikitable>*>tr>th {
  956. text-align: left;
  957. }
  958. table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
  959. border: 3px #fff solid;
  960. padding: 0.6em;
  961. }
  962. /* FORMS, INPUTS, FIELDSETS */
  963. .multipleTemplateInstance {
  964. background-color: white !important;
  965. border: none !important;
  966. border-bottom: 1px dashed #999999 !important;
  967. }
  968. .multipleTemplateInstance table {
  969. border: none !important;
  970. }
  971. .multipleTemplateAdder {
  972. font-size: 0.9em;
  973. padding: 0.4125em 0.5em 0.55em 0.5em;
  974. }
  975. .novalue {
  976. color: #999999;
  977. font-style: italic;
  978. font-size: small;
  979. }
  980. input[type="file"], input[type="checkbox"], input[type="radio"], select {
  981. padding: 5px;
  982. }
  983. input[type="file"], select {
  984. padding: 5px;
  985. border: 1px solid #cccccc;
  986. }
  987. .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]"] {
  988. width: auto;
  989. margin-right: 1em;
  990. }
  991. /*
  992. .inputSpan input.createboxInput {
  993. width: 100%;
  994. }
  995. */
  996. .inputSpan button, .inputSpan .button {
  997. margin: -4px 0 0 0;
  998. padding: 0.37em 0.75em 0.6em 0.70em;
  999. }
  1000. .ms-selectable input[type="text"] {
  1001. width: 100%;
  1002. }
  1003. button.ui-button-icon-only {
  1004. height: 2.24em !important;
  1005. }
  1006. select {
  1007. width: auto;
  1008. }
  1009. input[type="checkbox"].createboxInput {
  1010. width: auto;
  1011. }
  1012. label.checkboxLabel {
  1013. margin-right: 0.5em;
  1014. }
  1015. .edit_with_form {
  1016. margin: -2em 0 0 0;
  1017. float: right;
  1018. }
  1019. input[type="radio"], input[type="checkbox"] {
  1020. display: inline;
  1021. }
  1022. input[type='file'] {
  1023. margin-top: 0.4em;
  1024. }
  1025. input:not([type]), textarea, p.meta {
  1026. margin-bottom: 4px;
  1027. }
  1028. label {
  1029. display: inline;
  1030. font-weight: normal;
  1031. }
  1032. .mw-input label {
  1033. font-weight: normal;
  1034. }
  1035. #mw-content-text ul.SFI_timepicker_hours, #mw-content-text ul.SFI_timepicker_minutes {
  1036. list-style-type: none;
  1037. }
  1038. #mw-content-text ul.SFI_timepicker_hours li {
  1039. margin: 2px 2px;
  1040. padding: 4px;
  1041. }
  1042. .sminput.sminput-googlemaps3 p button {
  1043. padding-top: 0.35em;
  1044. padding-bottom: 0.6em;
  1045. }
  1046. li label.inline {
  1047. margin-bottom: 2px;
  1048. padding: 0;
  1049. }
  1050. button, .button {
  1051. margin: 0.5em 0;
  1052. padding: 0.3em 0.75em 0.4em 0.75em;
  1053. }
  1054. .top-bar-logo {
  1055. max-width: 100%;
  1056. height: auto;
  1057. max-height: 2.8125rem;
  1058. /* Important! max-height must not be higher than line-height */
  1059. display: inline-block;
  1060. vertical-align: middle;
  1061. }
  1062. .top-bar .button.search {
  1063. top: 0px;
  1064. }
  1065. .top-bar .button, .top-bar button {
  1066. padding-top: .35rem;
  1067. padding-bottom: .35rem;
  1068. }
  1069. .top-bar .button.search {
  1070. margin-left: 10px;
  1071. }
  1072. .top-bar input {
  1073. top: 0px;
  1074. }
  1075. @media only screen and (min-width: 641px) {
  1076. .top-bar .button.search {
  1077. top: 0px;
  1078. }
  1079. .top-bar .button.search {
  1080. margin-left: -4px;
  1081. }
  1082. .top-bar {
  1083. height: auto;
  1084. }
  1085. }
  1086. .top-bar-section .dropdown {
  1087. z-index: 600;
  1088. }
  1089. input[type="submit"] {
  1090. background-color: #5da423;
  1091. border-color: #457a1a;
  1092. color: white;
  1093. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1094. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1095. -webkit-transition: background-color 300ms ease-out;
  1096. -moz-transition: background-color 300ms ease-out;
  1097. transition: background-color 300ms ease-out;
  1098. }
  1099. input#wpPreview {
  1100. background-color: #e9e9e9;
  1101. border-color: #d0d0d0;
  1102. color: black;
  1103. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1104. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1105. -webkit-transition: background-color 300ms ease-out;
  1106. -moz-transition: background-color 300ms ease-out;
  1107. transition: background-color 300ms ease-out;
  1108. }
  1109. .editButtons input[type="submit"] {
  1110. display: inline-block;
  1111. }
  1112. legend {
  1113. font-size: 0.875em;
  1114. color: #4d4d4d;
  1115. cursor: pointer;
  1116. display: block;
  1117. font-weight: 500;
  1118. }
  1119. fieldset {
  1120. line-height: 1.6em;
  1121. padding: 0 1.25em 1em 1.25em;
  1122. margin-top: 0;
  1123. }
  1124. span.smwbuiltin, span.smwttactiveinline span.smwbuiltin {
  1125. font-style: normal;
  1126. }
  1127. /* MW still generates a label column for checkboxes, this minimizes is */
  1128. div.mw-htmlform-field-HTMLCheckField div.mw-label {
  1129. height: 0;
  1130. }
  1131. .vertical-divider {
  1132. width: 100%;
  1133. display: block;
  1134. background: #1A1A1A;
  1135. height: 1px;
  1136. }
  1137. .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  1138. background: inherit;
  1139. }
  1140. .top-bar input {
  1141. width: auto;
  1142. display: inline;
  1143. }
  1144. /* Add improved styling for the Echo extension */
  1145. #echo-notifications {
  1146. float: right;
  1147. display: inline-block;
  1148. margin: -1em 1em .5em;
  1149. position: relative;
  1150. z-index: 500;
  1151. max-height: 30px;
  1152. }
  1153. #echo-notifications-notice,
  1154. #echo-notifications-alerts,
  1155. #echo-notifications-messages,
  1156. #echo-notifications {
  1157. display: inline-block;
  1158. }
  1159. #pt-notifications-notice .mw-echo-notifications-badge,
  1160. #pt-notifications-alert .mw-echo-notifications-badge,
  1161. #pt-notifications-message .mw-echo-notifications-badge {
  1162. background-size: 1.4em !important;
  1163. font-size: 1.1em;
  1164. color: transparent;
  1165. filter: invert(15%);
  1166. height: auto !important;
  1167. display: block !important;
  1168. }
  1169. #echo-notifications li {
  1170. list-style: none;
  1171. }
  1172. #echo-notifications-messages {
  1173. float: right;
  1174. }
  1175. #echo-notifications-alerts {
  1176. float: right;
  1177. }
  1178. #pt-notifications-alert .mw-echo-unseen-notifications, #pt-notifications-message .mw-echo-unseen-notifications {
  1179. color: #0645ad !important;
  1180. }
  1181. #echo-notifications li {
  1182. margin: 0 0 0 1em;
  1183. }
  1184. /* Make Echo extension more mobile friendly on small widths */
  1185. @media only screen and (max-width: 450px) {
  1186. .oo-ui-popupWidget-popup {
  1187. width: auto !important;
  1188. position: relative !important;
  1189. margin-left: -260px !important;
  1190. font-size: 75% !important;
  1191. }
  1192. .oo-ui-clippableElement-clippable.oo-ui-popupWidget-body {
  1193. width: 100% !important;
  1194. }
  1195. }
  1196. /*Fix ULS CSS */
  1197. #pt-uls a.uls-trigger {
  1198. padding-left: 15px !important;
  1199. }
  1200. /* Orbit Slider Overrides for MW */
  1201. .orbit-container .orbit-slides-container img {
  1202. width: 100%;
  1203. }
  1204. .orbit-bullets {
  1205. margin: 0 auto 30px auto !important;
  1206. }
  1207. /* Block-Grid UL fixes */
  1208. ul[class*="block-grid"] {
  1209. margin: 0;
  1210. }
  1211. /* WikiEditor related fixes */
  1212. /* lable of toolbar */
  1213. .wikiEditor-ui-toolbar .label {
  1214. background: transparent;
  1215. color: #000;
  1216. }
  1217. /* selection boxes in toolbar adhere to font-size */
  1218. .wikiEditor-ui-toolbar .page-characters div span {
  1219. height: 1.75em;
  1220. }
  1221. /* backound of controls adhere to #p-cactions */
  1222. .wikiEditor-ui-controls {
  1223. background-color: #f6f6f6;
  1224. }
  1225. /* background of buttions adhere to #p-cactions*/
  1226. .wikiEditor-ui-buttons {
  1227. background-color: #f6f6f6;
  1228. }
  1229. /* Visual Editor Fixes */
  1230. .ve-activated #content {
  1231. margin-top: 4em;
  1232. }
  1233. .ve-ce-documentNode {
  1234. background: #fff;
  1235. }
  1236. .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 {
  1237. display: inline !important;
  1238. }
  1239. .ve-activated #catlinks {
  1240. display:none;
  1241. }
  1242. .ve-activated #firstHeading {
  1243. border-bottom: 1px solid #ccc;
  1244. padding: 0 0 5px;
  1245. }
  1246. .ve-activated [class*="mw-content-"] {
  1247. padding: 0;
  1248. }
  1249. /* Page indicators */
  1250. .mw-indicators {
  1251. float: right;
  1252. line-height: 1.6;
  1253. font-size: 0.875em;
  1254. position: relative;
  1255. margin: -1em .5em .5em 1em;
  1256. max-height: 30px;
  1257. width: auto;
  1258. z-index: 1;
  1259. }
  1260. .mw-indicator {
  1261. display: inline-block;
  1262. }
  1263. /* Preferences Fixes */
  1264. #preftoc li a {
  1265. color: white;
  1266. padding: .25em .5em;
  1267. }
  1268. #preftoc li a:hover {
  1269. background: aqua;
  1270. color: white;
  1271. }
  1272. #preftoc li {
  1273. margin: 2px;
  1274. display: inline-block;
  1275. float: none;
  1276. padding: 1px;
  1277. position: relative;
  1278. list-style-type: none;
  1279. list-style-image: none;
  1280. z-index: 3;
  1281. border-radius: 3px;
  1282. font-size: .85em;
  1283. background: #142849;
  1284. border: 0;
  1285. color: white;
  1286. }
  1287. #preftoc li a {
  1288. color: white;
  1289. }
  1290. #preftoc li a:hover {
  1291. background: #2ba6cb;
  1292. }
  1293. ul#preftoc {
  1294. margin: auto;
  1295. text-align: center;
  1296. }
  1297. #preftoc>li.selected {
  1298. background: #2C58A1;
  1299. box-shadow: 2px 2px 5px 2px rgba(50, 138, 64, 0.54);
  1300. }
  1301. #preftoc li.selected a {
  1302. cursor: default;
  1303. text-decoration: none;
  1304. }
  1305. #preferences table {
  1306. min-width: 100%;
  1307. }
  1308. #preftoc {
  1309. margin: 0;
  1310. padding: 0;
  1311. width: 100%;
  1312. clear: both;
  1313. }
  1314. #preftoc a:active {
  1315. display: block;
  1316. color: #000;
  1317. padding: 0 .7em;
  1318. position: relative;
  1319. text-decoration: none;
  1320. }
  1321. #preftoc li.selected a {
  1322. cursor: default;
  1323. text-decoration: none;
  1324. }
  1325. #preferences {
  1326. margin: 0;
  1327. clear: both;
  1328. background-color: #FFF;
  1329. border: none;
  1330. }
  1331. .prefsection {
  1332. border: none;
  1333. padding: 0;
  1334. margin: 0;
  1335. }
  1336. .prefsection legend {
  1337. font-weight: bold;
  1338. }
  1339. .prefsection table, .prefsection legend {
  1340. background-color: #F9F9F9;
  1341. }
  1342. #preferences legend.mainLegend {
  1343. display: none;
  1344. }
  1345. #preferences fieldset legend {
  1346. font-weight: bold;
  1347. padding: 0 .25em;
  1348. margin: 0;
  1349. margin: 0 .25em 0 1em;
  1350. background: #FFF;
  1351. }
  1352. td.htmlform-tip {
  1353. font-size: .8em;
  1354. padding: .2em 2em;
  1355. color: #666;
  1356. border: 1px solid #eeeffe;
  1357. background: #eeeffe;
  1358. }
  1359. .preferences-login {
  1360. clear: both;
  1361. margin-bottom: 1.5em;
  1362. }
  1363. .prefcache {
  1364. font-size: 90%;
  1365. margin-top: 1em;
  1366. }