MediaWiki: Common.css: Difference between revisions

From TSAS Library
Jump to: navigation, search
No edit summary
No edit summary
 
(66 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*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]] */
/* [[Template:Note]] */
.tip,
.tip,
Line 33: Line 91:
padding-left: 32px;
padding-left: 32px;
min-height: 25px;
min-height: 25px;
}
/* Hatnotes and disambiguation notices */
.hatnote {
    font-style: italic;
}
.hatnote i {
    font-style: normal;
}
div.hatnote {
    /* @noflip */
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
    margin-top: -0.5em;
}
}


/*Custom Alert Styling*/
/*Custom Alert Styling*/
.alert-primary {
.alert-primary {
     background-color: #d9edf7;
     background-color: #c3e0f7;
     padding:5px;
     padding:5px;
    margin-bottom:0;
}
}
.alert-la {
.alert-la {
Line 73: Line 116:
}
}


/* Font Awesome Support*/
.alert-quotation {
@import url("https://use.fontawesome.com/releases/v5.0.10/css/solid.css");
    background-color: #0765a2;
    color: #ffffff;
    font-style: italic;
    font-size: larger;
}


/*Prevent Scrunchy Tables*/
/*
.infobox td, .infobox th {
* Infoboxes
    padding-left: 10px;
*/
.infobox {
float: right;
clear: right;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
border: 1px solid #AAA;
background: #F9F9F9;
color: black;
}
}
/* Fix Ugly Save Buttons*/
 
input[type=submit], input[type=button] {
.infobox td,
     text-shadow: none;
.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;
    }
}
}


.oo-ui-buttonElement > .oo-ui-buttonElement-button {
img.roundimg {
    font-size:14px;
  border-radius: 50%;
}
}

Latest revision as of 22: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%;
}