MediaWiki:Common.css

Un article de Cognard.

(Différences entre les versions)
Jump to: navigation, search
Version du 13 septembre 2015 à 19:12 (modifier)
Jean (Discuter | contributions)
(New page: html, body { width: 100%; height: 100%; } body { margin: 0; padding: 0; background-color:#E0E0E0; } textarea { resize:both; } - See also jquery.makeCollapsible.js - .mw-collapsible-...)
← Différence précédente
Version actuelle (21 juin 2017 à 11:13) (modifier) (undo)
Jean (Discuter | contributions)

 
Ligne 567: Ligne 567:
#gumax-header { #gumax-header {
background: #000000 url('skins/sgumax/images/BandoWiki4.jpg') center 30px no-repeat ; /* header background */ background: #000000 url('skins/sgumax/images/BandoWiki4.jpg') center 30px no-repeat ; /* header background */
- min-height: 188px; /* height of header */+ min-height: 158px; /* height of header */
- height: 188px; /* need for IE */+ height: 158px; /* need for IE */
max-width: 950px !important; /* need for Firefox */ max-width: 950px !important; /* need for Firefox */
width: 950px; /* need for IE6 win */ width: 950px; /* need for IE6 win */

Version actuelle

html, body { width: 100%; height: 100%; } body { margin: 0; padding: 0; background-color:#E0E0E0; }

textarea {

   resize:both;

} /* See also jquery.makeCollapsible.js */ .mw-collapsible-toggle { float: right; }

/* list-items go as wide as their parent element, don't float them inside list items */ li .mw-collapsible-toggle { float: none; }

/* the added list item should have no list-style */ .mw-collapsible-toggle-li { list-style: none; }

/** Le CSS placé ici sera appliqué à toutes les apparences. font-size:x-small; */

code { background-color: transparent; font-size:x-small; Line-Height: 1; } /* make the list of references */ references { font: x-small sans-serif;

       font-weight: normal;

} .references li { color: blue; } .references li span { color: black; } .xreferences li {

   list-style-position: inside; 
   list-style-type: decimal-leading-zero;
   position: relative;
 }

.xreferences li:before {

   content: "\2022 \0020 \005B";
   position:absolute;
   left: -15px;

} .xreferences li:before {

   display: marker;
   content: "[" counter(section) "] ";

} .xreferences li {

   counter-increment: section;
   margin-bottom: 10px;
   padding-left: 20px; /* pour éviter la superposition du contenu */

} /*

* common.css
* This file contains CSS settings common to Wikistandard, Nostalgia and CologneBlue
*/

/* For clarity, explicitly state some recommendations from <http://www.w3.org/

  TR/CSS21/sample.html> to make sure the editsection links scale right */

h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h5 { font-size: .83em; } h6 { font-size: .75em; } h1, h2, h3, h4, h5, h6 { font-weight: bolder }

/* Now the custom parts */

/* Make edit sections (which are inside h# tags) normal-sized */ .editsection { font-weight: normal; float: right; margin-left: 5px; } h1 .editsection { font-size: 50% } h2 .editsection { font-size: 66.7% } h3 .editsection { font-size: 85.5% } h5 .editsection { font-size: 120% } h6 .editsection { font-size: 133% }

  1. footer { clear: both }

/* images */ div.floatright { float: right; clear: right; margin: 0 0 1em 1em; } div.floatright p { font-style: italic; } div.floatleft { float: left; clear: left; margin: 0.3em 0.5em 0.5em 0; } div.floatleft p { font-style: italic; }


/* Print-specific things to hide */ .printfooter {

       display: none;

}

/* table standards */ table.rimage {

       float:right;
       margin-left:1em;
       margin-bottom:1em;
       text-align:center;
       font-size:smaller;

}

/* thumbnails */ div.thumb { margin-bottom: .5em; border-style: solid; border-color: white; width: auto; } div.thumbinner { border: 1px solid #ccc; padding: 3px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } html .thumbimage { border: 1px solid #ccc; } html .thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: 3px !important; font-size: 94%; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; } div.tleft { float: left; clear: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; }

/* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: #4b4b4b; }

  1. pagehistory span.user {
   margin-left: 1.4em;
   margin-right: 0.4em;

}

  1. pagehistory span.minor { font-weight: bold; }
  2. pagehistory li { border: 1px solid White; }
  3. pagehistory li.selected {
   background-color:#f9f9f9;
   border:1px dashed #aaaaaa;

}

table.diff { background:white; } td.diff-otitle { background:#cccccc; } td.diff-ntitle { background:#cccccc; } td.diff-addedline {

   background:#ccffcc;
   font-size: 94%;

} td.diff-deletedline {

   background:#ffffaa;
   font-size: 94%;

} td.diff-context {

   background:#eeeeee;
   font-size: 94%;

} span.diffchange { color: red; font-weight: bold; }

img { border: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }


  1. toc,

.toc { border: 1px solid #bba; background-color: #f7f8ff; padding: 5px; font-size: 95%; text-align: center; }

  1. toc h2,

.toc h2 { display: inline; border: none; padding: 0; font-size: 100%; font-weight: bold; }

  1. toc ul,

.toc ul { list-style-type: none; list-style-image: none; margin-left: 0; padding-left: 0; text-align: left; }

  1. toc ul ul,

.toc ul ul { margin: 0 0 0 2em; }

  1. toc .toctoggle,

.toc .toctoggle { font-size: 94%; }


.error { color: red; font-size: larger; }

/* preference page with js-genrated toc */

  1. preftoc {
   float: left;
   margin: 1em 1em 1em 1em;
   width: 13em;

}

  1. preftoc li { border: 1px solid White; }
  2. preftoc li.selected {
   background-color:#f9f9f9;
   border:1px dashed #aaaaaa;

}

  1. preftoc a,
  2. preftoc a:active {
   display: block;
   color: #005189;

}

  1. prefcontrol {
   clear: left;
   float: left;
   margin-top: 1em;

} div.prefsectiontip {

   font-size: 94%;
   margin-top: 1em;

} fieldset.prefsection { margin-top: 1em } fieldset.operaprefsection { margin-left: 15em }

/* emulate center */ .center {

   width: 100%;
   text-align: center;

}

  • .center * {
   margin-left: auto;
   margin-right: auto;

} /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100% }

div.townBox {

   position:relative;
   float:right;
   background:White;
   margin-left:1em;
   border: 1px solid gray;
   padding:0.3em;
   width: 200px;
   overflow: hidden;
   clear: right;

} div.townBox dl {

   padding: 0;
   margin: 0 0 0.3em 0;
   font-size: 96%;

} div.townBox dl dt {

   background: none;
   margin: 0.4em 0 0 0;

} div.townBox dl dd {

   margin: 0.1em 0 0 1.1em;
   background-color: #f3f3f3;

} /* use this instead of #toc for page content */ .toccolours {

   border:1px solid #aaaaaa;
   background-color:#f9f9f9;
   padding:5px;
   font-size: 95%;

}

  1. siteNotice {
   border:1px solid #aaaaaa;
   padding-left: 0.5em;
   padding-right: 0.5em;

} .redirectText { font-size:150%; margin:5px; } .searchmatch { color: red; font-weight: bold; } .sharedUploadNotice { font-style: italic; } span.unpatrolled { font-weight:bold; color:red; }

span.updatedmarker { color:black; background-color:#00FF00; } span.newpageletter { font-weight:bold; color:black; background-color:yellow; } span.minoreditletter { color:black; background-color:#C5FFE6; } /* #cccccc;*/ table.gallery {

       border: 1px dashed red;
       margin:  2px;
       padding: 2px;
       background-color:#ffffff;

}

table.gallery tr {

       vertical-align:top;

} /*#f9f9f9*/ table.gallery td {

     vertical-align:top;
     background-color:white;
     border: solid 2px white;

}

div.gallerybox {

       margin: 2px;
       width:  125px;
       border:  1px solid #cccccc;

}

div.gallerybox div.thumb {

       text-align: center;
       border: 1px solid #cccccc;

background-image: url(/wiki/bg1.jpg);

       margin: 0px;
       background-position:left top;
       background-repeat:repeat;
       background-color:white;

}

div.gallerytext {

       font-size: 94%;
       padding: 2px 4px;

}

span.comment { font-style: italic; }

span.changedby { font-size: 95%; }

.previewnote { text-align: center; color: #cc0000; } .editExternally {

       border-style:solid;
       border-width:1px;
       border-color:gray;
       background: #ffffff;
       padding:3px;
       margin-top:0.5em;
       float:left;
       font-size:small;
       text-align:center;

} .editExternallyHelp {

       font-style:italic;
       color:gray;

}

li span.deleted { text-decoration: line-through; color: #888; font-style: italic; }

/* Classes for EXIF data display */ table.mw_metadata { margin-left: 0.5em; }

table.mw_metadata caption { font-weight: bold; } table.mw_metadata th { font-weight: normal; } table.mw_metadata td { padding: 0.1em; }

table.mw_metadata { border: none; border-collapse: collapse; } table.mw_metadata td, table.mw_metadata th { border: 1px solid #aaaaaa; padding-left: 4px; padding-right: 4px; } table.mw_metadata th { background-color: #f9f9f9; } table.mw_metadata td { background-color: #fcfcfc; } table.mw_metadata td.spacer { background: inherit; border-top: none; border-bottom: none; } table.collapsed tr.collapsable { display: none; }

.visualClear {

   clear: both;

}

  1. mw_trackbacks {

border: solid 1px #bbbbff; background-color: #eeeeff; padding: 0.2em; }

/* Allmessages table */

  1. allmessagestable th {

background-color: #b2b2ff; }

  1. allmessagestable tr.orig {

background-color: #ffe2e2; }

  1. allmessagestable tr.new {

background-color: #e2ffe2; }

  1. allmessagestable tr.def {

background-color: #f0f0ff; }

  1. jump-to-nav {
 display: none;

}

table.gallery td.galleryheader { text-align: center; font-weight: bold; }

div.multipageimagenavbox {

  border: solid 1px silver;
  padding: 4px;
  margin: 1em;
  -moz-border-radius: 6px;
  background: #f0f0f0;

}

div.multipageimagenavbox div.thumb {

  border: none;
  margin-left: 2em;
  margin-right: 2em;

}

div.multipageimagenavbox hr {

  margin: 6px;

}

table.multipageimage td {

  text-align: center;

}

/*

 Table pager (e.g. Special:Imagelist)
 - remove underlines from the navigation link
 - collapse borders
 - set the borders to outsets (similar to Special:Allmessages)
 - remove line wrapping for all td and th, set background color
 - restore line wrapping for the last two table cells (description and size)
  • /

.TablePager_nav a { text-decoration: none; } .TablePager { border-collapse: collapse; } .TablePager, .TablePager td, .TablePager th { border: 0.15em solid #777777; padding: 0 0.15em 0 0.15em; } .TablePager th { background-color: #eeeeff } .TablePager td { background-color: #ffffff } .TablePager tr:hover td { background-color: #eeeeff }

.imagelist td, .imagelist th { white-space: nowrap } .imagelist .TablePager_col_links { background-color: #eeeeff } .imagelist .TablePager_col_img_description { white-space: normal } .imagelist th.TablePager_sort { background-color: #ccccff }

.templatesUsed { margin-top: 1em; }

  1. toolbar { clear: both; }

.mw-plusminus-null { color: #aaa; }

/* filetoc */ ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; }

  1. filetoc li {

display: inline; list-style-type: none; padding-right: 2em; }

  1. bzh-link {

position: absolute; top: 38px; left: 420px; width: 183px; height: 83px; background-color: transparent; border: 0px solid yellow; }

/* header size */

   #gumax-header {
       background: #000000 url('skins/sgumax/images/BandoWiki4.jpg') center 30px no-repeat ; /* header background */
       min-height: 158px; /* height of header */
       height:     158px; /* need for IE */
       max-width:  950px !important;  /* need for Firefox */
       width:      950px;  /* need for IE6 win */
       }
   /* page size */
   #gumax-page,
   #gumax-page-actions,
   #gumax-page-footer {
       max-width:  950px !important;  /* need for Firefox */
       width:      950px;  /* need for IE6 win */
       background:white; /* content background color */
       background-color:white
       }
   #content,
   #gumax-content {
       background:white; /* content background color */
       background-color:white
   }
   #bodyContent {
       background:white; /* content background color */
       background-color:white
   }

.collapseButton { /* 'show'/'hide' buttons created dynamically by the */ float: right; /* CollapsibleTables JavaScript in MediaWiki:Common.js */ font-weight: normal; /* are styled here so they can be customised. */ text-align: right; width: auto; }