Ne manquez pas de découvrir la série de vidéos Illustrated Music, présentées par Tom Johnson !

MediaWiki:Vector.css

Pour un '''Ouvroir de création Musicale Potentielle'''
Révision datée du 26 mars 2017 à 22:24 par VVillenave (discussion | contributions) (update)
Aller à : navigation, rechercher

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
  • Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
  • Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
  • Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */

@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,700,700italic) all;


body {
  background-color: black;
   /* @embed */
  background-image: url(skins/Vector/images/bg-body.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  font-family: 'Cabin', sans-serif;
}

a { color: #005a81; }

div#wrapper {
  width: 67%;
  min-width: 480px;
  margin: 40px auto;
  background-color: white;

  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  -o-border-radius: 75px;
  border-radius: 75px;

  -moz-box-shadow: 0px 0px 20px 0px #000 inset;
  -webkit-box-shadow: 0px 0px 20px 0px #000 inset;
  -o-box-shadow: 0px 0px 20px 0px #000 inset;
  box-shadow: 0px 0px 20px 0px #000 inset;

  /* why?
  overflow:hidden; */
}

br.clean-break {
  clear:both;
}

.visualClear {
  clear:none;
}

div#content.mw-body {
  margin-left: 13em;
  padding: 1em;
  /* overflow:hidden; */
  border-top:1px solid #5dbfe9;
  border-left:1px solid #5dbfe9;
  -webkit-border-top-left-radius: 50px;
  -opera-border-top-left-radius: 50px;
  -moz-border-radius-topleft: 50px;
  border-top-left-radius: 50px;
  border-bottom:none;
  background:none;
  clear:right;
}


div#content.mw-body img,
div#content.mw-body audio,
div#content.mw-body video,
div#content.mw-body object {
  max-width:100%;
  height:auto;
}


.mw-body-content blockquote {
  background: #E1EDF3;
  color: #666;
  border-left: 4px solid #6890A7;
  -webkit-border-top-left-radius: 50px;
  -opera-border-top-left-radius: 50px;
  -moz-border-radius-topleft: 50px;
  border-top-left-radius: 50px;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";  
}

.mw-body-content blockquote:before {
  color: #90AFBD;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.mw-body-content blockquote p:first-of-type {
  display: inline;
}


div#mw-head {
  position: relative;
  width:auto;
  float:right;
}

div#slogan {
  float:left;
  margin:0 3em 0 0;
  padding:0;
  text-align:right;
}

div#slogan h1 {
  font-variant:small-caps;
  font-weight:bold;
  border:none;
  font-size:210%;
  margin:1em 0 0 2.5em;
}

div#slogan a {
  color:black;
}

div#slogan a:hover {
  text-decoration:none;
  color:#4d4d4d;
}

div#siteSub {
  display:block;
  margin:0;
  padding:0;
  color:#cfcfcf;
}

#p-logo {
  position: relative;
  float:left;
  margin: 0;
  padding: 1em 0 0 0;
  top:0;
  height:inherit;
  left:-3em;
}

#p-logo a {
  height: 120px;
  width: 164px;
  background-position: bottom left;
}
#p-logo a:hover {
  opacity:0.75;
}

#p-personal {
  position:relative;
  width:7em;
  float:right;
  margin:0 -8em 0 0;
  clear:both;
  height:0;
  overflow:visible;
}
#p-personal h5 {
  display: none;
}
#p-personal ul {
  list-style: none;
  margin:0;
  padding:0;
}
#p-personal li {
  margin:2px 0 2px 10px;
  font-size:0.6em;
}
#p-personal li:first-child {
  margin:2.2em 0 2px 0;
  padding:0 0 2px 2px;
  border-bottom:1px solid #4D4D4D;
  color:#cfcfcf;
}
#p-personal li a {
  margin-left:5px;
}
#p-personal li a.new {
  color:#4D4D4D;
}

div#siteNotice {
  word-spacing:.2em;
}

div#smallLinks {
  float:right;
  margin:1.5em;
}

div#smallLinks ul {
  display:inline;
  margin:0;
}

div#smallLinks div {
  float:left;
}

dl dd:nth-child(3n) {
  font-size:50%;
  text-align:right;
  margin-right: 3em;
  font-size: 66%;
  border-bottom: 1px solid #EEE;
}

div#mw-imagepage-section-filehistory {
  overflow:scroll;
}

/* Navigation Labels */
  div.vectorTabs h5,
  div.vectorMenu h5 span {
  display: none;
}
  /* Namespaces and Views */
  /* @noflip */
div.vectorTabs {
 /* float: left; */
}

div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li a,
div.vectorTabs ul li span  {
  background:none;
}

div.vectorTabs ul {
  list-style-type:none;
  list-style-image:none;
}
div.vectorTabs ul li {
  float:left;
  margin:0 1em;
  font-size:smaller;
}
div.vectorTabs ul li.selected {
  display:none;
  margin:0;
}
div.vectorTabs ul li a {
  color:#4D4D4D;
}
div.vectorTabs ul li a:hover {
  color:#005a81;
  text-decoration:none;
}

/* Panel */
div#mw-panel {
  position:relative;
  float:left;
  width: 12.5em;
  left: 0;
  top:1em;
}

div#mw-panel div.portal h5 {
  font-weight: bold;
  color: black;
  padding: 0.2em;
  padding-left: 1em;
  font-size: 0.95em;
  /* @embed */
  background-image: url(skins/Vector/images/portal-break.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#mw-panel div.portal div.body {
  padding-top: 0.1em;
  background-image:none;
}

div#mw-panel div.portal div.body ul {
  padding: 0.2em 0;
}

div#mw-panel div.portal div.body ul li {
  padding-bottom: 0.2em;
}

div#mw-panel div.portal div.body ul li a {
  color: black;
  font-weight:bold;
}
div#mw-panel div.portal div.body ul li a:hover,
div#mw-panel div.portal div.body ul li a:visited:hover {
  color: #005a81;
  text-decoration: none;
}
div#mw-panel div.portal div.body ul li a:visited {
  color: #4d4d4d;
}

div#mw-panel img {
  margin:auto;
}

div#footer ul li {
   margin: 0;
   padding: 0;
}

#p-search h5 {
  display:block;
  padding:0 0.2em 0.2em 1em;
  /* @embed */
  background-image: url(skins/Vector/images/portal-break.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

#p-search {
  margin: 0 0 0 -.5em;
  padding-bottom: 1.5em;
}

div#simpleSearch {
  width: 10em;
  margin: 0.1em 0 0 1.25em;
}

div#simpleSearch input#searchInput {
  position: relative;
  width: 10em;
}

div#simpleSearch button#searchButton {
  position: relative;
}


/* Category pages */

div#mw-subcategories p:first-of-type,
div#mw-pages p:first-of-type
{
  display:none;
}

div#mw-subcategories h2, div#mw-pages h2 {
  width:auto;
  font-size:medium;
  font-weight:bold;
  border-bottom: 1px #5DBFE9 solid;
  border-right: 1px #5DBFE9 solid;
  -webkit-border-bottom-right-radius: 50px;
  -opera-border-bottom-right-radius: 50px;
  -moz-border-radius-bottomright: 50px;
  border-bottom-right-radius: 50px;
}

div#mw-subcategories h3, div#mw-pages h3 {
  font-size:80%;
  font-weight:bold;
  margin-top:-0.2em;
  float:left;
  width:1em;
  height:1.2em;
  overflow:hidden;
}

div#mw-subcategories ul, div#mw-pages ul {
  list-style-image:none;
  margin-left: 1.2em;
  border-right:1px solid #AAAAAA;
}

div#mw-pages ul li {
  list-style-type: square;
  margin-left:2em;
  color:#005a81;
}

div#mw-subcategories ul li {
  list-style-type:none;
  color:#005a81;
}

div#mw-subcategories ul li:before {
  content:"→ ";
}

/* Categories */
.catlinks {
  border: none;
  background: transparent;
  clear: none;
  margin:0;
  padding:0;
}

div#mw-normal-catlinks {
  width:100%;
  margin-top:-2em;
  margin-bottom:0.5em;
  visibility:hidden;
}

div#mw-normal-catlinks ul li,
div#mw-normal-catlinks ul li a {
  color:#4D4D4D;
  visibility:visible;
}
div#mw-normal-catlinks ul li:hover {
  color:#005a81;
}

div#mw-normal-catlinks ul li:before {
  content:"← ";
}

#catlinks li {
  border:none;
  float:none;
  display:block;
  padding:0 0 0 0.4em;
}

div.need_work {
  text-align:center;
  border:1px solid #AAAAAA;
  font-size:80%;
  background: #E0EFEF;
  width:30em;
  padding: 5px;
  margin:auto;
  -webkit-border-radius: 15px;
  -opera-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
  
ul.special {
  font-size:80%;
}

ul.special li.mw-line-odd {
  background: #e0efef;
}

div#footer {
  width: 67%;
  min-width: 480px;
  margin: 0 auto;
   /* @embed */
  background-image: url(skins/Vector/images/border-footer.png);
  background-position: top center;
  background-repeat: no-repeat;
}

#editform, #toolbar, #wpTextbox1 {
  clear:none;
}

#toc {
  float:right;
  margin-left:2em;
  margin-bottom:2em;
  max-width:50%;
}

#toc,
.toc,
.mw-warning {
  background-color: none;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  -o-border-radius:15px;
  border-radius:15px;
}

div#content a.external,
.link-https,
div#content a.external[href ^="gopher://"] {
  background: none;
  padding-right: 0;
}

div#content a.external:after {
  content:"\2197";
  color: lightblue;
}

div.vectorTabs ul {
  background: none;
}

.homepage.recent .mw-newpages-time,
.homepage.recent .mw-newpages-history,
.homepage.recent .mw-newpages-length,
.homepage.recent .mw-usertoollinks,
.homepage.recent .comment,
.homepage.recent .mw-changeslist h4,
.homepage.recent .mw-changeslist td.mw-enhanced-rc,
.homepage.recent .mw-changeslist .mw-collapsible-toggle,
.homepage.recent .mw-changeslist .mw-enhanced-rc-nested,
.homepage.recent .mw-changeslist .mw-plusminus-pos,
.homepage.recent .mw-changeslist .mw-plusminus-neg,
.homepage.recent .mw-changeslist .mw-rollback-link,
.homepage.newfiles .gallerybox .gallerytext i,
.page-Bienvenue_à_l’Oumupo #toc  {
  display:none;
}

.homepage.recent .mw-changeslist .mw-title {
  padding-right:3em;
  margin-left:1em;
  display:list-item;
  float: left;
  opacity: 1;
}

/* .homepage.newfiles .gallerybox .gallerytext { display: none; } */

.homepage.newfiles .gallerybox .gallerytext ::first-line {
  display:block;
}

.homepage .mw-userlink,
.homepage table.mw-enhanced-rc td a  {
  font-size:80%;
  opacity:0.7;
}

.homepage .mw-userlink ::before {
  content: "(";
}

.homepage .mw-userlink ::after {
  content: ")";
}

table.mw-enhanced-rc .mw-title a.mw-changeslist-title {
  font-size:100%;
  opacity:1;
}

.homepage.newfiles .gallerybox img {
  width:32px;
  height:32px;
}

.homepage.newfiles .gallerybox,
.homepage.newfiles .gallerybox div,
.homepage.newfiles .gallerybox .thumb {
  margin:0;
  width:auto;
}

.fullMedia {
  font-size:smaller;
}