Utilisateur:Reaper/common.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

#mp-frame {
  width: 100% !important;
}

#mp-frame #mp-first-tab {
  width: auto !important;
  border-radius: 0 !important;
  vertical-align: baseline !important;
  padding: 15px !important;
  color: #333333 !important;
  margin-left: 1px !important;
  background-color: lightgray;
}

#mp-frame #mp-zero-tab {
  vertical-align: top !important;
}

#mp-frame #mp-second-tab, #mp-frame #mp-zero-tab {
  width: 150px !important !important;
  color: lightgray;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important;
}

#mp-frame #mp-third-tab {
  width: auto !important;
  background-color: lightgray !important;
  vertical-align: top !important;
  text-align: center !important;
  padding: 10px !important;
  border-radius: 15px 15px 15px 15px !important;
  color: #333333 !important;
}

#mp-frame #mp-second-tab table, #mp-frame #mp-zero-tab table {
  margin: 0 !important;
}

#mp-frame #mp-second-tab th, #mp-frame #mp-zero-tab th {
  height: 35px;
}

#mp-frame #mp-second-tab th {
  color: #333;
  background-color: darkcyan;
  border-radius: 0 15px 0 0;
}

#mp-frame #mp-zero-tab th {
  color: #333;
  background-color: darkgoldenrod;
  border-radius: 15px 0 0 0;
}

#mp-frame #mp-second-tab table tr td, #mp-frame #mp-zero-tab table tr td {
  font-weight: bold !important;
  color: black !important;
  text-align: center !important;
  padding: 0 !important;
}

#mp-frame #mp-second-tab table tr td {  
  background: dodgerblue; /* Old browsers */
  background: -moz-linear-gradient(left, lightgray 10%, dodgerblue 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(10%,lightgray), color-stop(100%,dodgerblue)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, lightgray 10%,dodgerblue 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, lightgray 10%,dodgerblue 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, lightgray 10%,dodgerblue 100%); /* IE10+ */
  background: linear-gradient(to right, lightgray 10%,dodgerblue 100%); /* W3C */
}

#mp-frame #mp-zero-tab table tr td {
  background: goldenrod; /* Old browsers */
  background: -moz-linear-gradient(left, goldenrod 30%, lightgray 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(30%,goldenrod), color-stop(100%,lightgray)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, goldenrod 30%,lightgray 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, goldenrod 30%,lightgray 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, goldenrod 30%,lightgray 100%); /* IE10+ */
  background: linear-gradient(to right, goldenrod 30%,lightgray 100%); /* W3C */
}

#mp-frame #mp-second-tab table tr td a:hover, #mp-frame #mp-zero-tab table tr td a:hover {
  text-decoration: none !important;
}

#mp-frame #mp-zero-tab a {
  color: #333 !important;
}

#mp-frame #mp-second-tab a {
  color: #333 !important;
}

#mp-frame #mp-second-tab table tr td:hover, #mp-frame #mp-zero-tab table tr td:hover {
  cursor: pointer !important;
}

#mp-frame #mp-first-tab div {
  margin: 0 !important;
  padding: 0 !important;
}

#mp-frame #mp-third-tab div {
  margin:  0 !important;
  padding: 0 !important;
}

#mp-frame #mp-search {
  margin-top: 10px !important;
  padding: 3px !important;
  background-color: lightgray !important;
  border: 2px transparent !important;
  background: lightgray;
}

#mp-featured {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-width: 706px;
  border: none !important;
}

#mp-frame td {
  padding: 0 !important;
}

#mp-fiche {
  margin-top: 10px !important;
  background-color: lightgray !important;
  margin-left: 0 !important;
  border-radius: 0 0 0 25px !important;
  padding: 10px !important;
  width: 49% !important;
  margin-right: 1% !important;
}

#mp-image {
  background-color: lightgray !important;
  margin-top: 10px !important;
  margin-left: 1% !important;
  margin-right: 0 !important;
  border-radius: 0 0 25px 0 !important;
  padding: 10px !important;
  width: 49% !important;
  color: #333333 !important;
}

#mp-fiche, #mp-image {
  vertical-align: top !important;
}

#mp-fiche h3, #mp-image h3 {
  font-height: 15px !important;
  color: #333333 !important;
  font-variant: small-caps !important;
  text-align: center !important;
}

body.page-Accueil #content {
  padding: 0 !important;
  padding-left: 5px !important;
  padding-bottom: 15px !important;
}

#mp-frame #mp-tab-actus {
  margin-top: 10px !important;
  background-color: lightgray !important;
  border: 2px transparent !important;
  padding: 15px !important;
}

#mp-tab-actus td {
  padding: 10px !important;
}

#mp-tab-actus h3 {
  font-height: 15px !important;
  color: #333333 !important;
  font-variant: small-caps !important;
  text-align: center !important;
}

#mp-tab-project {
  margin-top: 10px !important;
  background-color: lightgray !important;
  border: 2px transparent !important;
  padding: 15px !important;
}

#mp-tab-project td {
  padding: 10px !important;
}

#mp-tab-project h3 {
  font-height: 15px !important;
  color: #333333 !important;
  font-variant: small-caps !important;
  text-align: center !important;
}

#mp-frame #mp-menu-g1, #mp-frame #mp-menu-g2 {
  width: 100% !important;
  height: 100% !important;
}

#mp-frame #mp-menu-g1 td, #mp-frame #mp-menu-g2 td {
  height: 28px !important;
}

#mp-frame #mp-menu-g1 td a, #mp-frame #mp-menu-g2 td a {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

#mp-frame #mp-menu-g1 td a:hover {
  background-color: palegoldenrod;
}

#mp-frame #mp-menu-g2 td a:hover {
  background-color: deepskyblue !important;
}

#mpbtlieux {
  border-radius: 0 !important;
}

#mpbtlieux a {
  border-radius: 0 !important;
}