presentations/ica_hackathon_2022/my-theme.css

   1 .huge { font-size: 170% }
   2 .large { font-size: 140% }
   3 .small { font-size: 70% }
   4 .tiny{font-size: 40%}
   5 /* .inverse { */
   6 /*   background-color: #272822; */
   7 /*   color: #d6d6d6; */
   8 /*   text-shadow: 0 0 20px #333; */
   9 /* } */
  10
  11 .header-image{
  12     width:650px;
  13     display:inline-block;
  14 }
  15
  16 .large img{
  17     width:250px;
  18 }
  19
  20 .emph{
  21     color:#4e2a84;
  22     font-weight: bolder;
  23 }
  24
  25 .mygreen{
  26     color:#2eab20;
  27 }
  28
  29 .myyellow{
  30     color:#AB9d20;
  31 }
  32
  33 .myblue{
  34     color:#2073AB;
  35 }
  36
  37 .myred{
  38     color:#AB202E;
  39 }
  40
  41 .cite{
  42     font-weight: lighter;
  43     font-size:60%;
  44     font-family:"times", "Helvetica","serif";
  45     position: fixed;
  46     bottom: 16px;
  47   }
  48
  49 .left-column {
  50 color: #777;
  51 width: 40%;
  52 height: 100%;
  53 float: left;
  54 }
  55
  56 .left-column h2:last-of-type, .left-column h3:last-child {
  57 color: #000;
  58 }
  59 .right-column {
  60 width: 60%;
  61 float: right;
  62 padding-top: 1em;
  63 }
  64
  65
  66
  67 .hypo-mark img{
  68     width:120px;
  69     position: fixed;
  70     bottom: 545px;
  71     left: 1050px;
  72 }
  73
  74 .hypo-mark-1 img{
  75 }
  76
  77 .hypo-mark-2 img{
  78     bottom:480px;
  79 }
  80
  81 .hypo-mark-3 img{
  82     bottom:480px;
  83     left:1050px;
  84 }
  85
  86
  87 .remark-slide-number {
  88   position: inherit;
  89 }
  90
  91 .remark-slide-number .progress-bar-container {
  92   position: absolute;
  93   bottom: 0;
  94   height: 4px;
  95   display: block;
  96   left: 0;
  97   right: 0;
  98 }
  99
 100 a, a > code{
 101     color:#4e2a84;
 102     text-decoration:none;
 103 }
 104
 105 .remark-slide-number .progress-bar {
 106   height: 100%;
 107   background-color: #4e2a84;
 108 }
 109
 110 .border{
 111       border-bottom: #4e2a84 solid 0.7mm;
 112       padding: 3px;
 113       display:inline-block;
 114 }
 115
 116 div.my-header {
 117     background-color: #4e2a84;
 118     background: -webkit-linear-gradient(left, #604982, #4E2A84 30%, #5820AB 70%, #5820AB);
 119     position: fixed;
 120     top: 0px;
 121     left: 0px;
 122     height: 26px;
 123     width: 100%;
 124     text-align: left;
 125 }
 126
 127 .inverse {
 128     background-color: #322e37;
 129     color: #FCFBFD;
 130     text-shadow: 0 0 20px #333;
 131 }
 132
 133 .inverse h1, .inverse h2, .inverse h3, .inverse h4{
 134     color: #FCFBFD;
 135     text-shadow: 0 0 20px #333;
 136 }
 137
 138 .remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(2n) {
 139         background: #d7c9ec;
 140 }
 141
 142 .narrow{
 143     padding-left: 150px;
 144     padding-right: 150px;
 145 }