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     display: none;
 128 }
 129
 130 @media (min-width: 768px) {
 131     .conversation .avatar {
 132         height: 64px;
 133         width: 64px;
 134         border: 1px solid #ddd;
 135         border-radius: 6px;
 136         color: #fff;
 137         display: flex;
 138         justify-content: center;
 139         align-items: center;
 140         font-size: 58px;
 141         position: absolute;
 142     }
 143 }
 144
 145 .address + .address:before {
 146     content: ", ";
 147 }
 148
 149 @media (min-width: 768px) {
 150     .message {
 151         margin-left: 80px;
 152     }
 153 }
 154
 155 .message .body pre {
 156     background: transparent;
 157     border: none;
 158 }
 159
 160 .message .body .multipart {
 161     padding-bottom: 1rem;
 162 }
 163
 164 .message .body .multipart + .multipart {
 165     padding-top: 1rem;
 166     padding-bottom: 1rem;
 167     border-top: 1px dashed #ddd;
 168 }
 169
 170 .multipart.application-pgp-signature {
 171     display: none;
 172 }
 173
 174 .multipart.text-x-patch {
 175 }
 176
 177 .multipart.scheme {
 178     white-space: pre-wrap;
 179     font-family: monospace;
 180 }
 181
 182 .attachment:before {
 183     background-image: url('/img/file.svg');
 184     background-size: 1rem;
 185     display: inline-block;
 186     height: 1rem;
 187     width: 1rem;
 188     content: "";
 189 }
 190
 191 .download-part {
 192     float: right;
 193     font-size: 0.8em;
 194     font-style: italic;
 195 }
 196
 197 .message .from .address {
 198     font-weight: bold;
 199 }
 200
 201 .message .details {
 202     margin-top: .5em;
 203     display: none;
 204 }
 205
 206 .message span.line {
 207     white-space: pre-wrap;
 208     font-family: monospace;
 209 }
 210
 211 /* diff styles */
 212 .message span.line.diff.file {
 213     color: #005cc5;
 214 }
 215 .message span.line.diff.separator {
 216     color: #005cc5;
 217 }
 218 .message span.line.diff.addition {
 219     color: #22863a;
 220     background-color: #f0fff4;
 221 }
 222 .message span.line.diff.deletion {
 223     color: #b31d28;
 224     background-color: #ffeef0;
 225 }
 226 .message span.line.diff.range {
 227     color: #6f42c1;
 228     font-weight: bold;
 229 }
 230
 231 /* commit styles */
 232 .message span.commit.attribution {
 233     color: #005cc5;
 234 }
 235 .message span.commit.header {
 236     color: #005cc5;
 237 }
 238 .message span.commit.changelog {
 239     color: #005cc5;
 240 }
 241
 242 /* quote styles */
 243 .message span.line.quote {
 244     margin-left: 1em;
 245     color: #3868cc;
 246 }
 247
 248 .message span.line.cut-here {
 249     color: #888;
 250 }
 251
 252 .filter {
 253     display: inline-block;
 254     color: #fff;
 255     background: #aaa;
 256     text-align: center;
 257     padding: 2px;
 258     border-radius: 3px;
 259     font-family: monospace;
 260     margin: 1px;
 261 }
 262
 263 .status-tag {
 264     display: inline-block;
 265     color: #fff;
 266     text-align: center;
 267     padding: 4px;
 268     border-radius: 3px;
 269     margin-right: 8px;
 270 }
 271
 272 .status-tag.done {
 273     background: #cb2431;
 274 }
 275 .status-tag.open {
 276     background: #2cbe4e;
 277 }
 278
 279 .error.parse {
 280     font-style: italic;
 281     font-size: 0.8em;
 282 }