- <div class="col-sm mb-3">
- <div class="card text-center">
- <div class="card-header bg-secondary text-white">
- <div class="row">
- <div class="col">
- <i aria-hidden="true" class="fa fa-network-wired fa-3x"></i>
- </div>
- <div class="col">
- <h3 id="stats_server_total" class="display-4"></h3>
- </div>
- </div>
- </div>
- <div class="card-body">
- <div class="row">
- <div class="col">
- <h6>Servers</h6>
- </div>
- <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>servers/">View</a></div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</div>
-<div class="container card-container" style="margin-left:40px;margin-top:30px">
+ .frosted-glass-success {
+ /* From https://css.glass */
+ background: rgba(63, 162, 36, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-info {
+ /* From https://css.glass */
+ background: rgba(57, 127, 207, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-danger {
+ /* From https://css.glass */
+ background: rgba(207, 57, 57, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-warning {
+ /* From https://css.glass */
+ background: rgba(207, 194, 57, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }
+ .frosted-glass-secondary {
+ /* From https://css.glass */
+ background: rgba(75, 75, 75, 0.73);
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(9.8px);
+ -webkit-backdrop-filter: blur(9.8px);
+ }