User:DG/common.css: Difference between revisions

Revision as of 18:35, 6 December 2021

/*
@import url("//www.vanhamel.nl/common/fonts-jost2/jost.css");
body {
	font-family: "Jost", "Fira Sans","Open Sans","Arial","-apple-system","BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
*/
body {
	font-family: "Source Sans Pro", "Fira Sans", "Open Sans","Arial","-apple-system","BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#bodyContent {
    min-height: 80vh;
}


h1, .entry-heading-title {
	font-weight: 300;
	color: #403940;
}

h3, h4, h5 {
	letter-spacing: 0.1rem;
	font-weight: 500;
}
h3 {
	font-size: 2rem;
}
.bg-sources h2,
.bg-sources h3 {
	color: #4D4D4D;
}
/*temp
body {
	font-family: "Merriweather Sans";
	font-weight:300;
}
*/

.mw-body {
	margin-bottom:0rem;
}

.heading--sources {
    color: #87837c;
    font-size: 2.5rem;
}

ul.nav.nav-tabs.nav-page-sections {
	border-bottom: 0.3rem solid #bdcebc;
	margin-top:15px;
}
ul.nav.nav-tabs.nav-page-sections .nav-item {

}
ul.nav.nav-tabs.nav-page-sections a.nav-link {
	padding: 10px 16px;
	color:grey;
}
ul.nav.nav-tabs.nav-page-sections a.nav-link:hover {
	color:#5c805a;
}
ul.nav.nav-tabs.nav-page-sections a.nav-link.active {
	border-bottom: 1px solid #bdcebc !important;
	color:#495057;
	background-color: #bdcebc;
}
.ms-toc__item .ms-toc__item-border {
    border-bottom: 1px dotted #bdcebc;
}

.bg-sources {
	background-color:#E2DBD5; 
	/* background-color:#d5d2cd; */
}
.bg-sources a:link, .bg-sources a:visited {
	color:#907a6d;
}
.bg-sources a:hover {
	color:black;
}
.navbar-nav.navmenu-codecs > li.nav-item > a.nav-link::before {
	bottom: -1.15rem;
	height: 0.1rem;
}

.CodeMirror pre {
    //font-family: Consolas;
    font-size: 16px;
   }
textarea {
    font-weight: normal;
    //font-family: Consolas;
}

pre, .mw-code {
    font-weight: normal;
    font-size:110%;
    /* color: white; */
	color:inherit;
	/* background-color: #410001; */
    background-color: inherit;
}

/* TESTING */

body, html {
  /*font-size:15px; */
}

/*
a:link, a:visited {
    color: #117098;
}
a:hover, a:active, a:focus {
    color: #046690;
}
*/

/* Hide default textarea for trumbowyg */
#pfForm .trumbowyg-editor-visible textarea.createboxInput.trumbowyg-textarea { 
	display:none; 
}

/*Test*/
.card-title-h2 {
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: 400;
    letter-spacing: 1px;
}
a.card-title-h2:link, a.card-title-h2:visited {
    color: #1e7583;
}
.mw-body {
  flex: 1 0 auto;
}




.list-group.list-group-codecs > .list-group-item {
    padding: 0.5rem 0.6rem;
    border-left: 0.4rem solid var(--light);
}
.list-group.list-group-codecs > .list-group-item:hover {
	color: var(--dark);
	border-left: 0.4rem solid #bdcebc;
}


.section-top.bg-brand-red {
	background-color: #9CB1A3;
}


/* label tags, again */
ul.list-inline-b3 > li {
	margin-bottom:0.3em;
}
.label.label-default.label-tag {
	box-shadow: none !important;
	padding: 6px;
	border-radius: 4px;   
	font-weight: 400;
	font-size: 0.9em;
}
a.label.label-tag:link, 
a.label.label-tag:visited {
	color:#567971;
}
a.label.label-tag:hover, 
a.label.label-tag:active, 
a.label.label-tag:focus {
    background-color: #567971;
    color:#FFF;
}
a.label.label-tag,
a.label-tag {
	color: #567971;
	border: 1px solid #567971;   
}
span.label.label-default.label-tag {
    color: #79565E;
    border: 1px solid #79565E;   
}