remark-slides

personal distribution of remarkjs
git clone https://tongong.net/git/remark-slides.git
Log | Files | Refs | README

styles.css (2825B)

      1 /* load all fonts from the fonts folder */
      2 @import url(fonts/fonts.css);
      3 
      4 /* general styling */
      5 body {
      6   font-family: "Droid Serif";
      7 }
      8 h1,
      9 h2,
     10 h3 {
     11   font-family: "Yanone Kaffeesatz";
     12   font-weight: 400;
     13   margin-bottom: 0;
     14 }
     15 .remark-slide-content h1 {
     16   font-size: 3em;
     17 }
     18 .remark-slide-content h2 {
     19   font-size: 2em;
     20 }
     21 .remark-slide-content h3 {
     22   font-size: 1.6em;
     23 }
     24 .remark-slide-scaler {
     25   overflow: hidden;
     26 }
     27 
     28 li p {
     29   line-height: 1.25em;
     30 }
     31 a {
     32   color: rgb(249, 38, 114);
     33   text-decoration: none;
     34   word-break: break-all;
     35 }
     36 
     37 /* title slides */
     38 .inverse {
     39   background: #272822;
     40   color: #777872;
     41   text-shadow: 0 0 20px #333;
     42 }
     43 .inverse h1,
     44 .inverse h2 {
     45   color: #f3f3f3;
     46   line-height: 0.8em;
     47 }
     48 
     49 /* two-column layout for the leftmenu script*/
     50 .left-column {
     51   color: #777;
     52   width: 20%;
     53   height: 92%;
     54   float: left;
     55 }
     56 .left-column h2:last-of-type,
     57 .left-column h3:last-child {
     58   color: #000;
     59 }
     60 .right-column {
     61   width: 75%;
     62   float: right;
     63   padding-top: 1em;
     64 }
     65 
     66 /* blockquotes */
     67 blockquote {
     68   font-family: "Ubuntu Mono";
     69   background: #272822;
     70   color: #ddd;
     71   padding: 0.5em;
     72   border-radius: 5px;
     73   margin-left: 0;
     74   margin-right: 0;
     75 }
     76 blockquote p {
     77   margin: 0;
     78   overflow: hidden;
     79 }
     80 blockquote .author {
     81   font-style: italic;
     82   text-align: right;
     83   float: right;
     84 }
     85 
     86 /* code blocks */
     87 .remark-code {
     88     display: block;
     89     font-family: "Ubuntu Mono";
     90     background: #272822;
     91     border-radius: 5px;
     92     color: #ddd;
     93     padding: 0.5em;
     94     border-radius: 5px;
     95 }
     96 .remark-inline-code {
     97     font-family:"Ubuntu Mono";
     98     background: #272822;
     99     border-radius: 5px;
    100     color: #ddd;
    101     padding: .2em .3em;
    102     font-size: 0.8em;
    103     line-height: 1.5em;
    104 }
    105 
    106 /* tables */
    107 table {
    108   width:100%;
    109   border-spacing: 0;
    110   margin-top: 20px;
    111   margin-bottom: 20px;
    112 }
    113 th {
    114   background: #272822;
    115   color: #ddd;
    116   border: 1px solid #272822;
    117   padding: 5px;
    118 }
    119 td {
    120   padding:5px;
    121   border: 1px solid #272822;
    122 }
    123 tr:first-child th:first-child { border-top-left-radius: 5px; }
    124 tr:first-child th:last-child { border-top-right-radius: 5px; }
    125 tr:last-child td:first-child { border-bottom-left-radius: 5px; }
    126 tr:last-child td:last-child { border-bottom-right-radius: 5px; }
    127 /* fix help screen */
    128 .remark-help th, .remark-help td {
    129     border: none
    130 }
    131 
    132 /* images */
    133 img {
    134   border-radius: 5px;
    135   max-width: 100%;
    136 }
    137 .ilist p {
    138   font-size: 0;
    139   margin-top: 10px;
    140   margin-bottom: 10px;
    141 }
    142 .ilist p img {
    143   display: inline-block;
    144   margin-left: 5px;
    145   margin-right: 5px;
    146 }
    147 .ilist p img:last-of-type {
    148   margin-right: 0px;
    149 }
    150 .ilist p img:first-of-type {
    151   margin-left: 0px;
    152 }
    153 
    154 /* additional classes */
    155 .pull-left {
    156   float: left;
    157   width: 47%;
    158 }
    159 .pull-right {
    160   float: right;
    161   width: 47%;
    162 }
    163 .pull-right ~ p {
    164   clear: both;
    165 }
    166 .red {
    167   color: #fa0000;
    168 }
    169 .large {
    170   font-size: 2em;
    171 }
    172 .footnote {
    173   position: absolute;
    174   bottom: 3em;
    175 }