assets/css/screen.css

   1 html, body {
   2     background-color: #fff;
   3     width: 100%;
   4     height: 100%;
   5     padding: 0px;
   6     margin: 0px;
   7 }
   8
   9 h1 {
  10     clear: both;
  11     margin-top: 1.3rem;
  12     margin-bottom: 0.5rem;
  13 }
  14
  15 .title {
  16     clear: both;
  17     font-size: 16px;
  18     margin-bottom: 1rem;
  19     border-bottom: 1px dashed #ddd;
  20     padding: 0px;
  21     padding-bottom: 1rem;
  22     color: #586069;
  23 }
  24
  25 .comment-box {
  26     margin-top: 1rem;
  27     margin-bottom: 2rem;
  28     border-top: 1px dashed #ddd;
  29     padding-top: 1rem;
  30 }
  31
  32 h2 {
  33     border-bottom: 1px solid #eee;
  34     padding-bottom: 5px;
  35 }
  36
  37 ul.merged li, ul.blockedby li, ul.blocks li {
  38     display: inline-block;
  39 }
  40 ul.merged li + li:before,
  41 ul.blockedby li + li:before,
  42 ul.blocks li + li:before {
  43     content: ", ";
  44 }
  45
  46 p + p {
  47     text-indent: 0.5rem;
  48     margin-top: 1.0rem;
  49 }
  50
  51 .card-body form {
  52     padding-bottom: 2em;
  53 }
  54
  55 thead {
  56     border-bottom: 2px solid #ddd;
  57     font-weight: bold;
  58 }
  59
  60 tr {
  61     border-bottom: 1px solid #ddd;
  62 }
  63
  64 tr td:nth-child(3){
  65     min-width: 8rem;
  66 }
  67
  68 tr.serious td:nth-child(1) {
  69     background-color: #ff5a2a;
  70     color: #fff;
  71 }
  72 tr.important td:nth-child(1) {
  73     background-color: #feaaaa;
  74 }
  75
  76 #header {
  77     background: #333333;
  78     border-color: #1A1A1A1A;
  79     border-style: none none solid none;
  80     border-width: thin;
  81     width: 100%;
  82     margin-bottom: 1rem;
  83     padding: .5em;
  84     color: #fff;
  85     border-radius: 0;
  86 }
  87 #header .navbar-brand {
  88     padding: 0;
  89 }
  90
  91 #search input:focus {
  92     width: 500px;
  93 }
  94
  95 footer {
  96     border-color: #1A1A1A1A;
  97     border-style: dashed none none none;
  98     border-width: 2px;
  99     width: 100%;
 100     align-items: center;
 101     text-align: center;
 102     margin-top: 3rem;
 103     padding: 1rem;
 104     color: #586069;
 105     background: #fafafa;
 106 }
 107
 108 table {
 109     width: 100%;
 110 }
 111
 112 /* messages */
 113 .row.event {
 114     margin-bottom: 1em;
 115     font-size: 1.2em;
 116 }
 117
 118 .info .stat {
 119     display: block;
 120     color: #586069;
 121 }
 122 .info .stat .label {
 123     display: block;
 124 }
 125
 126 .conversation .avatar {
 127     height: 64px;
 128     width: 64px;
 129     border: 1px solid #ddd;
 130     border-radius: 6px;
 131     color: #fff;
 132     display: flex;
 133     justify-content: center;
 134     align-items: center;
 135     font-size: 58px;
 136 }
 137
 138 .address + .address:before {
 139     content: ", ";
 140 }
 141
 142 .message .body pre {
 143     background: transparent;
 144     border: none;
 145 }
 146
 147 .message .body .multipart {
 148     padding-bottom: 1rem;
 149 }
 150
 151 .message .body .multipart + .multipart {
 152     padding-top: 1rem;
 153     padding-bottom: 1rem;
 154     border-top: 1px dashed #ddd;
 155 }
 156
 157 .multipart.application-pgp-signature {
 158     display: none;
 159 }
 160
 161 .multipart.text-x-patch {
 162 }
 163
 164 .multipart.scheme {
 165     white-space: pre-wrap;
 166     font-family: monospace;
 167 }
 168
 169 .attachment:before {
 170     background-image: url('/img/file.svg');
 171     background-size: 1rem;
 172     display: inline-block;
 173     height: 1rem;
 174     width: 1rem;
 175     content: "";
 176 }
 177
 178 .download-part {
 179     float: right;
 180     font-size: 0.8em;
 181     font-style: italic;
 182 }
 183
 184 .message .from .address {
 185     font-weight: bold;
 186 }
 187
 188 .message .details {
 189     margin-top: .5em;
 190     display: none;
 191 }
 192
 193 .message span.line {
 194     white-space: pre-wrap;
 195     font-family: monospace;
 196 }
 197
 198 /* diff styles */
 199 .message span.line.diff.file {
 200     color: #005cc5;
 201 }
 202 .message span.line.diff.separator {
 203     color: #005cc5;
 204 }
 205 .message span.line.diff.addition {
 206     color: #22863a;
 207     background-color: #f0fff4;
 208 }
 209 .message span.line.diff.deletion {
 210     color: #b31d28;
 211     background-color: #ffeef0;
 212 }
 213 .message span.line.diff.range {
 214     color: #6f42c1;
 215     font-weight: bold;
 216 }
 217
 218 /* commit styles */
 219 .message span.commit.attribution {
 220     color: #005cc5;
 221 }
 222 .message span.commit.header {
 223     color: #005cc5;
 224 }
 225 .message span.commit.changelog {
 226     color: #005cc5;
 227 }
 228
 229 /* quote styles */
 230 .message span.line.quote {
 231     margin-left: 1em;
 232     color: #3868cc;
 233 }
 234
 235 .message span.line.cut-here {
 236     color: #888;
 237 }
 238
 239 .filter {
 240     display: inline-block;
 241     color: #fff;
 242     background: #aaa;
 243     text-align: center;
 244     padding: 2px;
 245     border-radius: 3px;
 246     font-family: monospace;
 247     margin: 1px;
 248 }
 249
 250 .status-tag {
 251     display: inline-block;
 252     color: #fff;
 253     text-align: center;
 254     padding: 4px;
 255     border-radius: 3px;
 256     margin-right: 8px;
 257 }
 258
 259 .status-tag.done {
 260     background: #cb2431;
 261 }
 262 .status-tag.open {
 263     background: #2cbe4e;
 264 }
 265
 266 .error.parse {
 267     font-style: italic;
 268     font-size: 0.8em;
 269 }