To get updates on new site content, like us on Facebook or follow us on Twitter.

MediaWiki:Common.css

From JFA Wiki
Revision as of 12:53, 11 February 2019 by Greg.Fuller (talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Refreshed Skin Tweaks */

/* major fixes */ @media (max-width: 1000px) and (min-width: 601px) {

 #firstHeading { 
 	white-space: normal;
 }

}


@media (max-width: 600px) { #firstHeading { white-space: normal; } }

/* basic styling */ body { background-color: #7a7a7a; /* bg-color of site */ ; background-color: #f7f7f7; color: #555; /* content/text color of site */ ; }

/* header */

  1. 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 */

  1. sidebar-wrapper {

color: #444; }

  1. sidebar a {

color: #444; }

/* content */

  1. 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: #252525;


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