MediaWiki:Common.css

From CruisersWiki

Revision as of 10:39, 15 February 2016

/* CSS placed here will be applied to all skins */

/*****
** Table formatting
*****/
table.wikitable,
table.nicetable
{
    margin:1em 1em 1em 0;
    background:#F9F9F9;
    border:1px #AAA solid;
    border-collapse:collapse;
}

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

table.wikitable th,
table.nicetable th
{
    background:#F2F2F2;
    text-align:center;
}

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

table.nicetable
{
    margin: 1em auto;
}

.nicetable tr
{
    vertical-align: top;
}

.niceheader
{ 
    text-align: center;
    background-color: #ABCDEF;
    font-weight: bold;
    font-size: 18px;
}

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

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaaaaa;
}


/* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */

.infobox.geography {
   border: 1px solid #ccd2d9;
   text-align: left;
   border-collapse: collapse;
   line-height: 1.2em; 
   font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
   border-top: solid 1px #ccd2d9;
   padding: 0.4em 0.2em 0.4em 0.8em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
   border-top: solid 1px #ccd2d9;
   padding: 0.4em 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
      border: 0;
      padding: 0 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
   border-top: 0;
   border-bottom: solid 1px #ccd2d9;
   padding: 0 0.2em 0.4em 0.8em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
      border: 0;
      padding: 0 0 0 0;
}

/* end of the original code*/

/* POI styling */
div.cw-poi,
.cw-poi div
{
    display:inline;
}

div.cw-poi.block,
.cw-poi.block div
{
    display:block;
}

.cw-poi.block .heading
{
    margin-bottom: .3em;
    padding-top: .5em;
    padding-bottom: .17em;
}

.cw-poi.block .name
{
    font-size: 116%;
}

.cw-poi .coords
{
    font-size: smaller;
}

.cw-poi .sample-link
{
    background:#fff5ee; 
    border:1px solid #fa8072;
    display:none;
}

.cw-poi-sample-link-dislay .cw-poi .sample-link
{
    display: inline
}

.sample-link a {
    color: inherit !important;
    text-decoration: inherit !important;
    background: inherit !important;
}

/* Suppress firstHeading at the main page */
.page-World_Cruising_and_Sailing_Wiki .firstHeading
{
    display: none;
}

/* Suppress external link icon */
#content .noexternal a.external {
	background: none;
	padding: 0;
}

/*
 * TOC styling
 */
 
.skin-monobook .toc-block
{
    float: left; 
    margin-bottom: 0.5em; 
    margin-right: 0.5em; 
    padding: 0.5em 1.4em 0.8em 0; 
    background-color: white; 
    width: 220px;
}

/* Allow limiting of which header levels are shown in a/**
 * Stylesheet for Table Of Contents in Banners displayed by WikidataPageBanner extension.
 * All style rules have been applied with a prefix of wrapping .banner-toc, so cloning the original
 * toc and styling the clone will have no side-effects
 */
@media screen and (min-width: 768px) {

    #bodyContent #contentSub, #bodyContent #contentSub2 {
        margin: 0;
    }

    .toc-block .toclevel-2 a {
      color:white;
    }
    
    .toc-block #toc, .toc-block .toc {
/*
        border: 1px solid #aaa;
        background-color: #f9f9f9;
        font-size: 95%;
*/
    padding: 0;
    width: 100%;
    background-image: url(/skins/vector/images/tab-normal-fade.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    }

  .toc-block {
    position: relative;
    /* 
    display: block;
    width: 100%;
    font-size: .875em;
    padding: 0;
    */
    margin: 0 0 10px 0;
  }
  .toc-block .tocnumber {
    display: none;
  }
  .toc-block #toctitle + ul {
    list-style: none;
    margin: 0;
    background: white;/*rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;*/
    z-index: 4;
  }
  .toc-block a,
  .toc-block a:visited,
  .toc-block a:active {
    display: block;
    color: black;
    /* font-size: .8em; */
    font-weight: bold;
  }
  .toc-block a:hover {
    color: white;
      /*#BDDDFD;*/
  }
  .toc-block li {
    position: relative;
    padding: 0 .4em;
    margin: 0;
  }
  .toc-block li > ul {
    list-style: none;
    margin: 0;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
  color:white;
    z-index: 4;
  }
  .toc-block li:hover {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    color:white;
  }
  .toc-block li:hover a{
    color:white;
  }

  .toc-block li:hover > ul > li {
    display: block;
  }
  .toc-block .toclevel-2,
  .toc-block .toclevel-3,
  .toc-block .toclevel-4,
  .toc-block .toclevel-5,
  .toc-block .toclevel-6 {
    display: none;
    white-space: nowrap;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .toc-block .toclevel-1 {
    float: left;
  }
  .toc-block .toclevel-1 > ul {
    position: absolute;
    top: 100%;
    left: 0;
  }
  .toc-block .toclevel-2 ul {
    position: absolute;
    left: 100%;
    top: 0;
  }
  .toc-block #toctitle {
    display: none;
  }
}
/* BEGIN styles for pagebanner extension */

.toc-block li.toclevel-1 {
	padding: 0 0 0 0.4em;
}
.toc-block li.toclevel-1 > a:after {
    content: " ·";
    font-weight: bold;
    padding: 0 0 0 0.1em;
}
.toc-block li.toclevel-1:last-child > a:after {
    content: none;
}
.toc-block h1.wpb-name {
    font-family: sans-serif;
    border-bottom: none;
}
.toc-block .toctext { display: inline; }
/* END styles for pagebanner extension */