Linguifex

MediaWiki:Common.css: Difference between revisions

← Older edit
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 */
}
Retrieved from "https://duo.linguifex.com/wiki/MediaWiki:Common.css"