MediaWiki:Monobook.css : Différence entre versions

De OviWiki
Aller à : navigation, rechercher
 
(48 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 5 : Ligne 5 :
 
     font-family: "DejaVu Sans", Verdana, sans-serif;
 
     font-family: "DejaVu Sans", Verdana, sans-serif;
 
}
 
}
 +
  
 
p, li, a, dd, dt, td, th {
 
p, li, a, dd, dt, td, th {
Ligne 62 : Ligne 63 :
 
.editsection a:visited {
 
.editsection a:visited {
 
     color:#555;
 
     color:#555;
     text-decoration:none;
+
     text-decoration:none !important;
     background:#e8e8e8;
+
     background:#f4f4f4;
 +
    background:-webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#f4f4f4)); /* for webkit browsers */
 +
    background:-moz-linear-gradient(top,  #d7d7d7,  #f4f4f4); /* for firefox 3.6+ */
 
     border:#b7b7b7 1px solid;
 
     border:#b7b7b7 1px solid;
 +
    border-radius:4px;
 
     -moz-border-radius:4px;
 
     -moz-border-radius:4px;
 +
    -webkit-border-radius:4px;
 
     padding:1px 3px;
 
     padding:1px 3px;
 
     font-size:8pt;
 
     font-size:8pt;
 +
 +
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
 +
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
 +
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
 
}
 
}
  
Ligne 74 : Ligne 83 :
 
     color:#5c95bc;
 
     color:#5c95bc;
 
     border:#9fc6e1 1px solid;
 
     border:#9fc6e1 1px solid;
 +
 +
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
 +
    -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
 +
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
 +
}
 +
 +
 +
 +
 +
.bg-bloc {
 +
    margin:.2em 0 1em 0;
 +
    padding:.4em;
 +
    border:#9fc6e1 1px solid;
 +
    border-radius:4px;
 +
    -moz-border-radius:4px;
 +
    -webkit-border-radius:4px;
 +
    background:#dce7ef;
 +
 +
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
 +
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
 +
}
 +
 +
 +
.bg-bloc a,
 +
.bg-bloc a:visited {
 +
    text-decoration:underline;
 +
    color:#000;
 +
}
 +
 +
.bg-bloc a:hover {
 +
    text-decoration:none;
 +
    color:#606f8c;
 +
}
 +
 +
 +
.bg-bloc li a,
 +
.bg-bloc li a:visited {
 +
    color:#000;
 +
}
 +
 +
.bg-bloc li a.new,
 +
.bg-bloc li a.new:visited {
 +
    color:red;
 +
}
 +
 +
.bg-bloc li a:hover {
 +
    text-decoration:underline;
 +
    color:#606f8c;
 +
}
 +
 +
 +
.bg-bloc h3 {
 +
    background:#4a576b;
 +
    background:-webkit-gradient(linear, left top, left bottom, from(#4a576b), to(#6a7b94)); /* for webkit browsers */
 +
    background:-moz-linear-gradient(top,  #4a576b,  #6a7b94); /* for firefox 3.6+ */
 +
    color:#fff;
 +
    padding:.1em .5em;
 +
    margin:0 0 .8em 0;
 +
    border-radius:4px;
 +
    -moz-border-radius:4px;
 +
    -webkit-border-radius:4px;
 +
}
 +
 +
 +
 +
.bg-green {
 +
    background:#d8ecd3;
 +
    border-color#8aa478;
 +
   
 +
}
 +
 +
.bg-green h3 {
 +
    background:#577642;
 +
    background:-webkit-gradient(linear, left top, left bottom, from(#577642), to(#7fa764)); /* for webkit browsers */
 +
    background:-moz-linear-gradient(top,  #577642,  #7fa764); /* for firefox 3.6+ */
 +
}
 +
 +
.bg-grey {
 +
    background:#ededed;
 +
    border-color:#cdcdcd;
 +
}
 +
 +
.bg-grey h3 {
 +
    background:#8a8a8a;
 +
    background:-webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#b0b0b0)); /* for webkit browsers */
 +
    background:-moz-linear-gradient(top,  #8a8a8a,  #b0b0b0); /* for firefox 3.6+ */
 +
}
 +
 +
 +
 +
.bg-orange {
 +
    background:#ffecdc;
 +
    border-color:#ffbf8c;
 +
}
 +
 +
.bg-orange h3 {
 +
    background:#ff801a;
 +
    background:-webkit-gradient(linear, left top, left bottom, from(#ff801a), to(#ffac68)); /* for webkit browsers */
 +
    background:-moz-linear-gradient(top, #ff801a,  #ffac68); /* for firefox 3.6+ */
 +
}
 +
 +
.bg-violet {
 +
    background:#f2eaf9;
 +
    border-color:#c7b9d5;
 +
}
 +
 +
.bg-violet h3 {
 +
    background:#9d8dae;
 +
    background:-webkit-gradient(linear, left top, left bottom, from(#9d8dae), to(#b5a3c8)); /* for webkit browsers */
 +
    background:-moz-linear-gradient(top,  #9d8dae,  #b5a3c8); /* for firefox 3.6+ */
 +
}
 +
 +
 +
.bg-white {
 +
    background:#fff;
 +
    border-color:#9ea4b5;
 +
}
 +
 +
.bg-white h3 {
 +
    background:transparent;
 +
    color:#405694;
 +
}
 +
 +
 +
.MenuItem {
 +
    /*border-top:#999 1px dashed;*/
 +
    padding:.4em 0 0 0;
 +
}
 +
 +
.bg-orange .MenuItem {
 +
    border-top:#ffd4b1 1px solid;
 +
}
 +
 +
.MenuItem table {
 +
    background:transparent;
 +
    margin:0;
 +
}
 +
 +
.MenuItem td {
 +
    padding:0 .4em;
 +
}
 +
 +
#p-logo a:link,
 +
#p-logo a:visited,
 +
#p-logo a:hover {
 +
    outline: none !important;
 
}
 
}

Version actuelle en date du 16 septembre 2010 à 13:14

/* Le CSS placé ici affectera les utilisateurs du skin Monobook */

body {
    font-size: 9pt;
    font-family: "DejaVu Sans", Verdana, sans-serif;
}


p, li, a, dd, dt, td, th {
    font-size: 9pt;
    font-family: "DejaVu Sans", Verdana, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #777788;
}

h1 {
    letter-spacing: -0.5px;
}

h2 {
    letter-spacing: -0.3px;
}

pre {
    font-size: 9pt;
    overflow: auto;
    line-height: 1.2em;
}

table.prettytable {
    border-collapse: collapse;
    border: 1px solid #dddddd;
}

table.prettytable td, table.prettytable th {
    font-size: 9pt;
    font-family: "DejaVu Sans", Verdana, sans-serif;
    border: 1px solid #dddddd;
    padding-left: 1em;
    padding-right: 1em;
}

div.thumbcaption, div.thumbcaption p, div.thumbcaption li, div.thumbcaption a, div.thumbcaption dd, div.thumbcaption dt {
    font-size: 8pt;
}


code {
    color:#425fb0;
    font-weight:bold;
}


.editsection {
    color:transparent;
}

.editsection a,
.editsection a:visited {
    color:#555;
    text-decoration:none !important;
    background:#f4f4f4;
    background:-webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#f4f4f4)); /* for webkit browsers */
    background:-moz-linear-gradient(top,  #d7d7d7,  #f4f4f4); /* for firefox 3.6+ */
    border:#b7b7b7 1px solid;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:1px 3px;
    font-size:8pt;

    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

.editsection a:hover {
    background:#dce7ef;
    color:#5c95bc;
    border:#9fc6e1 1px solid;

    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
}




.bg-bloc {
    margin:.2em 0 1em 0;
    padding:.4em;
    border:#9fc6e1 1px solid;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#dce7ef;

    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}


.bg-bloc a, 
.bg-bloc a:visited {
    text-decoration:underline;
    color:#000;
}

.bg-bloc a:hover {
    text-decoration:none;
    color:#606f8c;
}


.bg-bloc li a, 
.bg-bloc li a:visited {
    color:#000;
}

.bg-bloc li a.new, 
.bg-bloc li a.new:visited {
    color:red;
}

.bg-bloc li a:hover {
    text-decoration:underline;
    color:#606f8c;
}


.bg-bloc h3 {
    background:#4a576b;
    background:-webkit-gradient(linear, left top, left bottom, from(#4a576b), to(#6a7b94)); /* for webkit browsers */
    background:-moz-linear-gradient(top,  #4a576b,  #6a7b94); /* for firefox 3.6+ */
    color:#fff;
    padding:.1em .5em;
    margin:0 0 .8em 0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}



.bg-green {
    background:#d8ecd3;
    border-color#8aa478;
    
}

.bg-green h3 {
    background:#577642;
    background:-webkit-gradient(linear, left top, left bottom, from(#577642), to(#7fa764)); /* for webkit browsers */
    background:-moz-linear-gradient(top,  #577642,  #7fa764); /* for firefox 3.6+ */
}

.bg-grey {
    background:#ededed;
    border-color:#cdcdcd;
}

.bg-grey h3 {
    background:#8a8a8a;
    background:-webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#b0b0b0)); /* for webkit browsers */
    background:-moz-linear-gradient(top,  #8a8a8a,  #b0b0b0); /* for firefox 3.6+ */
}



.bg-orange {
    background:#ffecdc;
    border-color:#ffbf8c;
}

.bg-orange h3 {
    background:#ff801a;
    background:-webkit-gradient(linear, left top, left bottom, from(#ff801a), to(#ffac68)); /* for webkit browsers */
    background:-moz-linear-gradient(top, #ff801a,  #ffac68); /* for firefox 3.6+ */
}

.bg-violet {
    background:#f2eaf9;
    border-color:#c7b9d5;
}

.bg-violet h3 {
    background:#9d8dae;
    background:-webkit-gradient(linear, left top, left bottom, from(#9d8dae), to(#b5a3c8)); /* for webkit browsers */
    background:-moz-linear-gradient(top,  #9d8dae,  #b5a3c8); /* for firefox 3.6+ */
}


.bg-white {
    background:#fff;
    border-color:#9ea4b5;
}

.bg-white h3 {
    background:transparent;
    color:#405694;
}


.MenuItem {
    /*border-top:#999 1px dashed;*/
    padding:.4em 0 0 0;
}

.bg-orange .MenuItem {
     border-top:#ffd4b1 1px solid;
}

.MenuItem table {
    background:transparent;
    margin:0;
}

.MenuItem td {
    padding:0 .4em;
}

#p-logo a:link,
#p-logo a:visited,
#p-logo a:hover {
    outline: none !important;
}