MediaWiki:Common.css: Difference between revisions

From Linguifex
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: →‎<source lang="css">: →‎Main page fixes: #interwiki-completelist { font-weight: bold; } body.page-Main_Page #ca...")
 
(Undo revision 479000 by Sware (talk))
Tag: Undo
 
(188 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
#bannerintro { background-image: url(https://linguifex.com/w/images/0/05/Linguifex.png); }
/* <source lang="css"> */
#triangleintro { background-image: url(https://linguifex.com/w/images/9/99/Triangular.png); }
 
/* Main page fixes */
/* Columns */
#interwiki-completelist {
.frontPageLeft{
    font-weight: bold;
  float:left;
  width:56%;
}
.frontPageRight{
  float:right;
  width:43%;
}
/* Block */
.frontPageBlock{
  background: url(https://linguifex.com/w/images/5/55/Bluegradient-left.png) no-repeat top left;
  border:1px solid #FFFFFF;
  padding:3px;
  margin-bottom:.4em;
  position:relative;
}
}
body.page-Main_Page #ca-delete {
.frontPageBlockIcon{
    display: none !important;
  position:absolute;
  left: 5px;
  top: 5px;
}
}
.frontPageBlockIcon img{
body.page-Main_Page #mp-topbanner {
  border: 0 none #000;
  clear: both;
}
}
.frontPageBlockTitle{
/* Edit window toolbar */
  position:absolute;
#toolbar {
  left: 60px;
    height: 22px;
  top: 3px;
    margin-bottom: 6px;
  font-size:1.2em;
  color:white
}
}
.frontPageBlockContent{
/* Margins for <ol> and <ul> */
   margin: 1em;
#content ol, #content ul,
  padding-top: 30px;
#mw_content ol, #mw_content ul {
  overflow: auto;
   margin-bottom: 0.5em;
}
}
   
   
/* Make the list of references smaller */
.frontPageRight .frontPageBlock{
ol.references {
  background: url(https://linguifex.com/w/images/3/37/Bluegradient-right.png) no-repeat top right;
    font-size: 100%;
  margin-left:1em;
}
}
.references-small {  
.frontPageRight .frontPageBlockIcon{
    font-size: 90%;
  left:auto;
  right:10px;
}
}
.frontPageRight .frontPageBlockTitle{
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
  left:auto;
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
  right:60px;
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
  top:3px;
/* Please ignore any validator errors caused by these two lines */
  font-size:1.1em;
.references-2column {
  color:white
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}
.frontPageRight .frontPageBlockContent{
/* Highlight clicked reference in blue to help navigation */
  margin: 1em;
ol.references > li:target,
  padding-top: 20px;
sup.reference:target,
cite:target {
    background-color: #DEF;
}
}
   
   
/* Ensure refs in table headers and the like aren't bold or italic */
.frontPageFancyBlock{
sup.reference {
  border-bottom: 6px dotted #8CB2FF;
    font-weight: normal;
  padding: 1em 0;
    font-style: normal;
  font-size: 100%;
  color: black;
  margin-left: 1em;
}
}
.frontPageFancyBlockLast{
  border-bottom:none;
/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}
}
/** End of Portal:Main Page **/
/* For linked citation numbers and document IDs, where
 
  the number need not be shown on a screen or a handheld,
/* Other pages message box styles */
   but should be included in the printed version
 
*/
.ombox {
@media screen, handheld, projection {
margin: 4px 0;
    cite *.printonly {
border-collapse: collapse;
        display: none;
border: 1px solid #a2a9b1;   /* Default "notice" gray */
     }
background-color: var(--background-color-neutral-subtle, #f8f9fa);
box-sizing: border-box;
     color: var(--color-base, #202122);
}
}
 
/* For the "small=yes" option. */
/* wikitable/prettytable class for skinning normal tables */
.ombox.mbox-small {
table.wikitable,
font-size: 88%;
table.prettytable {
line-height: 1.25em;
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
}
.wikitable th, .wikitable td,
 
.prettytable th, .prettytable td {
.ombox-speedy {
    border: 1px #aaa solid;
border: 2px solid #b32424;   /* Red */
    padding: 0.2em;
background-color: #fee7e6;   /* Pink */
}
}
.wikitable th,
 
.prettytable th {
.ombox-delete {
    background: #f2f2f2;
border: 2px solid #b32424;   /* Red */
    text-align: center;
}
}
.wikitable caption,
 
.prettytable caption {
.ombox-content {
    font-weight: bold;
border: 1px solid #f28500;   /* Orange */
}
}
 
/* Default skin for navigation boxes */
.ombox-style {
table.navbox {           /* Navbox container style */
border: 1px solid #fc3;       /* Yellow */
  border: 1px solid #aaa;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
 
  margin-top: -1px;           /* (doesn't work for IE6, but that's okay)      */
.ombox-move {
border: 1px solid #9932cc;   /* Purple */
}
}
.navbox-title,
 
.navbox-abovebelow,
.ombox-protection {
table.navbox th {
border: 2px solid #a2a9b1;   /* Gray-gold */
  text-align: center;     /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
}
.navbox-group {           /* Group style */
 
  white-space: nowrap;
.ombox .mbox-text {
  text-align: right;
border: none;
  font-weight: bold;
/* @noflip */
  padding-left: 1em;
padding: 0.25em 0.9em;
  padding-right: 1em;
width: 100%;
}
}
.navbox, .navbox-subgroup {
 
  background: #fdfdfd;     /* Background color */
.ombox .mbox-image {
border: none;
/* @noflip */
padding: 2px 0 2px 0.9em;
text-align: center;
}
}
.navbox-list {
 
  border-color: #fdfdfd;   /* Must match background color */
.ombox .mbox-imageright {
border: none;
/* @noflip */
padding: 2px 0.9em 2px 0;
text-align: center;
}
}
.navbox-title,
 
table.navbox th {
/* An empty narrow cell */
  background: #ccccff;     /* Level 1 color */
.ombox .mbox-empty-cell {
border: none;
padding: 0;
width: 1px;
}
}
.navbox-abovebelow,
 
.navbox-group,
/* keep synced with each other type of message box as this isn't qualified */
.navbox-subgroup .navbox-title {
.mbox-invalid-type {
  background: #ddddff;     /* Level 2 color */
text-align: center;
}
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 
  background: #e6e6ff;     /* Level 3 color */
@media (min-width: 720px) {
.ombox {
margin: 4px 10%;
}
.ombox.mbox-small {
/* @noflip */
clear: right;
/* @noflip */
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
width: 238px;
}
}
}
.navbox-even {
 
  background: #f7f7f7;     /* Even row striping */
/** T367463 */
.skin--responsive table.ombox img {
max-width: none !important;
}
}
.navbox-odd {
 
  background: transparent; /* Odd row striping */
@media screen {
html.skin-theme-clientpref-night .ombox-speedy {
background-color: #310402;   /* Dark red, same hue/saturation as light */
}
}
}
 
.collapseButton {         /* 'show'/'hide' buttons created dynamically */
@media screen and (prefers-color-scheme: dark) {
    float: right;          /* by the CollapsibleTables javascript in    */
html.skin-theme-clientpref-os .ombox-speedy {
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
background-color: #310402; /* Dark red, same hue/saturation as light */
    text-align: right;     /* so they can be customised.                */
}
    width: auto;
}
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
 
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
}                          /* so they need to be the same width.        */
/* Infobox template style */
/* Infobox template style */
.infobox {
.infobox {
Line 292: Line 310:
     padding-bottom: 0;
     padding-bottom: 0;
}
}
/**********/
/* portal */
/**********/
.portal_container { }
.portal_section ul  { list-style: disc; }
.portal_section { border: 2px solid rgb(0,0,0); margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, rgba(149,213,255, 0.1) 0, rgba(0,26,43,0.4) 100%); -moz-border-radius: 1em; -moz-box-shadow:0px 0px 4px rgba(240,248,255,0.5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(149,213,255, 0.1)), color-stop(100%, rgba(0,26,43,0.4))); -webkit-border-radius: 1em; -webkit-box-shadow: 0px 0px 4px rgba(240,248,255,0.5); border-radius: 1em; box-shadow: 0px 0px 4px rgba(240,248,255,0.5); }
.portal_header { padding: 0 1em; position: relative; }
.portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; }
.portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; }
.portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: rgb(240,248,255) !important; }
.portal_body { padding: 0.8em; }
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: rgb(240,248,255) !important; }
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: rgb(240,248,255) ; }
/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; height: 500px; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; cursor: pointer; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(0,128,170) 0, rgb(85,213,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,128,170)), color-stop(100%, rgb(85,213,255))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(0, 143, 191); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(0,175,234) 0, rgb(149,228,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,175,234)), color-stop(100%, rgb(149,228,255))); color: rgb(0,175,234); }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radiust: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }
/*******************/
/* portal: content */
/*******************/
#portal_content { font-size: 0.9em; line-height: 1.7em; }
#portal_content .portal_body > table { height: 400px; }
#portal_content ul { list-style: disc outside; }
#portal_content ul ul { margin-left: 1em; }
   
   
/* Change the external link icon to an Adobe icon for all PDF files
/****************/
  in browsers that support these CSS selectors, like Mozilla and Opera */
/* portal: news */
#bodyContent a[href$=".pdf"].external,
/****************/
#bodyContent a[href*=".pdf?"].external,
#portal_news .WikiaBlogListingBox, #portal_news ul, .CommunityCornerModule .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: 0; padding: 0; background: transparent; }
#bodyContent a[href*=".pdf#"].external,
#portal_news .WikiaBlogListingBox h3, #portal_news .wikia-button, .CommunityCornerModule .WikiaBlogListingBox h3 { display: none; }
#bodyContent a[href$=".PDF"].external,
#portal_news .WikiaBlogListingBox ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; list-style-type: none;} /* override the default border #portal_news colors */
#bodyContent a[href*=".PDF?"].external,
.WikiaBlogListingBox ul li:first-child { border: none !important; } /* override the override */
#bodyContent a[href*=".PDF#"].external,
 
#mw_content  a[href$=".pdf"].external,
/******************/
#mw_content  a[href*=".pdf?"].external,
/* portal: forums */
#mw_content  a[href*=".pdf#"].external,
/******************/
#mw_content  a[href$=".PDF"].external,
#portal_forums .forum_title { }
#mw_content  a[href*=".PDF?"].external,
#portal_forums .forum_edited { text-align: right; }
#mw_content  a[href*=".PDF#"].external {
 
    background:  
/*******************/
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
/* portal: twitter */
        center right no-repeat;
/*******************/
    padding-right: 16px;
#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; padding: 0.2em 0; list-style: none; } /* change it from a bulleted list into a unbulleted list */
}
#portal_twitter ul { margin-left: 0em !important; }
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
/*********************************/
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
/* main page jquery tabs/sliders */
#bodyContent span.PDFlink a,
/*********************************/
#mw_content span.PDFlink a {
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
    background:  
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
        center right no-repeat;
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
    padding-right: 17px;
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }  
/* Remove link styling. Already defined in monobook
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
  and modern, but not defined in the other skins. Bug 18708 */
.ui-tabs .ui-tabs-hide { display: none !important; }
#bodyContent .plainlinks a {
.ui-tabs-hide { display: none !important; }
    background: none !important;
 
    padding: 0 !important;
/**********************/
}
/**Portal definitons  */
/**********************/
/* Content in columns with CSS instead of tables [[Template:Columns]] */
 
div.columns-2 div.column {
.portal_sliderlink_1, .portal_sliderlink_2, .portal_sliderlink_3, .portal_sliderlink_4, .portal_sliderlink_6, .portal_sliderlink_5, .portal_sliderlink_6, .portal_sliderlink_7 {
    float: left;
border: 1px solid #f9f9f9;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}
/* Make sure that "external references" from templates like [[Template:Ref]]
  do not get URL expansion, not even when printed. The anchor itself has
  class "external autonumber" and the url expansion is inserted when printing
  (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
  ":after" pseudo-element.
*/
.nourlexpansion a.external.text:after,
.nourlexpansion a.external.autonumber:after {
    display: none !important;
}
/* The legacy implementation of this was with "plainlinksneverexpand", which
  also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
  should be replaced with "plainlinks nourlexpansion".  When this has been
  done, the rules below can be removed.
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}
.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}
/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;  
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background: #F8EABA;
}
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {    /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.9em;      /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                 /* The left image cell */
    border: none;  
    padding: 2px 0 2px 0.9em;   /* 0.9em left, 0px right */
    text-align: center;  
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;   /* 0px left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;  
    border-left: 10px solid #1e90ff;   /* Default "notice" blue */
    background: #fbfbfb;  
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {           /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {          /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;   /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;      /* Gray-gold */
}
/* Image message box styles */
table.imbox {
    margin: 4px 10%;  
    border-collapse: collapse;  
    border: 3px solid #1e90ff;   /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {   /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;   /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {   /* For imboxes inside other templates. */
    margin: 4px;
}
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;      /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;      /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;    /* Default "notice" blue */
}
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;      /* Default "notice" gray */
    background: #f9f9f9;
}
}
 
table.ombox-notice {
.portal_sliderlink_1:hover, .portal_sliderlink_2:hover, .portal_sliderlink_3:hover, .portal_sliderlink_4:hover, .portal_sliderlink_6:hover, .portal_sliderlink_5:hover, .portal_sliderlink_6:hover, .portal_sliderlink_7:hover {
    border: 1px solid #aaa;       /* Gray */
border: 1.4px solid #8CB2FF;
}
}
table.ombox-speedy {
 
    border: 2px solid #b22222;    /* Red */
.use-with-mention {
    background: #fee;             /* Pink */
font-style: italic;
}
}
table.ombox-delete {
 
    border: 2px solid #b22222;    /* Red */
/*Template:WIGO NAV*/
.wigonav-button a, .wigonav-button strong {
  background-image:url('https://linguifex.com/w/images/4/42/Welcome.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding-top:90px;
  width:100px;
  display:block;
  margin:auto;
}
}
table.ombox-content {
 
    border: 1px solid #f28500;   /* Orange */
#wigonav-button-logo a {
  background-position: 0 0;
}
}
table.ombox-style {
 
    border: 1px solid #f4c430;   /* Yellow */
#wigonav-button-logo a:hover, #wigonav-button-logo strong {
  background-position: -600px 0;
}
}
table.ombox-move {
 
    border: 1px solid #9932cc;   /* Purple */
#wigonav-button-languages a {
  background-position: -100px 0;
}
}
table.ombox-protection {
 
    border: 2px solid #bba;       /* Gray-gold */
#wigonav-button-languages a:hover, #wigonav-button-languages strong {
  background-position: -700px 0;
}
}
 
/* Talk page message box styles */
#wigonav-button-featured a {
table.tmbox {
  background-position: -200px 0;
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
 
    margin: 2px 0;               /* class ensures that this declaration overrides other */
#wigonav-button-featured a:hover, #wigonav-button-featured strong {
    width: 100%;  /* For Safari and Opera */    /* styles (including mbox-small above) */
  background-position: -800px 0;
}
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 
    line-height: 1.5em;          /* also "nested", so reset styles that are  */ 
#wigonav-button-forum a {
    font-size: 100%;             /* set in "mbox-small" above.                */
  background-position: -300px 0;
}
}
 
table.tmbox-speedy {
#wigonav-button-forum a:hover, #wigonav-button-forum strong {
    border: 2px solid #b22222;    /* Red */
  background-position: -900px 0;
    background: #fee;             /* Pink */
}
}
table.tmbox-delete {
 
    border: 2px solid #b22222;   /* Red */
#wigonav-button-contionary a {
  background-position: -400px 0;
}
}
table.tmbox-content {
 
    border: 2px solid #f28500;   /* Orange */
#wigonav-button-contionary a:hover, #wigonav-button-contionary strong {
  background-position: -1000px 0;
}
}
table.tmbox-style {
 
    border: 2px solid #f4c430;   /* Yellow */
#wigonav-button-library a {
  background-position: -500px 0;
}
}
table.tmbox-move {
 
    border: 2px solid #9932cc;   /* Purple */
#wigonav-button-library a:hover, #wigonav-button-library strong {
  background-position: -1100px 0;
}
}
table.tmbox-protection,
 
table.tmbox-notice {
/*WIGO*/
    border: 1px solid #c0c090;   /* Gray-brown */
 
/*Spacing between wigo buttons*/
.wigobutton {
  padding: 0;
}
}
 
/* Disambig and set index box styles */
/*wigo button effects*/
table.dmbox {
.wigobutton img {
    clear: both;
  background-color: transparent;
    margin: 0.9em 1em;
  border: 1px transparent solid;
    border-top: 1px solid #ccc;  
    border-bottom: 1px solid #ccc;
    background: transparent;
}
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
}
table.fmbox-system {
 
    background: #f9f9f9;
.wigobutton img:hover {
  background: PaleTurquoise;
  border: 1px solid grey;
  margin: 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  -o-box-shadow: 0px 0px 2px #888;
  -icab-box-shadow: 0px 0px 2px #888;
  -khtml-box-shadow: 0px 0px 2px #888;
  -moz-box-shadow: 0px 0px 2px #888;
  -webkit-box-shadow: 0px 0px 2px #888;
  box-shadow: 0px 0px 2px #888;
}
}
table.fmbox-warning {
 
    border: 1px solid #bb7070; /* Dark pink */
.wigobutton img:active {
    background: #ffdbdb;       /* Pink */
  background: LightGrey;
  border: 1px inset grey;
  margin: 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
}
table.fmbox-editnotice {
 
    background: transparent;
/* Standard Colour Tables */
}
 
/* Div based "warning" style fmbox messages. */
.bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f7faff; }
div.mw-warning-with-logexcerpt,
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #fffafa; }
div.mw-lag-warn-high,
.browntable .bg1, .browninfobox .bg1, .lightbrownbg { background: #fffaf7; }
div.mw-cascadeprotectedwarning {
.greentable .bg1, .greeninfobox .bg1, .lightgreenbg { background: #f2fffb; }
    clear: both;
.redtable .bg1, .redinfobox .bg1, .lightredbg { background: #fff7f7; }
    margin: 0.2em 0;
 
    border: 1px solid #bb7070;
.softtable, .softtable td, .softtable .bg1,
    background: #ffdbdb;
.softinfobox, .softinfobox td, .softinfobox .bg1, .softbg, .lightsoftbg
    padding: 0.25em 0.9em;
{ background: #fffafa; }
}
 
/* Div based "system" style fmbox messages. Used in
.blueborder { border: 1px solid #8091ab; }
  [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
.grayborder { border: 1px solid #abaaaa; }
div.mw-lag-warn-normal,
.brownborder { border: 1px solid #b38d7d; }
div.noarticletext,
.greenborder { border: 1px solid #89aba1; }
div.fmbox-system {
.redborder { border: 1px solid #b37d7d; }
    clear: both;
.softborder { border: 1px solid #cccaca; }
    margin: 0.2em 0;
 
    border: 1px solid #aaa;
.bluetable .bg2, .blueinfobox .bg2, .bluetable .bg2 td, .blueinfobox .bg2 td { background: #e6eefa; }
    background: #f9f9f9;
.bluetable .bg3, .blueinfobox .bg3, .bluetable .bg3 td, .blueinfobox .bg3 td { background: #d3dff2; }
    padding: 0.25em 0.9em;
.bluetable .bg4, .blueinfobox .bg4, .bluetable .bg4 td, .blueinfobox .bg4 td, .bluebg { background: #c2d4ed; }
}
 
.graytable .bg2, .grayinfobox .bg2, .graytable .bg2 td, .grayinfobox .bg2 td { background: #eeeaea; }
/* These mbox-small classes must be placed after all other
.graytable .bg3, .grayinfobox .bg3, .graytable .bg3 td, .grayinfobox .bg3 td { background: #dddada; }
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
.graytable .bg4, .grayinfobox .bg4, .graytable .bg4 td, .grayinfobox .bg4 td, .graybg { background: #cccaca; }
  they override "table.ambox + table.ambox" above. */
 
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
.browntable .bg2, .browninfobox .bg2, .browntable .bg2 td, .browninfobox .bg2 td { background: #f7e9e4; }
    clear: right;
.browntable .bg3, .browninfobox .bg3, .browntable .bg3 td, .browninfobox .bg3 td { background: #f0dad1; }
.browntable .bg4, .browninfobox .bg4, .browntable .bg4 td, .browninfobox .bg4 td, .brownbg { background: #ebcdc0; }
 
.greentable .bg2, .greeninfobox .bg2, .greentable .bg2 td, .greeninfobox .bg2 td { background: #e1f7f1; }
.greentable .bg3, .greeninfobox .bg3, .greentable .bg3 td, .greeninfobox .bg3 td { background: #d5f2ea; }
.greentable .bg4, .greeninfobox .bg4, .greentable .bg4 td, .greeninfobox .bg4 td, .greenbg { background: #c1e0d7; }
 
.redtable .bg2, .redinfobox .bg2, .redtable .bg2 td, .redinfobox .bg2 td { background: #f7e4e4; }
.redtable .bg3, .redinfobox .bg3, .redtable .bg3 td, .redinfobox .bg4 td { background: #f0d1d1; }
.redtable .bg4, .redinfobox .bg4, .redtable .bg4 td, .redinfobox .bg3 td, .redbg { background: #ffcccc; }
 
.softtable .bg2, .softinfobox .bg2,
.softtable .bg3, .softinfobox .bg3,
.softtable .bg4, .softinfobox .bg4,
.softtable .bg2 td, .softinfobox .bg2 td,
.softtable .bg3 td, .softinfobox .bg3 td,
.softtable .bg4 td, .softinfobox .bg4 td
{ background: #eeeaea; }
 
.bluetable, .graytable, .browntable, .greentable, .redtable,
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox { border-collapse: collapse; }
 
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox, .softinfobox {
     float: right;
     float: right;
     margin: 4px 0 4px 1em;
     margin: 0 0 0.5em 0.5em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
  The second declarations reset the styles for all browsers except
  IE6, which chokes on the empty comment tags. Please copy any changes
  to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
*/
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                "Arial Unicode MS", "Lucida Sans Unicode",
                "Chrysanthi Unicode";
    font-family /**/: inherit;
}
.Unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                "Lucida Grande", "Free Sans", "Arial Unicode MS",
                "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
.latinx {
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
    font-family /**/: inherit;
}
.polytonic {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
                "Arial Unicode MS", "Lucida Sans Unicode",
                "Lucida Grande", Code2000;
    font-family /**/: inherit;
}
#wpSave {
    font-weight: bold;
}
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
    display: inline ! important;
    color: #f00;
    background-color: #0f0;
}
/* suppress missing interwiki image links where #ifexist cannot
  be used due to high number of requests see .hidden-redlink on
  http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
    display: none;
    speak: none;
}
/* Removes underlines from links */
.nounderlines a {
    text-decoration: none;
}
/* Remove underline from IPA links */
.IPA a:link, .IPA a:visited {
    text-decoration: none;
}
/* Standard Navigationsleisten, aka box hiding thingy
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p {
    font-size: 100%;
}
div.NavFrame div.NavContent {
    font-size: 100%;
}
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
/* Coloured watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
}
.rellink i,
.dablink i {
    font-style: normal;
}
/* Style for horizontal UL lists */
.horizontal ul {
    padding: 0;
    margin: 0;
}
.horizontal li {
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-right: 1px solid;
}
.horizontal li:last-child {
    border-right: none;
    padding-right: 0;
}
/* Allow transcluded pages to display in lists rather than a table.
  Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }
/* Geographical coordinates defaults. See [[Template:Coord/link]]
  for how these are used. The classes "geo", "longitude", and
  "latitude" are used by the [[Geo microformat]].
*/
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude            { white-space: nowrap; }
/* When <div class="nonumtoc"> is used on the table of contents,
  the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
    margin: 0 0 0 2em;
}
/* Allow limiting of which header levels are shown in a TOC;
  <div class="toclimit-3">, for instance, will limit to
  showing ==headings== and ===headings=== but no further
  (as long as there are no =headings= on the page, which
  there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
/* Styling for Template:Quote */
blockquote.templatequote {
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}
div.user-block {
    padding: 5px;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}
}
 
/* Prevent line breaks in silly places:  
.blueinfobox { background: #f7faff; }
  1) links when we don't want them to
.grayinfobox { background: #fffafa; }
  2) HTML formulae
.browninfobox { background: #fffaf7; }
  3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
.greeninfobox { background: #f2fffb; }
*/
.redinfobox { background: #fff7f7; }
.nowraplinks a,
 
span.texhtml,
.bluetable, .blueinfobox { border: 1px solid #8091ab; }
sup.reference a { white-space: nowrap; }
.graytable, .grayinfobox { border: 1px solid #abaaaa; }
.browntable, .browninfobox { border: 1px solid #b38d7d; }
/* For template documentation */
.greentable, .greeninfobox { border: 1px solid #89aba1; }
.template-documentation {
.redtable, .redinfobox { border: 1px solid #b37d7d; }
    clear: both;
.softtable, .softinfobox { border: 1px solid #cccaca; }
    margin: 1em 0 0 0;
 
    border: 1px solid #aaa;  
.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #8091ab; }
    background-color: #ecfcf4;  
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #abaaaa; }
    padding: 5px;
.browntable td, .browntable th, .browninfobox td, .browninfobox th { border: 1px solid #b38d7d; }
}
.greentable td, .greentable th, .greeninfobox td, .greeninfobox th { border: 1px solid #89aba1; }
.redtable td, .redtable th, .redinfobox td, .redinfobox th { border: 1px solid #b37d7d; }
.thumbinner {
 
    min-width: 100px;
.bluetable td, .bluetable th, .graytable td, .graytable th,
}
.browntable td, .browntable th, .greentable td, .greentable th,
.redtable td, .redtable th, .softtable td, .softtable th,
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.blueinfobox td, .blueinfobox th, .grayinfobox td, .grayinfobox th,
.imagemap-inline div {
.browninfobox td, .browninfobox th, .greeninfobox td, .greeninfobox th,
    display: inline;
.redinfobox td, .redinfobox th, .softinfobox td, .softinfobox th
}
{ padding: 4px; }
 
/* Increase the height of the image upload box */
.bluetable th { background: #c2d4ed; }
#wpUploadDescription {
.graytable th { background: #cccaca; }
    height: 13em;
.browntable th { background: #ebcdc0; }
}
.greentable th { background: #c1e0d7; }
.redtable th { background: #ffcccc; }
/* Reduce line-height for <sup> and <sub> */
.softtable th, .softinfobox th { background: #eeeaea; }
sup, sub {
 
    line-height: 1em;
.bluetable th:first-child, .graytable th:first-child, .browntable th:first-child, .greentable th:first-child, .redtable th:first-child, .softtable th:first-child,
}
.blueinfobox th, .grayinfobox th, .browninfobox th, .greeninfobox th, .redinfobox th, .softinfobox th { text-align: center; padding-right: 0.2em; }
 
 
/* The backgrounds for galleries. */
.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header,
#content .gallerybox div.thumb {
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header,
    background-color: #F9F9F9;   /* Light gray padding */
.browntable .divider, .browninfobox .divider, .browntable .header, .browninfobox .header,
}
.greentable .divider, .greeninfobox .divider, .greentable .header, .greeninfobox .header,  
/* Put a chequered background behind images, only visible if they have transparency */
.redtable .divider, .redinfobox .divider, .redtable .header, .redinfobox .header,
.gallerybox .thumb img,
.softtable .divider, .softinfobox .divider, .softtable .header, .softinfobox .header { text-align: center !important; }
#file img {
 
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
.bluetable .header, .bluetable .divider, .blueinfobox .header { background: #c2d4ed; }
}
.graytable .header, .graytable .divider, .grayinfobox .header { background: #cccaca; }
/* But no chequered background on articles, user pages or portals. */
.browntable .header, .browntable .divider, .browninfobox .header { background: #ebcdc0; }
.ns-0 .gallerybox .thumb img,
.greentable .header, .greentable .divider, .greeninfobox .header { background: #c1e0d7; }
.ns-2 .gallerybox .thumb img,
.redtable .header, .redtable .divider, .redinfobox .header { background: #ffcccc; }
.ns-100 .gallerybox .thumb img {
.softtable .header, .softtable .divider, .softinfobox .header { background: #eeeaea; }
    background: white;
 
}
.blueinfobox .divider { background: #e6eefa; }
.grayinfobox .divider { background: #eeeaea; }
/* Prevent floating boxes from overlapping any category listings,
.browninfobox .divider { background: #f7e9e4; }
  file histories, edit previews, and edit [Show changes] views */
.greeninfobox .divider { background: #e1f7f1; }
#mw-subcategories, #mw-pages, #mw-category-media,
.redinfobox .divider { background: #f7e4e4; }
#filehistory, #wikiPreview, #wikiDiff {
.softinfobox .divider { background: #eeeaea; }
    clear: both;
 
}
/** End of Standard Colour Tables **/
/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header            { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside    { display: none; }     /* hide things that should only display outside shells */
/* </source> */

Latest revision as of 13:42, 26 November 2025

#bannerintro { background-image: url(https://linguifex.com/w/images/0/05/Linguifex.png); }
#triangleintro { background-image: url(https://linguifex.com/w/images/9/99/Triangular.png); }

/* Columns */
.frontPageLeft{
  float:left;
  width:56%;
}
.frontPageRight{
  float:right;
  width:43%;
}
/* Block */
.frontPageBlock{
  background: url(https://linguifex.com/w/images/5/55/Bluegradient-left.png) no-repeat top left;
  border:1px solid #FFFFFF;
  padding:3px;
  margin-bottom:.4em;
  position:relative;
}
.frontPageBlockIcon{
  position:absolute;
  left: 5px;
  top: 5px;
}
.frontPageBlockIcon img{
  border: 0 none #000;
}
.frontPageBlockTitle{
  position:absolute;
  left: 60px;
  top: 3px;
  font-size:1.2em;
  color:white
}
.frontPageBlockContent{
  margin: 1em;
  padding-top: 30px;
  overflow: auto;
}
 
.frontPageRight .frontPageBlock{
  background: url(https://linguifex.com/w/images/3/37/Bluegradient-right.png) no-repeat top right;
  margin-left:1em;
}
.frontPageRight .frontPageBlockIcon{
  left:auto;
  right:10px;
}
.frontPageRight .frontPageBlockTitle{
  left:auto;
  right:60px;
  top:3px;
  font-size:1.1em;
  color:white
}
.frontPageRight .frontPageBlockContent{
  margin: 1em;
  padding-top: 20px;
}
 
.frontPageFancyBlock{
  border-bottom: 6px dotted #8CB2FF;
  padding: 1em 0;
  font-size: 100%;
  color: black;
  margin-left: 1em;
}
.frontPageFancyBlockLast{
  border-bottom:none;
}
/** End of Portal:Main Page **/

/* Other pages message box styles */

.ombox {
	margin: 4px 0;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;    /* Default "notice" gray */
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	box-sizing: border-box;
    color: var(--color-base, #202122);
}

/* For the "small=yes" option. */
.ombox.mbox-small {
	font-size: 88%;
	line-height: 1.25em;
}

.ombox-speedy {
	border: 2px solid #b32424;    /* Red */
	background-color: #fee7e6;    /* Pink */
}

.ombox-delete {
	border: 2px solid #b32424;    /* Red */
}

.ombox-content {
	border: 1px solid #f28500;    /* Orange */
}

.ombox-style {
	border: 1px solid #fc3;       /* Yellow */
}

.ombox-move {
	border: 1px solid #9932cc;    /* Purple */
}

.ombox-protection {
	border: 2px solid #a2a9b1;    /* Gray-gold */
}

.ombox .mbox-text {
	border: none;
	/* @noflip */
	padding: 0.25em 0.9em;
	width: 100%;
}

.ombox .mbox-image {
	border: none;
	/* @noflip */
	padding: 2px 0 2px 0.9em;
	text-align: center;
}

.ombox .mbox-imageright {
	border: none;
	/* @noflip */
	padding: 2px 0.9em 2px 0;
	text-align: center;
}

/* An empty narrow cell */
.ombox .mbox-empty-cell {
	border: none;
	padding: 0;
	width: 1px;
}

/* keep synced with each other type of message box as this isn't qualified */
.mbox-invalid-type {
	text-align: center;
}

@media (min-width: 720px) {
	.ombox {
		margin: 4px 10%;
	}
	
	.ombox.mbox-small {
		/* @noflip */
		clear: right;
		/* @noflip */
		float: right;
		/* @noflip */
		margin: 4px 0 4px 1em;
		width: 238px;
	}
}

/** T367463 */
.skin--responsive table.ombox img {
	max-width: none !important;
}

@media screen {
	html.skin-theme-clientpref-night .ombox-speedy {
		background-color: #310402;    /* Dark red, same hue/saturation as light */
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ombox-speedy {
		background-color: #310402; /* Dark red, same hue/saturation as light */
	}
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.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 #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    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: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}
 
/* Icons for medialist templates [[Template:Listen]],
   [[Template:Multi-listen_start]], [[Template:Video]],
   [[Template:Multi-video_start]]
*/
div.listenlist {
    background:
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}
 
/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}
div.medialist ul {
    list-style-type: none; 
    list-style-image: none;
    margin: 0;
}
div.medialist ul li {
    padding-bottom: 0.5em;
}
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/**********/
/* portal */
/**********/
.portal_container { }
.portal_section ul  { list-style: disc; }
.portal_section { border: 2px solid rgb(0,0,0); margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, rgba(149,213,255, 0.1) 0, rgba(0,26,43,0.4) 100%); -moz-border-radius: 1em; -moz-box-shadow:0px 0px 4px rgba(240,248,255,0.5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(149,213,255, 0.1)), color-stop(100%, rgba(0,26,43,0.4))); -webkit-border-radius: 1em; -webkit-box-shadow: 0px 0px 4px rgba(240,248,255,0.5); border-radius: 1em; box-shadow: 0px 0px 4px rgba(240,248,255,0.5); }
.portal_header { padding: 0 1em; position: relative; }
.portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; }
.portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; }
.portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: rgb(240,248,255) !important; }
.portal_body { padding: 0.8em; }
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: rgb(240,248,255) !important; }
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: rgb(240,248,255) ; }

/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; height: 500px; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; cursor: pointer; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(0,128,170) 0, rgb(85,213,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,128,170)), color-stop(100%, rgb(85,213,255))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(0, 143, 191); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(0,175,234) 0, rgb(149,228,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,175,234)), color-stop(100%, rgb(149,228,255))); color: rgb(0,175,234); }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radiust: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }


/*******************/
/* portal: content */
/*******************/
#portal_content { font-size: 0.9em; line-height: 1.7em; }
#portal_content .portal_body > table { height: 400px; }
#portal_content ul { list-style: disc outside; }
#portal_content ul ul { margin-left: 1em; }
 
/****************/
/* portal: news */
/****************/
#portal_news .WikiaBlogListingBox, #portal_news ul, .CommunityCornerModule .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: 0; padding: 0; background: transparent; }
#portal_news .WikiaBlogListingBox h3, #portal_news .wikia-button, .CommunityCornerModule .WikiaBlogListingBox h3 { display: none; }
#portal_news .WikiaBlogListingBox ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; list-style-type: none;} /* override the default border #portal_news colors */
.WikiaBlogListingBox ul li:first-child { border: none !important; } /* override the override */

/******************/
/* portal: forums */
/******************/
#portal_forums .forum_title { }
#portal_forums .forum_edited { text-align: right; }

/*******************/
/* portal: twitter */
/*******************/
#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; padding: 0.2em 0; list-style: none; } /* change it from a bulleted list into a unbulleted list */
#portal_twitter ul { margin-left: 0em !important; }

/*********************************/
/* main page jquery tabs/sliders */
/*********************************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }

/**********************/
/**Portal definitons  */
/**********************/

.portal_sliderlink_1, .portal_sliderlink_2, .portal_sliderlink_3, .portal_sliderlink_4, .portal_sliderlink_6, .portal_sliderlink_5, .portal_sliderlink_6, .portal_sliderlink_7 {
border: 1px solid #f9f9f9;
}

.portal_sliderlink_1:hover, .portal_sliderlink_2:hover, .portal_sliderlink_3:hover, .portal_sliderlink_4:hover, .portal_sliderlink_6:hover, .portal_sliderlink_5:hover, .portal_sliderlink_6:hover, .portal_sliderlink_7:hover {
border: 1.4px solid #8CB2FF;
}

.use-with-mention {
font-style: italic;
}

/*Template:WIGO NAV*/
.wigonav-button a, .wigonav-button strong {
  background-image:url('https://linguifex.com/w/images/4/42/Welcome.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding-top:90px;
  width:100px;
  display:block;
  margin:auto;
}

#wigonav-button-logo a {
  background-position: 0 0;
}

#wigonav-button-logo a:hover, #wigonav-button-logo strong {
  background-position: -600px 0;
}

#wigonav-button-languages a {
  background-position: -100px 0;
}

#wigonav-button-languages a:hover, #wigonav-button-languages strong {
  background-position: -700px 0;
}

#wigonav-button-featured a {
  background-position: -200px 0;
}

#wigonav-button-featured a:hover, #wigonav-button-featured strong {
  background-position: -800px 0;
}

#wigonav-button-forum a {
  background-position: -300px 0;
}

#wigonav-button-forum a:hover, #wigonav-button-forum strong {
  background-position: -900px 0;
}

#wigonav-button-contionary a {
  background-position: -400px 0;
}

#wigonav-button-contionary a:hover, #wigonav-button-contionary strong {
  background-position: -1000px 0;
}

#wigonav-button-library a {
  background-position: -500px 0;
}

#wigonav-button-library a:hover, #wigonav-button-library strong {
  background-position: -1100px 0;
}

/*WIGO*/

/*Spacing between wigo buttons*/
.wigobutton {
  padding: 0;
}

/*wigo button effects*/
.wigobutton img {
  background-color: transparent;
  border: 1px transparent solid;
}

.wigobutton img:hover {
  background: PaleTurquoise;
  border: 1px solid grey;
  margin: 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  -o-box-shadow: 0px 0px 2px #888;
  -icab-box-shadow: 0px 0px 2px #888;
  -khtml-box-shadow: 0px 0px 2px #888;
  -moz-box-shadow: 0px 0px 2px #888;
  -webkit-box-shadow: 0px 0px 2px #888;
  box-shadow: 0px 0px 2px #888;
}

.wigobutton img:active {
  background: LightGrey;
  border: 1px inset grey;
  margin: 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

/* Standard Colour Tables */

.bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f7faff; }
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #fffafa; }
.browntable .bg1, .browninfobox .bg1, .lightbrownbg { background: #fffaf7; }
.greentable .bg1, .greeninfobox .bg1, .lightgreenbg { background: #f2fffb; }
.redtable .bg1, .redinfobox .bg1, .lightredbg { background: #fff7f7; }

.softtable, .softtable td, .softtable .bg1,
.softinfobox, .softinfobox td, .softinfobox .bg1, .softbg, .lightsoftbg
{ background: #fffafa; }

.blueborder { border: 1px solid #8091ab; }
.grayborder { border: 1px solid #abaaaa; }
.brownborder { border: 1px solid #b38d7d; }
.greenborder { border: 1px solid #89aba1; }
.redborder { border: 1px solid #b37d7d; }
.softborder { border: 1px solid #cccaca; }

.bluetable .bg2, .blueinfobox .bg2, .bluetable .bg2 td, .blueinfobox .bg2 td { background: #e6eefa; }
.bluetable .bg3, .blueinfobox .bg3, .bluetable .bg3 td, .blueinfobox .bg3 td { background: #d3dff2; }
.bluetable .bg4, .blueinfobox .bg4, .bluetable .bg4 td, .blueinfobox .bg4 td, .bluebg { background: #c2d4ed; }

.graytable .bg2, .grayinfobox .bg2, .graytable .bg2 td, .grayinfobox .bg2 td { background: #eeeaea; }
.graytable .bg3, .grayinfobox .bg3, .graytable .bg3 td, .grayinfobox .bg3 td { background: #dddada; }
.graytable .bg4, .grayinfobox .bg4, .graytable .bg4 td, .grayinfobox .bg4 td, .graybg { background: #cccaca; }

.browntable .bg2, .browninfobox .bg2, .browntable .bg2 td, .browninfobox .bg2 td { background: #f7e9e4; }
.browntable .bg3, .browninfobox .bg3, .browntable .bg3 td, .browninfobox .bg3 td { background: #f0dad1; }
.browntable .bg4, .browninfobox .bg4, .browntable .bg4 td, .browninfobox .bg4 td, .brownbg { background: #ebcdc0; }

.greentable .bg2, .greeninfobox .bg2, .greentable .bg2 td, .greeninfobox .bg2 td { background: #e1f7f1; }
.greentable .bg3, .greeninfobox .bg3, .greentable .bg3 td, .greeninfobox .bg3 td { background: #d5f2ea; }
.greentable .bg4, .greeninfobox .bg4, .greentable .bg4 td, .greeninfobox .bg4 td, .greenbg { background: #c1e0d7; }

.redtable .bg2, .redinfobox .bg2, .redtable .bg2 td, .redinfobox .bg2 td { background: #f7e4e4; }
.redtable .bg3, .redinfobox .bg3, .redtable .bg3 td, .redinfobox .bg4 td { background: #f0d1d1; }
.redtable .bg4, .redinfobox .bg4, .redtable .bg4 td, .redinfobox .bg3 td, .redbg { background: #ffcccc; }

.softtable .bg2, .softinfobox .bg2,
.softtable .bg3, .softinfobox .bg3,
.softtable .bg4, .softinfobox .bg4,
.softtable .bg2 td, .softinfobox .bg2 td,
.softtable .bg3 td, .softinfobox .bg3 td,
.softtable .bg4 td, .softinfobox .bg4 td
{ background: #eeeaea; }

.bluetable, .graytable, .browntable, .greentable, .redtable,
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox { border-collapse: collapse; }

.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox, .softinfobox { 
    float: right;
    margin: 0 0 0.5em 0.5em;
}

.blueinfobox { background: #f7faff; }
.grayinfobox { background: #fffafa; }
.browninfobox { background: #fffaf7; }
.greeninfobox { background: #f2fffb; }
.redinfobox { background: #fff7f7; }

.bluetable, .blueinfobox { border: 1px solid #8091ab; }
.graytable, .grayinfobox { border: 1px solid #abaaaa; }
.browntable, .browninfobox { border: 1px solid #b38d7d; }
.greentable, .greeninfobox { border: 1px solid #89aba1; }
.redtable, .redinfobox { border: 1px solid #b37d7d; }
.softtable, .softinfobox { border: 1px solid #cccaca; }

.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #8091ab; }
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #abaaaa; }
.browntable td, .browntable th, .browninfobox td, .browninfobox th { border: 1px solid #b38d7d; }
.greentable td, .greentable th, .greeninfobox td, .greeninfobox th { border: 1px solid #89aba1; }
.redtable td, .redtable th, .redinfobox td, .redinfobox th { border: 1px solid #b37d7d; }

.bluetable td, .bluetable th, .graytable td, .graytable th, 
.browntable td, .browntable th, .greentable td, .greentable th, 
.redtable td, .redtable th, .softtable td, .softtable th,
.blueinfobox td, .blueinfobox th, .grayinfobox td, .grayinfobox th,
.browninfobox td, .browninfobox th, .greeninfobox td, .greeninfobox th,
.redinfobox td, .redinfobox th, .softinfobox td, .softinfobox th
{ padding: 4px; }

.bluetable th { background: #c2d4ed; }
.graytable th { background: #cccaca; }
.browntable th { background: #ebcdc0; }
.greentable th { background: #c1e0d7; }
.redtable th { background: #ffcccc; }
.softtable th, .softinfobox th { background: #eeeaea; }

.bluetable th:first-child, .graytable th:first-child, .browntable th:first-child, .greentable th:first-child, .redtable th:first-child, .softtable th:first-child,
.blueinfobox th, .grayinfobox th, .browninfobox th, .greeninfobox th, .redinfobox th, .softinfobox th { text-align: center; padding-right: 0.2em; }


.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header,
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header,
.browntable .divider, .browninfobox .divider, .browntable .header, .browninfobox .header,
.greentable .divider, .greeninfobox .divider, .greentable .header, .greeninfobox .header, 
.redtable .divider, .redinfobox .divider, .redtable .header, .redinfobox .header,
.softtable .divider, .softinfobox .divider, .softtable .header, .softinfobox .header { text-align: center !important; }

.bluetable .header, .bluetable .divider, .blueinfobox .header { background: #c2d4ed; }
.graytable .header, .graytable .divider, .grayinfobox .header { background: #cccaca; }
.browntable .header, .browntable .divider, .browninfobox .header { background: #ebcdc0; }
.greentable .header, .greentable .divider, .greeninfobox .header { background: #c1e0d7; }
.redtable .header, .redtable .divider, .redinfobox .header { background: #ffcccc; }
.softtable .header, .softtable .divider, .softinfobox .header { background: #eeeaea; }

.blueinfobox .divider { background: #e6eefa; }
.grayinfobox .divider { background: #eeeaea; }
.browninfobox .divider { background: #f7e9e4; }
.greeninfobox .divider { background: #e1f7f1; }
.redinfobox .divider { background: #f7e4e4; }
.softinfobox .divider { background: #eeeaea; }

/** End of Standard Colour Tables **/
Retrieved from "https://linguifex.com/w/index.php?title=MediaWiki:Common.css&oldid=479002"