MediaWiki: Common.css: Difference between revisions

From TSAS Library
Jump to: navigation, search
No edit summary
No edit summary
 
(88 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*
/*Alter base font size from 1rem (16px) to 1.1875rem (19px)*/
This is the CSS for all skins (for all users) on WinsomeWiki.
p {
 
  font-size: 1.1875rem;  
SECTIONS:
}  
1. Indication of namespaces
2. Color classes for content
3. Special pages
4. Main page styling
5. Wikitables, warnings, and other such stylings
6. Templates
7. Some other small things
8. My additions
*/
 
 
/**
* 2. COLOR CLASSES FOR CONTENT
* -------------------------------------------------
*/
 
/* Border colors */
.borderc1 { border-color: #e9e9e9; border-width: thin; }
.borderc2 { border-color: #aaaaaa; border-width: thin; }
.borderc3 { border-color: #777777; border-width: thin; }
.borderc4 { border-color: #000000; border-width: thin; }
.borderc5 { border-color: #c00000; border-width: thin; }
.borderc6 { border-color: #025e9d; border-width: thin; }
.borderc7 { border-color: #008040; border-width: thin; }
.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by [[Template:Welcome]]. */


* 3. SPECIAL PAGES
body {
* -------------------------------------------------
  font-family: 'Montserrat', 'Arial', sans-serif;
*/
 
/* Consistent special page navigation */
.SpecialPageInfo {
background-color: ;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
background-position: 0.8em 0.5em;
background-repeat: no-repeat;
padding: 0.3em 0.5em 0.3em 5.0em;
border-color: #025e9d;
border-width: 1px;
border-style: solid;
border-bottom-width: medium;
margin-bottom: 1em;
}
}


.mw-viewprevnext {
/*h1, h2, h3, h4, h5 {
display: block;
  font-family: 'Merriweather', 'Georgia', serif;
border: 1px solid #cccccc;
}*/
background-color: ;
padding: 0.2em 0.4em;
}


/**
a {
* 4. MAIN PAGE STYLING
color: #0078d4;
* -------------------------------------------------
*/
 
#mainpage_topbox {
/*background: #f9f9f9;*/
padding: 0;
margin: 0.2em 10px 10px;
}
}
.mainpage_boxtitle,
code {
.mainpage_hubtitle,
  font-family: 'Source Code Pro', monospace, Courier;
#mainpage_pagetitle {
font-size: 105%;
padding: 0.4em;
/*background-color: #eeeeee;*/
}
.mainpage_boxtitle {
line-height: 120%;
}
#mainpage_pagetitle {
/*color: #cf7606;*/
font-size: 200% !important;
}
#mainpage_sitelinks {
padding: 0.2em;
text-align: center;
background-color: white;
}
.mainpage_hubtitle {
text-align: center;
}
.mainpage_boxcontents,
.mainpage_boxcontents_small {
/*background: #ffffff;*/
padding: 0.2em 0.4em;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
.mainpage_boxcontents_title {
display: block;
/*border-bottom: 1px solid #AAA;*/
margin-bottom: 0.5em;
text-align: center;
font-weight: bold;
font-size: larger;
}
.mainpage_hubbox {
width: 33%;
}
.mainpage_hubbox,
#mainpage_newscell,
#mainpage_downloadcell,
#mainpage_opportunitiescell,
#mainpage_featuredpagescell {
padding: 0;
/*border: 1px solid #aaaaaa;*/
}
#mainpage_newscell {
margin-bottom: 15px;
margin-top: 0 !important;
}
#mainpage_newscell .mainpage_boxtitle {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);
background-repeat: no-repeat;
background-position: 99% 0.3em;
padding-right: 25px;
}
#mainpage_downloadcell {
width: 17em;
margin-bottom: 5px;
}
#mainpage_downloadcell .mainpage_boxtitle {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);
background-repeat: no-repeat;
background-position: 96% 0.33em;
padding-right: 25px;
}
#mainpage_opportunitiescell {
max-width: 25em;
margin-bottom: 15px;
margin-top: 0 !important;
}
#mainpage_opportunitiescell .mainpage_boxtitle {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);
background-repeat: no-repeat;
background-position: 98% 0.15em;
padding-right: 25px;
}
#mainpage_featuredpagescell {
max-width: 25em;
margin-bottom: 15px;
margin-top: 0 !important;
}
#mainpage_featuredpagescell .mainpage_boxtitle {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);
background-repeat: no-repeat;
background-position: 98% 0.15em;
padding-right: 25px;
}
/* The words 'MediaWiki.org' in the title. */
#mainpage_mwtitle {
/*color: #005288;*/
}
}


/*
.mw-content-ltr ul{
* Hide elements on the main page.
  margin: 0.3em 0 0.6em 1.6em;
*/
.page-MediaWiki #lastmod,
.page-MediaWiki #siteSub,
.page-MediaWiki #contentSub,
.page-MediaWiki .subtitle,
.page-MediaWiki #jump-to-nav,
.page-MediaWiki .firstHeading {
display: none;
}
}


/**
/*Fix responsive images*/
* 5. WIKITABLES, WARNINGS AND OTHER SUCH STYLINGS
.img-responsive {
* -------------------------------------------------
    display: block;
*/
    max-width: 100%;
 
    height: auto;
/* Custom h* styles (blue headings) */
.wikitable td.hl3,
.wikitable th.hl3 {
background-color: #8da7d6;
}
.wikitable td.hl1,
.wikitable th.hl1 {
background: #c5d8fc;
}
.wikitable td.hl2,
.wikitable th.hl2 {
background: #a7c1f2;
}
}


table.wikitable {
/*Fix arrow alignment in nav bar
background: #fff;
.nav-link {
}
    display: inline;
 
}*/
/* Make entire table valign=top, to replace the |valign=top| on every cell. */
.vatop tr,
tr.vatop,
.vatop td,
.vatop th {
vertical-align: top;
}
 
/* General purpose "pretty (data) tables" */
table.datatable tr:hover {
background-color: #a7d7f9;
}
 
/* SideBox styling */
div.sideBox {
position: relative;
float: right;
background: white;
margin-left: 1em;
border: 1px solid gray;
padding: 0.3em;
width: 200px;
overflow: hidden;
clear: right;
}
div.sideBox dl {
padding: 0;
margin: 0 0 0.3em 0;
font-size: 96%;
}
div.sideBox dl dt {
background: none;
margin: 0.4em 0 0 0;
}
div.sideBox dl dd {
margin: 0.1em 0 0 1.1em;
/*background-color: #f3f3f3;*/
}


/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
/*For the front search bar*/
.majorwarning {
.row.no-gutters {
background: yellow;
  margin-right: 0;
padding: 0.3em;
  margin-left: 0;
text-align: center;
font-size: 125%;
border: 2px solid red;
}
}
 
.row.no-gutters > [class^="col-"],
/* Page headings used throughout the wiki (though not very much at the time of writing…) */
.row.no-gutters > [class*=" col-"] {
.page-notice,
  padding-right: 5px;
.page-warning {
  padding-left: 0;
border-width: 1px;
border-style: solid;
padding: 0.3em 0.5em;
margin-bottom: 1em;
width: 95%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
}


/* Informative notices at the top of pages (blue) */
/*Show Category links*/
.page-notice {
#catlinks {
background-color: #f9f9f9;
    border:none;
border-color: #025e9d;
    background-color:#ffffff;
text-align: left;
    display:block;
}
}


/* Warning information at the top of pages (red) */
ul.gallery.mw-gallery-slideshow {
.page-warning {
    margin:0;
background-color: #ffffff;
border-color: #c51919;
border-width: 2px;
}
.pw-head {
color: #c51919;
font-weight: bold;
}
 
/**
* 6. TEMPLATES
* -------------------------------------------------
*/
/* [[Template:Extension]], [[Template:Skin]] */
.tpl-infobox {
border: 2px solid #aaaaaa;
width: 280px;
/* @noflip */ clear: right;
/* @noflip */ float: right;
margin: 0 0 0.5em 0.5em;
border-collapse: collapse;
background-color: white;
}
.tpl-infobox td {
border: 2px none #aaaaaa;
padding: 0.2em 0.5em;
border-bottom: 1px solid #f0f0f0 !important;
}
.tpl-infobox-header {
background-color: #aaaaaa;
color: white;
text-align: left;
}
.tpl-infobox-header td {
padding-top: 0.5em;
}
.ext-infobox-header img {
padding: 0 0.2em 0 0.5em;
}
.ext-status-unstable,
.ext-status-unstable td {
border-color: #990000;
}
.ext-status-unstable .ext-infobox-header {
background-color: #990000;
color: #ffff00;
}
.ext-status-experimental,
.ext-status-experimental td {
border-color: #ff4500;
}
.ext-status-experimental .ext-infobox-header {
background-color: #ff4500;
}
.ext-status-beta,
.ext-status-beta td {
border-color: #ffba01;
}
.ext-status-beta .ext-infobox-header {
background-color: #ffba01;
}
.ext-status-stable,
.ext-status-stable td {
border-color: #32cd32;
}
.ext-status-stable .ext-infobox-header {
background-color: #32cd32;
}
.ext-status-unmaintained,
.ext-status-unmaintained td {
border-color: #8b4513;
}
.ext-status-unmaintained .ext-infobox-header {
background-color: #8b4513;
}
.ext-status-magic,
.ext-status-magic td {
border-color: #fe57a1;
}
.ext-status-magic .ext-infobox-header {
color: #000;
background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;
}
.ext-status-magic .ext-infobox-header img {
visibility: hidden;
padding-right: 1em;
}
.skin-infobox,
.skin-infobox td {
border-color: #a7d7f9;
}
.skin-infobox-header {
color: #000;
background: #e2f4ff;
}
 
/* [[Template:See also]], [[Template:rellink]] etc. */
.rellink,
.dablink,
.mw-tpl-rellink {
font-style: italic;
padding-bottom: 0.4em;
padding-left: 0;
margin-bottom: 0.4em;
color: #555;
border-bottom: 1px solid #ccc;
}
}


Line 410: Line 93:
}
}


/* [[Template:Notice]] */
/*Custom Alert Styling*/
.block-note {
.alert-primary {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
    background-color: #c3e0f7;
background-position: top left;
    padding:5px;
background-repeat: no-repeat;
    margin-bottom:0;
}
/*
* Using block-contents in the hope that it can apply to all block-level warning templates,
* with different images applied as backgrounds to the wrapping DIV.
*/
.block-contents {
display: block;
padding-left: 20px;
}
 
/* [[Template:Documentation]] */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
 
/* [[Template:Navbox]] */
.navbox {
/* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
table.navbox + table.navbox {
/* Single pixel border between adjacent navboxes */
margin-top: -1px;
/* (doesn't work for IE6, but that's okay) */
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
text-align: center;
/* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group {
/* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd;
}
.navbox-list {
/* Must match background color */
border-color: #fdfdfd;
}
.navbox th,
.navbox-title {
/* Level 1 color */
background: #ccccff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
/* Level 2 color */
background: #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
/* Level 3 color */
background: #e6e6ff;
}
.navbox-even {
/* Even row striping */
background: #f7f7f7;
}
.navbox-odd {
/* Odd row striping */
background: transparent;
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
/* Adjust hlist padding in navboxes */
padding: 0.125em 0;
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
/* Nowrap list items in navboxes */
white-space: nowrap;
/* IE < 8 no-wraps entire list, so disable it */
white-space: normal !ie;
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
/* But allow parent list items to be wrapped */
white-space: normal;
}
ol + table.navbox,
ul + table.navbox {
/* Prevent lists from clinging to navboxes */
margin-top: 0.5em;
}
 
/* [[Template:Navbar]] */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* [[Template:Cmd]] */
.cmd:before {
content: "$ ";
color: #246;
}
 
/**
* 7. SOME OTHER SMALL THINGS
* -------------------------------------------------
*/
 
/* Allow people to optionally wrap lines in source listings */
div.wrapPreLines pre {
white-space: pre-wrap;
}
 
/* Give a bit of space to the TOC */
#toc {
margin: 1em 0;
}
 
/*
* Allow limiting of which header levels are shown in a TOC;
* <div class="toclimit-3">, for instance, will limit to
* showing ==headings== and ===headings=== but no further.
* Used in [[Template:TOC]]
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
 
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references {
font-size: 100%;
}
.references-small {
font-size: 90%;
}
ol.references > li:target {
background-color: #ddeeff;
}
sup.reference:target {
background-color: #ddeeff;
}
 
 
/*
* Styling for links generated by [[MediaWiki:Edittools]]
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
* @updated 2012-02-29
*/
.mw-charinsert-buttons {
margin-top: 10px;
border: 1px solid #aaaaaa;
padding: 1px;
text-align: center;
font-size: 110%;
}
}
.mw-charinsert-buttons a {
.alert-la {
color: black;
    background-color: #e8af6f;
background-color: #cde !important;
    padding:5px;
font-weight: bold;
font-size: .9em;
text-decoration: none;
border: thin #069 outset;
padding: 0 .1em .1em;
}
}
.mw-charinsert-buttons a:hover,
.alert-st {
.mw-charinsert-buttons a:active {
    background-color: #b4a7d6;
background-color: #bcd;
    padding:5px;
border-style: inset;
}
}
.client-js .mw-edittools-section {
.alert-cc {
display: inline;
    background-color: #b7e1cd;
    padding:5px;
}
}
.client-js .mw-edittools-section input[type="button"] {
.alert-fa {
font-size: 0.9em;
    background-color: #ffe599;
padding-left: 1px;
    padding:5px;
padding-right: 1px;
margin-left: 1px;
}
}


/* from [[User:Splarka/Help:Linked images]] */
.alert-quotation {
.imagelink_wikilogo a {
    background-color: #0765a2;  
width: 135px;
    color: #ffffff;
height: 135px;
    font-style: italic;
display: block;
    font-size: larger;
text-decoration: none;
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);
}
}


Line 670: Line 140:
.infobox th {
.infobox th {
vertical-align: top;
vertical-align: top;
}
.infobox td {
        padding-left: 10px;
}
}


Line 677: Line 151:
}
}


.infobox.bordered {
/*Adaptive Google Presentations*/
border-collapse: collapse;
.google-slides-container{
}
    position: relative;
 
    width: 100%;
.infobox.bordered td,
    padding-top: 60%;
.infobox.bordered th {
    overflow: hidden;
border: 1px solid #AAA;
    margin-bottom: 1em;
}
 
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
}


/*
/*Capstone Card Columns*/
* Apparently the namespaces parameter
@media (min-width: 576px) {
* for inputbox forces a checkbox.
    .card-columns {
* Let's hide it in the API sidebar
        column-count: 1;
*/
    }
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],
#mw-inputbox-ns104 {
display: none;
}
}


/* Testing for code review */
@media (min-width: 768px) {
div.mw-wordcloud {
    .card-columns {
width: 100%;
        column-count: 1;
text-align: justify;
    }
}
}


.mw-wordcloud-size-1 {
@media (min-width: 992px) {
color: #222;
    .card-columns {
font-size: 2.4em;
        column-count: 2;
}
    }
.mw-wordcloud-size-2 {
color: #333;
font-size: 2.2em;
}
.mw-wordcloud-size-3 {
color: #444;
font-size: 2.0em;
}
.mw-wordcloud-size-4 {
color: #555;
font-size: 1.8em;
}
.mw-wordcloud-size-5 {
color: #666;
font-size: 1.6em;
}
.mw-wordcloud-size-6 {
color: #777;
font-size: 1.4em;
}
.mw-wordcloud-size-7 {
color: #888;
font-size: 1.2em;
}
.mw-wordcloud-size-8 {
color: #999;
font-size: 1em;
}
.mw-wordcloud-size-9 {
color: #aaa;
font-size: 0.8em;
letter-spacing: 3px;
}
.mw-wordcloud-size-10,
.mw-wordcloud-size-0 {
color: #bbb;
font-size: 0.8em;
}
}


/* @todo FIXME: document me :) */
@media (min-width: 1200px) {
#signuptopbox li {
    .card-columns {
float: left;
        column-count: 3;
list-style: none;
    }
font-family: sans-serif;
}
#signuptopbox li {
color: #3ca7d4;
background: #c2e1f9;
line-height: 2.8em;
margin-right: .25em;
padding-right: .5em;
}
#signuptopbox li.pr-active,
#signuptopbox li.pr-active div {
color: #67ca36;
background: #d4f9c2;
border-color: #fff #fff #fff #67ca36;
}
#signuptopbox li div {
width: 0;
height: 0;
border-color: #fff #fff #fff #3CA7D4;
border-style: solid;
border-width: 1.4em .3em 1.4em 1.4em;
float: left;
}
#signuptopbox li span.pr-number {
display: block;
width: 1.8em;
line-height: 1.8em;
background: #3ca7d4;
color: #c2e1f9;
text-align: center;
margin: .5em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
font-weight: 600;
float: left;
}
#signuptopbox li.pr-active span.pr-number {
background: #67ca36;
color: #d4f9c2;
}
#signuptopbox li span {
float: left;
}
#signuptopbox li.pr-spacer {
padding: 0;
}
}


/* Breadcrumb code */
img.roundimg {
.breadcrumb {
  border-radius: 50%;
list-style: none;
overflow: hidden;
font: 14px Helvetica, Arial, sans-serif;
}
}
.breadcrumb li {
float: left;
margin-bottom: 0;
}
.breadcrumb li a {
color: white;
text-decoration: none;
padding: 10px 0 10px 45px;
position: relative;
display: block;
float: left;
}
.breadcrumb li a:after {
content: " ";
display: block;
width: 0;
height: 0;
/* Go big on the size, and let overflow hide */
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}
.breadcrumb li a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 31px solid white;
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
.breadcrumb li:first-child a {
padding-left: 20px;
}
.currentcrumb a {
background: #069;
}
.currentcrumb a:after {
border-left: 30px solid #069;
}
.currentcrumb a:hover,
.prevcrumb a:hover,
.nextcrumb a:hover {
background: #002d44;
}
.currentcrumb a:hover:after,
.prevcrumb a:hover:after,
.nextcrumb a:hover:after {
border-left-color: #002d44 !important;
}
.prevcrumb a {
background: #396;
}
.prevcrumb a:after {
border-left: 30px solid #396;
}
.nextcrumb a {
background: #999;
}
.nextcrumb a:after {
border-left: 30px solid #999;
}
/* To facilitate rtl translations */
#bodyContent .table-RTL a {
background: none;
padding-right: 0;
}
#bodyContent .table-RTL ul {
margin-right: 10px;
display: table;
}
/* Fix annoying bug where the "date" column in the LQT sometimes
* is two rows because of the date being too long even through there is
* enough space (otherwise the browser makes it's own decision on where to cut)
*/
.lqt_toc th:nth-child(3),
.lqt_toc td:nth-child(3) {
white-space: nowrap;
}
.persian {
font-family: Tahoma;
}
/* Fonts for Persian language for consistency with other Wikimedia wikis */
:lang(fa) {
  font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', sans-serif;
}
/*
* Manual:Database_layout
*/
.mwmanual-dbview-box img {
opacity: 0.5;
}
.mwmanual-dbview-box:hover img {
opacity: 0.8;
}
.mwmanual-dbview-link {
background: rgb(198, 212, 235);
background: hsla(217, 48%, 85%, 0.8);
border: 1px solid #0645AD;
border-radius: 4px;
padding: 10px 5px;
text-align: center;
font-weight: bold;
}
.mwmanual-dbview-box:hover .mwmanual-dbview-link {
background: hsla(215, 46%, 95%, 0.8);
}
.mwmanual-dbview-link:hover {
background: hsla(215, 46%, 95%, 0.9);
}
/*
* VisualEditor documentation styles - required for displaying document diagrams
*/
.ve-doc-dm-data {
list-style: none;
cursor: default;
}
.ve-doc-dm-data li {
font-family: sans-serif;
text-align: center;
line-height: 2.25em;
display: inline-block;
width: 2.25em;
height: 2.25em;
border: solid 2px white;
}
.ve-doc-dm-data li.ve-doc-dm-cursor {
width: 0.5em;
}
.ve-doc-dm-cursor:hover {
border-color: #cccccc;
}
.ve-doc-dm-open,
.ve-doc-dm-close {
background-color: #50a5f4;
color: #7ddcfd;
}
.ve-doc-dm-open:hover,
.ve-doc-dm-close:hover {
border-color: #7ddcfd;
}
.ve-doc-dm-close {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
}
.ve-doc-dm-char,
.ve-doc-dm-achar {
border-radius: 3em;
}
.ve-doc-dm-char {
background-color: #7bcc45;
color: #fff;
}
.ve-doc-dm-char:hover {
border-color: #b6f26c;
}
.ve-doc-dm-achar {
background-color: #fa952c;
color: #fff;
}
.ve-doc-dm-achar:hover {
border-color: #fed045;
}
.ve-doc-dm-element-text {
color: #50a5f4;
}
.ve-doc-dm-char-text {
color: #7bcc45;
}
.ve-doc-dm-achar-text {
color: #fa952c;
}
/* For templates in Category:VisualEditor tests templates */
tt.ve-typing-test {
color: white;
background-color: black;
padding: 0 1em 0 1em;
}
/**
* Style for horizontal lists (separator following item).
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
* @revision 6 (2014-05-09)
* @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
/* end hlist */
/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */
.banner-image {
position: relative;
overflow: hidden;
max-width: 1800px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
max-width: 100%;
height: auto;
width: auto\9;
}
.banner-box {
position: absolute;
z-index: 2;
margin-top: 2.5em;
color: white;
min-width: 20em;
text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em;
}
.banner-box-wide { width: 80% }
.banner-box-left {
left: 5%;
text-align: left;
}
.banner-box-right {
right: 5%;
text-align: right;
}
.banner-box .name {
font-size: 3em;
white-space: nowrap;
line-height: 1.2em;
}
.banner-box .type {
font-size: 2em;
line-height: 1.2em;
}
.mf-mobile-only,
.lqt-talkpage-search {
display: none;
}
/* Phabricator-like tag styling */
.phui-tag {
    -webkit-font-smoothing: antialiased;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    border-radius: 3px;
    border: 1px solid transparent;
    font: 13px 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.51em;
    padding: 0 4px;
}
.mw-body .phui-tag a.external {
    background-image: none;
    padding-right: 0;
    text-decoration: none;
    color: black;
    font-weight: bold;
}
/**
* 8. My additions
* -------------------------------------------------
*/
/* Koha Search box */
#searchsubmit {
    font-weight: bold
}
a.btn-primary:visited {
    color: #fff
}
a.btn:visited {
    color: #333
}
.btn {
    white-space: nowrap
}
.input-append {
    display: block;
    width: 97%;
    max-width: 100%;
    margin: .5em 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.input-append {
    margin: 0;
    width: 100%
}
.transl1 {
    width: 50%
}
.form-inline {
    display: inline;
    padding: 0;
    margin: 0
}
.mastheadsearch {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.mastheadsearch {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: .8em;
    margin: 0 0 .5em 0;
    background: #c7c7c1;
    background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #c7c7c1), color-stop(100%, #a7a7a2));
    background: -webkit-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
    background: -o-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
    background: -ms-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
    background: linear-gradient(to bottom, #c7c7c1 38%, #a7a7a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c1', endColorstr='#a7a7a2', GradientType=0)
}
.mastheadsearch label {
    font-size: 115%;
    font-weight: bold
}
/* Image Switches */
#PrintrBot {
    background-image: url('http://www.winsomescholar.com/w/images/1/1b/Bluemonitor.svg');
    background-size: 127px;
    height: 127px;
    width: 127px;
}
#PrintrBot:hover {
    background-image: url('http://www.winsomescholar.com/w/images/b/bf/PlainMonitor.svg');
    background-size: 127px;
    height: 127px;
    width: 127px;
}
/*Hide Main Title*/
body.page-Library_&#64;_TSAS.action-view h1.firstHeading, body.page-Library_&#64;_TSAS.action-submit h1.firstHeading { display: none; }

Latest revision as of 23:22, 20 April 2024

/*Alter base font size from 1rem (16px) to 1.1875rem (19px)*/
p {
  font-size: 1.1875rem; 
} 

body {
  font-family: 'Montserrat', 'Arial', sans-serif;
}

/*h1, h2, h3, h4, h5 {
  font-family: 'Merriweather', 'Georgia', serif;
}*/

a {
	color: #0078d4;
}
code {
  font-family: 'Source Code Pro', monospace, Courier;
}

.mw-content-ltr ul{
  margin: 0.3em 0 0.6em 1.6em;
}

/*Fix responsive images*/
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/*Fix arrow alignment in nav bar
.nav-link {
    display: inline;
}*/

/*For the front search bar*/
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 5px;
  padding-left: 0;
}

/*Show Category links*/
#catlinks {
    border:none;
    background-color:#ffffff;
    display:block;
}

ul.gallery.mw-gallery-slideshow {
    margin:0;
}

/* [[Template:Note]] */
.tip,
.note {
	padding: 0.5em;
	margin: 0.5em 0;
	overflow: hidden;
	background-color: #F9F9F9;
	background-position: 4px 2px;
	background-repeat: no-repeat;
	border: 1px solid #DDD;
}
.tip-info,
.note-info {
	background-color: #F0F0E7;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);
	border-color: #cc9933;
	/* @noflip */ padding-left: 30px;
	min-height: 28px;
}
.tip-reminder,
.note-reminder {
	background-color: #F6FDEA;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);
	border-color: #D6E434;
	padding-left: 31px;
	min-height: 28px;
}
.tip-error,
.note-error {
	background-color: #F0E7E7;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);
	border-color: #cc3333;
	padding-left: 32px;
	min-height: 25px;
}

/*Custom Alert Styling*/
.alert-primary {
    background-color: #c3e0f7;
    padding:5px;
    margin-bottom:0;
}
.alert-la {
    background-color: #e8af6f;
    padding:5px;
}
.alert-st {
    background-color: #b4a7d6;
    padding:5px;
}
.alert-cc {
    background-color: #b7e1cd;
    padding:5px;
}
.alert-fa {
    background-color: #ffe599;
    padding:5px;
}

.alert-quotation {
    background-color: #0765a2; 
    color: #ffffff;
    font-style: italic;
    font-size: larger;
}

/*
 * Infoboxes
 */
.infobox {
	float: right;
	clear: right;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.2em;
	border: 1px solid #AAA;
	background: #F9F9F9;
	color: black;
}

.infobox td,
.infobox th {
	vertical-align: top;
}

.infobox td {
        padding-left: 10px;
}

.infobox caption {
	margin-left: inherit;
	font-size: larger;
}

/*Adaptive Google Presentations*/
.google-slides-container{
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
    margin-bottom: 1em;
}

/*Capstone Card Columns*/
@media (min-width: 576px) {
    .card-columns {
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 1;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 3;
    }
}

img.roundimg {
  border-radius: 50%;
}
Retrieved from "https://wiki.tsas.org/w/index.php?title=MediaWiki:Common.css&oldid=10141"