MediaWiki:Common.css: Difference between revisions

no edit summary
mNo edit summary
No edit summary
(24 intermediate revisions by 2 users not shown)
Line 10: Line 10:


@import url(../assets/darn.css);
@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;
}


/* ATTEMPTING TO ADD ULTRALIGATURE SUPPORT */
@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-face{
font-family: 'Cardo';
  font-family: 'AH Rokajang';
font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/Astralneko/ahrokajang@master/AHRokajang.ttf") format('truetype');
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')}
@font-face{
font-family: 'Antinoou';
src: url("https://coptot.manuscriptroom.com/community/fonts/antinoou-webfont.ttf") format('truetype');
}


/** CSS-classes for Portal:Main Page **/
@font-face{
body.page-Main_Page h1.firstHeading { display:none; }/* Banner */
  font-family: 'Antinoou';
  src: url("https://coptot.manuscriptroom.com/community/fonts/antinoouitalic-webfont.ttf") format('truetype');
  font-style: italic;
}


.MainPageBG {
@font-face{
  width:55%; border:1px solid #cef2e0; background:#f5fffa; vertical-align:top; color:#000;
  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');
}
}


#bannerintro { background-image: url(https://linguifex.com/w/images/0/05/Linguifex.png); }
.None[lang=qay]{
#triangleintro { background-image: url(https://linguifex.com/w/images/9/99/Triangular.png); }
font-family: 'Tagati', sans-serif;
font-size: 24px;
}


/* Columns */
/* Chiingimec */
.frontPageLeft{
.Cyrl[lang=xchc]{
  float:left;
font-family: 'Cambria', sans-serif;
  width:56%;
font-size: 110%;
}
.headword[lang=xchc]{
font-size: 120%;
}
}
.frontPageRight{
 
  float:right;
.None[lang=anrdg]{
  width:43%;
    font-family: 'AH Rokajang', sans-serif;
    font-size: 110%;
}
}
/* Block */
 
.frontPageBlock{
.Copt{
  background: url(https://linguifex.com/w/images/5/55/Bluegradient-left.png) no-repeat top left;
font-family: 'Antinoou', 'Noto Sans Coptic';
  border:1px solid #FFFFFF;
font-size: 115%;
  padding:3px;
  margin-bottom:.4em;
  position:relative;
}
}
.frontPageBlockIcon{
 
  position:absolute;
/* Classical Mongolian, Manchu, Xibe, Clear Script */
  left: 5px;
.Mong,
  top: 5px;
.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;
}
}
.frontPageBlockIcon img{
 
  border: 0 none #000;
.Teng {
font-family: 'Alcarin', 'Brill', serif;
}
}
.frontPageBlockTitle{
 
  position:absolute;
/* ATTEMPTING TO ADD ULTRALIGATURE SUPPORT */
  left: 60px;
 
  top: 3px;
@font-face{
  font-size:1.2em;
font-family: 'Cardo';
  color:white
font-style: normal;
font-weight: 400;
src: local('Cardo'), url(https://brick.a.ssl.fastly.net/fonts/cardo/400.woff) format('woff');
}
}
.frontPageBlockContent{
 
  margin: 1em;
@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')}
   padding-top: 30px;
 
  overflow: auto;
/** CSS-classes for Portal:Main Page **/
body.page-Main_Page h1.firstHeading { display:none; }/* Banner */
 
.MainPageBG {
   width:55%; border:1px solid #cef2e0; background:#f5fffa; vertical-align:top; color:#000;
}
}
 
.frontPageRight .frontPageBlock{
#bannerintro { background-image: url(https://linguifex.com/w/images/0/05/Linguifex.png); }
  background: url(https://linguifex.com/w/images/3/37/Bluegradient-right.png) no-repeat top right;
#triangleintro { background-image: url(https://linguifex.com/w/images/9/99/Triangular.png); }
   margin-left:1em;
 
/* Columns */
.frontPageLeft{
   float:left;
  width:56%;
}
}
.frontPageRight .frontPageBlockIcon{
.frontPageRight{
   left:auto;
   float:right;
   right:10px;
   width:43%;
}
}
.frontPageRight .frontPageBlockTitle{
/* Block */
   left:auto;
.frontPageBlock{
   right:60px;
  background: url(https://linguifex.com/w/images/5/55/Bluegradient-left.png) no-repeat top left;
   top:3px;
  border:1px solid #FFFFFF;
   font-size:1.1em;
  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
   color:white
}
}
.frontPageRight .frontPageBlockContent{
.frontPageBlockContent{
   margin: 1em;
   margin: 1em;
   padding-top: 20px;
   padding-top: 30px;
  overflow: auto;
}
}
   
   
.frontPageFancyBlock{
.frontPageRight .frontPageBlock{
   border-bottom: 6px dotted #8CB2FF;
  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;
   padding: 1em 0;
   font-size: 100%;
   font-size: 100%;
Line 1,040: Line 1,123:
*/
*/
.IPA {
.IPA {
     font-family: CharisSILW, "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
     font-family: Gentium,'Gentium Plus',GentiumAlt,'DejaVu Sans','Segoe UI','Lucida Grande','Charis SIL','Doulos SIL','TITUS Cyberbit Basic','Code2000','Lucida Sans Unicode',sans-serif;
                "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
    font-size: 110%;
                "Arial Unicode MS", "Lucida Sans Unicode",
     font-family /**/:inherit;
                "Chrysanthi Unicode";
     font-family /**/: inherit;
}
}
.Unicode {
.Unicode {
     font-family: GentiumPlus, Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
     font-family: GentiumPlus, Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
Line 1,228: Line 1,310:
     font-size: 85%;
     font-size: 85%;
}
}
 
div.user-block {
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
font-family: 'Linux Libertine', 'Times', 'Georgia', serif;
}
 
.mw-body h1,
.mw-body-content h1 {
font-size: 2em;
}
 
.mw-body-content h2 {
font-size: 1.66666667em;
}
 
div.user-block {
     padding: 5px;
     padding: 5px;
     border: 1px solid #A9A9A9;
     border: 1px solid #A9A9A9;
     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,424: Line 1,534:
#wigonav-button-forum a {
#wigonav-button-forum a {
   background-position: -300px 0;
   background-position: -300px 0;
}
}
 
 
#wigonav-button-forum a:hover, #wigonav-button-forum strong {
#wigonav-button-forum a:hover, #wigonav-button-forum strong {
   background-position: -900px 0;
   background-position: -900px 0;
}
}
 
 
#wigonav-button-contionary a {
#wigonav-button-contionary a {
   background-position: -400px 0;
   background-position: -400px 0;
}
}
 
 
#wigonav-button-contionary a:hover, #wigonav-button-contionary strong {
#wigonav-button-contionary a:hover, #wigonav-button-contionary strong {
   background-position: -1000px 0;
   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; }


#wigonav-button-library a {
/* Used by column templates (see [[Module:columns]]). */
  background-position: -500px 0;
.ul-column-count[data-column-count="2"] ul {
-moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2;
}
}


#wigonav-button-library a:hover, #wigonav-button-library strong {
.ul-column-count[data-column-count="3"] ul {
  background-position: -1100px 0;
-moz-column-count: 3; -webkit-column-count: 3; -ms-column-count: 3; column-count: 3;
}
}


/*WIGO*/
.ul-column-count[data-column-count="4"] ul {
 
-moz-column-count: 4; -webkit-column-count: 4; -ms-column-count: 4; column-count: 4;
/*Spacing between wigo buttons*/
.wigobutton {
  padding: 0;
}
}


/*wigo button effects*/
.ul-column-count[data-column-count="5"] ul {
.wigobutton img {
-moz-column-count: 5; -webkit-column-count: 5; -ms-column-count: 5; column-count: 5;
  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 {
/* formats derived terms */
  background: LightGrey;
.derivedterms { background: #F8F8FF; }
  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 */
.derivedterms .CategoryTreeChildren { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }