Difference between revisions of "MediaWiki:Common.css"

.hiddenStructure {display: none}

.if {display: none}

/*
body.page-Main_Page div#siteNotice {
    display: none;
}
*/

#pt-createaccount {
   display: none;
}

/* wikitable/prettytable class for skinning normal tables */

table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

.allpagesredirect {
  font-style: italic;
}

/* To make images responsive */
.res-img img {
	max-width:100%;
	height:auto;
}

/* Infobox template style */

.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
        float: right;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;        /* are styled here so they can be customised.               */
        text-align: right;
        width: auto;

}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

body.page-Main_Page h1.firstHeading { display:none; } /* Hide heading on home page for title */
body.page-Main_Page #p-actions { display: none !important; } /* Hide distracting tab button on home page */
body.page-Main_Page #ca-talk { display: none !important; } /* Hide distracting tab button on home page */
body.page-Main_Page #ca-view { display: none !important; } /* Hide distracting tab button on home page */
body.page-Main_Page #ca-edit { display: none !important; } /* Hide distracting tab button on home page */
body.page-Main_Page #ca-history { display: none !important; } /* Hide distracting tab button on home page */
body.page-Main_Page #p-cactions { display: none !important; } /* Hide distracting tab button on home page */
body.page-Main_Page #ca-nstab-main { display: none !important; } /* Hide distracting tab button on home page */
body.page-Main_Page #ca-viewsource { display: none !important; } /* Hide distracting tab button on home page */

/* CATEGORY LINK START
 * Created by http://mediawiki.org/User:Kyle_van_der_meer
 * Used for Version 2 for non-table layout.
 */
.category_link{
	v-align:top;
	display:inline-block; 
	width:144px;           /*Default width part 2*/
}
 
.category_link a{
	border:1px solid #333; /*Default dark color*/
	color:#fff;            /*Default Light color*/
	background-color:#333; /*Default dark color*/
	padding:2px;
	line-height:1;
	display:block;
}
 
.category_link a:hover{
	border:1px solid #333; /*Default dark color*/
	color:#333;            /*Default dark color*/
	background-color:#eee; /*Default light color*/
}
/*CATEGORY LINK END*/

/**
* Improving the wiki with better navigation, this is used for navigation boxes at the end of a page.
* By user:ElgerStitch, see template:navigationBoxBegin for documentation and examples.
*/
.navigationBox {
  border: 1px solid silver;
  margin: 10px;
  width: 100%;
  font-size: 12px;
}

.navigationBox .header {
  font-size: 14px;
  text-align: center;
  background-color: #E0E9E9;
  padding: 2px;
  border-bottom: 1px solid #DDDDD;
}

.navigationBox .header .left {
  float: left;
  font-size:10px;
  margin-left: 5px;
  margin-top: 3px;
}

.navigationBox .header .right {
  float: right;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 3px;
}

.navigationBox .category {
  background-color: #EDF2F2;
  width: 129px;
  text-align: right;
  padding-right: 8px;
}

.navigationBox tr:nth-child(odd) {
  background-color: #F4F7F7;
}

.navigationBox .neighbors {
  border-top: 1px solid silver;
  text-align: center;
  background-color: #F4F7F7; padding: 2px;
}

.navigationBox li {
  display: inline-block;
  margin:0;
}

.navigationBox li:after {
  content: " · ";
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.navigationBox li:last-child:after {
  content: none;
}

.navigationBox ul {
  margin: 2px; padding: 0px;
}

.navigationBox .header abbr a {
  background: none !important;
  padding: 0 !important;
  color: #002bb8 !important;
}

.navigationBox .mw-collapsible-toggle {
  font-size: 10px;
  margin-right: 3px;
  margin-top: 2px;
}
/** 
* End navigation box. 
*/



/**
* Submitted by Lachlan Barclay
* http://lachlanbarclay.net/2016/01/fixing-owasps-css
*/

/* For code examples, make any long text add a scrollbar to the code sample, not the whole window */
pre { overflow-x: auto; }

/* For any text that isn't broken up by a space, force it to wrap if it's too long */
body { word-wrap: break-word; }

/* For smaller width screens (less than 768px) */
@media (max-width: 767px){

/* Move the left navigation panel so it's below the content */
#mw-panel { position: static !important; }
	
/* Get rid of the margins for the content as there's no left nav now */
#left-navigation,#footer,#content { margin-left: 0 !important; }
	
/* Fix the navigation to that it fits properly on the screen */
#left-navigation, #right-navigation  { float: none; }

/* Move the search bar to float to the right */
#p-search { float: right !important; }
	
/* Make the search input box a bit smaller so it fits */
div#simpleSearch { width: 8em; }

/* two fixes for mobilized nav from FEB 10 2016 */
/* #mw-panel li { display: inline; }  */
/* #mw-panel {width: 100% !important;} */
}
/** 
* End CSS by Lachlan
*/