MediaWiki:Common.css: Difference between revisions
| Dgreenwood (talk | contribs) No edit summary | Dgreenwood (talk | contribs) No edit summary | ||
| Line 58: | Line 58: | ||
| /* "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 styling.  This is the two column table.  Instructions are in the left column.  Screenshots are in the right column. */ | ||
| .howto-table { | .howto-table table { | ||
|    width: fit-content !important; |    width: fit-content !important; | ||
| } | } | ||
| Line 73: | Line 73: | ||
| .howto-table td:first-of-type { | .howto-table td:first-of-type { | ||
|    width:40%; |    width:40%; | ||
|   background-color: yellow; | |||
| } | } | ||
Revision as of 08:36, 21 April 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: 125%;
    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 {
    display: block;
    width: 95% !important;
    padding: 5px !important;
}
.tabs-container tr {
    width: 100%;
}
}
/* "How To" table styling.  This is the two column table.  Instructions are in the left column.  Screenshots are in the right column. */
.howto-table table {
  width: fit-content !important;
}
.howto-table th, .howto-table td {
  padding: 12px;
  border-spacing: 4px;
}
.howto-table td {
  vertical-align: top;
}
.howto-table td:first-of-type {
  width:40%;
  background-color: yellow;
}
