MediaWiki:Common.css: Difference between revisions

Revision as of 08:59, 24 May 2023

/* CSS placed here will be applied to all skins */

/* BEGIN Styling to match original wiki by Adebayo */
* {
    font-family: Roboto, Arial, sans-serif;
}

div .firstHeading,
#firstHeading,
h2,
h3 {
    font-family: Roboto, Arial, sans-serif;
    color: #f89420;
}

h4 {
    font-family: Roboto, Arial, sans-serif;
    font-size:115% !important;
    color:#662d91;
}

.vector-body blockquote {
    font-size: 150%;
    padding: 0;
    border: 0;
}
/* END Styling to match original wiki by Adebayo */

/*Remove Special Pages, Page Information, Related Changes, and Permanent Link links from Tools menu in left-hand Navigation bar*/
#t-specialpages,
#t-info,
#t-recentchangeslinked,
#t-permalink {
  display: none;
}

/*Added to scale and wrap images*/
img {
    max-width:100%;
    height:auto;
    image-rendering: -webkit-optimize-contrast !important;
}

@media only screen and (max-width: 1200px) {
.tabs-container td,
.how-to-table td {
    display: block;
    width: 95% !important;
    padding: 5px !important;
}

.tabs-container tr,
.how-to-table tr {
    width: 100%;
}


}



/* Tabbed container styling.  Adjusts margins for the <tabs> box and the <tab> content for each tab. */
.tabs-content, .tabs-tabbox {
  margin: 20px;
}

/* "How To" table styling.  This is the two column table.  Instructions are in the left column.  Screenshots are in the right column. */

.how-to-table {
  border-collapse: separate;
  border-spacing: 8px;
}

.how-to-table th, .how-to-table td {
  padding: 8px;
  vertical-align: top;
}

.how-to-table td:first-of-type {
  width:40%;
}

/* FYI Box Styling.  This is the one row, two column table for "FYI" information.*/
.fyi-box {
  border-spacing: 4px;
  margin: 12px;
}

.fyi-box th, .fyi-box td {
  padding: 8px;
  border: 4px solid #36b0a7;
  vertical-align: top;
}

.fyi-box td:first-of-type {
  font-size:125%;
  background-color:#36b0a7;
  color:white;
  width:28px;
  text-align:center;
}