Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/andreijiroh-dev/infra-status. Monitoring @ajhalili2006's infra in one place. status.andreijiroh.dev
status-page upptime uptime-monitor
Something went wrong. Try again.
infra-status global.css
3.3 kB · 203 lines
CSS
at gh-pages
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204body { margin: 0; font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; line-height: 1.5; padding-bottom: 2.5rem;}
h1,h2,h3,h4,h5,h6 { margin: 0 0 0.5em 0; font-weight: 400; line-height: 1.2;}
h1 { font-size: 2em;}
a { color: inherit;}
@media (min-width: 400px) { body { font-size: 16px; }}
.container { max-width: 800px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;}
article { padding: 1rem 1.25rem; position: relative; border-radius: 0.2rem; border: 1px solid;}article.link a::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}article + article { margin-top: 0.5rem;}article + h3 { margin-top: 1rem;}h3 { opacity: 0.75;}h4 { font-weight: bold;}article.down { border-left: 0.2rem solid;}article.degraded { border-left: 0.2rem solid;}article.up { border-left: 0.2rem solid;}
.f { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
section + h2 { margin-top: 2rem;}
.tag { display: inline-block; padding: 0.33rem 0.5rem; border-radius: 0.2rem; font-size: 70%; vertical-align: middle; margin-top: -0.2rem; margin-left: 0.5rem;}
dl { margin-bottom: 1.5rem;}dl dt { font-weight: bold;}dl dd { margin: 0 0 1rem 0;}
nav { border-bottom: 1px solid;}
[aria-current] { border-bottom: 2px solid;}
a.error-button { border: 0.1rem solid;}
/* Theming */
.submit-button { background: #01a3a4; color: #fff; border-color: transparent;}
body { background: var(--body-background-color); color: var(--body-text-color);}
code { color: var(--code-color); background: var(--code-background-color);}
article { background: var(--card-background-color); border-color: var(--card-border-color);}
article.down { border-left-color: var(--down-border-left-color) !important; color: var(--down-color-color);}article.down-active { background: var(--down-background-color); border-color: var(--down-border-left-color);}article.degraded { border-left-color: var(--degraded-border-left-color) !important; color: var(--degraded-color-color);}article.up { border-left-color: var(--up-border-left-color) !important; color: var(--up-color-color);}
.tag { color: var(--tag-color);}.tag.closed,.tag.up { background: var(--tag-up-background-color) !important;}.tag.open,.tag.down { background: var(--tag-down-background-color) !important;}.tag.degraded { background: var(--tag-degraded-background-color) !important;}
.changed + section .data { background: var(--change-background-color);}
nav { border-bottom-color: var(--nav-border-bottom-color); background: var(--nav-background-color);}
[aria-current] { border-bottom-color: var(--nav-current-border-bottom-color);}
a.error-button { border-color: var(--error-button-border-color); background: var(--error-button-background-color); color: var(--error-button-color);}
.submit-button { background: var(--submit-button-background-color); color: var(--submit-button-color); border-color: var(--submit-button-border-color);}
article .graph { opacity: var(--graph-opacity); filter: var(--graph-filter);}