MediaWiki:Mobile.css: Difference between revisions

Revision as of 12:56, 29 August 2024

/* 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 */
}



/* 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 */
.drop {
  font-weight: regular;
  float: left;
  margin-right: 5px;
  margin-bottom: -5px; 
  font-size: 3.5em;
  font-family: Georgia;
  line-height: 100%;
}