Difference between revisions of "MediaWiki:Common.css"

From musings of k8
Jump to navigation Jump to search
m
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&family=Satisfy&display=swap');
  
code {
+
/*
  border: 0px;
+
https://www.mediawiki.org/wiki/Customizing_MediaWiki_for_beginners
}
+
https://www.hostknox.com/knowledgebase/696/How-to-change-the-font-family-size-and-color-of-text-in-MediaWiki.html
 +
https://fonts.google.com/specimen/Open+Sans
 +
https://fonts.google.com/specimen/Roboto
 +
*/
 +
 
 +
#content { font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
 +
#content .mw-body-content h1,
 +
        .mw-body-content h2,
 +
        .mw-body-content h3,
 +
        .mw-body-content h4,
 +
        .mw-body-content h5 { font-family: "Open Sans", sans-serif; }
 +
#p-logo-text { font-family: "Helvetica", sans-serif; }
 +
 
 +
/* Float TOC to the right. */
 +
#toc { float: right }
  
 +
/*
 +
* Tables
 +
*/
 +
table { border-collapse: collapse; }
 
thead {
 
thead {
 +
  background: rgba(0, 0, 0, 0.2);
 
   text-align: left;
 
   text-align: left;
 
}
 
}
 +
tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); }
 +
th, td {
 +
  border: 1px solid #eeeeee;
 +
  padding: 3px;
 +
}
 +
 +
/*
 +
* Code blocks
 +
*/
 +
code { border: 0px; }
  
 +
/*
 +
* Images
 +
*/
 
/* https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value */
 
/* https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value */
.image-holder {
+
.externalimage-holder {
    position: relative;
+
  position: relative;
 
}
 
}
.image-holder img {
+
.externalimage-holder img {
    width: 100%;
+
  width: 100%;
    height: auto;
+
  height: auto;
 
}
 
}

Latest revision as of 21:26, 30 December 2021

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&family=Satisfy&display=swap');

/*
https://www.mediawiki.org/wiki/Customizing_MediaWiki_for_beginners
https://www.hostknox.com/knowledgebase/696/How-to-change-the-font-family-size-and-color-of-text-in-MediaWiki.html
https://fonts.google.com/specimen/Open+Sans
https://fonts.google.com/specimen/Roboto
*/

#content { font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
#content .mw-body-content h1,
         .mw-body-content h2,
         .mw-body-content h3,
         .mw-body-content h4,
         .mw-body-content h5 { font-family: "Open Sans", sans-serif; }
#p-logo-text { font-family: "Helvetica", sans-serif; }

/* Float TOC to the right. */
#toc { float: right }

/*
 * Tables
 */
table { border-collapse: collapse; }
thead {
  background: rgba(0, 0, 0, 0.2);
  text-align: left;
}
tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); }
th, td {
  border: 1px solid #eeeeee;
  padding: 3px;
}

/*
 * Code blocks
 */
code { border: 0px; }

/*
 * Images
 */
/* https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value */
.externalimage-holder {
  position: relative;
}
.externalimage-holder img {
  width: 100%;
  height: auto;
}