custom.css

   1 @font-face { font-family: 'Junction'; src: url(fonts/Junction02.otf); }
   2 @font-face { font-family: 'benwiener'; src: url(fonts/benweiner_-_Puritan_Regular.otf); }
   3
   4 h1, h2, h3, h4, h5, h6, .slide {
   5     font-family: benwiener, Helvetica, Arial, sans-serif;
   6 }
   7
   8 .code {
   9     font-family: monospace;
  10     font-size: 18pt;
  11     margin-right: 20px;
  12     margin-left: 20px;
  13 }
  14
  15 pre {
  16     font-size: 20pt;
  17     margin-right: 40px;
  18     margin-left: 40px;
  19     padding-bottom: 10px;
  20     padding: 10px 20px;
  21     background: rgba(0, 0, 0, 0.85);
  22     border-radius: 8px;
  23     border: 1px solid rgba(0, 0, 0, 0.9);
  24 }
  25
  26 .commandline code.command {
  27     color: white;
  28 }
  29
  30 .commandline code.result {
  31     color: silver;
  32 }
  33
  34 .center code, pre {
  35     color: white;
  36     text-align: left;
  37 }
  38
  39 body {
  40     background: black;
  41     padding: 0;
  42     margin: 0;
  43     overflow: hidden;
  44 }
  45
  46 .slide {
  47     width: 1020px;
  48     height: 800px;
  49     left: 50%;
  50     top: 50%;
  51     position: absolute;
  52     background-color: none;
  53     background: none;
  54     border: none
  55 }
  56
  57 #preso, .center {
  58     top: 3%;
  59     width: 1020px;
  60     height: 800px;
  61 }
  62
  63 .subsection {
  64     background: #008 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008), to(#009));
  65     background-color: #008;
  66     font-family: 'Junction';
  67     padding: 6px 10px 3px 10px;
  68     line-height: 30px;
  69     text-shadow: none;
  70     letter-spacing: 0;
  71     bottom: 10px;
  72     position: relative;
  73     border-radius: 10px;
  74     -moz-border-radius: 10px;
  75     -webkit-border-radius: 10px;
  76     box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
  77     -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
  78     -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
  79 }
  80
  81 #preso {
  82     background: -webkit-gradient(linear, left bottom, left top, from(#bbd), to(#fff));
  83     background-color: #eee;
  84     background: -moz-linear-gradient(bottom, #bbd, #fff);
  85     border-top-left-radius: 20px;
  86     -moz-border-radius-topleft: 20px;
  87     -webkit-border-top-left-radius: 20px;
  88     border-bottom-right-radius: 20px;
  89     -moz-border-radius-bottomright: 20px;
  90     -webkit-border-bottom-right-radius: 20px;
  91 }
  92
  93
  94 #footer {
  95     position: relative;
  96     width: 1020px;
  97     padding: 0px;
  98     top: 3%;
  99 }
 100
 101 img:first-child {
 102     position: relative;
 103     width: 90%;
 104     padding-top: 2em;
 105     padding-bottom: 2em;
 106     /* Set the height dynamically depending on the image's current width,
 107      * keeping the aspect ratio */
 108     height: auto;
 109 }
 110
 111 .smaller-img img:first-child {
 112     height: 40%;
 113     width: auto;
 114 }
 115
 116 .small-img img:first-child {
 117     height: auto;
 118     width: 60%;
 119 }
 120
 121 .small-img-height img:first-child {
 122     height: 80%;
 123     width: auto;
 124 }
 125
 126 .smaller-img-height img:first-child {
 127     height: 60%;
 128     width: auto;
 129 }
 130 .img-right img:first-child {
 131     float: right;
 132     padding-right: 15%;
 133 }
 134
 135 .license img:first-child {
 136     width: auto;
 137     height: auto;
 138 }
 139
 140 #.bullets ul li {
 141 #    text-align: left;
 142 #    list-style: disc;
 143 #}
 144 #.bullets ul {
 145 #    padding-left: 1em;
 146 #}
 147
 148 /*
 149 body {
 150     background: white;
 151     padding: 0;
 152     margin: 0;
 153     overflow: hidden;
 154 }
 155
 156 .slide {
 157     margin: 0;
 158     padding: 0;
 159     width: 100%;
 160     height: 740px;
 161     margin-left:auto;
 162     margin-right:auto;
 163     overflow:hidden;
 164     page-break-after: always;
 165     left: auto;
 166     top: auto;
 167     position: auto;
 168 }
 169
 170 .slide .center {
 171     width: 100%;
 172     display: block;
 173     height: 740px;
 174 }
 175 */