MediaWiki:Common.css: Difference between revisions

No edit summary
(Undo revision 479000 by Sware (talk))
Tag: Undo
 
(187 intermediate revisions by 4 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); }
 
#triangleintro { background-image: url(https://linguifex.com/w/images/9/99/Triangular.png); }
/** CSS-classes for Portal:Main Page **/
/* Banner */
 
#bannerintro { background-image: url(http://conlang.wikkii.com/w/images/conlang/uploads/c/ca/Babel_3.png); }


/* Columns */
/* Columns */
.frontPageLeft{
.frontPageLeft{
   float:left;
   float:left;
   width:66%;
   width:56%;
}
}
.frontPageRight{
.frontPageRight{
   float:left;
   float:right;
   width:34%;
   width:43%;
}
}
/* Block */
/* Block */
.frontPageBlock{
.frontPageBlock{
   background: url(//upload.wikimedia.org/wikipedia/commons/9/97/Bluebg.png) no-repeat 3px 3px;
   background: url(https://linguifex.com/w/images/5/55/Bluegradient-left.png) no-repeat top left;
   border:1px solid #c2dfff;
   border:1px solid #FFFFFF;
   padding:3px;
   padding:3px;
   margin-bottom:.4em;
   margin-bottom:.4em;
Line 33: Line 29:
.frontPageBlockTitle{
.frontPageBlockTitle{
   position:absolute;
   position:absolute;
   left: 50px;
   left: 60px;
   top: 7px;
   top: 3px;
   font-size:1.2em;
   font-size:1.2em;
  color:white
}
}
.frontPageBlockContent{
.frontPageBlockContent{
Line 44: Line 41:
   
   
.frontPageRight .frontPageBlock{
.frontPageRight .frontPageBlock{
   background: url(//upload.wikimedia.org/wikipedia/commons/2/27/Bluebg_right_3px_offset.png) no-repeat top right;
   background: url(https://linguifex.com/w/images/3/37/Bluegradient-right.png) no-repeat top right;
   margin-left:1em;
   margin-left:1em;
}
}
Line 53: Line 50:
.frontPageRight .frontPageBlockTitle{
.frontPageRight .frontPageBlockTitle{
   left:auto;
   left:auto;
   right:50px;
   right:60px;
   top:3px;
   top:3px;
   font-size:1.05em;
   font-size:1.1em;
  color:white
}
}
.frontPageRight .frontPageBlockContent{
.frontPageRight .frontPageBlockContent{
Line 63: Line 61:
   
   
.frontPageFancyBlock{
.frontPageFancyBlock{
   border-bottom: 3px dotted #C2DFFF;
   border-bottom: 6px dotted #8CB2FF;
   padding: 1em 0;
   padding: 1em 0;
   font-size: 95%;
   font-size: 100%;
   color: #CCCCCC;
   color: black;
   margin-left: 1em;
   margin-left: 1em;
}
}
Line 74: Line 72:
/** End of Portal:Main Page **/
/** End of Portal:Main Page **/


/* Wikitables */
/* 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;
}
   
   
table.wikitable {
.infobox.geography .maptable td,
margin: .5em;
.infobox.geography .maptable th {
background: #f9f9f9;
    border: 0;
border: 1px #aaa solid;
    padding: 0;
border-collapse: collapse;
}
}
   
   
table.wikitable th, table.wikitable td {
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
border: 1px #aaa solid;
.redirect-in-category, .allpagesredirect {
padding: .2em;
    font-style: italic;
}
}
   
   
table.wikitable th {
/* Icons for medialist templates [[Template:Listen]],
background: #f2f2f2;
  [[Template:Multi-listen_start]], [[Template:Video]],
text-align: center;
  [[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;
}
}
   
   
table.wikitable caption {
/* Style rules for media list templates */
margin-left: inherit;
div.medialist {
margin-right: inherit;
    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;
}
}
/** End of Wikitables **/


/**********/
/* 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 */
/* Standard Colour Tables */
Line 214: Line 605:
.softinfobox .divider { background: #eeeaea; }
.softinfobox .divider { background: #eeeaea; }


/** End of Standard Colour Tables**/
/** End of Standard Colour Tables **/
 
 
/* NavFrames */
div.Boxmerge,
div.NavFrame, details.NavFrame {
        margin: 0px 0px -1px 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
overflow: auto;
width: auto;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead, details.NavFrame summary.NavHead {
        min-height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
        border-collapse: collapse;
        padding-left: 10px;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
        background-image:-moz-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
        background-image:-o-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
}
div.NavFrame div.NavHead:hover, details.NavFrame summary.NavHead:hover {
        background-color:#F6F6F6;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F3F3F3), color-stop(0.6, #EAEAEA));
        background-image:-moz-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
        background-image:-o-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
}
div.NavFrame div.NavHead:active, details.NavFrame summary.NavHead:active {
        background-color:#E3E3E3;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#DFDFDF), color-stop(0.6, #D3D3D3));
        background-image:-moz-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
        background-image:-o-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
}
div.pseudo div.NavHead:hover {background-color:#EFEFEF;}
div.pseudo div.NavHeadpseudo:active {background-color:#EFEFEF;}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent, details.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p, details.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
span.NavToggle {
        cursor: pointer;
        float: right;
        font-weight:normal;
        font-size:smaller;
}
 
 
table.collapsed tr.collapsible {
        display: none;
}
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the            */
        float: right;          /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.            */
        text-align: right;
        width: auto;
}
 
/* 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 {
    border: 1px solid #aaa;      /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;      /* Gray-gold */
}

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 **/