MediaWiki:Common.css : Différence entre versions
De Wiki ODR
Ligne 148 : | Ligne 148 : | ||
background-image: none !important; | background-image: none !important; | ||
background-color: transparent !important; | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | /**************************/ | ||
+ | /********* Slider *********/ | ||
+ | /**************************/ | ||
+ | |||
+ | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600); | ||
+ | |||
+ | html { | ||
+ | border-top: 5px solid #fff; | ||
+ | background: #58DDAF; | ||
+ | color: #2a2a2a; | ||
+ | } | ||
+ | |||
+ | html, body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-family: 'Open Sans'; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | #slider { | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | margin: 20px auto 0 auto; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | #slider ul { | ||
+ | position: relative; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | height: 200px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #slider ul li { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 500px; | ||
+ | height: 300px; | ||
+ | background: #ccc; | ||
+ | text-align: center; | ||
+ | line-height: 300px; | ||
+ | } | ||
+ | |||
+ | a.control_prev, a.control_next { | ||
+ | position: absolute; | ||
+ | top: 40%; | ||
+ | z-index: 999; | ||
+ | display: block; | ||
+ | padding: 4% 3%; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | background: #2a2a2a; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | font-weight: 600; | ||
+ | font-size: 18px; | ||
+ | opacity: 0.8; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | a.control_prev:hover, a.control_next:hover { | ||
+ | opacity: 1; | ||
+ | -webkit-transition: all 0.2s ease; | ||
+ | } | ||
+ | |||
+ | a.control_prev { | ||
+ | border-radius: 0 2px 2px 0; | ||
+ | } | ||
+ | |||
+ | a.control_next { | ||
+ | right: 0; | ||
+ | border-radius: 2px 0 0 2px; | ||
+ | } | ||
+ | |||
+ | .slider_option { | ||
+ | position: relative; | ||
+ | margin: 10px auto; | ||
+ | width: 160px; | ||
+ | font-size: 18px; | ||
} | } |
Version du 27 juin 2017 à 10:19
/* Le CSS placé ici sera appliqué à tous les habillages. */ /* Ensemble page */ body, html { background-color: #FCFCFC; } /* Barre du haut de l'écran*/ #mw-head /*header*/ { background-color: #FCFCFC; } /* 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; } #right-navigation { float:left !important; margin-top: 55px !important; } #left-navigation { margin-top: 55px !important; } h1#firstHeading { margin-top: 10px; } /*********************************/ /********** Boutons **************/ /*********************************/ 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.selected, li#ca-talk.selected, li#ca-nstab-mediawiki.selected, li#ca-nstab-main.selected, li#ca-history.selected, li#ca-addsection.selected { font-weight: bold; color: black; } li#ca-unwatch, li#unwatch, li#ca-watch /*Etoile*/ { position: absolute; top: 40px; right: 28%; 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; } /**************************/ /********* Slider *********/ /**************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600); html { border-top: 5px solid #fff; background: #58DDAF; color: #2a2a2a; } html, body { margin: 0; padding: 0; font-family: 'Open Sans'; } h1 { color: #fff; text-align: center; font-weight: 300; } #slider { position: relative; overflow: hidden; margin: 20px auto 0 auto; border-radius: 4px; } #slider ul { position: relative; margin: 0; padding: 0; height: 200px; list-style: none; } #slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 500px; height: 300px; background: #ccc; text-align: center; line-height: 300px; } a.control_prev, a.control_next { position: absolute; top: 40%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; } a.control_prev:hover, a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } a.control_prev { border-radius: 0 2px 2px 0; } a.control_next { right: 0; border-radius: 2px 0 0 2px; } .slider_option { position: relative; margin: 10px auto; width: 160px; font-size: 18px; }