MediaWiki:Common.css : Différence entre versions
De Wiki ODR
(78 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 5 : | Ligne 5 : | ||
{ | { | ||
background-color: #FCFCFC; | 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; | ||
} | } | ||
Ligne 11 : | Ligne 44 : | ||
{ | { | ||
background-color: #FCFCFC; | 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; | ||
} | } | ||
Ligne 66 : | Ligne 116 : | ||
.mw-body { | .mw-body { | ||
border: none !important; | border: none !important; | ||
+ | padding-right: 20px; !important; | ||
+ | padding-top: 5px; | ||
+ | margin-left: 12em !important; | ||
} | } | ||
/**************Début des carrés de l'accueil************/ | /**************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 | #carre7 | ||
Ligne 104 : | Ligne 163 : | ||
/********Fin des carrés de l'accueil*********/ | /********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 | #right-navigation | ||
Ligne 126 : | Ligne 281 : | ||
/*********************************/ | /*********************************/ | ||
− | li#ca-edit, li#ca-talk, li#ca-nstab-mediawiki, li#ca-nstab-main, li#ca-history, li#ca-addsection | + | 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; | background-image: linear-gradient(#FCFCFC, white); !important; | ||
Ligne 275 : | Ligne 442 : | ||
} | } | ||
− | /*********************** | + | /*********************** Ecriture lien *****************************/ |
a | a | ||
{ | { | ||
Ligne 283 : | Ligne 450 : | ||
.mw-body .external | .mw-body .external | ||
{ | { | ||
− | background-image: | + | background: none !important; |
− | background-size: | + | background-image: none !important; |
+ | background-size: 0px 0px; | ||
+ | margin-right: 0px; | ||
+ | padding-right: 0px; | ||
} | } | ||
Ligne 293 : | Ligne 463 : | ||
} | } | ||
− | + | ||
+ | #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; } */ }