MediaWiki:Common.css

/* style for Template:notice */ .ambox-speedy { border: 3px solid #b22222; background: #fee; width: 80%; margin-left: 10%; border-radius: 5px; } .ambox-notice { border: 3px solid #1e90ff; width: 80%; margin-left: 10%; border-radius: 5px; } .ambox-delete { border: 3px solid #b22222; width: 80%; margin-left: 10%; border-radius: 5px; } .ambox-content { border: 3px solid #f28500; width: 80%; margin-left: 10%; border-radius: 5px; } .ambox-style { border: 3px solid #f4c430; width: 80%; margin-left: 10%; border-radius: 5px; } .ambox-move { border: 3px solid #9932cc; width: 80%; margin-left: 10%; border-radius: 5px; } .ambox-protection { border: 3px solid #bba; width: 80%; margin-left: 10%; border-radius: 5px; } .ambox-completar { border: 3px solid #66bb77; width: 80%; margin-left: 10%; border-radius: 5px; }

/* Responsive grid style for the main page */ .main-page-grid { display: grid; grid-gap: 10px; grid-template-columns: auto auto; } .main-page-sections { display: flex; flex-wrap: wrap; } .main-page-section { flex: 1 0 40%; min-width: 200px; }

/* Style for */ .tooltipster-base { border: 2px solid black; background: white; } .tooltipster-content { font-size: 14px !important; color: black; }

/* Style for top icons (i.e. Template:Featured article) */ div.topicon { position: absolute; top: -3em; margin-right: -10px; display: block !important; }

/* Style for portable infoboxes */ .portable-infobox { background: #fdffb2; border-left: 5px solid #e2e810; font-size: 1em; width: 345px !important; } .pi-data { border-bottom: 0; }

/* styles (see Module:Infobox) */ /* Infobox template style, copyed from en.wikipedia.org */ .infobox { border: 3px solid #9b59d0; border-spacing: 3px; background-color: white; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 1.5em; font-weight: bold; padding: 10px; text-align: center; background: #9b59d0; color:white; }

.infobox td, .infobox th { vertical-align: top; /* @noflip */ text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infobox.sisterproject { width: 20em; font-size: 90%; }

.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; }

/* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc.           */ .infobox.geography { border-collapse: collapse; line-height: 1.2em; font-size: 90%; }

.infobox.geography td, .infobox.geography th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.2em 0.6em; }

.infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; }

.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: 1px solid #a2a9b1; padding: 0 0.6em 0.4em 0.6em; }

.infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; }

.infobox img { max-width: 320px; box-shadow: 2px 2px 2px black; margin-bottom: 10px; }

/* Specific for */ table.infobox .galleryflag img { height: 15px; box-shadow: none; margin-bottom: 3px; }

/* Sitenotice style */ .mw-dismissable-notice-body { margin: 0 !important; }

/* Specific style for the banner */ .sitenotice-backdrop { background: repeating-linear-gradient( 45deg,  #fff433,  #9b59d0,  black ) !important; background-size: cover !important; background-position:50% 50% !important; margin: auto !important; width: 75vw !important; height: auto !important; text-align: center !important; }

.sitenotice-text{ display:inline-block !important; margin: 10px 0 0 0 !important; background: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 10px !important; font-family:'Arial', sans-serif !important; font-weight:bold !important; position: relative !important; z-index: 3 !important; }

.sitenotice-subtext{ display:inline-block !important; background: #f7eaf9 !important; color: black !important; padding: 20px 10px 10px 10px !important; font-family:'Arial', sans-serif !important; font-size: 0.85em !important; margin: -6px 0 10px !important; z-index: 2 !important; }

.sitenotice-button { display:inline-block !important; background:#9b59d0 !important; color:white !important; font-weight:bold !important; border-radius:5px !important; padding:5px 10px !important; margin-top:10px !important; }

.sitenotice-button:hover { background:#854eb2 !important; }

/* Style made for the Nonbinary Wiki:Dive in! page */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.content-box { width: 33%; float: left; }

.content-body { display: none; padding: 10px; text-align: center; }

.content-box:hover .content-body { width: 300%; background: white; border-top: 3px solid purple; visibility: visible; display: block; -webkit-animation: fadeIn .5s; animation: fadeIn .5s; }

.content-body .content-section { width: 20%; display: inline-block; text-align: center; vertical-align: top; } .content-identities { margin-left: -100%; } .content-resources { margin-left: -200%; }

.bottom-section { float: left; width: 49%; margin-left: 5px; margin-right: 5px; }