global.css

body{overflow-y:scroll;font:11px/15px 'Lucida Grande',sans-serif;margin:0;padding: 0 0 12px 0 !important;background-color: #eff1f4; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(239, 241, 244)), to(rgb(216, 222, 229))); background-image: -webkit-linear-gradient(top, rgb(239, 241, 244), rgb(216, 222, 229)); background-image: -moz-linear-gradient(top, rgb(239, 241, 244), rgb(216, 222, 229)); background-image: -o-linear-gradient(top, rgb(239, 241, 244), rgb(216, 222, 229)); background-image: -ms-linear-gradient(top, rgb(239, 241, 244), rgb(216, 222, 229)); background-image: linear-gradient(top, rgb(239, 241, 244), rgb(216, 222, 229)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eff1f4', EndColorStr='#d8dee5');}a{text-decoration:none;}p{margin:0;}.hide{display:none;}.todo.done .columnLeft .check,.check:hover{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0eWxlMHtmaWxsOgkjMjgyODI4O308L3N0eWxlPjxwb2x5Z29uIHBvaW50cz0iMTUuNiwzLjYgOCwxMS4zIDQuNCw3LjcgMS44LDEwLjMgOCwxNi40IDE4LjIsNi4yIiBjbGFzcz0ic3R5bGUwIi8+PC9zdmc+);}#toolbar{background-color:#bcc3d0;height: 18px;position:fixed;left:0;top:0;right: 0;padding: 10px;}#toolbar:before,#toolbar:after{content:" ";display:table;}#toolbar:after{clear:both;}#addTodoDialog{padding: 5px 10px 10px 10px;}#addTodoDialog:before,#addTodoDialog:after{content:" ";display:table;}#addTodoDialog:after{clear:both;}#addTodoLeft{
    margin-bottom: 5px;
}#addTodoRight{
    height: 16px;
    margin-bottom: 5px;
}form{margin:0;}input[type=text]{width:100%;padding:5px;outline:none;margin:0 0 5px 0;border-radius:5px;background: #FbFbFb;border: #8c8e90 1px solid;box-shadow: inset #e0e0e0 0px 1px 3px;}textarea{width:100%;height:60px;border-radius:5px;outline:none;padding:5px;background: #FbFbFb; border: #8c8e90 1px solid; box-shadow: inset #e0e0e0 0px 1px 3px;}input[type=submit]{margin: 0 0 0 10px;float: right;}.todo{border-bottom:1px solid rgba(80, 80, 80, 0.6);padding:10px 0 0 0;}.todo:before,.todo:after{content:" ";display:table;}.todo:after{clear:both;}.todo.done{opacity:0.3;transition:opacity 0.3s;}.todoTop{cursor:pointer;padding:0 0 10px 0;}.todoTop:before,.todoTop:after{content:" ";display:table;}.todoTop:after{clear:both;}.check{float:left;display:block;background:#a3b3c2;box-shadow: inset rgba(0, 0, 0, 0.25) 0px 1px 3px;width:16px;height:16px;margin:0 10px;border-radius:3px;cursor:pointer;background-image:none;}h2{line-height:16px;margin:0;padding:0;float:left;font-size:12px;font-weight:bold;}.todoContainer:before,.todoContainer:after{content:" ";display:table;}.todoContainer:after{clear:both;}.textWrapper{padding:0 0 0 36px;}p{margin:0 0 10px 0;}.info{color:#646464;display:block;}.toolbox{width:100%;height:40px;}.toolbox ul{list-style:none;margin:0;padding:0;}.toolbox ul li{width:50%;float:left;text-align:center;cursor:pointer;line-height:40px;background-color:rgba(80, 80, 80, 0.4);transition:background-color 0.2s;}.toolbox ul li:hover{background-color:rgba(80, 80, 80, 0.75);}
.tag, .addIcon{height: 16px;float: left;border-radius: 16px;cursor:pointer;line-height: 16px;text-align: center;font-weight: bold;font-size: 10px;color: #424242;padding: 0 10px;margin-right:5px;}
.tag, .addIcon:hover {
    background: #93a3b2;
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 0px;
}
.tag, .addIcon.active {
    background:#808e9b;
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 0px;
    box-shadow: inset rgba(0, 0, 0, 0.25) 0px 1px 3px;
}