MediaWiki:Common.css: Difference between revisions

From Grooper Wiki
No edit summary
No edit summary
Line 63: Line 63:


.howto-table td {
.howto-table td {
   valign = "top"
   vertical-align: top;
}
}



Revision as of 08:30, 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 th, .howto-table td {
  padding: 12px;
  border-spacing: 4px;
}

.howto-table td {
  vertical-align: top;
}

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