49 lines
906 B
CSS
49 lines
906 B
CSS
.offline-ui,.offline-ui *,.offline-ui:before,.offline-ui:after,.offline-ui *:before,.offline-ui *:after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.offline-ui {
|
|
display: none;
|
|
position: fixed;
|
|
background: #fff;
|
|
z-index: 2000;
|
|
display: inline-block
|
|
}
|
|
|
|
.offline-ui .offline-ui-retry {
|
|
display: none
|
|
}
|
|
|
|
.offline-ui.offline-ui-up {
|
|
display: block
|
|
}
|
|
|
|
.offline-ui.offline-ui-down {
|
|
display: block
|
|
}
|
|
|
|
.offline-ui {
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-ms-border-radius: 4px;
|
|
-o-border-radius: 4px;
|
|
border-radius: 4px;
|
|
font-family: helvetica neue,sans-serif;
|
|
padding: 1em;
|
|
max-width: 100%;
|
|
bottom: 1em;
|
|
left: 1em
|
|
}
|
|
|
|
.offline-ui.offline-ui-up {
|
|
background: #d6e9c6;
|
|
color: #468847
|
|
}
|
|
|
|
.offline-ui.offline-ui-down {
|
|
background: #ec8787;
|
|
color: #551313
|
|
}
|