Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will affect users of the MonoBook skin */
/*************************************************
**
** FORMATTING AND HEADERS
**
**************************************************/
#content{
border:none;
box-shadow: 0 0 10px 2px #000000;
padding-bottom: 0.1em;
margin: 2em;
}
.mw-body #firstHeading{
padding: 0.7em;
font-size:225%;
font-weight: 600;
}
#mw-content-text, #catlinks{
margin: 1.25em 1.5em 1.5em 1.5em;
}
/*************************************************
**
** TOP NAVIGATION
**
**************************************************/
@media screen and (min-width: 551px){
body.skin--responsive #p-cactions{
margin: 2em 0 0 0;
}
}
/**********************************************
**
** ACTION TABS
**
**********************************************/
body.skin--responsive #p-cactions li {
border: none;
border-bottom: none;
background: #aec7df;
transition:.1s ease-in-out;
border-top: 2px #094481 solid;
}
body.skin--responsive #p-cactions li:hover{
border-top:2px #4E79A4 solid;
box-shadow: 0 -2px 8px -4px #000000;
background: #06305B;
}
body.skin--responsive #p-cactions li:hover a{
color: #EDEDED;
}
@media screen and (min-width: 551px){
body.skin--responsive #p-cactions li.selected {
box-shadow: 0 -2px 8px -4px #000000;
border-top: #4E79A4 3px solid;
background: #FFFFFF;
}
}
body.skin--responsive #p-cactions li.selected a{
border:none;
color:#181818;
background: none;
background-color: transparent;
}
body.skin--responsive #p-cactions li a{
position:relative;
font-weight:bold;
color:#5e5e5e;
background:none;
border:none;
box-shadow:none;
background-color: transparent;
}
body.skin--responsive #p-cactions li a:hover{
background:none;
background-color: transparent;
}
/**********************************************
**
** PERSONAL LINKS
**
**********************************************/
body.skin--responsive #p-personal .pBody ul a{
color:#47B9EA;
}
body.skin--responsive #p-personal .pBody ul a:hover{
color:#FFFFFF;
}
body.skin--responsive #p-personal .pBody ul {
height:unset;
background: #094481;
border-bottom: 2px solid #D1DEEB;
border-left: none;
border-bottom-left-radius: 0;
box-shadow: 0 0 8px 0 #000000;
padding: .25em 1em;
}
@media screen and (min-width: 551px){
li#pt-userpage, li#pt-anonuserpage {
background-position: center left;
}
}
@media screen and (min-width: 551px){
body.skin--responsive #p-personal li a:hover {
background-color: transparent;
}
}
/*************************************************
**
** LEFT NAVIGATION
**
**************************************************/
body.skin--responsive #column-content {
margin-left: -15em;
}
body.skin--responsive #column-content #content {
margin-left: 15em;
top:3em;
}
body.skin--responsive #p-logo{
top: 0.7em;
left: 0.7em;
height: 160px;
}
body.skin--responsive #p-logo a, body.skin--responsive #p-logo a:hover {
width: 15em;
height: 160px;
}
body.skin--responsive #p-cactions {
left: 14em;
}
body.skin--responsive .portlet {
width: 14em;
}
body.skin--responsive .pBody {
padding: 0;
margin: 0;
border:none;
}
body.skin--responsive #sidebar > div li {
list-style: none;
font-family: Tahoma,arial,sans-serif;
font-weight: bold;
font-size: 110%;
display: block;
margin: 0;
}
body.skin--responsive #sidebar > div {
border: 1px solid #000000;
margin: 1em 0 0 0.5em;
}
body.skin--responsive #sidebar > div h3 {
display: block;
border: none;
width: unset;
height: unset;
background: url(/images/1/16/Common_Background_%28Dark_Theme%29.png) repeat;
color: #FFFFFF;
text-transform: uppercase;
font-weight: 600;
padding: 0.5em;
margin: 0;
font-family: 'KH2 All Menu';
font-size: 0.8em;
}
body.skin--responsive #sidebar > div .pBody {
display: block;
background: #FFFFFF;
}
body.skin--responsive #sidebar > div .pBody a {
color: #000000;
text-decoration: none;
padding:10px;
transition:0.3s ease-out;
}
body.skin--responsive #p-tb .pBody a{
display:block;
}
body.skin--responsive #sidebar > div > .pBody a:hover {
text-shadow: #0066FF 1px 1px 3px;
background:#06305B;
color:#EDEDED;
box-shadow: 0px 0px 16px 4px rgba(0,0,0,.3);
}
/* body.skin--responsive #p-navigation li a div, body.skin--responsive #p-Community li a div, body.skin--responsive #p-tb li a div, body.skin--responsive #p-lang li a div, body.skin--responsive #feedlinks {
padding: 2px 5px !important;
width: 197px;
} */
/*************************************************
**
** MONOBOOK SIDEBAR (SEE ALSO MONOBOOK.JS)
**
**************************************************/
.sub-menu li {
font-size: 13px !important;
}
body.skin--responsive #sidebar > div .pBody ul {
margin: 0;
}
body.skin--responsive #sidebar > div {
background: white;
padding: 0;
}
/* que no sea un list */
body.skin--responsive #sidebar > div li {
display: block;
list-style-image: none !important; /* for IE */
}
/* general design of the links */
body.skin--responsive #sidebar > div .pBody li > a {
display: block;
position: relative;
}
/* special menu just for the class */
body.skin--responsive #sidebar > div > div > ul > li > a {
padding: 5px 0 5px 10px;
color: black;
width: auto;
transition: 0.3s ease-out;
}
body.skin--responsive #sidebar > div > ul > li.hover > a {
color: #06305B;
text-shadow: #0066FF 1px 1px 3px;
}
body.skin--responsive #sidebar > div > ul > li > a > em {
right: 8px;
transition: 0.3s ease-out;
}
body.skin--responsive #sidebar > div > ul > li:hover > a > em {
transform:translateX(25%);
}
/* Submenu marker */
body.skin--responsive #sidebar em {
font-style: normal;
font-family: arial,sans-serif;
font-size: 16pt;
font-weight: bold;
line-height: 20px;
position: absolute;
right: 8px;
top: 0px;
padding:7px 0;
}
body.skin--responsive #sidebar > div li > ul > li > a {
transition: 0.3s ease-out;
}
/* Hover */
body.skin--responsive #sidebar > div li > ul > li:hover > a {
background-color: #06305B;
color:#BFBFBF;
}
body.skin--responsive #sidebar > div li > ul > li > a > em {
transition: 0.3s ease-out;
}
body.skin--responsive #sidebar > div li > ul > li:hover > a > em {
transform:translateX(25%);
}
body.skin--responsive #sidebar > div li.hover > ul.sub-menu {
display: block;
}
/* general submenu */
body.skin--responsive #sidebar > div .pBody ul.sub-menu {
border: 1px solid #000000;
display: none;
background: #ffffff;
position: absolute;
padding: 1px;
width: 175px;
margin-left: 170px;
margin-top: -38px;
z-index: 100;
}
@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
body.skin--responsive #sidebar > div ul.sub-menu {
background-color:rgba(255,255,255, 1);
box-shadow: 0px 0px 3em -1em #000000;
}
}
/* Only the first */
body.skin--responsive #sidebar > div > ul > li > ul.sub-menu {
margin-left: 15em;
margin-top: -38px;
}
body.skin--responsive #sidebar > div li a div:hover {
width: 197px;
background-color:#282828;
}
/*************************************************
**
** MONOBOOK SEARCH
**
**************************************************/
@media screen and (min-width: 551px) {
body.skin--responsive #searchInput {
width: 100%;
margin: 0;
font-size: 95%;
background: none;
border: 1px solid rgba(6, 48, 91, 0.35);
border-radius: 4px;
height: 2.5em;
box-shadow: 0 0px 2px 0 rgba(0,0,0,0.35);
}
}