github.com/vnforks/kid@v5.11.1+incompatible/templates/unsupported_browser.html (about)

     1  {{define "unsupported_browser"}}
     2    <head>
     3    <style>
     4      body {
     5      margin-top: 0px;
     6      margin-right: 0px;
     7      margin-bottom: 0px;
     8      margin-left: 0px;
     9      font-family: "Open Sans", sans-serif;
    10      font-size: 14px;
    11      line-height: 1.42857;
    12      color: rgb(51, 51, 51);
    13      background-color: whitesmoke;
    14      -webkit-font-smoothing: antialiased;
    15      background-image: initial;
    16      background-position-x: initial;
    17      background-position-y: initial;
    18      background-size: initial;
    19      background-repeat-x: initial;
    20      background-repeat-y: initial;
    21      background-attachment: initial;
    22      background-origin: initial;
    23      background-clip: initial;
    24      height: 100%;
    25      position: relative;
    26      width: 100%;
    27    }
    28    * {
    29      box-sizing: border-box;
    30    }
    31    html, body {
    32      height: 100%;
    33    }
    34    .sticky {
    35      background-image: initial;
    36      background-position-x: initial;
    37      background-position-y: initial;
    38      background-size: initial;
    39      background-repeat-x: initial;
    40      background-repeat-y: initial;
    41      background-attachment: initial;
    42      background-origin: initial;
    43      background-clip: initial;
    44      background-color: white;
    45    }
    46    .container-fluid {
    47      padding-right: 15px;
    48      padding-left: 15px;
    49      margin-right: auto;
    50      margin-left: auto;
    51      height: 100%;
    52      position: relative;
    53    }
    54    .container-fluid::after {
    55      content: " ";
    56      display: block;
    57      height: 0px;
    58      clear: both;
    59      overflow-x: hidden;
    60      overflow-y: hidden;
    61      visibility: hidden;
    62    }
    63    .exclamation-triangle {
    64      width: 22px;
    65      opacity: 0.6;
    66    }
    67    body.error .container-fluid {
    68      display: table;
    69      height: 90%;
    70    }
    71    body.error .error__container {
    72      color: rgb(85, 85, 85);
    73      display: table-cell;
    74      margin-top: 0px;
    75      margin-right: auto;
    76      margin-bottom: 0px;
    77      margin-left: auto;
    78      max-width: 800px;
    79      padding-top: 5em;
    80      padding-right: 0px;
    81      padding-bottom: 5em;
    82      padding-left: 0px;
    83      text-align: left;
    84      vertical-align: top;
    85    }
    86    body.error .error__icon {
    87      color: rgb(204, 204, 204);
    88      font-size: 4em;
    89    }
    90    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    91      font-family: inherit;
    92      font-weight: 500;
    93      line-height: 1.1;
    94      color: inherit;
    95    }
    96    h1, .h1, h2, .h2, h3, .h3 {
    97      margin-top: 20px;
    98      margin-bottom: 10px;
    99    }
   100    h2, .h2 {
   101      font-size: 30px;
   102    }
   103    body.error h2 {
   104      font-size: 1.5em;
   105      font-weight: 600;
   106      margin-top: 0.8em;
   107      margin-right: 0px;
   108      margin-bottom: 0.5em;
   109      margin-left: 0px;
   110    }
   111    h2 {
   112      font-size: 25px;
   113    }
   114    ul, ol {
   115      margin-top: 0px;
   116      margin-bottom: 10px;
   117    }
   118    a {
   119      background-color: transparent;
   120      color: rgb(35, 137, 215);
   121      text-decoration-line: none;
   122      text-decoration-style: initial;
   123      text-decoration-color: initial;
   124      cursor: pointer;
   125      word-break: break-word;
   126    }
   127    a:focus {
   128      outline-color: -webkit-focus-ring-color;
   129      outline-style: auto;
   130      outline-width: 5px;
   131      outline-offset: -2px;
   132    }
   133    </style>
   134  </head>
   135    <body class="sticky error">
   136    <div data-reactroot="" class="container-fluid" >
   137    <div class="error__container" >
   138        <div class="error__icon" >
   139          <img src="/static/images/warning.png" alt="warning" class="exclamation-triangle" ></img>
   140        </div>
   141        <h2 >
   142          <span>{{.Props.Title}}</span>
   143        </h2>
   144        <div>
   145          <span>{{.Props.Message}}</span>
   146          <ul>
   147            <li>
   148              <a href="https://www.google.com/chrome/browser/desktop/index.html" target="_blank" rel="noopener noreferrer">
   149                <span>Google Chrome 43+</span>
   150              </a>
   151            </li>
   152            <li>
   153              <a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank" rel="noopener noreferrer">
   154                <span>Mozilla Firefox 52+</span>
   155              </a>
   156            </li>
   157            <li>
   158              <a href="https://www.microsoft.com/en-ca/download/internet-explorer.aspx" target="_blank" rel="noopener noreferrer">
   159                <span>Microsoft Internet Explorer 11+</span>
   160              </a>
   161            </li>
   162            <li>
   163              <a href="https://www.microsoft.com/en-ca/download/details.aspx?id=48126" target="_blank" rel="noopener noreferrer">
   164                <span>Microsoft Edge 40+</span>
   165              </a>
   166            </li>
   167            <li>
   168              <a href="https://support.apple.com/en-us/HT204416" target="_blank" rel="noopener noreferrer">
   169                <span>Apple Safari 9+</span>
   170              </a>
   171            </li>
   172          </ul>
   173        </div>
   174      </div>
   175    </div>
   176  </body>
   177  
   178  {{end}}