Différences entre versions de « MediaWiki:Common.css »

De Wikimatica
 
(27 versions intermédiaires par le même utilisateur non affichées)
Ligne 3 : Ligne 3 :
  
 
body{
 
body{
    font-family: 'Poppins', sans-serif;
+
  font-family: 'Poppins', sans-serif;
}
+
  background: linear-gradient(90deg,#0a0a0a 0%,#111921 100%);
 
 
.title-name  {
 
    background: #fff none repeat scroll 0 0;
 
    padding:0 30px;
 
    margin:0;
 
    color: #000;
 
}
 
 
 
.top-bar .toggle-topbar.menu-icon a {
 
    color: #006398;
 
}
 
 
 
.top-bar .toggle-topbar.menu-icon a span {
 
    box-shadow: 0 10px 0 1px #006398, 0 16px 0 1px #006398, 0 22px 0 1px #006398;
 
}
 
 
.top-bar {
 
    background: linear-gradient(90deg, #0a0a0a 0%, #111921 100%);
 
    box-shadow: 0 0 10px #000;
 
    position: fixed;
 
    top:0;
 
    height: 50px;
 
}
 
 
 
.top-bar .name h1,
 
.top-bar .name h1 a {
 
    color: #970000 !important;
 
}
 
 
 
.top-bar-section ul#top-bar-left.left li.divider {
 
    border-color: #fff;
 
}
 
 
.top-bar-section ul li.active > a {
 
  background: #006398 none repeat scroll 0 0;
 
    color: #fff;
 
}
 
 
.top-bar-section ul li.hover > a,
 
.top-bar-section ul li ul.dropdown li.hover > a{
 
    background: #970000;
 
}
 
 
.top-bar-section ul li ul.dropdown li > a {
 
  background: #006398;
 
}
 
 
.top-bar-section > ul > .divider,
 
.top-bar-section > ul > [role="separator"] {
 
    border-color: -moz-use-text-color #006398;
 
    border-right: solid 1px #006398;
 
    border-left: solid 1px #006398;
 
}
 
 
.top-bar-section .has-form {
 
    /*background: #006398 none repeat scroll 0 0;*/
 
}
 
 
.top-bar-section li a:not(.button) {
 
  background: #006398;
 
}
 
 
button,
 
.button,
 
.multipleTemplateAdder {
 
    background-color: #970000;
 
    border-color: #970000;
 
}
 
 
button:hover,
 
button:focus,
 
.button:hover,
 
.button:focus {
 
    background-color: #c06666;
 
}
 
 
input#wpPreview {
 
    background-color: #970000;
 
    border-color: #970000;
 
    color: #fff;
 
}
 
 
input[type="submit"] {
 
    background-color: #970000;
 
    border-color: #970000;
 
}
 
 
.label {
 
    background-color: #970000;
 
}
 
 
a {
 
    color: #006398;
 
}
 
 
a:hover, a:focus {
 
    color: #66a1c1;
 
}
 
 
 
a.new {
 
    color: #970000;
 
 
}
 
}
  
 
.infobox {
 
.infobox {
 
     background: #eee;
 
     background: #eee;
     border: 1px solid #aaa;
+
     #border: 1px solid #aaa;
 
     float: right;
 
     float: right;
 
     margin: 0 0 1em 1em;
 
     margin: 0 0 1em 1em;
 
     padding: 1em;
 
     padding: 1em;
     width: 300px;
+
     width: 350px;
 +
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
 
}
 
}
 
.infobox-title {
 
.infobox-title {
Ligne 145 : Ligne 45 :
 
     font-weight: bold;
 
     font-weight: bold;
 
}
 
}
#content p{
+
 
     text-align:justify;
+
#mw-header-container{
 +
     background: linear-gradient(90deg, #0a0a0a 0%, #111921 100%);
 
}
 
}
.printfooter{
+
 
     padding-top: 20px;
+
#p-banner{
    font-size: 10px;
+
    color:#fff !important;
 +
    font-family: 'Poppins', sans-serif !important;
 +
}
 +
 
 +
.color-left, .color-right, .color-middle{
 +
     background: #2b99c5 !important;
 +
}
 +
 
 +
/*#personal span{
 +
  display:none !important;
 +
}*/
 +
 
 +
#mw-footer-container{
 +
  background: linear-gradient(90deg, #0a0a0a 0%, #111921 100%);
 +
}
 +
 
 +
.mw-footer-container{
 +
  border-top: solid 1px #2b99c5;
 +
}
 +
 
 +
 
 +
#mw-content-container{
 +
  border-bottom: solid 4px #2b99c5;
 +
}
 +
 
 +
#content p, #content big{
 +
  text-align: justify;
 
}
 
}
  
.top-bar-section ul li{
+
.mw-body h3{
    background: none !important;
+
  margin: 1.25em 0 0 0 !important;
 
}
 
}

Version actuelle datée du 3 décembre 2020 à 07:48

/* Le CSS placé ici sera appliqué à tous les habillages. */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
   font-family: 'Poppins', sans-serif;
   background: linear-gradient(90deg,#0a0a0a 0%,#111921 100%);
}

.infobox {
    background: #eee;
    #border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 350px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.infobox-title {
    background: #e0e0e0;
    font-size: 2em;
    text-align: center;
    margin-bottom: 10px;
}
.infobox-image {
    text-align: center;
    margin-bottom: 10px;
}
.infobox .infosub{
    background: #e0e0e0;
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

.infobox table{
    width: 100%;
}

.infobox td {
    vertical-align: top;
}

.infobox .param{
    font-weight: bold;
}

#mw-header-container{
    background: linear-gradient(90deg, #0a0a0a 0%, #111921 100%);
}

#p-banner{
    color:#fff !important;
    font-family: 'Poppins', sans-serif !important;
}

.color-left, .color-right, .color-middle{
    background: #2b99c5 !important;
}

/*#personal span{
   display:none !important;
}*/

#mw-footer-container{
   background: linear-gradient(90deg, #0a0a0a 0%, #111921 100%);
}

.mw-footer-container{
   border-top: solid 1px #2b99c5;
}


#mw-content-container{
   border-bottom: solid 4px #2b99c5;
}

#content p, #content big{
   text-align: justify;
}

.mw-body h3{
   margin: 1.25em 0 0 0 !important;
}