Difference between revisions of "MediaWiki:Common.css"
Greg.Fuller (talk | contribs) |
Greg.Fuller (talk | contribs) |
||
| Line 2: | Line 2: | ||
/* major fixes */ | /* major fixes */ | ||
| + | |||
| + | /* titles should wrap no matter where */ | ||
@media (max-width: 1000px) and (min-width: 601px) { | @media (max-width: 1000px) and (min-width: 601px) { | ||
#firstHeading { | #firstHeading { | ||
| Line 7: | Line 9: | ||
} | } | ||
} | } | ||
| − | |||
| − | |||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
#firstHeading { | #firstHeading { | ||
| Line 15: | Line 15: | ||
} | } | ||
| − | /* | + | /* global styling */ |
| + | |||
body { | body { | ||
background-color: #7a7a7a; /* bg-color of site */ ; | background-color: #7a7a7a; /* bg-color of site */ ; | ||
background-color: #f7f7f7; | background-color: #f7f7f7; | ||
color: #555; /* content/text color of site */ ; | color: #555; /* content/text color of site */ ; | ||
| + | } | ||
| + | |||
| + | h1, h2, h3, h4, h5, h6 { | ||
| + | color: rgb(198, 93, 25); | ||
} | } | ||
| Line 56: | Line 61: | ||
font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; | font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; | ||
color: #555; | color: #555; | ||
| + | |||
| + | |||
Revision as of 13:00, 11 February 2019
/* Refreshed Skin Tweaks */
/* major fixes */
/* titles should wrap no matter where */ @media (max-width: 1000px) and (min-width: 601px) {
#firstHeading {
white-space: normal;
}
} @media (max-width: 600px) { #firstHeading { white-space: normal; } }
/* global styling */
body { background-color: #7a7a7a; /* bg-color of site */ ; background-color: #f7f7f7; color: #555; /* content/text color of site */ ; }
h1, h2, h3, h4, h5, h6 { color: rgb(198, 93, 25); }
/* header */
- header-wrapper {
background: #7a7a7a; /* bg-color/gradient of header web component */ ; }
.header-button:hover, .header-dropdown-item:hover, .header-button-active, .sitedropdown-highlighted, .dropdown-highlighted { /*background-color: bg-color of header items and dropdown menus */ ; /* color: content/text color of header items and dropdown menus */ ; }
/* sidebar */
- sidebar-wrapper {
color: #444; }
- sidebar a {
color: #444; }
/* content */
- bodyContent {
padding: 0 1em; line-height: 1.5em; font-size: 1.10em; word-wrap: break-word; font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; color: #555;
/* styling for medium and large sized tablets */
@media (max-width: 1000px) and (min-width: 601px) {
#header-wrapper .search-form {
background-color: /* bg-color of search on tablet */ ;
}
}
/* styling for phones and smaller tablets */ @media (max-width: 600px) { #sidebar-wrapper { background-color: /* bg-color of sidebar on phones */ ; } #user-info .header-menu { background-color: /* bg-color of user dropdown menu */ ; } }
