MediaWiki:Common.css : Différence entre versions

Version du 28 février 2018 à 10:14

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

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