MediaWiki: Common.css: Difference between revisions

From TSAS Library
Jump to: navigation, search
(Copied from Tweeki.css)
No edit summary
Line 25: Line 25:
.form-control-lg{
.form-control-lg{
     font-size: 24px;
     font-size: 24px;
     padding-right: 0px;
     padding-right: 0;
     margin-right:5px;
     margin-right:5px;
     height:54px;
     height:54px;
     font-weight:normal;
     font-weight:normal;
     margin-bottom:0px;
     margin-bottom:0;
}
}


Line 112: Line 112:
/*Custom Alert Styling*/
/*Custom Alert Styling*/
.alert-primary {
.alert-primary {
     background-color: #d9edf7;
     background-color: #C5EEFF;
     padding:5px;
     padding:5px;
     margin-bottom:0px;
     margin-bottom:0px;

Revision as of 21:47, 28 May 2020

@import url(https://fonts.googleapis.com/css?family=Merriweather:700,700italic,400&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i');
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro&subset=latin,latin-ext);

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

.mw-body h1, 
.mw-body h2, 
.mw-body h3, 
.mw-body h4, 
.mw-body h5 {
  font-family: 'Merriweather', 'Georgia', serif;
}

code {
  font-family: 'Source Code Pro', monospace, Courier;
}
label.form-control-lg{
    text-align: right;
}

.form-control-lg{
    font-size: 24px;
    padding-right: 0;
    margin-right:5px;
    height:54px;
    font-weight:normal;
    margin-bottom:0;
}

.btn-lg{
   font-size:24px;
}

.ui-widget {
    font-family: inherit;
    font-size: 1em;
}

#catlinks {
    border:none;
    background-color:#ffffff;
    display:block;
}

.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;
}

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

img.halfwidth {
    width: 50%;
    height: auto;
}

img.fullwidth {
    width: 100%;
    height: auto;
}

/* [[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: #C5EEFF;
    padding:5px;
    margin-bottom:0px;
}
.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;
}
/* Fix Ugly Save Buttons*/
input[type=submit], input[type=button] {
    text-shadow: none;
}

.oo-ui-buttonElement > .oo-ui-buttonElement-button {
    font-size:14px;
}

/*Fix tiny upload window from .8Rem;*/
body > .oo-ui-windowManager {
    font-size: 0.8em;
}

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

.google-slides-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Equal-height row elements*/
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}