MediaWiki: Common.css: Difference between revisions

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

@@ Line 1: / Line 1: @@
-@import url(https://fonts.googleapis.com/css?family=Merriweather:700,700italic,400&subset=latin,latin-ext);
+/*Alter base font size from 1rem (16px) to 1.1875rem (19px)*/
-@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i');
+p {
-@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro&subset=latin,latin-ext);
+  font-size: 1.1875rem;
+}
 body {
    font-family: 'Montserrat', 'Arial', sans-serif;
-  font-size: 16px;
 }
-.mw-body h1,
+/*h1, h2, h3, h4, h5 {
-.mw-body h2,
-.mw-body h3,
-.mw-body h4,
-.mw-body h5 {
    font-family: 'Merriweather', 'Georgia', serif;
+}*/
+a {
+	color: #0078d4;
 }
 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{
+.mw-content-ltr ul{
-   font-size:24px;
+  margin: 0.3em 0 0.6em 1.6em;
 }
-.ui-widget {
+/*Fix responsive images*/
-     font-family: inherit;
+.img-responsive {
-     font-size: 1em;
+     display: block;
+    max-width: 100%;
+     height: auto;
 }
-#catlinks {
+/*Fix arrow alignment in nav bar
-    border:none;
+.nav-link {
-    background-color:#ffffff;
+     display: inline;
-     display:block;
+}*/
-}
+/*For the front search bar*/
 .row.no-gutters {
    margin-right: 0;
@@ Line 57: / Line 46: @@
 }
-.smaller{
+/*Show Category links*/
-     font-size: smaller;
+#catlinks {
+     border:none;
+    background-color:#ffffff;
+    display:block;
 }
 ul.gallery.mw-gallery-slideshow {
      margin:0;
 }
-img.halfwidth {
-    width: 50%;
-    height: auto;
-}
-img.fullwidth {
-    width: 100%;
-    height: auto;
-}
 /* [[Template:Note]] */
@@ Line 168: / Line 150: @@
 	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;
+    }
 }
-.oo-ui-buttonElement > .oo-ui-buttonElement-button {
+@media (min-width: 992px) {
-    font-size:14px;
+    .card-columns {
+        column-count: 2;
+    }
 }
-/*Fix tiny upload window from .8Rem;*/
+@media (min-width: 1200px) {
-body > .oo-ui-windowManager {
+    .card-columns {
-    font-size: 0.8em;
+        column-count: 3;
+    }
 }
-/*Equal-height row elements*/
+img.roundimg {
-.equal {
+   border-radius: 50%;
-   display: flex;
-  display: -webkit-flex;
-  flex-wrap: wrap;
 }