MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(124 intermediate revisions by 4 users not shown)
Line 1: Line 1:
@charset "UTF-8";
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Google Fonts: Marlemad (sans) and Gentium Book Basic/Trykker */
@import url(https://fonts.googleapis.com/css?family=Trykker|Gentium+Book+Basic:400,400italic|Marmelad&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Gentium+Basic&subset=latin,latin-ext);
/* Add the custom fonts we use on here, Charis SIL, Gentium Plus, etc. */
@import url(../assets/lexfonts.css);
/* TENGWAR */
@import url(../assets/darn.css);
@font-face{
font-family: FreeIdgSerif, serif;
font-family: Akkadian, serif;
font-family: 'Gentium Basic', serif;
font-family: 'Trykker', serif;
font-family: 'Gentium Book Basic', serif;
font-family: 'Marmelad', sans-serif;
}
@font-face{
  font-family: 'Tagati';
  src: url("https://cdn.jsdelivr.net/gh/carbeck/tagatibookg@master/Tagati Book Regular G.ttf") format('truetype');
}
@font-face{
  font-family: 'Tagati';
  src: url("https://cdn.jsdelivr.net/gh/carbeck/tagatibookg@master/Tagati Book Italic G.ttf") format('truetype');
  font-style: italic;
}
@font-face{
  font-family: 'AH Rokajang';
  src: url("https://cdn.jsdelivr.net/gh/Astralneko/ahrokajang@master/AHRokajang.ttf") format('truetype');
}
@font-face{
font-family: 'Antinoou';
src: url("https://coptot.manuscriptroom.com/community/fonts/antinoou-webfont.ttf") format('truetype');
}
@font-face{
  font-family: 'Antinoou';
  src: url("https://coptot.manuscriptroom.com/community/fonts/antinoouitalic-webfont.ttf") format('truetype');
  font-style: italic;
}
@font-face{
  font-family: 'Alcarin';
  src: url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.woff2") format('woff2'),
url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.woff") format('woff'),
url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.ttf") format('truetype');
}
.Ayer{
font-family: 'Tagati', sans-serif;
font-size: 24px;
}
/* Chiingimec */
.Cyrl[lang=xchc]{
font-family: 'Cambria', sans-serif;
font-size: 110%;
}
.headword[lang=xchc]{
font-size: 120%;
}
.Roka{
    font-family: 'AH Rokajang', sans-serif;
    font-size: 110%;
}
.Copt{
font-family: 'Antinoou', 'Noto Sans Coptic';
font-size: 115%;
}
/* Classical Mongolian, Manchu, Xibe, Clear Script */
.Mong,
.mnc-Mong, /* Manchu */
.sjo-Mong, /* Xibe */
.xwo-Mong /* Clear Script, Todo */ {
font-family: 'Mongolian Baiti', 'Noto Sans Mongolian', sans-serif;
font-size: 140%;
-webkit-writing-mode: vertical-lr;
-moz-writing-mode: vertical-lr;
writing-mode: vertical-lr;
layout-flow: vertical-ideographic;
}
.Teng {
font-family: 'Alcarin', 'Brill', serif;
}
/* ATTEMPTING TO ADD ULTRALIGATURE SUPPORT */
@font-face{
font-family: 'Cardo';
font-style: normal;
font-weight: 400;
src: local('Cardo'), url(https://brick.a.ssl.fastly.net/fonts/cardo/400.woff) format('woff');
}
@font-face{font-family:'Cardo';font-style:normal;font-weight:400;src:url(//brick.a.ssl.fastly.net/fonts/cardo/400.woff) format('woff')}@font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url(//brick.a.ssl.fastly.net/fonts/cardo/700.woff) format('woff')}@font-face{font-family:'Cardo';font-style:italic;font-weight:400;src:url(//brick.a.ssl.fastly.net/fonts/cardo/400i.woff) format('woff')}


/** CSS-classes for Portal:Main Page **/
/** CSS-classes for Portal:Main Page **/
/* Banner */
body.page-Main_Page h1.firstHeading { display:none; }/* Banner */
 
.MainPageBG {
  width:55%; border:1px solid #cef2e0; background:#f5fffa; vertical-align:top; color:#000;
}


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


/* Columns */
/* Columns */
.frontPageLeft{
.frontPageLeft{
   float:left;
   float:left;
   width:53%;
   width:56%;
}
}
.frontPageRight{
.frontPageRight{
   float:left;
   float:right;
   width:47%;
   width:43%;
}
}
/* Block */
/* Block */
.frontPageBlock{
.frontPageBlock{
   background: url(http://linguifex.com/images/d/d1/Bluebg2.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 34: Line 142:
.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 45: Line 154:
   
   
.frontPageRight .frontPageBlock{
.frontPageRight .frontPageBlock{
   background: url(http://linguifex.com/images/e/e2/Blueline-8-2.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 57: Line 166:
   top:3px;
   top:3px;
   font-size:1.1em;
   font-size:1.1em;
  color:white
}
}
.frontPageRight .frontPageBlockContent{
.frontPageRight .frontPageBlockContent{
Line 64: Line 174:
   
   
.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 245: Line 355:
         font-size: 100%;
         font-size: 100%;
         background-color: #efefef;
         background-color: #efefef;
        border-collapse: collapse;
         padding-left: 10px;
         padding-left: 10px;
         background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
         background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
Line 286: Line 395:
         font-size:smaller;
         font-size:smaller;
}
}
.client-js .NavContent { display: none; }
.client-js .not .NavContent { display: block; }


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 */
/* Other pages message box styles */
Line 777: Line 877:
   
   
table.ambox-notice {
table.ambox-notice {
     border-left: 10px solid #1e90ff;    /* Blue */
     border-left: 10px solid #1e90ff;    /* Blue notice*/
}
table.ambox-rednotice{
    border-left: 10px solid #e60000;    /*Light red notice*/
 
}
}
table.ambox-speedy {
table.ambox-speedy {
Line 1,019: Line 1,123:
*/
*/
.IPA {
.IPA {
     font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
     font-family: CharisSILW, "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                 "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                 "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Arial Unicode MS", "Lucida Sans Unicode",
Line 1,026: Line 1,130:
}
}
.Unicode {
.Unicode {
     font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
     font-family: GentiumPlus, Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
Line 1,034: Line 1,138:
}
}
.latinx {
.latinx {
     font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
     font-family: GentiumPlus, Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
     font-family /**/: inherit;
     font-family /**/: inherit;
}
}
.polytonic {
.polytonic {
     font-family: "Athena Unicode", Gentium, "Palatino Linotype",
     font-family: GentiumPlus, "Athena Unicode", Gentium, "Palatino Linotype",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Lucida Grande", Code2000;  
                 "Lucida Grande", Code2000;  
Line 1,213: Line 1,317:
     background-color: #FFEFD5;
     background-color: #FFEFD5;
}
}
 
/* Prevent line breaks in silly places where desired (nowrap)
  and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
 
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
 
/* Prevent line breaks in silly places:  
/* Prevent line breaks in silly places:  
   1) links when we don't want them to
   1) links when we don't want them to
Line 1,355: Line 1,472:


.portal_sliderlink_1, .portal_sliderlink_2, .portal_sliderlink_3, .portal_sliderlink_4, .portal_sliderlink_6, .portal_sliderlink_5, .portal_sliderlink_6, .portal_sliderlink_7 {
.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 #ffffff;
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 {
.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: 2px solid #ffffff;
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;
}
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Used by column templates (see [[Module:columns]]). */
.ul-column-count[data-column-count="2"] ul {
-moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2;
}
.ul-column-count[data-column-count="3"] ul {
-moz-column-count: 3; -webkit-column-count: 3; -ms-column-count: 3; column-count: 3;
}
.ul-column-count[data-column-count="4"] ul {
-moz-column-count: 4; -webkit-column-count: 4; -ms-column-count: 4; column-count: 4;
}
.ul-column-count[data-column-count="5"] ul {
-moz-column-count: 5; -webkit-column-count: 5; -ms-column-count: 5; column-count: 5;
}
/* formats derived terms */
.derivedterms { background: #F8F8FF; }
.derivedterms .CategoryTreeChildren { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }