Wy/eu/Common.css

From Wikimedia Incubator
< Wy‎ | eu
Wy > eu > Common.css

<source lang="css"> /** CSS placed here will be applied to all skins */

/*** styles and counter for mapping listings ***/ @media screen {

   .printonly { display:none !important; }

}

@media screen, print {

   span.listing-map {
       color: white;
       font-size: 0.85em;
       font-family: Arial,Verdana,sans-serif;
       padding: 0pt 0.1em 0pt 0.35em;
       -webkit-print-color-adjust: exact; //force printing on safari and chrome
   }
   h2 { counter-reset: mapnumber; }
   span.listing-map:before {
       content: counter(mapnumber);
       counter-increment: mapnumber;
   }
   body { counter-reset: generalnumber; }
   span.listing-map.listing-general:before {
       content: counter(generalnumber);
       counter-increment: generalnumber;
   }

}

/* Hide sitenotice on Main Page */ body.page-Main_Page #siteNotice {

      display:none; 

}

/* Don't display some stuff on Main Page */ body.page-Main_Page #deleteconfirm, body.page-Main_Page #t-cite, body.page-Main_Page #footer-info-lastmod, body.page-Main_Page.action-view #siteSub, body.page-Main_Page.action-view #contentSub, body.page-Main_Page.action-view h1.firstHeading {

   display: none !important;

}

/* Styling for Abuse Filter tags */ .mw-tag-markers {

   font-family:sans-serif;
   font-style:italic;
   font-size:90%;

}

/* Hide page title on Wikivoyage:Tourist Office */ body.page-Wikivoyage_Tourist_Office h1#firstHeading { display:none; }

  1. DoM {
background: transparent;
padding: 0;

}

/* This section supports templates for the WMC migration.

* Sourced from http://en.wikipedia.org/wiki/MediaWiki:Common.css on 28 Oct 2012.
* Should not need to be copied later, and can be removed after migration is complete.
*/

th.mbox-text,td.mbox-text{border:none;width:100%;padding:.25em .9em;} td.mbox-image{border:none;text-align:center;padding:2px 0 2px .9em;} td.mbox-imageright{border:none;text-align:center;padding:2px .9em 2px 0;} td.mbox-empty-cell{border:none;width:1px;padding:0;} table.imbox{border-collapse:collapse;border:3px solid #1e90ff;background:#fbfbfb;margin:4px 10%;} .imbox .mbox-text .imbox{display:block;margin:0 -.5em;} .mbox-inside .imbox{margin:4px;} table.imbox-notice{border:3px solid #1e90ff;} table.imbox-speedy{border:3px solid #b22222;background:#fee;} table.imbox-delete{border:3px solid #b22222;} table.imbox-content{border:3px solid #f28500;} table.imbox-style{border:3px solid #f4c430;} table.imbox-move{border:3px solid #9932cc;} table.imbox-protection{border:3px solid #bba;} table.imbox-license{border:3px solid #88a;background:#f7f8ff;} table.imbox-featured{border:3px solid #cba135;}

/* Suppress numbering of items in TOC */ .tocnumber { display: none; }

/* Main page */

.portal-column-left { width: 40%; text-align: center; }

/* Coding for new Main Page */

.article-status {

width: 60%;
background: #fff;
margin: 0 auto;
border: solid 2px lightblue;
text-align: center;
font-size:90%;
font-style:italic;

}

.routeBox {

font-size: small;
border-style: none;
border-spacing: 0 0;
border-collapse: collapse;
margin: 0 auto;

}

.routeBox td {

padding: 1px 2px;

}

  1. geoCoord table, #geoCoordOld table {
border-collapse: collapse;
background: transparent;

}

  1. geoCoord td, #geoCoordOld td {
font-size: 0.9em;
line-height: 100%;
vertical-align: middle;
padding: 0 0 0 10px;
text-align: right;
border-left: 1px solid #88a;

}

  1. geoCoord td.icon, #geoCoordOld td.icon {
border-left: none;
height: 27px;
width: 35px;
padding: 0 10px 0 0;

}

.main-page-bottom-box { padding: 0.7em 1em 1em 1em; vertical-align:top; }

.main-page-bottom-box h3 { margin: 0; padding: 0; }

/* Coding for new Main Page END */ /* Hide title on Main Page */ body.page-Main_Page h1.firstHeading {

 display: none;

}

/* Travellers' pub TOC, widen */ body.page-Wikivoyage_Travellers_pub div#toctitle {

 width:30em;

}

  1. mobileworld img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */

}

/* Mark's template version of the new main page */

.banner-image {

   position: relative;
   overflow: hidden;
   max-width: 1125px; 
   height: auto;
   margin-bottom: .6em;

}

.banner-image img {

   max-width: 100%;
   height: auto;
   width: auto\9;

}

.banner-box {

   position: absolute;
   z-index: 2;
   margin-top: 2.5em;
   color: white;
   width: 50%;
   min-width: 20em;
   text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;

}

.banner-box-wide {

   width: 80%

}

.banner-box-left, .banner-box-right { padding: 8px 7px; background: rgb(16,16,16); background: rgba(0,0,0,0.3); border-radius: 4px; text-shadow: none; width: 40%; }

.banner-box-left {

   left: 3%;
   text-align: left;

}

.banner-box-right {

   right: 3%;
   text-align: right;

}

.banner-box-welcome {

   left: 1em;
   text-align: center;
   width: 40%;
   white-space: nowrap;

}

.banner-box a {

   color: white !important;
   font-weight: bold;

}

.banner-box .name {

   font-size: 2.5em;
   white-space: nowrap;
   line-height: 1.2em;

}

.banner-box .type {

   font-size: 2em;
   line-height: 1.2em;

}

.banner-box .stats {

   font-size: 1em;
   margin-top: 1.7em;

}

.banner-box .quote {

   font-size: 1em;
   line-height: 1.2em;

}

.banner-box .welcome a {

   font-size: 1.5em;

}

.banner-box .welcome {

   font-size: 2.1em;

}

.banner-box .nav-tip {

   font-size: 1.5em;
   margin-top: 1.5em;
   margin-bottom: 1.5em;

}

.banner-box .welcome-map-nav {

   font-size: 1.25em;

}

.banner-box ul {

   font-size: 1.25em;

}

.banner-box ul li {

   display: inline;

}

.banner-box ul li:before {

   content: " • ";

}

.banner-box ul li:nth-of-type(1):before {

   content: " ";

}

/* DEMO: for Main_Page/Sandbox */ body.page-Main_Page_Sandbox #deleteconfirm, body.page-Main_Page_Sandbox #t-cite, body.page-Main_Page_Sandbox #footer-info-lastmod, body.page-Main_Page_Sandbox.action-view #siteSub, body.page-Main_Page_Sandbox.action-view #contentSub, body.page-Main_Page_Sandbox.action-view h1.firstHeading {

   display: none !important;

} /* Styles for Pagebanner template */

.topbanner {

   position: relative;
   overflow: hidden;
   max-width: 1800px; 
   height: auto;

}

.topbanner img {

   max-width: 100%;
   height: auto;
   width: auto\9;

}

.topbanner-box {

   position: absolute;
   z-index: 2;
   margin-top: 1.5em;
   color: white;
   width: 50%;
   min-width: 20em;
   left: 2%;
   text-align: left;

}

.topbanner .name {

   position: absolute;
   z-index: 2;
   margin: 0.6em 0 0 0.4em;
   padding: 8px 7px;
   font-size: 2.2em;
   font-weight: bold;
   background: rgb(16,16,16);
   background: rgba(0,0,0,0.3);
   border-radius: 4px;
   color: white;
   white-space: nowrap;
   line-height: 0.9em;

}

  1. toc > ul {padding-left: 2em;}

/* Style for hlist class - pulled from Wikipedia's Common.css file on 20 Mar 2013

  Style for horizontal lists (separator following item).
  Note: hlist formatting will break if the resulting HTML lacks a breakable character
  between list items. This happens when the following conditions are true:
  1) The list is made using wiki markup (where HTML is built by parser.php)
  2) HTMLTidy is disabled or unavailable (such as on Special: pages)
  In such cases, building lists with .hlist using HTML instead of wiki markup
  will work around this problem. See also Bugzilla:39617.
  IE8-specific classes are assigned in MediaWiki:Common.js/IEFixes.js.
  Last updated: January 24, 2013
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @maintainer: User:Edokter
  @revision: 3.1
  • /

.skin-monobook .hlist dl, .skin-modern .hlist dl, .skin-vector .hlist dl {

   line-height: 1.1em;

} .hlist dl, .hlist ol, .hlist ul {

   margin: 0;
   padding: 0;
   line-height: 1.1em;

} /* Display list items inline and make them nowrap */ .hlist dd, .hlist dt, .hlist li {

   display: inline;
   white-space: nowrap;

} /* Allow wrapping for list items (in tight spaces) */ .hlist.hwrap dd, .hlist.hwrap dt, .hlist.hwrap li {

   white-space: normal;

} /* Display nested lists inline and allow them to wrap */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul {

   display: inline;
   white-space: normal;

} /* Generate interpuncts */ .hlist dt:after {

   content: ":";

} .hlist dd:after, .hlist li:after {

   content: " ·";
   font-weight: bold;
   padding: 0 0.3em;

} .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after {

   content: none;

} /* For IE8 */ .hlist dd.hlist-last-child:after, .hlist dt.hlist-last-child:after, .hlist li.hlist-last-child:after {

   content: none;

} /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {

   content: "(";
   font-weight: normal;

} .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {

   content: ")";
   font-weight: normal;

} /* For IE8 */ .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {

   content: ")";
   font-weight: normal;

} .topbanner-toc { position: absolute; bottom: 6px; left: 0; z-index: 3; width:100%; } /* allow ToC to stretch across screen when it is part of a horizontal list, change background and font colours */ .hlist #toc.tocFloat {

   width: 100%; 
   max-width: 170em;
   color: black;

}

.hlist.tocbox-s #toc.tocFloat {

   width: 100%; 
   max-width: 170em;
   margin: 0;
   padding: 0;
   line-height: 1.1em;
   color: black;
   background-color: #e0e0e0; 

}

div#content .hlist.tocbox-b #toc.tocFloat {

   width: 100%; 
   max-width: 170em;
   margin: 0;
   padding: 0;
   line-height: 1.1em;
   color: white;
   background: rgb(16,16,16); 
   background: rgba(0,0,0,0.3); 
   border: none;

}

.hlist.tocbox-w #toc.tocFloat {

   width: 100%; 
   max-width: 170em;
   margin: 0;
   padding: 0;
   line-height: 1.1em;
   color: black;
   background: rgb(225,225,225); 
   background: rgba(160,160,160,0.6); 
   border: none;

}

.hlist #toc table, .hlist #toc tr, .hlist #toc td {

   margin: 0;
   padding: 0;
   line-height: 1.1em;

}

/* links in the horizontal ToC should be black... */ .hlist #toc a {

   color: black;
   font-size: 0.85em;
   font-weight: bold;

}

/* ... except when the ToC box is black ... */ .hlist.tocbox-b #toc a {

   color: white;
   font-size: 0.85em;
   font-weight: bold;

}

/* ... or except when being hovered over */ .hlist #toc.tocFloat a:hover {

   color: #bdddfd;

}

/* don't display ToC title when in horizontal ToC */ .hlist #toctitle {

   display: none;

}

.mf-mobile-only {

   display: none;

}

/* Prevent display of subheadings in horizontal ToC */ .hlist #toc .toclevel-2, .hlist #toc .toclevel-3, .hlist #toc .toclevel-4, .hlist #toc .toclevel-5, .hlist #toc .toclevel-6 {

   display: none;

}

.hlist .toggleNode {

   display: none;

}

/* style info for icon box in the top right corner of the banner */ .iconbox {

   position: absolute; 
   top: 6px; 
   right: 0; 
   padding: 3px; 
   z-index: 3; 
   background: rgb(16,16,16); 
   background: rgba(0,0,0,0.7); 
   border-bottom-left-radius: 5px;

}

/* Infobox templates */ .infobox {

  border: 1px solid #aaa;
  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: middle;

} .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 solid #aaa;

} .infobox.sisterproject {

  width: 20em;
  font-size: 90%;

}

.archive-box {

  border: 1px solid #aaf;
  background-color: #f2f2f9;
  color: #000;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  text-align: center;

}

/* CSS for black text external links / blue text on hover */ body.ns-0 #content a.external, body.ns-0 #content a.external:visited, body.page-Wikivoyage_External_links #content a.external, body.page-Wikivoyage_External_links #content a.external:visited, body.page-Wikivoyage_talk_External_links #content a.external, body.page-Wikivoyage_talk_External_links #content a.external:visited, body.page-Wikivoyage_Listings #content a.external, body.page-Wikivoyage_Listings #content a.external:visited, body.page-Wikivoyage_talk_Listings #content a.external, body.page-Wikivoyage_talk_Listings #content a.external:visited, body.page-Wikivoyage_talk_Attraction_listings #content a.external, body.page-Wikivoyage_talk_Attraction_listings #content a.external:visited, body.page-Wikivoyage_talk_Activity_listings #content a.external, body.page-Wikivoyage_talk_Activity_listings #content a.external:visited, body.page-Wikivoyage_talk_Restaurant_listings #content a.external, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:visited, body.page-Wikivoyage_talk_Bar_listings #content a.external, body.page-Wikivoyage_talk_Bar_listings #content a.external:visited, body.page-Wikivoyage_talk_Shopping_listings #content a.external, body.page-Wikivoyage_talk_Shopping_listings #content a.external:visited, body.page-Wikivoyage_talk_Accommodation_listings #content a.external, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:visited, body.page-Wikivoyage_Don_t_tout #content a.external, body.page-Wikivoyage_Don_t_tout #content a.external:visited {

   color: black;

} body.ns-0 #content a.external:hover, body.ns-0 #content a.external:focus, body.page-Wikivoyage_External_links #content a.external:hover, body.page-Wikivoyage_External_links #content a.external:focus, body.page-Wikivoyage_talk_External_links #content a.external:hover, body.page-Wikivoyage_talk_External_links #content a.external:focus, body.page-Wikivoyage_Listings #content a.external:hover, body.page-Wikivoyage_Listings #content a.external:focus, body.page-Wikivoyage_talk_Listings #content a.external:hover, body.page-Wikivoyage_talk_Listings #content a.external:focus, body.page-Wikivoyage_talk_Attraction_listings #content a.external:hover, body.page-Wikivoyage_talk_Attraction_listings #content a.external:focus, body.page-Wikivoyage_talk_Activity_listings #content a.external:hover, body.page-Wikivoyage_talk_Activity_listings #content a.external:focus, body.page-Wikivoyage_talk_Shopping_listings #content a.external:hover, body.page-Wikivoyage_talk_Shopping_listings #content a.external:focus, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:hover, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:focus, body.page-Wikivoyage_talk_Bar_listings #content a.external:hover, body.page-Wikivoyage_talk_Bar_listings #content a.external:focus, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:hover, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:focus, body.page-Wikivoyage_Don_t_tout #content a.external:hover, body.page-Wikivoyage_Don_t_tout #content a.external:focus {

   color: #0645ad;

}

/* FIX TOP NAVIGATION */ .topbanner table { margin-left: 20px !important; }

.topbanner table tr:first-child td:first-child { width: auto !important; }

.topbanner table tr:first-child td:last-child { padding-right: 20px; }

/* BEGIN User:Nicholasjf21/MainPage2 test code */

/** Hide sidebar **/ .page-User_Nicholasjf21_MainPage2 div#mw-panel {

 display: none;

} .page-User_Nicholasjf21_MainPage2

  1. left-navigation {
 left: 1em;

} .page-User_Nicholasjf21_MainPage2

  1. mw-head-base,

.page-User_Nicholasjf21_MainPage2 div#content, .page-User_Nicholasjf21_MainPage2 div#footer {

 margin-left: 0em;

} .page-User_Nicholasjf21_MainPage2 div#content { margin-left: -2em; } /* Don't display stuff on Main Page */ body.page-User_Nicholasjf21_MainPage2 #deleteconfirm, body.page-User_Nicholasjf21_MainPage2 #mw-head-base, body.page-User_Nicholasjf21_MainPage2 #mw-page-base, body.page-User_Nicholasjf21_MainPage2 #mw-body, body.page-User_Nicholasjf21_MainPage2 #t-cite, body.page-User_Nicholasjf21_MainPage2 #footer-info-lastmod, body.page-User_Nicholasjf21_MainPage2 #ca-nstab, body.page-User_Nicholasjf21_MainPage2 #p-cactions, body.page-User_Nicholasjf21_MainPage2 #p-views, body.page-User_Nicholasjf21_MainPage2 #p-namespaces, body.page-User_Nicholasjf21_MainPage2 #ca-unwatch, body.page-User_Nicholasjf21_MainPage2 #ca-edit, body.page-User_Nicholasjf21_MainPage2 #ca-delete, body.page-User_Nicholasjf21_MainPage2 #ca-protect, body.page-User_Nicholasjf21_MainPage2 #ca-move, body.page-User_Nicholasjf21_MainPage2 #ca-view, body.page-User_Nicholasjf21_MainPage2 #ca-history, body.page-User_Nicholasjf21_MainPage2 #ca-talk, body.page-User_Nicholasjf21_MainPage2 #searchform, body.page-User_Nicholasjf21_MainPage2 #ca-nstab-user, body.page-User_Nicholasjf21_MainPage2 #siteNotice, body.page-User_Nicholasjf21_MainPage2.action-view #siteSub, body.page-User_Nicholasjf21_MainPage2.action-view #contentSub, body.page-User_Nicholasjf21_MainPage2.action-view h1.firstHeading {

   display: none !important;

} img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } .page-User_Nicholasjf21_MainPage2 div#p-personal {

 margin-top: -0.5em;

} /*Carousel*/ .carousel{

   overflow:hidden;
   width:100%;
   padding:0

} .panes{

   list-style:none;
   position:relative;
   padding: 0;
   margin-left: 0;
   width:300%; /* Number of panes * 100% */
   overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */

}

.carousel .floatright { position: absolute; z-index: 1000; right: 0px; top: 50% }

.carousel .floatleft { position: absolute; z-index: 1000; top: 50%; margin-left: 20px; }

.panes > li{

   position:relative;
   float:left;
   padding: 0;
   margin-left: 0;
   width:33.333333333333333333333333333333333%; /* 100 / number of panes */

} .carousel img{

   display:block;
   width:100%;
   max-width:100%;

} .carousel h2{

   font-size:1em;
   padding: 8px 7px;
   position:absolute;
   border:0px;
   top:5em;
   text-align:left;
   max-width: 300px;
   color:#fff;
   background-color:rgba(0,0,0,0.5);

} @keyframes carousel{

   0%    { left:-1.7%; }
   12.5%   { left:-1.7%; }
   25% { left:-101.7%; }
   37.5% { left:-101.7%; }
   50%   { left:-201.7%; }
   62.5%   { left:-201.7%; }
   75% { left:-101.7%; }
   87.5% { left:-101.7%; }
   100%  { left:-1.7%; }

} /* Safari and Chrome */ @-webkit-keyframes carousel{

   0%    { left:-1.7%; }
   12.5%   { left:-1.7%; }
   25% { left:-101.7%; }
   37.5% { left:-101.7%; }
   50%   { left:-201.7%; }
   62.5%   { left:-201.7%; }
   75% { left:-101.7%; }
   87.5% { left:-101.7%; }
   100%  { left:-1.7%; }

} /* Fade in arrows */ .greydout {

 -webkit-opacity: 0.5;
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 filter: alpha(opacity=50);
 opacity: 0.5;

-webkit-transition: all 0.25s ease;

 -moz-transition: all 0.25s ease;
 -ms-transition: all 0.25s ease;
 -o-transition: all 0.25s ease;
 transition: all 0.25s ease;

} .greydout:hover {

 -webkit-opacity: 1;
 -moz-opacity: 1;
 -khtml-opacity: 1;
 filter: alpha(opacity=50);
 opacity: 1;

} /* END User:Nicholasjf21/MainPage2 test code */

/* BEGIN Main Page carousel code */

.jcarousel {

   position: relative;
   overflow: hidden;

}

.jcarousel-wrapper { max-width: 1125px;

   margin: 0;
   position: relative;

}

.jcarousel .jcarousel-list {

   width: 20000em;
   position: relative;
   margin: 0;
   padding: 0;

}

.jcarousel .jcarousel-item {

   float: left;

}

.jcarousel-item img {

   display: block;
   max-width: 100%;
   height: auto !important;

}

.jcarousel-control-prev, .jcarousel-control-next {

   position: absolute;
   top: 45%;
   width: 30px;
   height: 30px;
   text-align: center;
   background: #fff;
   color: #fff;
   text-decoration: none;
   text-shadow: 0 0 1px #000;
   font: 24px/27px Arial, sans-serif;
   -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
           border-radius: 30px;
   -webkit-box-shadow: 0 0 2px #999;
      -moz-box-shadow: 0 0 2px #999;
           box-shadow: 0 0 2px #999;

}

.jcarousel-control-prev {

   left: -15px;

}

.jcarousel-control-next {

   right: -15px;

}

.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span {

   display: block;

}

.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {

   opacity: .5;
   cursor: default;

}

.jcarousel-pagination {

   position: absolute;
   bottom: 10px;
   left: 15px;

}

.jcarousel-pagination a {

   text-decoration: none;
   display: inline-block;
   font-size: 11px;
   line-height: 14px;
   min-width: 14px;
   background: #fff;
   color: #4E443C;
   border-radius: 14px;
   padding: 3px;
   text-align: center;
   margin-right: 2px;
   opacity: .75;

}

.jcarousel-pagination a.active {

   background: #4E443C;
   color: #fff;
   opacity: 1;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);

}

/* END Main Page carousel code */

/* BEGIN Map caption - used with MapExpander JS */ .map-expand-link { float: right; margin-left: 1.5em; }