Skip to content

Instantly share code, notes, and snippets.

@ebot

ebot/icd_threat_level.html

Created February 22, 2012 19:24
Show Gist options
  • Save ebot/1886765 to your computer and use it in GitHub Desktop.
Save ebot/1886765 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
icd_threat_level.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ICD Threat Level</title>
<style type="text/css" media="screen">
/* line 93, /var/www/rails/adhocs/app/assets/stylesheets/adhocs.scss */
.threat {
width: 100px;
background-color: green;
padding: 4px 45px 4px 45px;
border: solid 1px #425c23;
color: white;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.8);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.8);
}
/* line 113, /var/www/rails/adhocs/app/assets/stylesheets/adhocs.scss */
.circle {
display: block;
display: block;
width: 16px;
height: 16px;
background: #333;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
}
/* line 127, /var/www/rails/adhocs/app/assets/stylesheets/adhocs.scss */
.green {
background-color: green;
border: solid 1px #425c23;
}
/* line 132, /var/www/rails/adhocs/app/assets/stylesheets/adhocs.scss */
.yellow {
background-color: yellow;
border: solid 1px #6f6a73;
color: black;
}
/* line 138, /var/www/rails/adhocs/app/assets/stylesheets/adhocs.scss */
.red {
background-color: red;
border: solid 1px #463705;
}
/* line 143, /var/www/rails/adhocs/app/assets/stylesheets/adhocs.scss */
.orange {
background-color: #d45811;
border: solid 1px #9c4716;
}
#threat_header {
font-size: 120%;
font-weight: bolder;
border-bottom: solid 1px;
padding: 5px;
margin-bottom: 8px;
}
/* --------------- Add This to the code ----------------- */
#threat_card {
width: 200px;
text-align: center;
border: solid 1px;
padding: 6px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:rgba(69,84,94,0.1);
-moz-box-shadow: inset 0 0 6px #000000;
-webkit-box-shadow: inset 0 0 6px #000000;
box-shadow: inset 0 0 6px #000000;
}
#threat_card table {
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="threat_card">
<div id="threat_header">
ICD Threat Level
<div class="clear"></div>
</div>
<table>
<tbody>
<tr>
<td>No Worries</td>
<td>
<div class="circle green">&nbsp;</div>
</td>
</tr>
<tr>
<td>Fields Expanding</td>
<td>
<div class="circle yellow">&nbsp;</div>
</td>
</tr>
<tr>
<td>Line Length Warning</td>
<td>
<div class="circle orange">&nbsp;</div>
</td>
</tr>
<tr>
<td>Fields Being Removed</td>
<td>
<div class="circle red">&nbsp;</div>
</td>
</tr>
</tbody></table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment