HydraGPEBot (discussion | contributions) (GPE Bot Edit (ed44644f38c7d2193db866d373f391ad0c3d0803,23d9ad2b2ef7cf26064f870b515c63a3b965daa6)) |
Aucun résumé des modifications |
||
Ligne 6 : | Ligne 6 : | ||
a.watch-this-article { |
a.watch-this-article { |
||
− | background-image: url(" |
+ | background-image: url("/media/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */ |
} |
} |
||
Ligne 62 : | Ligne 62 : | ||
#content { |
#content { |
||
background: |
background: |
||
− | url(" |
+ | url("/media/2/27/M_Content_corner_top_left.png") no-repeat scroll left top border-box, |
− | url(" |
+ | url("/media/d/dd/M_Content_corner_top_right.png") no-repeat scroll right top border-box, |
− | url(" |
+ | url("/media/9/99/M_Content_corner_bottom_left.png") no-repeat scroll left bottom border-box, |
− | url(" |
+ | url("/media/2/2b/M_Content_corner_bottom_right.png") no-repeat scroll right bottom border-box, |
− | url(" |
+ | url("/media/2/22/M_Content_top.png") repeat-x scroll right top border-box, |
− | url(" |
+ | url("/media/b/b4/M_Content_left.png") repeat-y scroll left top border-box, |
− | url(" |
+ | url("/media/2/2d/M_Content_right.png") repeat-y scroll right top border-box, |
− | url(" |
+ | url("/media/0/03/M_Content_bottom.png") repeat-x scroll left bottom border-box, |
− | url(" |
+ | url("/media/3/3a/Bg.png") left top repeat padding-box; |
border: 20px solid transparent; |
border: 20px solid transparent; |
||
box-shadow: 0 0 15px rgba(0,0,0,0.8) inset; |
box-shadow: 0 0 15px rgba(0,0,0,0.8) inset; |
Version du 11 avril 2018 à 16:33
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */
.nomobile {
display: none;
}
a.watch-this-article {
background-image: url("/media/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */
}
/* search header */
.pre-content #page-actions {
background: rgba(0, 0, 0, 0.85) !important;
}
.overlay {
background: rgba(0, 0, 0, 0.85);
}
.overlay .overlay-header-container {
background: rgba(0, 0, 0, 0.85) !important;
}
.search-overlay .overlay-header,
.search-overlay .results {
background-color: rgba(0, 0, 0, 0.85) !important;
color: #D5D4D4;
}
.search-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
}
ul.suggestions-results,
ul.suggestions-results li {
background: rgba(0, 0, 0, 0.85);
color: #D5D4D4;
}
ul.suggestions-results li.suggestions-result {
color: #D5D4D4;
}
/* general header */
#mw-mf-header form,
#mw-mf-sq {
background: rgba(0, 0, 0, 0.85);
}
/* non-content area */
body {
background: #6b4537;
color: #D5D4D4;
}
.overlay-enabled, #content {
background: transparent;
}
#content {
background:
url("/media/2/27/M_Content_corner_top_left.png") no-repeat scroll left top border-box,
url("/media/d/dd/M_Content_corner_top_right.png") no-repeat scroll right top border-box,
url("/media/9/99/M_Content_corner_bottom_left.png") no-repeat scroll left bottom border-box,
url("/media/2/2b/M_Content_corner_bottom_right.png") no-repeat scroll right bottom border-box,
url("/media/2/22/M_Content_top.png") repeat-x scroll right top border-box,
url("/media/b/b4/M_Content_left.png") repeat-y scroll left top border-box,
url("/media/2/2d/M_Content_right.png") repeat-y scroll right top border-box,
url("/media/0/03/M_Content_bottom.png") repeat-x scroll left bottom border-box,
url("/media/3/3a/Bg.png") left top repeat padding-box;
border: 20px solid transparent;
box-shadow: 0 0 15px rgba(0,0,0,0.8) inset;
box-sizing: border-box;
}
.animations #mw-mf-page-center {
backface-visibility: hidden;
background-color: #6b4537;
min-height: 100%;
transition: transform 0.25s ease-in-out 0s, height 0s ease 0.5s;
}
#footer {
border-top: 1px solid #394147;
color: #D5D4D4;
}
#footer a {
color: #9cb7c2;
}
#footer h2 {
color: #ffffff;
}
/* content area */
a,
a:visited,
a.external {
color: #9CB0D1;
}
h1,
h2 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #000000;
color: #D5D4D4;
}
h3, h4, h5, h6 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #D5D4D4;
}
.thumb,
#content_wrapper .thumb {
background: transparent;
border: 1px solid #ffffff;
}
li.gallerybox div.thumb {
text-align: center;
border: 1px solid #ffffff;
background-color: transparent;
margin: 2px;
}
.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
background-color: #142e59;
}
.content table.wikitable,
.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
border: 1px solid #000000;
padding: 3px;
}
table.mw_metadata td {
background-color: rgba(0,0,0,0.3);
border: 1px solid #000000;
}
table.mw_metadata th {
background-color: rgba(0,0,0,0.3);
border: 1px solid #000000;
color: #ffffff;
}
table.wikitable {
background-color: rgba(0,0,0,0.3);
border: 1px solid #000000;
color: #ffffff;
}
table.wikitable > tr > td,
table.wikitable > * > tr > td {
border: 1px solid #000000;
}
table.mw-datatable > tr > th,
table.mw-datatable > * > tr > th,
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background: #142E59;
border: 1px solid #000000;
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
}
.mwm-notice,
#searchbox {
background: rgba(0, 0, 0, 0);
border: 2px solid #394147;
border-radius: 5px 5px 5px 5px;
}
#toc,
.toc {
background-color: rgba(0, 0, 0, 0);
}
code {
background-color: rgba(0,0,0,0.2);
}
.catlinks,
ul#filetoc {
background-color: transparent;
border: 1px solid #000000;
}
.mw-ui-icon-arrow::before {
filter: invert(100%);
}
/*********************
/* Front page styles *
/*********************/
.fpbox {
border-radius: 5px;
border: 2px solid #505050;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0) inset;
background: transparent;
color: inherit;
margin: 5px;
padding: 5px;
}
.fpbox .welcome {
border-bottom: 1px solid #505050;
background: transparent;
/* color: #e0e0e0; */
font-size: 150%;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.fpbox .heading {
border-bottom: 1px solid #505050;
background: transparent;
/* color: #e0e0e0; */
font-size: 132%;
font-variant: small-caps;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.fpbox .heading .smalllink {
color: #3674b3;
font-weight: bold;
font-size: 75%;
}
.fpbox hr {
border: none;
border-bottom: 2px solid #505050;
}
.fpplainbox {
padding: 5px 8px 10px 8px;
margin: 0 5px 10px 5px;
vertical-align: top;
}
.fplinks {
margin: -2px -3px;
}
.fplinks .linkslabel {
border-bottom: 2px solid #505050;
margin: 6px 3px 0 3px;
}
.fplink {
display: inline-block;
vertical-align: middle;
width: 100%;
}
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
display: table;
width: 100%;
border-spacing: 2px 3px;
border-collapse: separate;
}
.fplink .box .row {
display: table-row;
}
.fplink .box .row .cell {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #505050;
border-radius: 2px;
box-shadow: 0 0 0 2px #505050 inset;
/* color: #e0e0e0; */
display: table-cell;
font-weight: bold;
position: relative;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.fplink.wide .box .row .cell {
padding: 0 5px;
}
.fplink.image {
width: 78px;
height: 78px;
}
.fplink.image .box .row .cell {
width: 70px;
height: 70px;
vertical-align: bottom;
}
.fplink.image .box .row .cell .image img {
width: 70px;
height: 70px;
}
@media (min-width: 188px) {
.fplink {
width: 50%;
}
.fplink.wide {
width: 100%;
}
}
@media (min-width: 294px) {
.fplink {
width: 33.333%;
}
.fplink.wide {
width: 66.666%;
}
}
@media (min-width: 400px) {
.fplink {
width: 25%;
}
.fplink.wide {
width: 50%;
}
.fplink.image {
width: 108px;
height: 108px;
}
.fplink.image .box .row .cell {
width: 100px;
height: 100px;
}
.fplink.image .box .row .cell .image img {
width: 100px;
height: 100px;
}
}
@media (min-width: 506px) {
.fplink {
width: 20%;
}
.fplink.wide {
width: 40%;
}
}
@media (min-width: 612px) {
.fplink {
width: 16.666%;
}
.fplink.wide {
width: 33.333%;
}
}
@media (min-width: 718px) {
.fplink {
width: 14.285%;
}
.fplink.wide {
width: 28.571%;
}
}
@media (min-width: 824px) {
.fplink {
width: 12.5%;
}
.fplink.wide {
width: 25%;
}
}
@media (min-width: 930px) {
.fplink {
width: 11.111%;
}
.fplink.wide {
width: 22.222%;
}
}
@media (min-width: 1036px) {
.fplink {
width: 10%;
}
.fplink.wide {
width: 20%;
}
.fplink.image {
width: 128px;
height: 128px;
}
.fplink.image .box .row .cell {
width: 120px;
height: 120px;
}
.fplink.image .box .row .cell .image img {
width: 120px;
height: 120px;
}
}
.fplink.image .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 75%;
z-index: 1;
}
.fplink.image a {
z-index: 2;
}
.fplink a {
display: block;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 3px 5px;
}
.fplink.image .image a {
padding: 0;
}
.fplink.image .link a {
border-top: 2px solid #505050;
background: #ddddb7 !important;
}
.fplink.wide a {
margin: 0 -5px;
}
.fplink.image a {
top: auto;
}
.fpvideos {
margin: 0 auto;
overflow: hidden;
text-align: center;
max-width: 480px;
}
.fpvideo {
position: relative;
padding-top: 25px;
padding-bottom: 56.25%;
height: 0;
}
.fpvideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}