Difference between revisions of "MediaWiki:Common.css"

From PlantUse English
Jump to: navigation, search
(Fix .frame h2: margin-top: 0px;)
(http/https: general solution trimming of protocol (http or https) of //URL)
 
(8 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
/* Le CSS placé ici sera appliqué à tous les habillages. */
body.page-Main_Page #firstHeading {
+
body.page-Accueil #firstHeading {
 
       position: absolute;
 
       position: absolute;
 
       top: -5000px;
 
       top: -5000px;
 
}
 
}
body.page-Main_Page #content {
+
body.page-Accueil #content {
 
       background-color: white;
 
       background-color: white;
 
   }
 
   }
 +
.usesleaf
 +
{
 +
  width:100%; border:2px solid #10BA00;
 +
  vertical-align:top;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius:10px;
 +
  background-image:url("//species-id.net/o/media/8/8c/Usesleaf.png");
 +
  background-repeat:no-repeat; background-position:10px 25px;
 +
}
 +
.text
 +
{
 +
  width:100%;
 +
  vertical-align:top;
 +
  font-size:95%;
 +
  background:transparent;
 +
}
 +
.welcomeText
 +
{
 +
  height:3em;
 +
  padding:0 0 5px 90px
 +
}
 +
.statsText
 +
{
 +
  padding:1em;
 +
  text-align:right;
 +
  line-height:1.3
 +
}
 +
table.wikitable, .gallery
 +
{
 +
margin-top:20px !important;
 +
}
 +
table.usages
 +
{
 +
  border:1px solid #AAA;
 +
}
 +
.usages-list
 +
{
 +
  padding-right:10px !important;
 +
}
 +
.wikitable > td
 +
{
 +
  padding-left:5px 0 5px 0;
 +
}
 +
.cadre {
 +
margin:0px auto;
 +
border:1px solid;
 +
border-radius:10px;
 +
padding:0.5em;
 +
margin-bottom:1em;
 +
}
 +
.cadre h2 {
 +
  white-space:nowrap;
 +
  margin-top: 0px;
 +
}
 +
.cadre .titre {
 +
        text-align:center;
 +
        position:relative;
 +
        left:2px; top:2px;
 +
        margin:1;
 +
}
 +
.cadre-titre
 +
{
 +
      padding : 1em;
 +
}
 +
.cadre .cadre_contenu {
 +
        text-align:center;
 +
        padding:1em;
 +
}
 +
.articleLeft
 +
{
 +
  width:49%;
 +
  clear:left;
 +
  float:left;
 +
}
  
div.infobox_v3 { float: right; }
+
.articleRight
 +
{
 +
  width:49%;
 +
  clear:right;
 +
  float:right;
 +
}
 +
#content {
 +
        margin-right:15px
 +
}
  
  
.frame h2 {
+
.Blue
   /* white-space:nowrap; */
+
{
   margin-top: 0px;
+
   background-image: url(//species-id.net/o/thumb.php?f=Blue-bg_rounded.svg&width=700);
 +
  background-repeat: repeat-y;
 +
}
 +
 
 +
.Orange
 +
{
 +
  background-image: url(//species-id.net/o/thumb.php?f=Orange-bg_rounded.svg&width=700);
 +
   background-repeat: repeat-y;
 +
}
 +
 
 +
.Green
 +
{
 +
  background-image: url(//species-id.net/o/thumb.php?f=green-bg_rounded.svg&width=700);
 +
  background-repeat: repeat-y;
 +
}
 +
 
 +
.green
 +
{
 +
  background-image: url(//species-id.net/o/thumb.php?f=green-bg_rounded.svg&width=500);
 +
  background-repeat: repeat-y;
 +
}
 +
 
 +
.purple
 +
{
 +
  background-image: url(//species-id.net/o/thumb.php?f=purple-bg_rounded.svg&width=700);
 +
  background-repeat: repeat-y;
 +
}
 +
 
 +
.pink
 +
{
 +
  background-image: url(//species-id.net/o/thumb.php?f=pink-bg_rounded.svg&width=1000);
 +
  background-repeat: repeat-y;
 +
}
 +
.pink > div
 +
{
 +
  padding : 0 !important;
 +
}
 +
/* Infobox */
 +
div.infobox_v3 {
 +
    clear: right;
 +
    float: right;
 +
    max-width: 325px;
 +
    margin: 0px 0px 0.5em 1em;
 +
}
 +
.entete
 +
{
 +
font-size:medium;
 +
}
 +
.infobox_v3.bordered{
 +
    border: 1px solid #AAA;
 +
    width: 250px;
 +
    background: #F9F9F9 none repeat scroll 0% 0%;
 
}
 
}

Latest revision as of 17:10, 12 November 2018

/* Le CSS placé ici sera appliqué à tous les habillages. */
body.page-Accueil #firstHeading {
       position: absolute;
       top: -5000px;
}
body.page-Accueil #content {
       background-color: white;
  }
.usesleaf
{
   width:100%; border:2px solid #10BA00;
   vertical-align:top; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius:10px;
  background-image:url("//species-id.net/o/media/8/8c/Usesleaf.png");
  background-repeat:no-repeat; background-position:10px 25px;
}
.text
{
  width:100%; 
  vertical-align:top; 
  font-size:95%; 
  background:transparent;
}
.welcomeText
{
  height:3em; 
  padding:0 0 5px 90px
}
.statsText
{
  padding:1em;
  text-align:right;
  line-height:1.3
}
table.wikitable, .gallery
{
 margin-top:20px !important;
}
table.usages
{
  border:1px solid #AAA;
}
.usages-list
{
  padding-right:10px !important;
}
.wikitable > td
{
  padding-left:5px 0 5px 0;
}
.cadre {
	margin:0px auto;
	border:1px solid;
	border-radius:10px;
	padding:0.5em; 
	margin-bottom:1em;
}
.cadre h2 {
  white-space:nowrap;
  margin-top: 0px;
}
.cadre .titre {
        text-align:center; 
        position:relative; 
        left:2px; top:2px; 
        margin:1;
}
.cadre-titre
{
       padding : 1em;
}
.cadre .cadre_contenu {
        text-align:center; 
        padding:1em;
}
.articleLeft
{
  width:49%;
  clear:left;
  float:left;
}

.articleRight
{
  width:49%;
  clear:right;
  float:right;
}
#content {
        margin-right:15px
}


.Blue
{
  background-image: url(//species-id.net/o/thumb.php?f=Blue-bg_rounded.svg&width=700);
  background-repeat: repeat-y;
}

.Orange
{
  background-image: url(//species-id.net/o/thumb.php?f=Orange-bg_rounded.svg&width=700);
  background-repeat: repeat-y;
}

.Green
{
  background-image: url(//species-id.net/o/thumb.php?f=green-bg_rounded.svg&width=700);
  background-repeat: repeat-y;
}

.green
{
  background-image: url(//species-id.net/o/thumb.php?f=green-bg_rounded.svg&width=500);
  background-repeat: repeat-y;
}

.purple
{
  background-image: url(//species-id.net/o/thumb.php?f=purple-bg_rounded.svg&width=700);
  background-repeat: repeat-y;
}

.pink
{
  background-image: url(//species-id.net/o/thumb.php?f=pink-bg_rounded.svg&width=1000);
  background-repeat: repeat-y;
}
.pink > div
{
  padding : 0 !important;
}
/* Infobox */
div.infobox_v3 {
    clear: right;
    float: right;
    max-width: 325px;
    margin: 0px 0px 0.5em 1em;
}
.entete
{
 font-size:medium;
}
.infobox_v3.bordered{
    border: 1px solid #AAA;
    width: 250px;
    background: #F9F9F9 none repeat scroll 0% 0%;
}