MediaWiki: Common.css: Difference between revisions

From TSAS Library
Jump to: navigation, search
No edit summary
No edit summary
 
(58 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* carousel */
/*Alter base font size from 1rem (16px) to 1.1875rem (19px)*/
.jcarousel {
p {
    position: relative;
  font-size: 1.1875rem;  
    overflow: hidden;
}
 
body {
  font-family: 'Montserrat', 'Arial', sans-serif;
}
}
 
.jcarousel-wrapper {
/*h1, h2, h3, h4, h5 {
max-width: 1125px;
  font-family: 'Merriweather', 'Georgia', serif;
    margin: 0;
}*/
    position: relative;
 
a {
color: #0078d4;
}
}
code {
.jcarousel .jcarousel-list {
  font-family: 'Source Code Pro', monospace, Courier;
    width: 20000em;
    position: relative;
    margin: 0;
    padding: 0;
}
}
 
.jcarousel .jcarousel-item {
.mw-content-ltr ul{
    float: left;
  margin: 0.3em 0 0.6em 1.6em;
}
}
 
.jcarousel-item img {
/*Fix responsive images*/
.img-responsive {
     display: block;
     display: block;
     max-width: 100%;
     max-width: 100%;
     height: auto !important;
     height: auto;
}
}
 
.jcarousel-control-prev,
/*Fix arrow alignment in nav bar
.jcarousel-control-next {
.nav-link {
     position: absolute;
     display: inline;
    top: 45%;
}*/
    width: 30px;
 
    height: 30px;
/*For the front search bar*/
    text-align: center;
.row.no-gutters {
    background: #fff;
  margin-right: 0;
    color: #fff;
  margin-left: 0;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
      -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
}
.row.no-gutters > [class^="col-"],
.jcarousel-control-prev {
.row.no-gutters > [class*=" col-"] {
    left: -15px;
  padding-right: 5px;
  padding-left: 0;
}
}
 
.jcarousel-control-next {
/*Show Category links*/
     right: -15px;
#catlinks {
     border:none;
    background-color:#ffffff;
    display:block;
}
}
 
.jcarousel-control-prev:hover span,
ul.gallery.mw-gallery-slideshow {
.jcarousel-control-next:hover span {
     margin:0;
    display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
.jcarousel-pagination {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
     margin-right: 2px;
    opacity: .75;
}
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
}


Line 133: Line 95:
/*Custom Alert Styling*/
/*Custom Alert Styling*/
.alert-primary {
.alert-primary {
     background-color: #d9edf7;
     background-color: #c3e0f7;
     padding:5px;
     padding:5px;
     margin-bottom:0px;
     margin-bottom:0;
}
}
.alert-la {
.alert-la {
Line 152: Line 114:
     background-color: #ffe599;
     background-color: #ffe599;
     padding:5px;
     padding:5px;
}
.alert-quotation {
    background-color: #0765a2;
    color: #ffffff;
    font-style: italic;
    font-size: larger;
}
}


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


Line 177: Line 150:
font-size: larger;
font-size: larger;
}
}
/* Fix Ugly Save Buttons*/
 
input[type=submit], input[type=button] {
/*Adaptive Google Presentations*/
     text-shadow: none;
.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%;
}