Dogcows Code - chaz/talk-level-up-your-perl/blob - css/common.css

   1 @import url(https://fonts.googleapis.com/css?family=Open+Sans);
   2 @import url(https://fonts.googleapis.com/css?family=Muli);
   3 @import url(https://fonts.googleapis.com/css?family=Inconsolata);
   4
   5 .remark-slide-content {
   6     font-family: 'Open Sans';
   7     font-size: 22px;
   8 }
   9
  10 .remark-slide-content h1,
  11 .remark-slide-content h2,
  12 .remark-slide-content h3 {
  13     font-family: Muli;
  14     font-weight: bold;
  15 }
  16 .remark-slide-content h2 {
  17     font-size: 40px;
  18 }
  19 .remark-slide-content h3 {
  20     font-size: 30px;
  21 }
  22
  23 .remark-slide-content li {
  24     line-height: 2em;
  25 }
  26 .remark-slide-content .condensed li {
  27     line-height: 1em;
  28 }
  29
  30 .remark-code, .remark-inline-code {
  31     font-family: Inconsolata, monospace;
  32 }
  33 .remark-code {
  34     border-radius: 5px;
  35     border: 1px solid #ccc;
  36 }
  37
  38 .remark-slide-content blockquote {
  39     border-radius: 5px;
  40     border: 1px solid #ccc;
  41     background: #f0f0f0;
  42     margin: 1.5em 0;
  43     padding: 1em;
  44     quotes: "\201C""\201D""\2018""\2019";
  45     position: relative;
  46 }
  47 .remark-slide-content blockquote:before {
  48     color: #ccc;
  49     position: absolute;
  50     content: open-quote;
  51     font-size: 6em;
  52     line-height: 0.1em;
  53     margin-right: 0.25em;
  54     vertical-align: -0.4em;
  55 }
  56
  57 .remark-slide-content .col {
  58     box-sizing: border-box;
  59     display: block;
  60     float: left;
  61     border: 0;
  62     margin: 0;
  63     padding: 0;
  64     width: 50%;
  65 }
  66 .remark-slide-content .col:nth-of-type(odd) {
  67     padding: 0 1em 0 0;
  68 }
  69 .remark-slide-content .col:nth-of-type(even) {
  70     padding: 0 0 0 1em;
  71 }
  72 .remark-slide-content .col.sep:nth-of-type(odd) {
  73     border-right: 1px solid #ccc;
  74 }
  75 .remark-slide-content .col.sep:nth-of-type(even) {
  76     border-left: 1px solid #ccc;
  77 }
  78
  79 /* fix non-collapsing margin */
  80 .remark-slide-content .marginfix h3,
  81 .remark-slide-content .marginfix ul {
  82     margin-top: 0;
  83 }
  84
  85 .remark-slide-content .top-right {
  86     float: right;
  87     margin: 50px 0 0 2em;
  88 }
  89
  90 .remark-slide-content .highlight {
  91     color: #7d9726;
  92 }
  93