data/web-static/css/main.css

   1 @font-face {
   2     font-family: 'Inconsolata';
   3     font-style: normal;
   4     font-weight: 400;
   5     src: local('Inconsolata-Regular'), local('Inconsolata'), local('Inconsolata Regular'), url('../fonts/inconsolata/Inconsolata-Regular.ttf');
   6 }
   7
   8 @font-face {
   9     font-family: 'Inconsolata';
  10     font-style: normal;
  11     font-weight: 700;
  12     src: local('Inconsolata-Bold'), local('Inconsolata Bold'), url('../fonts/inconsolata/Inconsolata-Bold.ttf');
  13 }
  14
  15 *, *:before, *:after {
  16     box-sizing: border-box;
  17 }
  18
  19 body {
  20     height: 100%;
  21     display: flex;
  22     flex-direction: column;
  23     border: 0px;
  24     margin: 0px;
  25     font-family: 'Inconsolata', monospace;
  26     font-size: 12pt;
  27 }
  28
  29 span.pre-ish {
  30     font-size: 12pt;
  31     white-space: pre-wrap;
  32 }
  33
  34 #stream-metabox {
  35     flex-direction: column;
  36     display: flex;
  37     min-height: 85vh;
  38     max-height: 85vh;
  39     background-color: #d5d5d5;
  40     padding-left: 15px;
  41     padding-right: 15px;
  42     padding-bottom: 0px;
  43     padding-top: 0px;
  44     overflow-y: auto;
  45 }
  46
  47 /*
  48  Alignment hack:
  49    http://stackoverflow.com/a/37515194
  50 */
  51 #stream-metabox > :first-child {
  52     margin-top: auto !important;
  53 }
  54
  55 #stream {
  56     background-color: #fbfbfb;
  57     padding-bottom: .25em;
  58 }
  59
  60
  61 .stream-entry {
  62     background-color: #fdfdfd;
  63     padding-left: 5px;
  64     padding-right: 5px;
  65     padding-top: 0px;
  66     padding-bottom: 0px;
  67     border-left-style: solid;
  68     border-left-width: 2px;
  69     border-left-color: #7b7b7b;
  70     margin-top: .5em;
  71     margin-bottom: 0px;
  72     margin-left: -2px;
  73     margin-right: 0px;
  74 }
  75
  76 .stream-entry p {
  77     margin-top: .25em;
  78     margin-bottom: 0px;
  79 }
  80
  81
  82 .self-sent {
  83     color: #494949;
  84     border-left-color: #b4b4b4;
  85 }
  86
  87 \f
  88
  89 #input-metabox {
  90     flex: 1;
  91     min-height: 15vh;
  92     max-height: 15vh;
  93     background-color: #414141;
  94     color: #d5d5d5;
  95     padding: 15px;
  96 }
  97
  98 #input-metabox input {
  99     border-top-left-radius: 8px;
 100     border-top-right-radius: 8px;
 101     border-bottom-left-radius: 8px;
 102     border-bottom-right-radius: 8px;
 103     border: 3px solid #e6e6e6;
 104     background-color: #ffffff;
 105     padding: 5px;
 106     width: 75%;
 107     font-family: 'Inconsolata', monospace;
 108     font-size: 12pt;
 109 }