Difference between revisions of "MediaWiki:Common.css"

From Wikimedia District of Columbia
Jump to navigation Jump to search
(Image will change depending on the situation but the design rules should be the same)
(Working)
 
(174 intermediate revisions by 3 users not shown)
Line 1: Line 1:
.nav th {
 
text-align: center;
 
background: #ECECEC;
 
font-weight: bold;
 
margin: 0 .1em 0 0;
 
width: 25%;
 
font-size: 0.925em;
 
-moz-border-radius: 12px 12px 12px 12px;
 
}
 
 
.nav th a {
 
padding: 1em 2em;
 
color: #224F82;
 
text-decoration: none;
 
}
 
 
.nav th:hover {
 
color: #000;
 
}
 
 
 
li#footer-info-lastmod,
 
li#footer-info-lastmod,
 
li#footer-info-viewcount,
 
li#footer-info-viewcount,
  +
li#footer-places-about,
 
li#footer-places-disclaimer {
 
li#footer-places-disclaimer {
 
display: none !important;
 
display: none !important;
}
 
 
div#mw-panel div.portal#p-navigation div.body {
 
background-image:none;
 
 
}
 
}
   
 
#p-navigation h5 {
 
#p-navigation h5 {
display: none !important;
 
}
 
 
body #t-cite,
 
body #siteSub,
 
body.page-Home.action-view #contentSub,
 
body.page-Home.action-view h1.firstHeading,
 
body.page-Home.action-view #jump-to-nav {
 
 
display: none !important;
 
display: none !important;
 
}
 
}
Line 43: Line 12:
 
.nowrap {
 
.nowrap {
 
white-space: nowrap;
 
white-space: nowrap;
}
 
 
h2 {
 
border-bottom: 2px dotted #BBBDBF;
 
 
}
 
}
   
Line 65: Line 30:
 
display: none !important;
 
display: none !important;
 
}
 
}
 
/* Button classes from wikimediafoundation.org */
 
 
.btn{display:inline-block;padding:4px 10px 4px;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
 
.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
 
.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 
.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
 
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 
.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 
.btn-large .icon{margin-top:1px;}
 
.btn-small{padding:5px 9px;font-size:11px;line-height:16px;}
 
.btn-small .icon{margin-top:-1px;}
 
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
 
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active{color:rgba(255, 255, 255, 0.75);}
 
.btn-primary{background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-ms-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(top, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#0044cc;}
 
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
 
.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;}
 
.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
 
.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;}
 
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
 
.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;}
 
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
 
.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;}
 
.btn-info:active,.btn-info.active{background-color:#24748c \9;}
 
button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
 
button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
 
button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}
 
.btn-donate {width:60px; color:white !important; font-size:200% !important; margin:0.1em;}
 
   
 
/* Custom table formatting */
 
/* Custom table formatting */
Line 118: Line 55:
 
}
 
}
   
  +
span.subpages {
/* Tab bar formatting */
 
  +
display: none !important;
  +
}
  +
  +
/* Arrow button formatting */
   
  +
.arrowbutton {
.tabbar-red td:hover {
 
  +
color:#ffffff;
background: #EDDEDE !important;
 
  +
width:100px;
  +
padding:0.4em;
  +
line-height:1.5em;
 
}
 
}
   
  +
.arrowbutton::before {
.tabbar-green td:hover {
 
  +
content:"⇒ ";
background: #DEEDE6 !important;
 
  +
font-weight:bold;
 
}
 
}
   
  +
.arrowbutton-red {
.tabbar-blue td:hover {
 
background: #DEE7ED !important;
+
background:#990000;
 
}
 
}
   
  +
.arrowbutton-green {
.tabbar-gray td:hover {
 
background: #E6E6E6 !important;
+
background:#339966;
 
}
 
}
   
  +
.arrowbutton-blue {
/* Arrow button formatting */
 
  +
background:#0063BF;
  +
}
  +
  +
.arrowbutton-gold {
  +
background:#E5B921;
  +
}
   
 
.arrowbutton-red:hover {
 
.arrowbutton-red:hover {
background: #EDDEDE !important;
+
background: #ffb3b3 !important;
 
color: #000000 !important;
 
color: #000000 !important;
 
}
 
}
   
 
.arrowbutton-green:hover {
 
.arrowbutton-green:hover {
background: #DEEDE6 !important;
+
background: #c6ecd9 !important;
 
color: #000000 !important;
 
color: #000000 !important;
 
}
 
}
   
 
.arrowbutton-blue:hover {
 
.arrowbutton-blue:hover {
background: #DEE7ED !important;
+
background: #b3daff !important;
 
color: #000000 !important;
 
color: #000000 !important;
 
}
 
}
   
  +
.arrowbutton-gold:hover {
/* Main page redesign CSS */
 
  +
background: #faefcb !important;
 
  +
color: #000000 !important;
body.page-User_James_Hare_Main_Page_redesign.action-view #content {
 
background-image: url(//wikimediadc.org/w/images/9/9a/Background_2a.jpg);
 
background-size: 100%;
 
background-repeat: no-repeat;
 
background-color: #FFFFF8 !important;
 
 
}
 
}
   
  +
/* Round button formatting */
body.page-User_James_Hare_Main_Page_redesign.action-view #main-page-banner {
 
height: 12em;
 
margin-bottom: 0;
 
}
 
   
  +
.roundbutton {
body.page-User_James_Hare_Main_Page_redesign.action-view #main-page-welcome {
 
  +
display:inline-block; border-radius:50%; color:#ffffff; width:54px; height:54px; padding:12px; margin-right:0.5em; margin-bottom:0.5em; text-align:center;
color:#fff; text-shadow: #000 0.3em 0.3em 1em, #000 -0.1em -0.1em 1em;
 
 
}
 
}
   
  +
.roundbutton-large {
body.page-User_James_Hare_Main_Page_redesign.action-view #contentSub,
 
  +
display:inline-block; border-radius:50%; color:#ffffff; width:68px; height:68px; padding:15px; margin-right:0.5em; margin-bottom:0.5em; text-align:center;
body.page-User_James_Hare_Main_Page_redesign.action-view h1.firstHeading,
 
body.page-User_James_Hare_Main_Page_redesign.action-view #jump-to-nav {
 
display: none !important;
 
 
}
 
}
   
  +
/* Main Page CSS */
@media screen and (min-width:1162px) {
 
#main-page-left {
 
position:absolute;
 
left: 0;
 
right: 31.5em;
 
max-width:1000px;
 
}
 
#main-page-right {
 
float:right;
 
width:40%;
 
max-width:30em;
 
}
 
}
 
   
  +
body #t-cite,
@media screen and (min-width:750px) and (max-width:1161px) {
 
  +
body #siteSub,
#main-page-left {
 
  +
body #contentSub,
float:left;
 
  +
body.page-Home.action-view #jump-to-nav {
width:58%;
 
  +
display: none !important;
}
 
#main-page-right {
 
float:right;
 
width:40%;
 
max-width:30em;
 
}
 
}
 
 
@media screen and (max-width:749px) {
 
#main-page-left {
 
display:inline;
 
}
 
#main-page-right {
 
display:inline;
 
}
 
}
 
 
.main-page-box {
 
background:white; padding:1em; border:none; border:1px solid #CCCCCC; margin-bottom:2em;
 
 
}
 
}
   
 
/* Copied from Wikivoyage for scalable-width images */
 
/* Copied from Wikivoyage for scalable-width images */
   
@media screen and (max-width:749px) {
+
@media screen and (max-width:767px) {
 
.banner-image {
 
.banner-image {
 
position: relative;
 
position: relative;
Line 230: Line 142:
 
}
 
}
 
.banner-image img {
 
.banner-image img {
max-width: 100%;
+
width: 100%;
 
height: auto;
 
height: auto;
 
width: auto\9;
 
width: auto\9;
Line 237: Line 149:
 
}
 
}
   
@media screen and (min-width:750px) {
+
@media screen and (min-width:768px) {
 
.banner-image {
 
.banner-image {
float: right;
 
 
position: relative;
 
position: relative;
 
overflow: hidden;
 
overflow: hidden;
Line 247: Line 158:
 
}
 
}
 
.banner-image img {
 
.banner-image img {
float: right;
+
width: 100%;
max-width: 100%;
 
 
height: auto;
 
height: auto;
 
width: auto\9;
 
width: auto\9;
 
}
 
}
  +
.banner-image-left {
}
 
  +
float: left !important;
 
  +
}
.main-page-image {
 
  +
.banner-image-left img {
background-repeat: no-repeat;
 
  +
float: left !important;
background-attachment: fixed;
 
  +
}
background-position: center;
 
  +
.banner-image-right {
-webkit-background-size: cover;
 
  +
float: right !important;
-moz-background-size: cover;
 
  +
}
-o-background-size: cover;
 
  +
.banner-image-right img {
background-size: cover;
 
  +
float: right !important;
  +
}
  +
.banner-image-none {
  +
float: none !important;
  +
}
  +
.banner-image-none img {
  +
float: none !important;
  +
}
  +
.banner-image-center {
  +
padding-left: none !important;
  +
float: none !important;
  +
margin-left: auto !important;
  +
margin-right: auto !important;
  +
}
  +
.banner-image-center img {
  +
float: none !important;
  +
}
 
}
 
}
   
Line 268: Line 195:
 
.mw-createacct-benefits-container {
 
.mw-createacct-benefits-container {
 
display: none;
 
display: none;
  +
}
  +
  +
/* Changes to MediaWiki default image stuff */
  +
/* Yell at James Hare if this breaks anything */
  +
  +
div.floatright {
  +
clear:none;
  +
}
  +
  +
div.floatleft {
  +
clear:none;
  +
}
  +
  +
/* Certain pages on this website use a two-column setup */
  +
/* Pages that employ the "mobile-collapse" class will force it down to a one-column setup on narrow screens (e.g. on mobile devices) */
  +
  +
@media screen and (max-width:767px) {
  +
.mobile-collapse {
  +
display: block !important;
  +
width: 100% !important;
  +
margin-bottom:0.6em;
  +
}
  +
  +
#donatebutton {
  +
overflow:scroll;
  +
}
  +
  +
#donate-pullquote,
  +
#donate-otheroptions {
  +
display:none;
  +
}
  +
}
  +
  +
@media screen and (min-width:768px) {
  +
div#bodyContent {
  +
font-size:1em; padding:0;
  +
}
  +
p {
  +
margin-bottom:1em;
  +
}
  +
h1 {
  +
font-size: 2.4em !important;
  +
}
  +
}
  +
  +
/* Header mega template */
  +
  +
#megaheader {
  +
position:relative;
  +
padding-bottom:1em;
  +
border:none;
  +
margin-bottom:2em;
  +
overflow: hidden;
  +
}
  +
  +
@media screen and (min-width:982px) {
  +
#megaheader {
  +
margin-top:-3em;
  +
margin-left:-1.5em;
  +
margin-right:-1.5em;
  +
}
  +
}
  +
  +
@media screen and (min-width:768px) and (max-width:981px) {
  +
#megaheader {
  +
margin-top:-2.7em;
  +
margin-left:-1em;
  +
margin-right:-1em;
  +
}
  +
}
  +
  +
@media screen and (max-width:767px) {
  +
#megaheader {
  +
margin-top:-3em;
  +
margin-left:-1.15em;
  +
margin-right:-1.15em;
  +
}
  +
}
  +
  +
  +
@media screen and (min-width:768px) {
  +
#megaheader {
  +
height:500px;
  +
}
  +
  +
#megaheader-short {
  +
height:200px;
  +
}
  +
}
  +
  +
@media screen and (max-width:767px) {
  +
#megaheader {
  +
height:auto;
  +
}
  +
}
  +
  +
#megaheader img {
  +
-moz-transition: opacity 2s; /* Firefox 4 */
  +
-webkit-transition: opacity 2s; /* Safari and Chrome */
  +
-o-transition: opacity 2s;
  +
transition: opacity 2s;
  +
}
  +
  +
/* Evil interface meddling for donations */
  +
  +
.page-Donate_Monthly_5 #mw-head,
  +
.page-Donate_Monthly_5 .portal,
  +
.page-Donate_Monthly_10 #mw-head,
  +
.page-Donate_Monthly_10 .portal,
  +
.page-Donate_Monthly_25 #mw-head,
  +
.page-Donate_Monthly_25 .portal,
  +
.page-Donate_Monthly_50 #mw-head,
  +
.page-Donate_Monthly_50 .portal,
  +
.page-Donate_Monthly_100 #mw-head,
  +
.page-Donate_Monthly_100 .portal,
  +
.page-Donate_Monthly_200 #mw-head,
  +
.page-Donate_Monthly_200 .portal,
  +
.page-Donate_Annually_5 #mw-head,
  +
.page-Donate_Annually_5 .portal,
  +
.page-Donate_Annually_10 #mw-head,
  +
.page-Donate_Annually_10 .portal,
  +
.page-Donate_Annually_25 #mw-head,
  +
.page-Donate_Annually_25 .portal,
  +
.page-Donate_Annually_50 #mw-head,
  +
.page-Donate_Annually_50 .portal,
  +
.page-Donate_Annually_100 #mw-head,
  +
.page-Donate_Annually_100 .portal,
  +
.page-Donate_Annually_200 #mw-head,
  +
.page-Donate_Annually_200 .portal,
  +
.page-Donate_One-time_5 #mw-head,
  +
.page-Donate_One-time_5 .portal,
  +
.page-Donate_One-time_10 #mw-head,
  +
.page-Donate_One-time_10 .portal,
  +
.page-Donate_One-time_25 #mw-head,
  +
.page-Donate_One-time_25 .portal,
  +
.page-Donate_One-time_50 #mw-head,
  +
.page-Donate_One-time_50 .portal,
  +
.page-Donate_One-time_100 #mw-head,
  +
.page-Donate_One-time_100 .portal,
  +
.page-Donate_One-time_200 #mw-head,
  +
.page-Donate_One-time_200 .portal,
  +
.page-Calendar_One-time_25 #mw-head,
  +
.page-Calendar_One-time_25 .portal,
  +
.page-Calendar_One-time_30 #mw-head,
  +
.page-Calendar_One-time_30 .portal,
  +
.page-Calendar_One-time_35 #mw-head,
  +
.page-Calendar_One-time_35 .portal,
  +
.page-Calendar_One-time_50 #mw-head,
  +
.page-Calendar_One-time_50 .portal,
  +
.page-Calendar_One-time_75 #mw-head,
  +
.page-Calendar_One-time_75 .portal,
  +
.page-Calendar_One-time_100 #mw-head,
  +
.page-Calendar_One-time_100 .portal {
  +
display: none;
  +
}
  +
  +
@media screen and (max-width:767px) {
  +
.no-narrow {
  +
display: none;
  +
}
  +
}
  +
@media screen and (min-width:768px) {
  +
.narrow-only {
  +
display: none;
  +
}
  +
}
  +
  +
/* Limit display of TOC subsections where applied */
  +
.toclimit-2 .toclevel-1 ul,
  +
.toclimit-3 .toclevel-2 ul,
  +
.toclimit-4 .toclevel-3 ul,
  +
.toclimit-5 .toclevel-4 ul,
  +
.toclimit-6 .toclevel-5 ul,
  +
.toclimit-7 .toclevel-6 ul {
  +
display: none;
  +
}
  +
  +
/* Page Forms styling */
  +
input.createboxInput
  +
{
  +
border: 2px solid #ccc !important;
  +
box-sizing: border-box !important;
  +
margin: 8px 0 !important;
  +
max-width: 500px;
  +
outline: none !important;
  +
padding: 12px 10px !important;
  +
width: 50%;
 
}
 
}

Latest revision as of 13:42, 12 December 2020

li#footer-info-lastmod,
li#footer-info-viewcount,
li#footer-places-about,
li#footer-places-disclaimer {
  display: none !important;
}

#p-navigation h5 {
  display: none !important;
}

.nowrap { 
    white-space: nowrap;
}

.toggle-head {
  background:url(//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/HW_open_arrow.svg/10px-HW_open_arrow.svg.png) no-repeat 0% center;
}

.toggle-head:hover {
  text-decoration:underline;
  cursor:pointer;
}

.redirect-in-category, .allpagesredirect a {
  color: gray;
}

.nodisplay {
  display: none !important;
}

/* Custom table formatting */

table.rowlines { 
    border-collapse:collapse;
    border:2px solid #BBBDBF;
    width:100%;
    vertical-align:top;
}

table.rowlines th {
    border-bottom:1px solid #BBBDBF;
    border-top:1px solid #BBBDBF;
    padding:5px;
}

table.rowlines td {
    border-bottom:1px dotted #BBBDBF;
    padding:5px;
}

div.rowlines-wrapper {
    padding:0 10px 0 10px;
}

span.subpages {
  display: none !important;
}

/* Arrow button formatting */

.arrowbutton {
	color:#ffffff;
	width:100px;
	padding:0.4em;
	line-height:1.5em;
}

.arrowbutton::before {
	content:"⇒ ";
	font-weight:bold;
}

.arrowbutton-red {
	background:#990000;
}

.arrowbutton-green {
	background:#339966;
}

.arrowbutton-blue {
	background:#0063BF;
}

.arrowbutton-gold {
	background:#E5B921;
}

.arrowbutton-red:hover {
    background: #ffb3b3 !important;
    color: #000000 !important;
}

.arrowbutton-green:hover {
    background: #c6ecd9 !important;
    color: #000000 !important;
}

.arrowbutton-blue:hover {
    background: #b3daff !important;
    color: #000000 !important;
}

.arrowbutton-gold:hover {
    background: #faefcb !important;
    color: #000000 !important;
}

/* Round button formatting */

.roundbutton {
    display:inline-block; border-radius:50%; color:#ffffff; width:54px; height:54px; padding:12px; margin-right:0.5em; margin-bottom:0.5em; text-align:center;
}

.roundbutton-large {
    display:inline-block; border-radius:50%; color:#ffffff; width:68px; height:68px; padding:15px; margin-right:0.5em; margin-bottom:0.5em; text-align:center;
}

/* Main Page CSS */

body #t-cite,
body #siteSub,
body #contentSub,
body.page-Home.action-view #jump-to-nav {
  display: none !important;
}

/* Copied from Wikivoyage for scalable-width images */

@media screen and (max-width:767px) {
  .banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    width: 100%;
    height: auto;
    margin-bottom: .6em;
    text-align: center;
    padding-left: 0 !important;
  }
  .banner-image img {
    width: 100%;
    height: auto;
    width: auto\9;
    margin:0 auto;
  }
}

@media screen and (min-width:768px) {
  .banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
    margin-bottom: .6em;
  }
  .banner-image img {
    width: 100%;
    height: auto;
    width: auto\9;
  }
  .banner-image-left {
    float: left !important;
  }
  .banner-image-left img {
    float: left !important;
  }
  .banner-image-right {
    float: right !important;
  }
  .banner-image-right img {
    float: right !important;
  }
  .banner-image-none {
    float: none !important;
  }
  .banner-image-none img {
    float: none !important;
  }
  .banner-image-center {
    padding-left: none !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .banner-image-center img {
    float: none !important;
  }
}

/* Login interface adjustments */

.mw-createacct-benefits-container {
  display: none;
}

/* Changes to MediaWiki default image stuff */
/* Yell at James Hare if this breaks anything */

div.floatright {
  clear:none;
}

div.floatleft {
  clear:none;
}

/* Certain pages on this website use a two-column setup */
/* Pages that employ the "mobile-collapse" class will force it down to a one-column setup on narrow screens (e.g. on mobile devices) */

@media screen and (max-width:767px) {
  .mobile-collapse {
    display: block !important;
    width: 100% !important;
    margin-bottom:0.6em;
  }

  #donatebutton {
    overflow:scroll;
  }
  
  #donate-pullquote,
  #donate-otheroptions {
  	display:none;
  }
}

@media screen and (min-width:768px) {
  div#bodyContent {
    font-size:1em; padding:0;
  }
  p {
    margin-bottom:1em;
  }
  h1 {
    font-size: 2.4em !important;
  }
}

/* Header mega template */

#megaheader {
  position:relative;
  padding-bottom:1em;
  border:none;
  margin-bottom:2em;
  overflow: hidden;
}

@media screen and (min-width:982px) {
  #megaheader {
    margin-top:-3em;
    margin-left:-1.5em;
    margin-right:-1.5em;
  }
}

@media screen and (min-width:768px) and (max-width:981px) {
  #megaheader {
    margin-top:-2.7em;
    margin-left:-1em;
    margin-right:-1em;
  }
}

@media screen and (max-width:767px) {
  #megaheader {
    margin-top:-3em;
    margin-left:-1.15em;
    margin-right:-1.15em;
  }
}


@media screen and (min-width:768px) {
  #megaheader {
    height:500px;
  }

  #megaheader-short {
  	height:200px;
  }
}

@media screen and (max-width:767px) {
  #megaheader {
     height:auto;
  }
}

#megaheader img {
  -moz-transition: opacity 2s; /* Firefox 4 */
  -webkit-transition: opacity 2s; /* Safari and Chrome */
  -o-transition: opacity 2s;
  transition: opacity 2s;
}

/* Evil interface meddling for donations */

.page-Donate_Monthly_5 #mw-head,
.page-Donate_Monthly_5 .portal,
.page-Donate_Monthly_10 #mw-head,
.page-Donate_Monthly_10 .portal,
.page-Donate_Monthly_25 #mw-head,
.page-Donate_Monthly_25 .portal,
.page-Donate_Monthly_50 #mw-head,
.page-Donate_Monthly_50 .portal,
.page-Donate_Monthly_100 #mw-head,
.page-Donate_Monthly_100 .portal,
.page-Donate_Monthly_200 #mw-head,
.page-Donate_Monthly_200 .portal,
.page-Donate_Annually_5 #mw-head,
.page-Donate_Annually_5 .portal,
.page-Donate_Annually_10 #mw-head,
.page-Donate_Annually_10 .portal,
.page-Donate_Annually_25 #mw-head,
.page-Donate_Annually_25 .portal,
.page-Donate_Annually_50 #mw-head,
.page-Donate_Annually_50 .portal,
.page-Donate_Annually_100 #mw-head,
.page-Donate_Annually_100 .portal,
.page-Donate_Annually_200 #mw-head,
.page-Donate_Annually_200 .portal,
.page-Donate_One-time_5 #mw-head,
.page-Donate_One-time_5 .portal,
.page-Donate_One-time_10 #mw-head,
.page-Donate_One-time_10 .portal,
.page-Donate_One-time_25 #mw-head,
.page-Donate_One-time_25 .portal,
.page-Donate_One-time_50 #mw-head,
.page-Donate_One-time_50 .portal,
.page-Donate_One-time_100 #mw-head,
.page-Donate_One-time_100 .portal,
.page-Donate_One-time_200 #mw-head,
.page-Donate_One-time_200 .portal,
.page-Calendar_One-time_25 #mw-head,
.page-Calendar_One-time_25 .portal,
.page-Calendar_One-time_30 #mw-head,
.page-Calendar_One-time_30 .portal,
.page-Calendar_One-time_35 #mw-head,
.page-Calendar_One-time_35 .portal,
.page-Calendar_One-time_50 #mw-head,
.page-Calendar_One-time_50 .portal,
.page-Calendar_One-time_75 #mw-head,
.page-Calendar_One-time_75 .portal,
.page-Calendar_One-time_100 #mw-head,
.page-Calendar_One-time_100 .portal {
    display: none;
}

@media screen and (max-width:767px) {
	.no-narrow {
		display: none;
	}
}
@media screen and (min-width:768px) {
	.narrow-only {
		display: none;
	}
}

/* Limit display of TOC subsections where applied */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/* Page Forms styling */
input.createboxInput
{
  border: 2px solid #ccc !important;
  box-sizing: border-box !important;
  margin: 8px 0 !important;
  max-width: 500px;
  outline: none !important;
  padding: 12px 10px !important;
  width: 50%;
}