MediaWiki:Vector.css
From Solarpedia
Revision as of 05:50, 26 February 2017 by Solarpedia (Talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */ body { background: #ffffff url(fond.jpg) 0 0 repeat-x; color: black; margin: 0; padding: 0; } body.page-Accueil h1.firstHeading { display:none; } /* Head */ #mw-page-base { height: 5em; /* @embed */ background: #ffffff url(fond.jpg) 0 0 repeat-x; } #mw-head-base { margin-top: -5em; margin-left: 10em; height: 5em; /* @embed */ background: #ffffff url(fond.jpg) 0 0 repeat-x; } .mw-body-content { position: relative; line-height: 1.6; font-size: 0.875em; z-index: 0; height: 100%; } iframe { height: 100%; width: 100%; } /* Panel */ div#mw-panel { position: absolute; top: 160px; padding-top: 1em; width: 10em; left: 0; } div#mw-panel div.portal { padding-bottom: 1.5em; direction: ltr; } div#mw-panel div.portal h5 { font-weight: normal; color: #444444; padding: 0.25em; padding-top: 0; padding-left: 1.75em; cursor: default; border: none; font-size: 0.75em; } div#mw-panel div.portal div.body { margin: 0; padding-top: 0.5em; margin-left: 1.25em; /* @embed */ background-image: url(images/portal-break.png); background-repeat: no-repeat; background-position: top left; } div#mw-panel div.portal div.body ul { list-style: none; list-style-image: none; list-style-type: none; padding: 0; margin: 0; } div#mw-panel div.portal div.body ul li { line-height: 1.125em; padding: 0; padding-bottom: 0.5em; margin: 0; overflow: hidden; font-size: 0.75em; } div#mw-panel div.portal div.body ul li a { color: #0645ad; } div#mw-panel div.portal div.body ul li a:visited { color: #0b0080; } /* Logo */ #p-logo { position: absolute; top: -160px; left: 0; width: 10em; height: 160px; } #p-logo a { display: block; width: 10em; height: 160px; background-repeat: no-repeat; background-position: center center; text-decoration: none; } .mw-wiki-logo { background-image: url("images/logo_main.png"); } /* acceuil */ #colonneacceuil { float:left; border:1px solid #3C3CFF; -moz-border-radius:10px; background: white url("http://fr.solarpedia.net/images/fond_menu.jpg"); background-repeat: repeat-y; } #acceuilheader { min-width:820px; max-width:1000px; margin:0 auto; } #acceuilheader2 { float: left; margin:20px auto; width: 100%; } #acceuilheaderleft { float: left; margin:20px auto; width: 100%; } #acceuilheaderright { float: right; width: 260px; margin:20px auto; } #acceuilheadercontenuleft { float: left; width: 100%; background:#fcfcfc; border:1px solid #ccc; padding: 10px 0px 10px 10px; } #acceuilheadercontenuright { float: left; width: 100%; background:#fcfcfc; border:1px solid #ccc; padding: 10px 0px 10px 10px; -moz-border-radius-topright : 10px; } #acceuilmain1 { min-width: 820px; max-width: 1000px; margin:0 auto; } #acceuilleft { float:left; padding: 0; border:1px solid #8ac702; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); width:260px; height: 300px; font-size:100%; background:url("http://fr.solarpedia.net/images/fond_menu1.png") top right repeat-x; } .acceuiltitle { float: left; width: 165px; padding: 10px 5px; position:relative; z-index: 2; } #acceuiltitleleft a:link {color: #8ac702;} #acceuiltitleright a:link {color: #024bca;} #acceuiltitlemiddle a:link {color: #CC0000;} #acceuiltitleleft a:visited {color: #8ac702;} #acceuiltitleright a:visited {color: #024bca;} #acceuiltitlemiddle a:visited {color: #CC0000;} .acceuillogo { float: left; position:relative; z-index: 2; } .acceuilsubmenu a:link {color: #444444;} .acceuilsubmenu a:visited {color: #444444;} .acceuilsubmenu { float: left; padding: 10px; position:relative; z-index: 2; width: 240px; } #acceuilright { float:right; border:1px solid #024bca; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); width:260px; height: 300px; font-size:100%; background:url("http://fr.solarpedia.net/images/fond_menu3.png") top right repeat-x; } #acceuilmiddle { margin: 0 auto; width:260px; height: 300px; border:1px solid #CC0000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); font-size:100%; background:url("http://fr.solarpedia.net/images/fond_menu2.png") top right repeat-x; } #acceuiltitleleft a:link {color: #8ac702;} #acceuiltitleright a:link {color: #024bca;} #acceuiltitlemiddle a:link {color: #CC0000;} #acceuilmenu { float:left; font-size:90%; padding:10px 0px 0px 0px; } #acceuilmenu a:link {color: #444444;} .acceuilcleaner { clear:both; height:1px; font-size:1px; margin:0; padding:0; background: #fff; } #acceuilmain3 { width: 100%; margin:0 auto; padding:0; } #acceuilactualitetitle { float: left; width: 100%; background:#fcfcfc; border:1px solid #ccc; padding: 2px 8px; -moz-border-radius-topright : 10px; } #acceuilactualitecontenu { float: left; width: 100%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #acceuilactualite { float: left; margin:40px auto; padding:0; width: 60%; } #acceuilressources{ float: right; width: 33%; margin:40px auto; padding:0; } #acceuilressourcestitle { float: left; background:#fcfcfc; border:1px solid #ccc; padding: 2px 8px; -moz-border-radius-topright : 10px; } #acceuilressourcescontenu { float: left; width: 100%; background:#fcfcfc; border:1px solid #ccc; padding: 10px 0px 10px 10px; -moz-border-radius-topright : 10px; } /* BAS DE PAGE */ #acceuilmain4 { width: 100%; margin:0 auto; padding:0; } #acceuilreseauxsociaux { float: left; margin:40px auto; padding:0; width: 60%; } #acceuilhebergement{ float: right; width: 33%; margin:40px auto; padding:0; } /* ACTUALITES */ #actualitecontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Actus_titre { float: left; font-weight: bold; width: 100%; } #Actus_article { float: left; border:1px solid #ccc; margin: 4px; } #Actus_contenu { float: left; width: 100%; margin: 4px; } #Actus_image { float: left; margin: 4px; } #Actus_bas { width: 100%; } /* FORMATIONS */ #formationcontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Form_titre { float: left; font-weight: bold; width: 100%; color: #002bb8; } #Form_article { float: left; border:1px solid #ccc; margin: 4px; } #Form_contenu { float: left; width: 100%; margin: 4px; } #Form_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* EVENEMENTS */ #eventscontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Evt_titre { float: left; font-weight: bold; width: 100%; color: #002bb8; } #Evt_article { float: left; border:1px solid #ccc; margin: 4px; } #Evt_contenu { float: left; width: 100%; margin: 4px; } #Evt_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* VIDEOS */ #Vid_contenu { float: left; width: 94%; padding: 10px; border:1px solid #ccc; } #Vid_contenu_bas { float: left; width: 94%; padding: 10px; border:1px solid #ccc; } #Vid_mainvideo { float: left; padding: 14px; border:1px solid #ccc; } #Vid_maindesc { float: left; padding: 14px; width: 282px; border:1px solid #ccc; } .Vid_titre { font-weight: bold; color: #002bb8; } .Vid_par { font-weight: bold; color: #ffc311; border:1px solid #ccc; } .Vid_bloc { float: left; padding: 14px; border:1px solid #ccc; width: 260px; } /* FORMULAIRES */ .focus { background: #ff9 } /* MAGAZINES */ #Magcontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; font-size: 0.875em; } #Mag_titre { font-weight: bold; color: #002bb8; margin: 5px; } #Mag_logo { float: right; margin: 5px; } #Mag_logo2 { margin: 5px; } #Mag_article { width: 800px; border:1px solid #ccc; margin: 4px; padding: 10px; } #Mag_contenu { float: left; width: 94%; margin: 4px; } #Mag_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* RECHERCHE ET FORMATION */ #Rechcontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Rechtitre { font-weight: bold; color: #002bb8; margin: 5px; } #Rech_logo { float: right; margin: 5px; } #Rech_logo2 { margin: 5px; } #Rech_article { width: 800px; border:1px solid #ccc; margin: 4px; padding: 10px; } #Rech_contenu { float: left; width: 94%; margin: 4px; } #Rech_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* ENTREPRISES */ #etpleft { float:left; padding: 0; border:1px solid #8ac702; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); width:260px; height: 520px; background:url("http://fr.solarpedia.net/images/fond_menu1.png") top right repeat-x; } #etpright { float:right; border:1px solid #024bca; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); width:260px; height: 520px; background:url("http://fr.solarpedia.net/images/fond_menu3.png") top right repeat-x; } #etpmiddle { margin: 0 auto; width:260px; height: 520px; border:1px solid #CC0000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); background:url("http://fr.solarpedia.net/images/fond_menu2.png") top right repeat-x; } /* FABRICANTS */ #Fabcontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Fab_titre { font-weight: bold; color: #002bb8; margin: 5px; } #Fab_logo { float: right; margin: 5px; } #Fab_pays { margin: 5px; } #Fab_article { width: 800px; border:1px solid #ccc; margin: 4px; padding: 10px; } #Fab_contenu { float: left; width: 94%; margin: 4px; } #Fab_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* INSTALLATEURS */ #installcontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Inst_titre { font-weight: bold; color: #002bb8; margin: 5px; } #Inst_logo { float: right; margin: 5px; } #Inst_article { width: 640px; border:1px solid #ccc; margin: 4px; padding: 10px; } #Inst_contenu { float: left; width: 100%; margin: 4px; } #Inst_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* EMPLOIS */ #Emplcontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Empl_titre { font-weight: bold; color: #002bb8; margin: 5px; } #Empl_logo { float: right; margin: 5px; } #Empl_article { width: 800px; border:1px solid #ccc; margin: 4px; padding: 10px; } #Empl_contenu { float: left; width: 94%; margin: 4px; } #Empl_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* ORGANISMES */ #Orgcontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Org_titre { font-weight: bold; color: #002bb8; margin: 5px; } #Org_logo { float: right; margin: 5px; } #Org_article { width: 800px; border:1px solid #ccc; margin: 4px; padding: 10px; } #Org_contenu { float: left; width: 94%; margin: 4px; } #Org_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* SITES PERSOS */ #Persocontenu { float: left; width: 94%; background:#fcfcfc; border:1px solid #ccc; padding: 10px; -moz-border-radius-topright : 10px; } #Perso_titre { font-weight: bold; color: #002bb8; margin: 5px; } #Perso_logo { float: right; margin: 5px; } #Perso_article { width: 800px; border:1px solid #ccc; margin: 4px; padding: 10px; } #Perso_contenu { float: left; width: 94%; margin: 4px; } #Perso_bas { width: 100%; margin: 4px; color: #444444; font-weight: italic; } /* CSS de MODALBOX */ #MB_overlay { position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000!important; } #MB_overlay[id] { position: fixed; } #MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; } #MB_window[id] { position: fixed!important; } #MB_frame { position: relative; background-color: #EFEFEF; height: 100%; } #MB_header { margin: 0; padding: 0; } #MB_content { padding: 6px .75em; overflow: auto; } #MB_caption { font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; } #MB_close { display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; } #MB_close:hover { background: transparent; } #MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(spinner.gif) 50% 0 no-repeat; } /* Color scheme */ #MB_frame { padding-bottom: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #MB_window { background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 0 64px #000; box-shadow: 0 0 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #MB_content { border-top: 1px solid #F9F9F9; } #MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; } #MB_caption { color: #000 } #MB_close { color: #777 } #MB_close:hover { color: #000 } /* Alert message */ .MB_alert { margin: 10px 0; text-align: center; } /* increase Vector sidebar width to accommodate ads */ div#mw-panel { width: 12em; } div#footer, #mw-head-base, div#content { margin-left: 12em; } #left-navigation { margin-left: 12em; }