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 #stream-metabox {
  30     flex-direction: column;
  31     display: flex;
  32     min-height: 85vh;
  33     max-height: 85vh;
  34     background-color: #d5d5d5;
  35     padding-left: 15px;
  36     padding-right: 15px;
  37     padding-bottom: 0px;
  38     padding-top: 0px;
  39     overflow-y: auto;
  40 }
  41
  42 /*
  43  Alignment hack:
  44    http://stackoverflow.com/a/37515194
  45 */
  46 #stream-metabox > :first-child {
  47     margin-top: auto !important;
  48 }
  49
  50 #stream {
  51     background-color: #fbfbfb;
  52     padding-bottom: .25em;
  53 }
  54
  55
  56 .stream-entry {
  57     background-color: #fdfdfd;
  58     padding-left: 5px;
  59     padding-right: 5px;
  60     padding-top: 0px;
  61     padding-bottom: 0px;
  62     border-left-style: solid;
  63     border-left-width: 2px;
  64     border-left-color: #7b7b7b;
  65     margin-top: .5em;
  66     margin-bottom: 0px;
  67     margin-left: -2px;
  68     margin-right: 0px;
  69 }
  70
  71 .stream-entry p {
  72     margin-top: .25em;
  73     margin-bottom: 0px;
  74 }
  75
  76
  77 .self-sent {
  78     color: #494949;
  79     border-left-color: #b4b4b4;
  80 }
  81
  82 \f
  83
  84 #input-metabox {
  85     flex: 1;
  86     min-height: 15vh;
  87     max-height: 15vh;
  88     background-color: #414141;
  89     color: #d5d5d5;
  90     padding: 15px;
  91 }
  92
  93 input {
  94     border-top-left-radius: 8px;
  95     border-top-right-radius: 8px;
  96     border-bottom-left-radius: 8px;
  97     border-bottom-right-radius: 8px;
  98     border: 3px solid #e6e6e6;
  99     background-color: #ffffff;
 100     padding: 5px;
 101     width: 75%;
 102     font-family: 'Inconsolata', monospace;
 103     font-size: 12pt;
 104 }