MediaWiki:Common.css : Différence entre versions

De La Grande Bibliotheque de Tamriel
Aller à : navigation, rechercher
(quotation)
Ligne 180 : Ligne 180 :
 
}
 
}
  
/* ################################################## */
+
/* ############################## */
/* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS      ### */
+
/* ### QUOTES                 ### */
/* ### (Template:Listen, Template:Newsquote,      ### */
+
/* ### (Template:Quotation)  ### */
/* ### Template:Quotation, Template:Transcript)  ### */
+
/* ############################## */
/* ################################################## */
 
 
   
 
   
 
/* Container */
 
/* Container */
.va-listen,
+
 
.va-newsquote,
+
.va-quotation {
.va-quotation,
 
.va-transcript {
 
 
   line-height: 18px;
 
   line-height: 18px;
 
   padding: 10px 25px;
 
   padding: 10px 25px;
Ligne 209 : Ligne 206 :
 
}
 
}
 
   
 
   
.va-listen-left,
 
.va-listen-right,
 
 
.va-quotation-left,
 
.va-quotation-left,
 
.va-quotation-right {
 
.va-quotation-right {
Ligne 218 : Ligne 213 :
 
}
 
}
 
   
 
   
.va-listen-left,
 
 
.va-quotation-left {
 
.va-quotation-left {
 
   clear: left;
 
   clear: left;
Ligne 225 : Ligne 219 :
 
}
 
}
 
   
 
   
.va-listen-right,
 
 
.va-quotation-right {
 
.va-quotation-right {
 
   clear: right;
 
   clear: right;
Ligne 241 : Ligne 234 :
 
   
 
   
 
/* Quotation marks/icons */
 
/* Quotation marks/icons */
.va-listen-icon,
 
.va-newsquote-quot-l,
 
.va-newsquote-quot-r,
 
 
.va-quotation-quot-l,
 
.va-quotation-quot-l,
.va-quotation-quot-r,
+
.va-quotation-quot-r {
.va-transcript-icon {
 
 
   width: 40px;
 
   width: 40px;
 
   z-index: -1;
 
   z-index: -1;
 
}
 
}
+
 
.va-listen-icon,
 
.va-newsquote-quot-l,
 
.va-newsquote-quot-r,
 
 
.va-transcript-icon {
 
.va-transcript-icon {
 
   position: relative;
 
   position: relative;
Ligne 263 : Ligne 249 :
 
}
 
}
 
   
 
   
.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 {
 
.va-quotation-quot-r {
   color: #E0E0E0;
+
   color: #DBD2CC;
 
   font: bold 55px/40px serif;
 
   font: bold 55px/40px serif;
 
   height: 18px;
 
   height: 18px;
 
}
 
}
 
   
 
   
.va-newsquote-quot-l,
 
 
.va-quotation-quot-l {
 
.va-quotation-quot-l {
 
   left: -15px;
 
   left: -15px;
Ligne 286 : Ligne 260 :
 
}
 
}
 
   
 
   
.va-newsquote-quot-r,
 
 
.va-quotation-quot-r {
 
.va-quotation-quot-r {
 
   right: -15px;
 
   right: -15px;
 
   text-align: right;
 
   text-align: right;
}
 
 
.va-newsquote-quot-l {
 
  float: left;
 
  margin-right: -40px;
 
}
 
 
.va-newsquote-quot-r {
 
  float: right;
 
  margin-left: -40px;
 
 
}
 
}
 
   
 
   
Ligne 313 : Ligne 276 :
 
   
 
   
 
/* Quoted text/audio file desc */
 
/* Quoted text/audio file desc */
.va-listen-item,
 
.va-listen-item .ogg-player-options,
 
.va-newsquote-text,
 
 
.va-quotation-text {
 
.va-quotation-text {
 
   font-size: 12px;
 
   font-size: 12px;
 
}
 
}
 
   
 
   
.va-inlinequote-text,
 
.va-listen-text,
 
.va-newsquote-text,
 
 
.va-quotation-text {
 
.va-quotation-text {
 
   font-style: italic;
 
   font-style: italic;
Ligne 344 : Ligne 301 :
 
   
 
   
 
/* Source */
 
/* Source */
.va-newsquote-source,
 
 
.va-quotation-source {
 
.va-quotation-source {
 
   padding: 5px 0 0;
 
   padding: 5px 0 0;
Ligne 354 : Ligne 310 :
 
   font-size: 10px;
 
   font-size: 10px;
 
   line-height: 15px;
 
   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;
 
 
}
 
}

Version du 2 janvier 2014 à 14:51

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

/* ############################## */
/* ### QUOTES                 ### */
/* ### (Template:Quotation)   ### */
/* ############################## */
 
/* Container */

.va-quotation {
   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-quotation-left,
.va-quotation-right {
   border-bottom: 1px solid #AAA;
   border-top: 1px solid #AAA;
   width: 200px;
}
 
.va-quotation-left {
   clear: left;
   float: left;
   margin: 10px 10px 10px 0;
}
 
.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-quotation-quot-l,
.va-quotation-quot-r {
   width: 40px;
   z-index: -1;
}

.va-transcript-icon {
   position: relative;
}
 
.va-quotation-quot-l,
.va-quotation-quot-r {
   position: absolute;
}
 
.va-quotation-quot-r {
   color: #DBD2CC;
   font: bold 55px/40px serif;
   height: 18px;
}
 
.va-quotation-quot-l {
   left: -15px;
   text-align: left;
}
 
.va-quotation-quot-r {
   right: -15px;
   text-align: right;
}
 
.va-quotation-quot-l {
   top: -2px;
   top: -3px !ie;
}
 
.va-quotation-quot-r {
   bottom: 2px;
   bottom: 3px !ie;
}
 
/* Quoted text/audio file desc */
.va-quotation-text {
   font-size: 12px;
}
 
.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-quotation-source {
   padding: 5px 0 0;
   text-align: right;
}
 
.va-quotation-source {
   display: block;
   font-size: 10px;
   line-height: 15px;
}