Skip to content

Commit 3a2bac1

Browse files
author
Kristan Kenney
committed
Add badge CSS defintions
1 parent f50fbfd commit 3a2bac1

File tree

2 files changed

+50
-30
lines changed

2 files changed

+50
-30
lines changed

‎web/css/styles.min.css‎

Lines changed: 44 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3044,70 +3044,90 @@ form#vstobjects.suspended {
30443044

30453045
.pill {
30463046
border-radius: 18px;
3047+
display: inline-block;
3048+
text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
3049+
}
3050+
3051+
.badge {
3052+
display: inline-block;
3053+
min-width: 24px;
3054+
min-height: 24px;
3055+
line-height: 24px;
3056+
border-radius: 50%;
3057+
font-weight: 600;
3058+
box-shadow: 0px 1px 3px rgba(120,120,120,0.6);
3059+
text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
3060+
}
3061+
3062+
.badge.large {
3063+
min-width: 48px;
3064+
min-height: 48px;
3065+
line-height: 48px;
3066+
}
3067+
3068+
.badge.raised {
3069+
background: radial-gradient(ellipse at center, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.05) 100%);
3070+
}
3071+
3072+
.l-unit--suspended .badge {
3073+
background: #eaeaea !important;
3074+
color: #c0c0c0 !important;
3075+
text-shadow: 0px -1px #fafafa !important;
3076+
}
3077+
3078+
.pill.gray, .badge.gray {
3079+
border: 1px solid #ddd;
3080+
background-color: #eaeaea;
3081+
color: #6c6c6c;
3082+
text-shadow: 0px 1px #fafafa !important;
30473083
}
30483084

3049-
.pill.blue {
3085+
.pill.blue, .badge.blue {
30503086
border: 1px solid #fff;
3051-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
30523087
background-color: #316198;
30533088
color: #fff;
3054-
text-shadow: 0px 1px rgba(0,0,0,0.35);
30553089
}
30563090

3057-
.pill.purple {
3091+
.pill.purple, .badge.purple {
30583092
border: 1px solid #fff;
3059-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
30603093
background-color: #8e2fca;
30613094
color: #fff;
3062-
text-shadow: 0px 1px rgba(0,0,0,0.35);
30633095
}
30643096

3065-
.pill.teal {
3097+
.pill.teal, .badge.teal {
30663098
border: 1px solid #fff;
3067-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
30683099
background-color: #33cccc;
30693100
color: #fff;
3070-
text-shadow: 0px 1px rgba(0,0,0,0.35);
30713101
}
30723102

3073-
.pill.maroon {
3103+
.pill.maroon, .badge.maroon {
30743104
border: 1px solid #fff;
3075-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
30763105
background-color: #cc3366;
30773106
color: #fff;
3078-
text-shadow: 0px 1px rgba(0,0,0,0.35);
30793107
}
30803108

3081-
.pill.red {
3109+
.pill.red, .badge.red {
30823110
border: 1px solid #fff;
3083-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
30843111
background-color: #ff3333;
30853112
color: #fff;
3086-
text-shadow: 0px 1px rgba(0,0,0,0.35);
30873113
}
30883114

3089-
.pill.orange {
3115+
.pill.orange, .badge.orange {
30903116
border: 1px solid #fff;
3091-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
30923117
background-color: #f6a800;
30933118
color: #fff;
3094-
text-shadow: 0px 1px rgba(0,0,0,0.35);
30953119
}
30963120

3097-
.pill.green {
3121+
.pill.green, .badge.green {
30983122
border: 1px solid #fff;
3099-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
31003123
background-color: #53ba55;
31013124
color: #fff;
3102-
text-shadow: 0px 1px rgba(0,0,0,0.35);
31033125
}
31043126

3105-
.pill.lightblue {
3127+
.pill.lightblue, .badge.lightblue {
31063128
border: 1px solid #fff;
3107-
box-shadow: 0px 1px 4px rgba(120,120,120,0.3);
31083129
background-color: #6eb6f0;
31093130
color: #fff;
3110-
text-shadow: 0px 1px rgba(0,0,0,0.35);
31113131
}
31123132

31133133
.status-icon-yellow, .status-icon-maroon:hover {

‎web/templates/admin/list_user.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -148,12 +148,12 @@
148148
<div class="clearfix l-unit__stat-col--left text-center compact"><?=$data[$key]['IP_OWNED']?></div>
149149
<div class="clearfix l-unit__stat-col--left text-center compact"><b><?=humanize_usage_size($data[$key]['U_DISK'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_DISK'])?></span></div>
150150
<div class="clearfix l-unit__stat-col--left text-center compact"><b><?=humanize_usage_size($data[$key]['U_BANDWIDTH'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_BANDWIDTH'])?></span></div>
151-
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="pill maroon"><?=$data[$key]['U_WEB_DOMAINS']?></span></div>
152-
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="pill maroon"><?=$data[$key]['U_MAIL_DOMAINS']?></span></div>
153-
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="pill maroon"><?=$data[$key]['U_DNS_DOMAINS']?></span></div>
154-
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="pill maroon"><?=$data[$key]['U_DATABASES']?></span></div>
155-
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="pill maroon"><?=$data[$key]['U_CRON_JOBS']?></span></div>
156-
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="pill maroon"><?=$data[$key]['U_BACKUPS']?></span></div>
151+
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="jump-top badge gray raised"><?=$data[$key]['U_WEB_DOMAINS']?></span></div>
152+
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="jump-top badge gray raised"><?=$data[$key]['U_MAIL_DOMAINS']?></span></div>
153+
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="jump-top badge gray raised"><?=$data[$key]['U_DNS_DOMAINS']?></span></div>
154+
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="jump-top badge gray raised"><?=$data[$key]['U_DATABASES']?></span></div>
155+
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="jump-top badge gray raised"><?=$data[$key]['U_CRON_JOBS']?></span></div>
156+
<div class="clearfix l-unit__stat-col--left text-center compact"><span class="jump-top badge gray raised"><?=$data[$key]['U_BACKUPS']?></span></div>
157157
</div>
158158
</div>
159159
<!-- /.l-unit__col -->

0 commit comments

Comments
 (0)