Home | History | Annotate | Download | only in css 
      1 body {
      2   font-family: helvetica arial sans-serif;
      3   margin: 0;
      4   padding: 0;
      5 }
      6 
      7 img {
      8   box-shadow: 2px 2px 5px gray;
      9   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3gUBEi4DGRAQYgAAAB1JREFUGNNjfMoAAVJQmokBDdBHgPE/lPFsYN0BABdaAwN6tehMAAAAAElFTkSuQmCC");
     10 }
     11 
     12 
     13 h1 {
     14   font-size: 18px;
     15 }
     16 
     17 h2 {
     18   font-size: 16px;
     19 }
     20 
     21 .waiting, .waiting * {
     22   cursor: wait;
     23 }
     24 
     25 textarea {
     26   margin-left: 0;
     27   border: solid 1px #ccc;
     28   color: green;
     29   background: #eee;
     30 }
     31 
     32 .iframe textarea {
     33   resize: none;
     34 }
     35 
     36 template {
     37   display: none;
     38 }
     39 
     40 code {
     41     color: green;
     42 }
     43 
     44 pre, code {
     45     padding: 0;
     46 }
     47 
     48 .tries {
     49   margin: 1em;
     50   float: left;
     51 }
     52 
     53 #title {
     54   color: #ddd;
     55   background: #444;
     56   margin: 0;
     57   padding: 0.5em;
     58 }
     59 
     60 #title a:link,
     61 #title a:visited,
     62 #title a:hover,
     63 #title a:active
     64 {
     65   color: #ddd;
     66 }
     67 
     68 #content {
     69   padding: 1em;
     70 }
     71 
     72 #tryHistory {
     73     position: absolute;
     74     top: 3em;
     75     right: 10px;
     76     width: 75px;
     77 }
     78 
     79 #tryHistory .tries {
     80     float: none;
     81 }
     82 
     83 #chooseList {
     84   display: flex;
     85   flex-flow: row wrap;
     86 }
     87 
     88 #chooseSource {
     89   display: none;
     90   background: ivory;
     91   padding: 1em;
     92   border: solid lightgray 2px;
     93 }
     94 
     95 #chooseSource.show {
     96   display: block;
     97 }
     98 
     99 #selectedSource {
    100   display: none;
    101 }
    102 
    103 #selectedSource.show {
    104   display: block;
    105 }
    106 
    107 #sourceCode {
    108   display: none;
    109 }
    110 
    111 #sourceCode.show {
    112   display: block;
    113 }
    114 
    115 #gitInfo {
    116     float: right;
    117     font-size: 70%;
    118 }
    119 
    120 .CodeMirror-lines,
    121 .CodeMirror-scroll
    122 {
    123   background-color: #eee;
    124 }
    125 
    126 .CodeMirror {
    127   border: solid gray 1px;
    128 }
    129