MediaWiki:Common.css : Différence entre versions

De Wiki ODR
Aller à : navigation, rechercher
 
(280 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
/* Le CSS placé ici sera appliqué à tous les habillages. */
 
/* Le CSS placé ici sera appliqué à tous les habillages. */
  
 +
/* Ensemble page */
 +
body, html
 +
{
 +
background-color: #FCFCFC;
 +
}
 +
 +
/*LISTE*/
 +
ul
 +
{
 +
list-style-image: url(http://zupimages.net/up/17/29/mbki.jpg);
 +
}
 +
 +
td#td-ss-portail2 a
 +
{
 +
color: black !important;
 +
}
 +
 +
li a
 +
{
 +
color: #737373 !important;
 +
font-variant: small-caps;
 +
}
 +
 +
table#ss-portail
 +
{
 +
width:100% !important;
 +
}
 +
 +
td#td-ss-portail
 +
{
 +
width:50% !important;
 +
vertical-align:top;
 +
}
 +
 +
#liste-article-cree a
 +
{
 +
color: #B4004E !important;
 +
}
 +
 +
/* Barre du haut de l'écran*/
 
#mw-head /*header*/
 
#mw-head /*header*/
 
{
 
{
−
background-color: #F0F0F0;
+
background-color: #FCFCFC;
 
}
 
}
  
 +
a.logo-wikiodr
 +
{
 +
text-decoration:none;
 +
position:fixed;
 +
top: 0px;
 +
left:15px;
 +
width:20%;
 +
z-index:9999;
 +
font-size: 48px;
 +
font-family: Brush Script Std, Brush Script MT, cursive;
 +
}
  
 +
a.logo-wikiodr:hover
 +
{
 +
color: #94002E !important;
 +
}
  
 
/* Code menu gauche */
 
/* Code menu gauche */
Ligne 17 : Ligne 72 :
 
line-height: 0 !important;
 
line-height: 0 !important;
 
position : fixed !important;
 
position : fixed !important;
−
margin-left: 1px !important;
+
margin-left: 4px !important;
 
padding-left: 0 !important;
 
padding-left: 0 !important;
 +
font-variant: small-caps;
 
}
 
}
  
Ligne 39 : Ligne 95 :
 
}
 
}
  
 +
/* Gérer les marges */
 
div#mw-panel div.portal div.body
 
div#mw-panel div.portal div.body
 
{
 
{
Ligne 49 : Ligne 106 :
 
margin:0 !important;
 
margin:0 !important;
 
padding:0;
 
padding:0;
 +
}
 +
 +
/* Pour changer la couleur du texte */
 +
div#mw-panel a
 +
{
 +
color: #6A6A6A !important;
 +
}
 +
 +
.mw-body {
 +
    border: none !important;
 +
padding-right: 20px; !important;
 +
padding-top: 5px;
 +
margin-left: 12em !important;
 +
}
 +
 +
/**************Début des carrés de l'accueil************/
 +
 +
#carre_odr:hover, #carre9:hover, #carre10:hover, #carre7:hover, #carre7:hover, #donnees-spatiales:hover, #carre-suivi:hover
 +
{
 +
box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset !important;
 +
cursor: pointer;
 +
}
 +
 +
#carre7
 +
{
 +
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
 +
}
 +
 +
#carre9
 +
{
 +
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
 +
}
 +
 +
#carre10
 +
{
 +
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
 +
}
 +
 +
#carre-map
 +
{
 +
background-image:url(./images/4/4f/Map3.png);
 +
}
 +
 +
#carre-feader
 +
{
 +
background-image:url(./images/c/c3/Logofeader.PNG);
 +
background-color:white;
 +
background-repeat:no-repeat;
 +
background-position: center;
 +
}
 +
 +
#carre-partenaires
 +
{
 +
/*background-image:url(./images/b/b7/Test-logo-wiki.png);*/
 +
}
 +
 +
/********Fin des carrés de l'accueil*********/
 +
 +
/********** Carrés sous portail *************/
 +
 +
#dernier-article-cree
 +
{
 +
background-image: url("http://zupimages.net/up/17/29/b0vq.jpg");
 +
text-align:justify;
 +
border: 4px double white;
 +
width: 100%;
 +
padding: 8px;
 +
background-color: #FFECEC;
 +
color: black;
 +
min-height: 161px;
 +
margin-top: 10px;
 +
}
 +
 +
#articles-les-plus-pop
 +
{
 +
background-image: url("http://zupimages.net/up/17/29/b0vq.jpg");
 +
border: 4px double white;
 +
width: 100%;
 +
padding: 8px;
 +
background-color: #605E5E;
 +
color: black;
 +
float: bottom;
 +
min-height: 161px;
 +
margin-top: 20px;
 +
}
 +
 +
#carre-categorie-portail
 +
{
 +
text-align:justify;
 +
border: 1px solid white;
 +
width: 100%;
 +
padding: 8px;
 +
background-color: #F8F5F5;
 +
float: right;
 +
float: bottom;
 +
min-height: 120px;
 +
margin-right: 20px;
 +
color: #555555;
 +
margin-top: 20px;
 +
}
 +
 +
table.articles-populaires ul
 +
{
 +
list-style-image : url("http://zupimages.net/up/17/29/k3tk.png");
 +
}
 +
 +
#portail-par-cat
 +
{
 +
margin-top: 35px;
 +
}
 +
 +
#bloc-droit-portail
 +
{
 +
float: right;
 +
float: top;
 +
height: auto;
 +
width: 58%;
 +
display: block;
 +
margin-left: 15px;
 +
margin-top: -10px;
 +
}
 +
 +
#bloc-gauche-portail
 +
{
 +
float: left;
 +
height: auto;
 +
width: 30%;
 +
display: inline-block;
 +
}
 +
 +
#titre-vert-sous-portail
 +
{
 +
text-align: center;
 +
font-variant: small-caps !important;
 +
font-weight: bold;
 +
font-size: 25px;
 +
color: white;
 +
background: #72B41C;
 +
}
 +
 +
#titre-vert-sous-cat
 +
{
 +
text-align: center;
 +
padding-bottom: 1px;
 +
font-variant: small-caps !important;
 +
font-weight: bold;
 +
font-size: 20px;
 +
border: 1px solid white;
 +
background-color: white;
 +
color: #72B41C;
 +
}
 +
 +
/***************************************/
 +
 +
#right-navigation
 +
{
 +
float:left !important;
 +
margin-top: 55px !important;
 +
}
 +
 +
#left-navigation
 +
{
 +
margin-top: 55px !important;
 +
}
 +
 +
h1#firstHeading
 +
{
 +
margin-top: 10px;
 +
}
 +
 +
 +
/*********************************/
 +
/********** Boutons **************/
 +
/*********************************/
 +
 +
li#ca-viewsource
 +
{
 +
width: 150px !important;
 +
background-image: linear-gradient(#FCFCFC, white); !important;
 +
border: 1px double silver !important;
 +
text-align: center;
 +
height:24px;
 +
color: silver !important;
 +
margin-right: 2px;
 +
}
 +
 +
 +
li#ca-edit, li#ca-talk, li#ca-nstab-mediawiki, li#ca-nstab-main, li#ca-history, li#ca-addsection
 +
{
 +
background-image: linear-gradient(#FCFCFC, white); !important;
 +
border: 1px double silver !important;
 +
width: 110px !important;
 +
text-align: center;
 +
height:24px;
 +
color: silver !important;
 +
margin-right: 2px;
 +
}
 +
 +
li#ca-edit
 +
{
 +
margin-left: -1px;
 +
}
 +
 +
li#ca-edit.selected, li#ca-talk.selected, li#ca-nstab-mediawiki.selected, li#ca-nstab-main.selected, li#ca-history.selected, li#ca-addsection.selected, li#ca-viewsource.selected
 +
{
 +
font-weight: bold;
 +
color: black;
 +
}
 +
 +
li#ca-unwatch, li#unwatch, li#ca-watch /*Etoile*/
 +
{
 +
position: absolute;
 +
top: 34px;
 +
right: 26.8%;
 +
background-image: none !important;
 +
}
 +
 +
div.vectorTabs ul li#ca-unwatch, div.vectorTabs ul li#unwatch, div.vectorTabs ul li#ca-watch
 +
{
 +
background-color: transparent !important;
 +
}
 +
 +
#ca-unwatch.icon a, #ca-watch.icon a
 +
{
 +
padding-top: 16px !important;
 +
}
 +
 +
li#ca-view /*bouton "Lire"*/
 +
{
 +
display: none;
 +
}
 +
 +
#left-navigation
 +
{
 +
font-variant: small-caps !important;
 +
}
 +
 +
#right-navigation
 +
{
 +
font-variant: small-caps !important;
 +
}
 +
 +
div.vectorTabs span a
 +
{
 +
padding-top: 4px !important;
 +
}
 +
 +
div.vectorTabs, div.vectorTabs ul, div.vectorTabs span /*bordure bleue moche*/
 +
{
 +
background-image: none !important;
 +
background-color: transparent !important;
 +
}
 +
 +
#p-personal /*barre Admin en haut à droite*/
 +
{
 +
font-variant: small-caps !important;
 +
}
 +
 +
#p-cactions-label /*Plus*/
 +
{
 +
font-variant: small-caps !important;
 +
}
 +
 +
input#searchInput /*Barre de recherche*/
 +
{
 +
font-variant: small-caps !important;
 +
}
 +
 +
a.new
 +
{
 +
color: black !important;
 +
}
 +
 +
/**************************/
 +
/********* Slider *********/
 +
/**************************/
 +
 +
div.thumbinner
 +
{
 +
min-height: 160px;
 +
border: none !important;
 +
padding: 0px !important;
 +
width: 100% !important;
 +
}
 +
 +
div.tright
 +
{
 +
margin: 0px !important;
 +
}
 +
 +
div.tleft
 +
{
 +
margin: 0px !important;
 +
width:100% !important;
 +
}
 +
 +
img.thumbimage
 +
{
 +
height: 180px !important;
 +
width: 100% !important;
 +
}
 +
 +
.thumbcaption
 +
{
 +
display: none !important;
 +
}
 +
 +
div.floatleft, table.floatleft
 +
{
 +
margin: 0 !important;
 +
}
 +
 +
/**********FOOTER***********/
 +
 +
ul#footer-places
 +
{
 +
font-variant: small-caps !important;
 +
}
 +
 +
ul#footer-info
 +
{
 +
font-variant: small-caps !important;
 +
}
 +
 +
 +
 +
/************************ Titre article *********************************/
 +
h1#firstHeading
 +
{
 +
background-color: #DBD7D7;
 +
border: 1px solid grey;
 +
text-align: center;
 +
margin-top: 35px;
 +
font-variant: small-caps !important;
 +
}
 +
 +
/*********************** Ecriture lien *****************************/
 +
a
 +
{
 +
color: #B4004E !important;
 +
}
 +
 +
.mw-body .external
 +
{
 +
background: none !important;
 +
background-image: none !important;
 +
background-size: 0px 0px;
 +
margin-right: 0px;
 +
padding-right: 0px;
 +
}
 +
 +
#carre20
 +
{
 +
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
 +
background-size: 100% 100%;
 +
}
 +
 +
 +
#contentSub
 +
{
 +
display: none !important;
 +
}
 +
 +
#contentsize
 +
{
 +
width: 100%;
 +
}
 +
 +
/*********** Responsive ************/
 +
 +
@media screen and (max-width: 1280px)
 +
{
 +
/*
 +
#titre-vert-sous-cat
 +
    {
 +
        color: red;
 +
        background-color: black;
 +
        font-size: 1.2em;
 +
    }
 +
*/
 
}
 
}

Version actuelle datée du 28 février 2018 à 10:58

/* Le CSS placé ici sera appliqué à tous les habillages. */

/* Ensemble page */
body, html
{
background-color: #FCFCFC;
}

/*LISTE*/
ul
{
list-style-image: url(http://zupimages.net/up/17/29/mbki.jpg);
}

td#td-ss-portail2 a
{
color: black !important;
}

li a
{
color: #737373 !important;
font-variant: small-caps;
}

table#ss-portail
{
width:100% !important;
}

td#td-ss-portail
{
width:50% !important;
vertical-align:top;
}

#liste-article-cree a
{
color: #B4004E !important;
}

/* Barre du haut de l'écran*/
#mw-head /*header*/
{
background-color: #FCFCFC;
}

a.logo-wikiodr
{
text-decoration:none;
position:fixed;
top: 0px; 
left:15px; 
width:20%; 
z-index:9999; 
font-size: 48px; 
font-family: Brush Script Std, Brush Script MT, cursive;
}

a.logo-wikiodr:hover
{
color: #94002E !important;
}

/* Code menu gauche */
#mw-panel
{
background-color : #FFECEC;
border: 4px double white;
margin:0 !important;
padding-top:0 !important;
line-height: 0 !important;
position : fixed !important;
margin-left: 4px !important;
padding-left: 0 !important;
font-variant: small-caps;
}

/* Premier carré du menu de gauche */


li#n-mainpage,#n-currentevents,#n-Liste-des-articles,#n-recentchanges,#n-Galerie-fichiers,#n-Participants,#in-help
{
margin:0 !important;
padding:0;
}

/* Deuxième carré du menu de gauche */


li#p-tb-label,#t-whatlinkshere,#t-recentchangeslinked,#t-specialpages,#t-info
{
margin:0 !important;
padding:0;
}

/* Gérer les marges */
div#mw-panel div.portal div.body
{
margin:0 !important;
padding:0;
}

div#mw-panel div.portal h3
{
margin:0 !important;
padding:0;
}

/* Pour changer la couleur du texte */
div#mw-panel a
{
color: #6A6A6A !important;
}

.mw-body {
    border: none !important;
padding-right: 20px; !important;
padding-top: 5px;
margin-left: 12em !important;
}

/**************Début des carrés de l'accueil************/

#carre_odr:hover, #carre9:hover, #carre10:hover, #carre7:hover, #carre7:hover, #donnees-spatiales:hover, #carre-suivi:hover
{
box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset !important;
cursor: pointer;
}

#carre7
{
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
}

#carre9
{
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
}

#carre10
{
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
}

#carre-map
{
background-image:url(./images/4/4f/Map3.png);
}

#carre-feader
{
background-image:url(./images/c/c3/Logofeader.PNG);
background-color:white;
background-repeat:no-repeat;
background-position: center;
}

#carre-partenaires
{
/*background-image:url(./images/b/b7/Test-logo-wiki.png);*/
}

/********Fin des carrés de l'accueil*********/

/********** Carrés sous portail *************/

#dernier-article-cree
{
background-image: url("http://zupimages.net/up/17/29/b0vq.jpg");
text-align:justify;
border: 4px double white; 
width: 100%; 
padding: 8px;
background-color: #FFECEC; 
color: black; 
min-height: 161px; 
margin-top: 10px;
}

#articles-les-plus-pop
{
background-image: url("http://zupimages.net/up/17/29/b0vq.jpg");
border: 4px double white; 
width: 100%; 
padding: 8px; 
background-color: #605E5E; 
color: black; 
float: bottom; 
min-height: 161px; 
margin-top: 20px;
}

#carre-categorie-portail
{
text-align:justify;
border: 1px solid white; 
width: 100%; 
padding: 8px;
background-color: #F8F5F5;
float: right;
float: bottom;
min-height: 120px; 
margin-right: 20px;
color: #555555;
margin-top: 20px;
}

table.articles-populaires ul
{
list-style-image : url("http://zupimages.net/up/17/29/k3tk.png");
}

#portail-par-cat
{
margin-top: 35px;
}

#bloc-droit-portail
{
float: right; 
float: top; 
height: auto; 
width: 58%; 
display: block; 
margin-left: 15px; 
margin-top: -10px;
}

#bloc-gauche-portail
{
float: left; 
height: auto; 
width: 30%; 
display: inline-block;
}

#titre-vert-sous-portail
{
text-align: center;
font-variant: small-caps !important; 
font-weight: bold; 
font-size: 25px; 
color: white; 
background: #72B41C;
}

#titre-vert-sous-cat
{
text-align: center;
padding-bottom: 1px; 
font-variant: small-caps !important; 
font-weight: bold; 
font-size: 20px; 
border: 1px solid white; 
background-color: white; 
color: #72B41C;
}

/***************************************/

#right-navigation
{
float:left !important;
margin-top: 55px !important;
}

#left-navigation
{
margin-top: 55px !important;
}

h1#firstHeading
{
margin-top: 10px;
}


/*********************************/
/********** Boutons **************/
/*********************************/

li#ca-viewsource
{
width: 150px !important;
background-image: linear-gradient(#FCFCFC, white); !important;
border: 1px double silver !important;
text-align: center;
height:24px;
color: silver !important;
margin-right: 2px;
}


li#ca-edit, li#ca-talk, li#ca-nstab-mediawiki, li#ca-nstab-main, li#ca-history, li#ca-addsection
{
background-image: linear-gradient(#FCFCFC, white); !important;
border: 1px double silver !important;
width: 110px !important;
text-align: center;
height:24px;
color: silver !important;
margin-right: 2px;
}

li#ca-edit
{
margin-left: -1px;
}

li#ca-edit.selected, li#ca-talk.selected, li#ca-nstab-mediawiki.selected, li#ca-nstab-main.selected, li#ca-history.selected, li#ca-addsection.selected, li#ca-viewsource.selected
{
font-weight: bold;
color: black;
}

li#ca-unwatch, li#unwatch, li#ca-watch /*Etoile*/
{
position: absolute;
top: 34px;
right: 26.8%;
background-image: none !important;
}

div.vectorTabs ul li#ca-unwatch, div.vectorTabs ul li#unwatch, div.vectorTabs ul li#ca-watch
{
background-color: transparent !important;
}

#ca-unwatch.icon a, #ca-watch.icon a
{
padding-top: 16px !important;
}

li#ca-view /*bouton "Lire"*/
{
display: none;
}

#left-navigation
{
font-variant: small-caps !important;
}

#right-navigation
{
font-variant: small-caps !important;
}

div.vectorTabs span a
{
padding-top: 4px !important;
}

div.vectorTabs, div.vectorTabs ul, div.vectorTabs span /*bordure bleue moche*/
{
background-image: none !important;
background-color: transparent !important;
}

#p-personal /*barre Admin en haut à droite*/
{
font-variant: small-caps !important;
}

#p-cactions-label /*Plus*/
{
font-variant: small-caps !important;
}

input#searchInput /*Barre de recherche*/
{
font-variant: small-caps !important;
}

a.new
{
color: black !important;
}

/**************************/
/********* Slider *********/
/**************************/

div.thumbinner
{
min-height: 160px;
border: none !important;
padding: 0px !important;
width: 100% !important;
}

div.tright
{
margin: 0px !important;
}

div.tleft
{
margin: 0px !important;
width:100% !important;
}

img.thumbimage
{
height: 180px !important;
width: 100% !important;
}

.thumbcaption
{
display: none !important;
}

div.floatleft, table.floatleft
{
margin: 0 !important;
}

/**********FOOTER***********/

ul#footer-places
{
font-variant: small-caps !important;
}

ul#footer-info
{
font-variant: small-caps !important;
}



/************************ Titre article *********************************/
h1#firstHeading
{
background-color: #DBD7D7;
border: 1px solid grey;
text-align: center;
margin-top: 35px;
font-variant: small-caps !important;
}

/*********************** Ecriture lien *****************************/
a
{
color: #B4004E !important;
}

.mw-body .external
{
background: none !important;
background-image: none !important;
background-size: 0px 0px;
margin-right: 0px;
padding-right: 0px;
}

#carre20
{
background-image:url("https://images.designtrends.com/wp-content/uploads/2016/10/07165603/Natural-White-Marble-Texture.jpg");
background-size: 100% 100%;
}


#contentSub
{
display: none !important;
}

#contentsize
{
width: 100%;
}

/*********** Responsive ************/

@media screen and (max-width: 1280px)
{
/*
#titre-vert-sous-cat
    {
        color: red; 
        background-color: black;
        font-size: 1.2em;
    }
*/
}
Récupérée de « https://odr.inra.fr/intranet/carto/cartowiki/index.php?title=MediaWiki:Common.css&oldid=16141 »