MediaWiki:Common.css
Jump to navigation
Jump to search
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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Infobox */
table.infobox,
#infobox {
border:1px dashed #f0f0f0 !important;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-o-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
/* -moz-box-shadow: -0px 0px 25px 4px #f8f8f8 ;
-webkit-box-shadow: -0px 0px 25px 4px #f8f8f8 ;
box-shadow: -0px 0px 25px #f8f8f8 4px; */
-moz-box-shadow:0 0 10px #f0f0f0 !important;
-webkit-box-shadow:0 0 10px #f0f0f0 !important;
-o-box-shadow:0 0 10px #f0f0f0 !important;
box-shadow:0 0 10px #f0f0f0 !important;
background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
*/
color:#f0f0f0;
width:250px !important;
float:right;
clear:right;
margin:0px 0px 5px 5px;
padding-top: 5px;
padding-bottom:5px
}
table.infobox2,
#infobox2 {
font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif;
font-size: 12px;
margin:auto;
padding:auto;
/*clear:right;*/
float:right;
text-align: center;
width:245px!important;
border-collapse: collapse;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-o-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
}
table.infobox2 th,
#infobox2 th {
border: 0px solid #000000;
/*-moz-border-radius:10px ;
-webkit-border-radius:10px ;
border-radius:10px ;*/
/*-moz-box-shadow:10px 10px 10px #f0f0f0 ;
-webkit-box-shadow:10px 10px 10px #f0f0f0 ;
o-box-shadow:10px 10px 10px #f0f0f0;
box-shadow:10px 10px 10px #f0f0f0;*/
color: #000;
overflow:hidden;
text-decoration:none !important;
letter-spacing:0px !important;
/* margin: .5em 0em .5em 0em;*/
margin-right:4px;
padding: 4px;
/* vertical-align: middle; */
/* text-align:center; */
width:240px !important;
line-height:110%;
/*font-size:150%;*/
background:#f0f0f0; /*#b9c9fe*/ /*f8f8f8 for older browsers, like opera 10 */
background: -moz-linear-gradient(-45deg, #f8f8f8 0%, #f0f0f0 25%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #f8f8f8 0%,#f0f0f0 25%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #f8f8f8 0%,#f0f0f0 25%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #f8f8f8 0%,#f0f0f0 25%); /* IE10+ */
background: linear-gradient(-45deg, #f8f8f8 0%,#f0f0f0 25%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
table.infobox2 td,
#infobox2 td {
padding: 4px;
width:240px;
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #ffffff 0%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(45deg, #ffffff 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-top: 1px solid #fff;
color: #000000 /*#669;*/
}
table.infobox2 tbody tr:hover td,
#infobox2 tbody tr:hover td {
background: #f8f8f8;
}
table.infobox2 td.both,
#infobox2 td.both {
text-align:center;
padding:0 0 0 0!important;
line-height:100%;
}
table.infobox2 td.both img,
#infobox2 td.both img {
display:block; /*force new line after img in sidebar */
margin: 0 ;
padding-left: 0;
padding-right: 0 !important;
}
table.infobox2 td.left,
#infobox2 td.left {
width: 125px !important;
font-weight: bold;
text-align: right;
vertical-align:top;
line-height:100%;
}
table.infobox2 td.conleft,
#infobox2 td.conleft {
width:50% !important;
text-align:center;
border-right:1px solid #f0f0f0
}
table.infobox2 td.right,
#infobox2 td.right {
text-align:left;
vergical-align:top;
line-height:100%
}
table.infobox2 td.conright,
#infobox2 td.conright {
width:50% !important;
text-align:center;
}
/* Table */
table.box,
#box {
border:1px dashed #f0f0f0 !important;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-o-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
/* -moz-box-shadow: -0px 0px 25px 4px #f8f8f8 ;
-webkit-box-shadow: -0px 0px 25px 4px #f8f8f8 ;
box-shadow: -0px 0px 25px #f8f8f8 4px; */
-moz-box-shadow:0 0 10px #f0f0f0 !important;
-webkit-box-shadow:0 0 10px #f0f0f0 !important;
-o-box-shadow:0 0 10px #f0f0f0 !important;
box-shadow:0 0 10px #f0f0f0 !important;
background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
*/
color:#f0f0f0;
width:100% !important;
float:right;
clear:right;
margin:0px 0px 5px 5px;
padding-top: 5px;
padding-bottom:5px
}
table.box:hover ,
#box:hover {
background: #f8f8f8;
}
/* Bullet */
html body.skin-vector ul {
list-style-image: url(http://www.shoutwiki.com/w/images/footpedia/7/7a/Bullet.png);
}
/* Headings */
h1 {
margin: 0;
font-size:2em !important;
line-height: 1.2em;
margin-bottom: 1em;
color: #f0f0f0;
letter-spacing:0px;
text-transform:uppercase;
font-weight:normal !important;
}
h2 {
margin: 0;
font-size:1.1em !important;
line-height: 1.0909090909090908em;
margin-top: 1px;
margin-bottom: 1.0909090909090908em;
letter-spacing:3px;
text-transform:uppercase;
color:#f0f0f0;
}
h2 span {
margin-top:1px;
}
#sans-accent, /* this allows use of this style without it being read as a section header */
h3 {
margin: 0;
font-size:1em !important;
font-weight:normal;
/*font-size: 1.25em;*/
line-height: 1.2em;
margin-bottom: 1.2em;
letter-spacing:2px;
text-transform:uppercase;
color: #f0f0f0;
}
h4 {
margin: 0;
font-size:.9em !important;
font-weight:bold;
/*font-size: 1.125em;*/
line-height: 1.3333333333333333em;
margin-bottom: 1.3333333333333333em;
letter-spacing:2px;
text-transform:uppercase;
color: #f0f0f0;
}
blockquote {
margin: 0;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
h5 {
margin: 0;
font-size:.7em !important;
font-weight:bold;
/*font-size: 1em;*/
line-height: 1.1em;
margin-bottom: 1.1em;
letter-spacing:1px;
text-transform:uppercase;
color: #f0f0f0;
}
p.small,
h6 {
margin: 0;
font-size:.6em !important;
font-weight:bold;
/*font-size: 0.875em;*/
line-height: 1.0em;
margin-bottom: 1.0em;
letter-spacing:1px;
text-transform:uppercase;
color: #f0f0f0;
}
.mw-headline {
margin-top:5px
}