Skip to content

Instantly share code, notes, and snippets.

@escusado
Created April 16, 2012 22:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save escusado/2402070 to your computer and use it in GitHub Desktop.
Save escusado/2402070 to your computer and use it in GitHub Desktop.
<html>
<head>
<title>color</title>
<style type='text/css'>
body {margin:0;padding:0; background-color: #aaa;}
.color-cell { width: 100px; height: 100px; position: relative; float: left; margin: 0}
.color-cell .color-input,
.color-cell .color-new {width: 50px; position: absolute; bottom: 16px; border: none; background-color: rgba(0,0,0,.8); color: #fff}
.color-cell .color-new {right: 0; background-color: rgba(0,0,0,.5); text-align: right;}
.color-cell .color-name {width: 100px; position: absolute; bottom: 32px; border: none; background-color: rgba(255,255,255,.5)}
/*.color-cell { border: solid 1px #333; margin: 5px 0px 0px 5px;}*/
#crowdvoice-colors {clear: both}
.repeated{color: #f00; font-weight: bold; position: absolute; top: 16px; left: 15px; font-family: Arial, 'MS Trebuchet', sans-serif; background-color: #fff; border: 1px solid #333; display: none}
.btn {position: absolute; bottom: 2px; cursor: pointer}
.dp {right:4px}
.lp {right:17px}
.sp {right:42px}
.sm {right:55px}
.reset {left: 4px}
.controls-bk {width:100px; height:16px; position: absolute; bottom: 0; background-color: rgba(0,0,0,.5);}
.amounts {position: absolute; left: 3px; color: #ffffff; font-family: Arial, 'MS Trebuchet', sans-serif; font-size: 10px}
.sat-amo {top: 35px}
.dar-amo {top: 25px}
</style>
<script type='text/javascript' src='js/jquery-1.7.2.js'></script>
<script type='text/javascript' src='js/jquery-ui-1.8.18.custom.min.js'></script>
<script type='text/javascript' src='js/jColour.js'></script>
<script type='text/javascript' src='app.js'></script>
</head>
<body>
<textarea id='crowdvoice-colors' cols='30' rows='10'></textarea>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment