CINXE.COM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ng-app="appStatusApp"> <head> <link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700" rel="stylesheet" type="text/css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="" type="text/javascript"></script> <script src="/simplejs" type="text/javascript"></script> <style> body{ font: 13px "Open Sans", Arial; height: 100%; margin: 0; } h1{ font-size: 18px; } a{ color: #105AB5; text-decoration: none; } a:hover{ color: #384460; } .upgrade{ width: 100%; position: absolute; height: 100%; overflow: hidden; transition: 0.2s; } .upgrade.view-details { overflow-y: scroll; background: #f2f2f2; } .upgrade.view-details .holder{ position: static; overflow: visible; } .holder{ width: 100%; height: 100%; overflow: hidden; position: absolute; transition: 0.2s; } .logo{ width: 30px; height: auto; top: 30px; left: 30px; position: fixed; } .process{ max-width: 500px; margin: -150px auto 0 auto; top: 50%; position: relative; text-align: center; transition: 0.3s; } .process img{ width: 200px; } .version{ font-size: 13px; color: #666; } .operation{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .details{ font-size: 15px; max-width: 600px; margin: 0 auto; padding: 40px; top: 100%; position: relative; border-radius: 4px 4px 0 0; background: rgba(255,255,255,0.9); z-index: 9; transition: 0.3s; } .details h1{ margin: 0; } .details a{ font-size: 13px; } .details p{ margin-top: 5px; } .details .btn{ margin-right: 10px; } table{ font-size: 13px; margin: 80px -40px 0; border-collapse: collapse; border-bottom: 1px solid #E4E4E4; } table tr td{ padding: 15px 40px; vertical-align: top; border-top: 1px solid #E4E4E4; transition: 0.2s; } table tr td:last-child{ text-align: right; } table tr:hover td{ background: #f5f5f5; } .hide-details{ float: right; } .view-details .details{ display: block; top: 0; } .view-details .process{ top: 50px; margin-top: 0; } .view-details .process h1, .view-details .process p, .view-details .process a, .view-details .process .warning-indicator, .view-details .process .error-indicator{ display: none; } .user{ color: #666; } .user svg{ width: 100px; height: 100px; } a.btn{ font-size: 15px; margin-bottom: 7px; padding: 6px 15px; display: inline-block; text-decoration: none; color: #222; border-radius: 3px; border: 1px solid #384460; transition: 0.2s; } .btn:hover{ background: #E1E5EA; } .warning-indicator, .error-indicator{ padding: 0px 8px; line-height: 22px; display: inline-block; text-align: center; color: #000; border-radius: 12px; background: yellow; } .error-indicator{ background: #FF9494; } .error-details{ font-size: 13px; margin-top: 20px; } .error-details div{ margin-right: 15px; display: inline-block; } table .error td{ background: #FFCCCC; } table .error:hover td{ background: #FFBFBF; } table .warning td{ background: #FFFFCC; } table .warning:hover td{ background: #FFFFAA; } table .warning-indicator{ left: -85px; position: absolute; } table .error-indicator{ left: -65px; position: absolute; } .log-item{ width: 465px; word-wrap: break-word; } .long-text.log-item{ max-height: 50px; max-height: 100px; overflow: hidden; position: relative; margin-bottom: 5px; transition: 0.2s; } .long-text.log-item:before { bottom: 0; content: "; display: block; height: 50px; position: absolute; width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); } .long-text.active{ max-height: none; } .long-text.active:before{ display: none; } table tr:hover .long-text.log-item:before{ background: linear-gradient(to bottom, rgba(245,245,245,0), rgba(245,245,245,1)); } table tr.warning .long-text.log-item:before{ background: linear-gradient(to bottom, rgba(255,255,204,0), rgba(255,255,204,1)); } table tr.warning:hover .long-text.log-item:before{ background: linear-gradient(to bottom, rgba(255,255,170,0), rgba(255,255,170,1)); } table tr.error .long-text.log-item:before{ background: linear-gradient(to bottom, rgba(255,204,204,0), rgba(255,204,204,1)); } table tr.error:hover .long-text.log-item:before{ background: linear-gradient(to bottom, rgba(255,191,191,0), rgba(255,191,191,1)); } @media (max-width: 640px) { body{ } h1{ font-size: 16px; font-weight: normal; } .logo, .process img{ display: none; } .process{ margin-top: -40px; color: #888; } } </style> </head> <body > <div class="upgrade"> <div class="holder"> <div class="holder"> <div class="process user"> <svg> <path d="M 95.7694 0.3914 C 96.9551 0.5871 98.1407 0.9785 99.1288 1.1742 C 100.7097 8.4149 100.5121 6.4579 100.5121 11.9374 C 100.5121 18.591 100.0551 25.3543 96.1646 31.5068 C 87 46 51.1089 68.1018 33.3237 78.865 L 20.6765 66.7319 C 23.4431 62.4266 26.0121 57.7299 28.9763 53.4247 C 50.3184 21.7221 57.6301 0 88.4577 0 C 88.853 0 93.3981 0 95.7694 0.3914 ZM 41.8211 22.8963 L 27.0001 45.7926 C 22.2574 43.4442 20.4789 43.0528 16.329 43.0528 C 9.6102 43.0528 7.4365 45.2055 5.0651 45.2055 C 3.4842 45.2055 2.8914 43.8356 2.8914 42.6614 C 2.8914 42.2701 2.8914 41.0959 3.4842 40.7045 C 6.2508 37.5734 9.6102 34.638 12.5744 31.5068 C 15.341 28.5714 18.7004 25.0489 21.8622 24.0705 C 23.4431 23.4834 25.4193 23.2877 27.1978 22.8963 L 41.8211 22.8963 ZM 77.3914 72.7984 C 76.9962 74.5597 76.7986 76.321 76.0081 78.0822 C 73.2415 84.1487 65.1394 90.4109 59.4086 96.0861 C 58.8158 96.4775 58.0253 96.6732 57.4325 96.6732 C 56.0492 96.6732 54.8635 95.8904 54.8635 94.3249 C 54.8635 93.1507 57.2349 88.454 57.2349 83.1703 C 57.2349 80.2348 55.8516 75.5381 54.4683 72.9941 L 77.3914 58.1213 L 77.3914 72.7984 ZM 19.886 74.1683 C 17.3171 75.3425 14.3529 79.0607 14.3529 81.8004 C 14.3529 84.5401 16.9219 86.3014 18.898 86.3014 C 21.6646 86.3014 25.2216 84.1487 26.6049 80.8219 C 27.9882 82.5832 30.1619 83.5616 30.1619 85.1272 C 30.1619 85.7143 29.7667 87.8669 29.1739 89.2368 C 24.0359 100.9785 8.4245 96.6732 0.52 100 C 1.25 96.75 2.8914 84.5401 3.089 82.9745 C 4.2747 75.5381 9.8078 70.6458 15.9338 70.6458 C 16.5267 70.6458 18.7004 72.9941 19.886 74.1683 Z" fill="#dddddd"/> <path id="Ellipse" d="M 67 23.5 C 67 18.2532 71.2532 14 76.5 14 C 81.7468 14 86 18.2532 86 23.5 C 86 28.7468 81.7468 33 76.5 33 C 71.2532 33 67 28.7468 67 23.5 Z" fill="#ffffff"/> </svg> <div> <h1>We'll be back shortly</h1> <p>Temporarily unavailable due to maintenance</p> </div> </div> </div> </div> <input type="hidden" id="applicationVirtualPath" value="" /> </body> </html>