MediaWiki:Common.css : Différence entre versions
De Wiki ODR
Ligne 469 : | Ligne 469 : | ||
{ | { | ||
width: 100%; | width: 100%; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Version du 28 février 2018 à 10:26
/* 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; } /**************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; } }