MediaWiki:Mobile.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the mobile site */
body.page-Main_Page h1.firstHeading { display: none; }
body.Page-main_Page .catlinks { display: none; }
body.mediawiki { font-family: georgia }
#firstHeading{ font-family: aptos, sans-serif; font-size: 180%; }
#content h2, #content h3, #content h4, #content h5 { font-family: aptos, sans-serif; font-weight: normal; }
#content h2 { font-size: 160%; }
#content h3 { font-size: 140%; }
#content h4 { font-size: 125%; }
#content h5 { font-size: 110%; }
#content h6 { font-family: aptos, sans-serif; font-weight: normal; font-size: 105%; font-style: italic;}
.fontsize { font-size: 50%; }
.right { text-align: right; }
.italic { font-style: italic; }
.wrap { white-space: pre; }
/* To make images responsive */
img {
max-width:100%;
height:auto;
}
/* AUTONUMBERING PARAGRAPHS*/
ol {
counter-reset: number;
list-style-position: outside;
text-align: left;
counter-reset: list;
font-family: georgia;
}
ol > li {
list-style: none;
counter-increment: list;
margin-bottom: 6px;
}
ol.decimal > li::before {
content: counter(list);
vertical-align: left;
position: absolute;
margin-left: -1.1cm;
}
ol.doubledecimal > li::before {
content: counters(list, ".");
counter-increment: 1;
vertical-align: left;
position: absolute;
margin-left: -1.1cm;
}
ol.lower-alpha > li::before {
content: "(" counter(list, lower-alpha) ") ";
vertical-align: left;
position: absolute;
margin-left: -30px; /* Adjusted margin */
}
ol.upper-alpha > li::before {
content: "(" counter(list, upper-alpha) ") ";
vertical-align: left;
position: absolute;
margin-left: -30px; /* Adjusted margin */
}
ol.lower-roman > li::before {
content: "(" counter(list, lower-roman) ") ";
vertical-align: left;
position: absolute;
margin-left: -30px; /* Adjusted margin */
}
ol.upper-roman > li::before {
content: "(" counter(list, upper-roman) ") ";
vertical-align: left;
position: absolute;
margin-left: -30px; /* Adjusted margin */
}
/* BULLETS */
/* Georgia bullet */
ul.gbullet {
list-style-type: disc; /* Ensures disc bullets are used */
list-style-position: outside; /* Keeps bullets inside the list item */
padding-left: 0px; /* No extra padding */
margin-left: 10px; /* No extra margin */
}
ul.gbullet li {
font-family: Georgia, serif !important; /* Consistent font */
padding-left: 20px; /* Space for text and bullet */
text-indent: 0px; /* Adjust the hanging indent (half of padding-left) */
margin-left: 0; /* Align text flush left */
position: relative; /* For potential custom positioning */
}
ul.gbullet li::marker {
margin-left: 0; /* Bullet flush left */
width: 100px; /* Adjust this width to fine-tune bullet spacing */
}
/* Helvetica bullet */
ul.hbullet {
list-style-type: disc; /* Ensures disc bullets are used */
list-style-position: outside; /* Keeps bullets inside the list item */
padding-left: 0px; /* No extra padding */
margin-left: 10px; /* No extra margin */
}
ul.hbullet li {
font-family: Helvetica, sans-serif !important; /* Consistent font */
padding-left: 20px; /* Space for text and bullet */
text-indent: 0px; /* Adjust the hanging indent (half of padding-left) */
margin-left: 0; /* Align text flush left */
position: relative; /* For potential custom positioning */
}
ul.hbullet li::marker {
margin-left: 0; /* Bullet flush left */
width: 100px; /* Adjust this width to fine-tune bullet spacing */
}
/* DROP CAPS */
/*Regular Drop Cap */
.drop {
font-weight: regular;
float: left;
margin-right: 5px;
margin-bottom: -5px;
font-size: 3.5em;
font-family: Georgia;
line-height: 100%;
}
/*Small Drop Cap */
.smalldrop {
font-weight: regular;
float: left;
margin-right: 5px;
margin-bottom: -5px;
font-size: 2.5em;
font-family: Georgia;
line-height: 100%;
}
/* CUSTOM STYLE FOR BLOCKQUOTES */
.hquote {
font-size: 85%; /* 85% of the normal font size */
font-family: Helvetica, sans-serif; /* Use Helvetica font */
margin-left: 30px; /* Indent the blockquote by 30px */
position: relative; /* Positioning for pseudo-elements */
padding: 10px 20px; /* Optional: Padding for better spacing */
color: #333; /* Text color */
line-height: 1.5; /* Line height for readability */
border: none; /* Remove any borders */
}
.gquote {
font-size: 85%; /* 85% of the normal font size */
font-family: Helvetica, sans-serif; /* Use Helvetica font */
margin-left: 30px; /* Indent the blockquote by 30px */
position: relative; /* Positioning for pseudo-elements */
padding: 10px 20px; /* Optional: Padding for better spacing */
color: #333; /* Text color */
line-height: 1.5; /* Line height for readability */
border: none; /* Remove any borders */
}
.hgreenquote {
font-size: 85%; /* 85% of the normal font size */
font-family: Helvetica, sans-serif; /* Use Helvetica font */
margin-left: 30px; /* Indent the blockquote by 30px */
position: relative; /* Positioning for pseudo-elements */
padding: 10px 20px; /* Optional: Padding for better spacing */
color: #008000; /* Text color */
line-height: 1.5; /* Line height for readability */
border: none; /* Remove any borders */
}
.hbluequote {
font-size: 85%; /* 85% of the normal font size */
font-family: Helvetica, sans-serif; /* Use Helvetica font */
margin-left: 30px; /* Indent the blockquote by 30px */
position: relative; /* Positioning for pseudo-elements */
padding: 10px 20px; /* Optional: Padding for better spacing */
color: #000080; /* Text color */
line-height: 1.5; /* Line height for readability */
border: none; /* Remove any borders */
}