modified_theme.css

/* This file is a .css template to create the template according
to the University of Glasgow brand. Information regarding branding
has been obtained from https://www.gla.ac.uk/myglasgow/staff/brandtoolkit/

Colors: U of G prefers the use of University blue and Burgundy as the main
colors. Therefore these are the two colors used in the slides. The title slide
background is University blue. <h1> - main slide headers are in blue and the subheaders
<h2> are in burgundy. Remaining font is black. U of G Rust is used a link color.

Graphs created in R: As part of the package, a custom ggplot2 theme has been developed using the colors provided here - https://www.gla.ac.uk/myglasgow/staff/brandtoolkit/brandelements/colours/
The theme is a modification of the theme_clean() available in the ggthemes package.

Graphs using base R: To use the same colors with graphs using base R, a template is provided with the package called glas_colors. Setting the color argument to glas_colors
can be done to use the same colors in base R.

This template is used with the fonts.css template also provided here.
The fonts.css template specifies the font family while this template provides
other design elements to the template. */



/* -------------------------------------------------------
 *
 *     !! This file was generated by xaringanthemer !!
 *
 *  Changes made to this file directly will be overwritten
 *  if you used xaringanthemer in your xaringan slides Rmd
 *
 *  Issues or likes?
 *    - https://github.com/gadenbuie/xaringanthemer
 *    - https://www.garrickadenbuie.com
 *
 *  Need help? Try:
 *    - vignette(package = "xaringanthemer")
 *    - ?xaringanthemer::style_xaringan
 *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
 *    - remarkjs wiki: https://github.com/gnab/remark/wiki
 *
 *  Version: 0.3.4
 *
 * ------------------------------------------------------- */



/* @import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap);
*/


:root {

font-family: Arial, Helvetica, sans-serif;

  /* Fonts */
   --text-font-family: Arial, Helvetica, sans-serif;
/*  --text-font-is-google: 1;
  --text-font-family-fallback: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial; */
  /* --text-font-base: sans-serif; */
   --header-font-family: Arial, Helvetica, sans-serif;
/*  --header-font-is-google: 1;
  --header-font-family-fallback: Georgia, serif;
  --code-font-family: 'Source Code Pro'; */



  --code-font-is-google: 1;
  --base-font-size: 24px;
  --text-font-size: 1.75rem;
  --code-font-size: 0.7rem;
  --code-inline-font-size: 1em;
  --header-h1-font-size: 2.75rem;
  --header-h2-font-size: 2.25rem;
  --header-h3-font-size: 1.75rem;


  /* Colors */
  --text-color: #000000;
  --header-color: #003865;
  --background-color: #FFFFFF;
  --link-color: #9A3A06;
  --text-italic-color: #B30C00;
  --text-bold-color: #B30C00;
  --code-highlight-color: rgba(255,255,0,0.5);
  --inverse-text-color: #003865;
  --inverse-background-color: rgba(79, 89, 97,0.1);
  --inverse-header-color: rgba(255,185,72);
  --inverse-link-color: #005398;
  --title-slide-background-color: #003865;
  --title-slide-text-color: rgb(255, 185, 72);
  --header-background-color: #003865;
  --header-background-text-color: #FFFFFF;
  --primary: #003865;
  --secondary: #7D2239;
  --white: #FFFFFF;
  --black: #000000;
  --link-color: #005398;
}

html {
  font-size: var(--base-font-size);
}

body {
  font-family: var(--text-font-family), var(--text-font-family-fallback), var(--text-font-base);
  font-weight: normal;
  color: var(--text-color);
}

h1, h3 {
  font-family: var(--header-font-family), var(--header-font-family-fallback);
  font-weight: 600;
  color: var(--header-color);
}

h2 {
    font-family: var(--header-font-family), var(--header-font-family-fallback);
  font-weight: 600;
  color: #7D2239;

}


.remark-slide-content {
  background-color: var(--background-color);
  font-size: 1rem;
  padding: 16px 64px 16px 64px;
  width: 100%;
  height: 100%;
}
.remark-slide-content h1 {
  font-size: var(--header-h1-font-size);
  text-align: center;
}
.remark-slide-content h2 {
  font-size: var(--header-h2-font-size);
}
.remark-slide-content h3 {
  font-size: var(--header-h3-font-size);
}


.remark-code, .remark-inline-code {
  font-family: var(--code-font-family), Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}


.remark-code {
  font-size: var(--code-font-size);
}

.remark-inline-code {
  font-size: var(--code-inline-font-size);
  color: #7D2239;
}

.remark-slide-number {
  color: #003865;
  opacity: 1;
  font-size: 0.9em;
}

strong { color: var(--text-bold-color); }
a, a > code {
  color: var(--link-color);
  text-decoration: none;
}

.footnote {
  position: absolute;
  bottom: 60px;
  padding-right: 4em;
  font-size: 0.9em;
}

.remark-code-line-highlighted {
  background-color: var(--code-highlight-color);
}

.inverse {
  background-color: var(--inverse-background-color);
  color: var(--inverse-text-color);

}
.inverse h1, .inverse h2, .inverse h3 {
  color: var(--inverse-header-color);
}
.inverse a, .inverse a > code {
  color: var(--inverse-link-color);
}


.title-slide, .title-slide h1, .title-slide h3 {
  color: var(--title-slide-text-color);
}

.title-slide, h2 {
  color: #7D2239;
}
.title-slide {
  background-color: var(--title-slide-background-color);
}
.title-slide .remark-slide-number {
  display: none;
}

.title-slide .remark-slide-content:before {
    position: absolute;
  content:url(transparent_logo.png);
  height:60px;

}


/* Two-column layout */
.left-column {
  width: 20%;
  height: 92%;
  float: left;
}
.left-column h2, .left-column h3 {
  color: #00386599;
}
.left-column h2:last-of-type, .left-column h3:last-child {
  color: #003865;
}
.right-column {
  width: 75%;
  float: right;
  padding-top: 1em;
}
.pull-left {
  float: left;
  width: 47%;
}
.pull-right {
  float: right;
  width: 47%;
}
.pull-right + * {
  clear: both;
}
img, video, iframe {
  max-width: 100%;
}
blockquote {
  border-left: solid 5px #7D223980;
  padding-left: 1em;
}
.remark-slide table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
.remark-slide table thead th {
  border-bottom: 1px solid #ddd;
}
th, td {
  padding: 5px;
}
.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
  background: #E5D2D7;
}
table.dataTable tbody {
  background-color: var(--background-color);
  color: var(--text-color);
}
table.dataTable.display tbody tr.odd {
  background-color: var(--background-color);
}
table.dataTable.display tbody tr.even {
  background-color: #E5D2D7;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: var(--text-color);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--text-color) !important;
}

/* Slide Header Background for h1 elements */
.remark-slide-content.header_background > h1 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--header-background-color);
  color: var(--header-background-text-color);
  padding: 2rem 64px 1.5rem 64px;
  margin-top: 0;
  box-sizing: border-box;
}
.remark-slide-content.header_background {
  padding-top: 7rem;
}

@page { margin: 0; }
@media print {
  .remark-slide-scaler {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
  }
}

.primary {
  color: var(--primary);
}
.bg-primary {
  background-color: var(--primary);
}
.secondary {
  color: var(--secondary);
}
.bg-secondary {
  background-color: var(--secondary);
}
.white {
  color: var(--white);
}
.bg-white {
  background-color: var(--white);
}
.black {
  color: var(--black);
}
.bg-black {
  background-color: var(--black);
}


/* to allow for vertical scrolling of R code chunk and results */


.pre-small {
  height: 10pc;
  overflow-y: scroll;
}

.pre-large {
  height: 20pc;
  overflow-y: scroll;
}


.pre-whole {
  height: 30pc;
  overflow-x: scroll;
}

/*

change the background color only for the chapter slide.

the chapter is another new attribute created to develop a new format.

similar to this any attribute can be provided to the css file and a new type of slide can be created.

each chapter slide will be a transition slide between the first part and the next part of the presentation.

this transition slide will be gray color and white font.
*/

.chapter{
  background-color: rgba(105,105,105);

}

.chapter>h1{
  color: #FFFFFF;
}

/* to allow for colored bullet points

/*
ul {
  list-style: none; /* remove default bullets
}



ul li::before {
  content: "\2022";
  color: #7D2239;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

*/