MediaWiki:Monobook.css

/* CSS placed here will affect users of the MonoBook skin */

/*************************************************	border:none; box-shadow: 0 0 10px 2px #000000; padding-bottom: 0.1em; }
 * FORMATTING AND HEADERS
 * 1) content{
 * 1) content{
 * 1) content{
 * 1) content{

.mw-body #firstHeading{ padding: 0.7em; font-size:225%; font-weight: 600; }

margin: 1.25em 1.5em 1.5em 1.5em; }
 * 1) mw-content-text, #catlinks{

/************************************************* @media (min-width: 768px){ body.skin-monobook #content, body.skin-monobook #mw-data-after-content { margin-left: 15em; margin-right: 5.5em; } }
 * FIXED WIDTH
 * FIXED WIDTH

@media (min-width: 1100px){ body.skin-monobook #content, body.skin-monobook #mw-data-after-content { margin-left:15em; margin-right:15em; } }

/************************************************* @media screen and (min-width: 551px){ #p-cactions{ top: 3.3em; } }
 * TOP NAVIGATION
 * TOP NAVIGATION

/**********************************************	border: none; border-bottom: none; background: #0170C6; transition:.1s ease-in-out; }
 * ACTION TABS
 * 1) p-cactions li {
 * 1) p-cactions li {
 * 1) p-cactions li {
 * 1) p-cactions li {

border-top:2px #F7D053 solid; box-shadow: 0 -2px 8px -4px #000000; }
 * 1) p-cactions li:hover{

@media screen and (min-width: 551px){ #p-cactions li.selected { box-shadow: 0 -2px 8px -4px #000000; border-top: #F7D053 3px solid; } }

border:none; background:#FFFFFF; color:#181818; }
 * 1) p-cactions li.selected a{

position:relative; font-weight:bold; }
 * 1) p-cactions li a{

color:#EDEDED; background:none; border:none; box-shadow:none; }
 * 1) p-cactions li a, #p-cactions li a:hover{

/**********************************************	color:#FFFFFF; font-weight: 900; font-size: 1.15em; -webkit-text-stroke: thin; -webkit-text-stroke-color: #000000; }
 * PERSONAL LINKS
 * 1) p-personal .pBody ul a{
 * 1) p-personal .pBody ul a{
 * 1) p-personal .pBody ul a{
 * 1) p-personal .pBody ul a{

color:#F7D053; background:transparent; }
 * 1) p-personal .pBody ul a:hover{

@media screen and (min-width: 551px){ .mw-body { margin: 3.1em 0 0 12.2em; border-right: 0; } }

.skin-monobook #utcdate { margin-right: 1em; }

content: ''; background: #000000; z-index: -1; display: block; top: .5em; bottom: 0; right: 0; left: 0; float: right; position: relative; width: 100%; height: 1.5em; transform: skew(-25deg); box-shadow: 5px 5px 0 0px #FFFFFF; }
 * 1) p-personal ul::before {

margin-top:.33em; }
 * 1) p-personal ul{

/************************************************* div#column-content { margin-left: -15em; }
 * LEFT NAVIGATION
 * LEFT NAVIGATION

margin-left: 15em; top:1.8em; }
 * 1) column-content #content {

width: 15em; }
 * 1) p-logo a, #p-logo a:hover {

left: 14em; }
 * 1) p-cactions {

.portlet { width: 14em; }

margin: 1em 0; margin-left: 7px; } .pBody { padding: 0; margin: 0; border:none; }
 * 1) p-navigation, #p-Community, #p-search, #p-tb, #p-lang {

margin: 0; padding: 0; }	list-style: none; font-family: Tahoma,arial,sans-serif; font-weight: bold; font-size: 110%; display: block; margin: 0; padding: 2px 0 2px 0px; }
 * 1) p-navigation ul, #p-Community ul, #p-search ul, #p-tb ul, #p-lang ul {
 * 1) p-navigation li, #p-Community li, #p-search li, #p-tb li, #p-lang li {

padding-top: 1px; border: 1px solid #000000; }
 * 1) p-navigation, #p-Community, #p-search, #p-tb, #p-lang {

display: block; border: none; position: relative; width: 282px; height: 16px; background: #FFFFFF; margin-bottom:0px; }
 * 1) p-navigation h3, #p-Community h3, #p-search h3, #p-tb h3, #p-lang h3 {

display: block; background: #1853BC; }	color: #D1DEFE; text-decoration: none; padding:10px; transition:0.3s ease-out; }
 * 1) p-navigation .pBody,
 * 2) p-Community .pBody,
 * 3) p-search .pBody,
 * 4) p-tb .pBody,
 * 5) p-lang .pBody {
 * 1) p-navigation .pBody a,
 * 2) p-Community .pBody a,
 * 3) p-search .pBody a,
 * 4) p-tb .pBody a,
 * 5) p-lang .pBody a {

display:block; }
 * 1) p-tb .pBody a{

text-shadow: #F4C544 1px 1px 3px; color: #F4C544; background: #1853BC; box-shadow: 0px 0px 16px 4px rgba(0,0,0,.3); }	padding: 2px 5px !important; width: 197px; }
 * 1) p-navigation .pBody a:hover,
 * 2) p-Community .pBody a:hover,
 * 3) p-search .pBody a:hover,
 * 4) p-tb .pBody a:hover,
 * 5) p-lang .pBody a:hover {
 * 1) p-navigation li a div, #p-Community li a div, #p-tb li a div, #p-lang li a div, #feedlinks {

/************************************************* .sub-menu li { font-size: 13px !important; }
 * MONOBOOK SIDEBAR (SEE ALSO MONOBOOK.JS)
 * MONOBOOK SIDEBAR (SEE ALSO MONOBOOK.JS)

margin: 0; }	background: white; padding: 0; } /* que no sea un list */ display: block; list-style-image: none !important; /* for IE */ } /* general design of the links */ display: block; position: relative; } /* special menu just for the class */ margin: 1px 1px 0 1px; padding: 5px 0 5px 10px; color: black; width: auto; transition: 0.3s ease-out; }	color: #ea429d; text-shadow: #181818 1px 1px 3px; }	right: 8px; transition: 0.3s ease-out; }
 * 1) p-navigation ul, #p-Community ul {
 * 1) p-navigation > div, #p-Community > div {
 * 1) p-navigation li, #p-Community li {
 * 1) p-navigation li > a, #p-Community li > a {
 * 1) p-navigation > div > ul > li > a, #p-Community > div > ul > li > a {
 * 1) p-navigation > div > ul > li.hover > a, #p-Community > div > ul > li.hover > a {
 * 1) p-navigation > div > ul > li > a > em, #p-Community > div > ul > li > a > em {

transform:translateX(25%); } /* Submenu marker */ 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; }
 * 1) p-navigation > div > ul > li:hover > a > em, #p-Community > div > ul > li:hover > a > em {
 * 1) p-navigation em, #p-Community em {

transition: 0.3s ease-out; }
 * 1) p-navigation li > ul > li > a, #p-Community li > ul > li > a {

/* Hover */ background-color: #06305B; color:#BFBFBF; }
 * 1) p-navigation li > ul > li:hover > a, #p-Community li > ul > li:hover > a {

transition: 0.3s ease-out; }
 * 1) p-navigation li > ul > li > a > em, #p-Community li > ul > li > a > em {

transform:translateX(25%); }
 * 1) p-navigation li > ul > li:hover > a > em, #p-Community li > ul > li:hover > a > em {

display: block; }
 * 1) p-navigation li.hover > ul.sub-menu, #p-Community li.hover > ul.sub-menu {

/* general submenu */ border: 1px solid #000000; display: none; background: #ffffff; position: absolute; padding: 1px; width: 175px; margin-left: 170px; margin-top: -38px; z-index: 100; }
 * 1) p-navigation ul.sub-menu, #p-Community ul.sub-menu {

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { #p-navigation ul.sub-menu, #p-Community ul.sub-menu, #p-navigation .pBody, #p-Community .pBody, #p-search .pBody, #p-tb .pBody, #p-lang .pBody{ background-color:rgba(24,83,188,0.6) !important; -webkit-backdrop-filter: saturate(180%) blur(30px); backdrop-filter: saturate(180%) blur(30px); box-shadow: 0px 0px 16px 0px #000000; } }

/* Only the first */ margin-left: 170px; margin-top: -38px; }
 * 1) p-navigation > div > ul > li > ul.sub-menu, #p-Community > div > ul > li > ul.sub-menu {

width: 197px; background-color:#282828; }
 * 1) p-navigation li a div:hover,
 * 2) p-Community li a div:hover,
 * 3) p-tb li a div:hover,
 * 4) p-lang li a div:hover {

/************************************************* .ve-activated .ve-init-target-source.ve-init-target.ve-init-mw-target.ve-init-mw-articleTarget.ve-init-mw-desktopArticleTarget { margin: 3.55em 1.5em 1.5em 1.5em; }
 * EDITING WINDOW
 * EDITING WINDOW

/************************************************* div#mw-data-after-content{ margin-top: 1.8em; }
 * RELATED ARTICLES
 * RELATED ARTICLES

/************************************************* div#footer{ display:flex; flex-direction: column; border-color: #0066FF; }
 * FOOTER
 * FOOTER