MediaWiki:Common.css

From CruisersWiki

Latest revision as of 15:55, 2 December 2018

/*

 MediaWiki:Common.css

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

table.wikitable th
{
    text-align:left;
}

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: 16px;
}

/* Tempate:Dest */

.dest 
{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

table .dest 
{
    margin-left: 2em;
    text-indent: -2em;
    display: block;
    *display: block;
    zoom: 1;
}

.dest .legend {
    display: none;
}

.dest-legend  .legend {
    display: inherit;
}

/* Template:Infobox */

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

/* Gallery perrow=0 emulation  */

center .thumb.tnone 
{
    display: inline-block;
    vertical-align: top;
}

/* POI styling */

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

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

.cw-poi .cw-coordinates
{

    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 firstHeading at Talk pages */
.ns-talk #firstHeading {
    display: none;
}

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

/* if no JavaScript -- show a static chartlet */
.chartlet
{
    display: none;
}
.js .chartlet
{
    display: block;
}
.chartlet-static
{
    display: block;
}
.js .chartlet-static
{
    display: none;
}

/*
 * 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 #toc .toclevel-2 ul {
        position: absolute;
        left: 100%;
        top: 0;
        margin: 0 0 0 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 */

/* fix for old google maps */
div[style*="background-color: rgba(0, 0, 0, 0.5);"],
div[style*="width: calc(100% - 10px);"]
{
    display: none; 
}