MediaWiki:Common.css : Différence entre versions

Version du 2 janvier 2014 à 14:45

/* Remplacements de couleurs (Par rapport à Wikipedia) */
/* #EEF => #EEEAE7 */
/* #CCF => #B6B6B4 */
/* #DDF => #DBD2CC */


/* BOÎTES DÉROULANTES */
 
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
 
div.NavFrame {
  margin: 0;
  padding: 2px;
  border: 1px #AAA;
  text-align: center;
  border-collapse: collapse;
  font-size: 95%;
}
 
/* monobookocentré début  */
 
  div.NavFrame + div.NavFrame {
  border-top-style: hidden
}
 
div.NavPic {
  background: #FFF;
  margin: 0;
  padding: 2px;
  float: left;
}
 
div.NavFrame div.NavHead {
  height: 1.6em;
  font-weight: bold;
  font-size: 100%;
  background: #EFEFEF;
}
 
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
  font-size: 100%;
}
 
div.NavEnd {
  margin: 0;
  padding: 0;
  line-height: 1px;
  clear: both;
}
 
/* monobookocentré fin  */
 
/* Styles de [[Modèle:Méta palette de navigation]] */
 
table.navbox {
  background: #F9F9F9;
  border: 1px solid #AAA;
  clear: both;
  font-size: 90%;
  margin: 1em 0 0;
  padding: 2px;
  text-align: center;
  width: 100%;
}
 
  table.navbox th {
  background: #B6B6B4;
  padding-left: 1em;
  padding-right: 1em;
}
 
  table.navbox td.group {
  background: #DBD2CC;
  vertical-align: middle;
  width: 150px;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: bold;
}
 
  table.navbox td.list {
  text-align: left
}
 
  table.navbox td.even {
  background: #EEEAE7
}
 
  table.navbox td.banner {
  background: #DBD2CC;
  vertical-align: middle;
  padding-left: 1em;
  padding-right: 1em;
}
 
/* Modèle de palettes groupées, [[Modèle:Palette]] */
 
div.navbox_group {
  border: 1px solid #aaaaaa;
  margin-top: 15px;
}
 
  div.navbox_group table.navbox {
  border: 0;
  margin: 0;
}
 
/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */
 
.navboxToggle,
.NavToggle {
  font-size: 90%;
  font-weight: normal;
  float: right !important;
  min-width: 6em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Template:Sourcebox */
.va-sourcebox {
   margin: 0;
   border-collapse: collapse;
   font-size: 11px; 
   line-height: 16px; 
}
 
.va-sourcebox th {
   vertical-align: middle; 
   text-align: center; 
   padding: 0 5px;
}
 
.va-sourcebox td {
   padding: 0;
}
 
.va-sourcebox td span {
   border-top: 1px solid #000; 
   border-bottom: 1px solid #000; 
   display: block;
   padding: 2px 5px;
   float: left;
}
 
/* Printing */
@media print {
   .va-copybox, .va-sourcebox {
       background: none;
       background-color: transparent; 
   }
}

/* ################################################## */
/* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS       ### */
/* ### (Template:Listen, Template:Newsquote,      ### */
/* ### Template:Quotation, Template:Transcript)   ### */
/* ################################################## */
 
/* Container */
.va-listen,
.va-newsquote,
.va-quotation,
.va-transcript {
   line-height: 18px;
   padding: 10px 25px;
}
 
.va-quotation {
   overflow: hidden;
}
 
.va-quotation-body {
   display: block;
}
 
.va-quotation-quote {
   display: block;
   position: relative;
   z-index: 1;
}
 
.va-listen-left,
.va-listen-right,
.va-quotation-left,
.va-quotation-right {
   border-bottom: 1px solid #AAA;
   border-top: 1px solid #AAA;
   width: 200px;
}
 
.va-listen-left,
.va-quotation-left {
   clear: left;
   float: left;
   margin: 10px 10px 10px 0;
}
 
.va-listen-right,
.va-quotation-right {
   clear: right;
   float: right;
   margin: 10px 0 10px 10px;
}
 
.va-quotation-center {
   text-align: center;
}
 
.va-quotation-center .va-quotation-body {
   display: inline-block;
}
 
/* Quotation marks/icons */
.va-listen-icon,
.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-quotation-quot-l,
.va-quotation-quot-r,
.va-transcript-icon {
   width: 40px;
   z-index: -1;
}
 
.va-listen-icon,
.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-transcript-icon {
   position: relative;
}
 
.va-quotation-quot-l,
.va-quotation-quot-r {
   position: absolute;
}
 
.va-listen-icon,
.va-transcript-icon {
   float: left;
   left: -25px;
   margin-right: -40px;
   top: -5px;
}
 
.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-quotation-quot-l,
.va-quotation-quot-r {
   color: #E0E0E0;
   font: bold 55px/40px serif;
   height: 18px;
}
 
.va-newsquote-quot-l,
.va-quotation-quot-l {
   left: -15px;
   text-align: left;
}
 
.va-newsquote-quot-r,
.va-quotation-quot-r {
   right: -15px;
   text-align: right;
}
 
.va-newsquote-quot-l {
   float: left;
   margin-right: -40px;
}
 
.va-newsquote-quot-r {
   float: right;
   margin-left: -40px;
}
 
.va-quotation-quot-l {
   top: -2px;
   top: -3px !ie;
}
 
.va-quotation-quot-r {
   bottom: 2px;
   bottom: 3px !ie;
}
 
/* Quoted text/audio file desc */
.va-listen-item,
.va-listen-item .ogg-player-options,
.va-newsquote-text,
.va-quotation-text {
   font-size: 12px;
}
 
.va-inlinequote-text,
.va-listen-text,
.va-newsquote-text,
.va-quotation-text {
   font-style: italic;
}
 
.va-transcript-text {
   font-family: monospace;
}
 
.va-quotation-text {
   display: block;
   margin-top: -0.4em;
   text-align: left;
}
 
.va-quotation-text ol,
.va-quotation-text p,
.va-quotation-text ul {
   margin-bottom: 0;
}
 
/* Source */
.va-newsquote-source,
.va-quotation-source {
   padding: 5px 0 0;
   text-align: right;
}
 
.va-quotation-source {
   display: block;
   font-size: 10px;
   line-height: 15px;
}
 
/* "Incomplete quote" dots */
.va-newsquote-dots {
   font-style: normal;
   padding: 3px 0;
}
 
/* Audio file list */
.va-listen-item {
   margin: 0 auto;
   width: 180px;
}
 
.va-listen-item audio {
   margin-bottom: 5px;
   width: 100%;
}
 
.va-listen-item div {
   margin-bottom: 2px;
}
 
.va-listen-item + .va-listen-item {
   border-top: 1px solid #D9D9D9;
   margin-top: 5px;
}
 
.np-quote-snd-trigger {
  display: inline-block;
  position: relative;
  top:auto;
  left:auto;
  padding: 0px 2px;
}
 
.np-quote-snd-trigger:hover .np-quote-snd-player {
display:block;
}
 
.np-quote-snd-player {
  display:none;
  position:absolute;
  top:-55px;
  left:100%;
  z-index:100 !important;
  width: 300px;
  overflow-x: hidden;
  margin:0px;
  padding:5px 10px 10px 10px;
  border:1px solid #CCCCCC;
  border-radius:5px;
  box-shadow:#AAAAAA 2px 2px 5px 0px;
  background-color:White;
  color: Black;
  text-align: left;
  font: normal normal normal 13px/normal Helvetica,Arial,sans-serif;
}
 
.np-quote-snd-player-img {
  float:left;
  width:50px;
}
 
.np-quote-snd-player-title {
  width:250px;
  height:50px;
  display:table-cell;
  vertical-align:middle;
}
 
.np-quote-snd-player-title span {
  font-size: 18px;
}