MediaWiki:Common.css

 /** CSS placed here will be applied to all skins, overriding any CSS in the main.css file **/

 
  /* wikititle class for page titles (converted to title of PDF) */
 div#wikititle
    {
    font-size:200%;
    text-align:center;
    }
 
 /* Table formatting */
 table.wikitable, table.prettytable
    {
    margin:1em 1em 1em 0;
    background:#F9F9F9;
    border:1px #aaaaaa solid;
    border-collapse:collapse;
    text-align:left;
    }
 
 table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td 
    {
    border:1px #aaaaaa solid;
    padding:0.2em;
    text-align:left;
    /* vertical-align:top; */
    }
 
 table.wikitable th, table.prettytable th
    {
    background:#F2F2F2;
    /* text-align:left; */
    }
 
 table.wikitable caption, table.prettytable caption
    {
    margin-left:inherit;
    margin-right:inherit;
    }
 
 
   /* box formatting */
   .infobox 
      {
      float:right;
      clear:right;
      margin-bottom:0.5em;
      margin-left:1em;
      padding:0.2em;
      border:1px solid #AAA;
      background:#F9F9F9;
      color:black;
      }
 
   .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 #AAA;
      }
 
   .infobox.bordered .borderless td,
   .infobox.bordered .borderless th 
      {
      border:0;
      }
 
   .infobox.sisterproject 
      {
      width:20em;
      font-size:90%;
      }
   
 /* Change the external link icon to an Adobe icon for all PDF files */
 /* (in browsers that support these CSS selectors, like Mozilla and Opera) */
 #bodyContent a[href$=".pdf"].external, 
 #bodyContent a[href*=".pdf?"].external, 
 #bodyContent a[href*=".pdf#"].external,
 #bodyContent a[href$=".PDF"].external, 
 #bodyContent a[href*=".PDF?"].external, 
 #bodyContent a[href*=".PDF#"].external {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
 }
 
 /* Change the external link icon to an Adobe icon anywhere the PDFlink class */
 /* is used (notably Template:PDFlink). This works in IE, unlike the above. */
 span.PDFlink a {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
 }
 
 h1 h2 h3 {
    clear: both;
 }

 /* Hide headings in auto-generated category page content */ 
 div.mw-category-generated h3 {
   display: none;
 }

 /* mirror figure-caption css from website */
 .figure-caption {
   font-size: 90%;
   color: #6c757d;
 }

/* these classes defined styles for the career pages namespace 3790, we define the classes here to illustrate how the website will display the elements.
The website may have differences as some CSS rules might be more complex. If you want to add new styles, you can add new class to the HTML element and define the CSS rule here,
and let Patrick know so he can import that style in the website. Keep in mind, class names should be unique and may collide with other classes. */

/* bootstrap grid system Begin, simplified */
.row {
  width: 100%; 
}

.row:after {
  clear: both;
  display: table;
  content: " ";
}

.col-md-6 {  
  width: 50%;
  display: inline-block;
}
/* bootstrap grid system End */

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.grey {
  background: #F8F8F8;
}

.gotop {
  float: right;
}

.dog-thumb,
.dog-post,
.dog-caption {
  display: inline-block;
  margin-right: 20px;
}