| body { |
| padding-top: 20px; |
| padding-bottom: 20px; |
| } |
| |
| .navbar { |
| margin-bottom: 20px; |
| } |
| |
| .axis path, .axis line { |
| fill: none; |
| stroke: #000; |
| shape-rendering: crispEdges; |
| } |
| |
| .axis text { |
| font: 10px sans-serif; |
| } |
| |
| .brush rect.extent { |
| fill: steelblue; |
| fill-opacity: .125; |
| } |
| |
| .brush .resize path { |
| fill: #eee; |
| stroke: #666; |
| } |
| |
| circle:hover { |
| fill: black; |
| } |
| |
| .axis { |
| font: 10px sans-serif; |
| } |
| |
| .seperator { |
| border-right: 1px solid rgb(202, 202, 202); |
| margin-right: 10px; |
| padding-left: 10px; |
| } |
| |
| .timestamp { |
| width: 40%; |
| display: inline-block; |
| } |
| |
| .activity { |
| width: 20%; |
| display: inline-block; |
| } |
| |
| .wf_state { |
| width: 20%; |
| display: inline-block; |
| } |
| |
| .list-group-item { |
| padding: 3px 15px; |
| |
| } |
| |
| @addnew: hsl(90, 80%, 50%); |
| .glyphicon:hover { |
| color: @addnew; |
| } |
| |
| .glyphicon { |
| color: darken(@addnew, 15%); |
| } |
| |
| |
| |
| .editable { |
| background-color: lighten(@addnew, 40%); |
| } |
| |
| .add-new { |
| margin-right: 10px; |
| } |
| |
| .form-control.dave { |
| display: inline; |
| width: 90%; |
| height: 20px; |
| padding: 1px 4px; |
| font-size: 14px; |
| line-height: 1.428571429; |
| color: #555555; |
| vertical-align: middle; |
| background-color: #ffffff; |
| background-image: none; |
| border: 1px solid #cccccc; |
| border-radius: 4px; |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
| -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| |
| &:focus { |
| outline: -webkit-focus-ring-color auto 5px; |
| } |
| } |
| |
| input.dave { |
| border: none; |
| box-shadow: none; |
| outline: none; |
| } |
| |
| .list-group-item.header { |
| background-color: #ddd; |
| font-weight: bold; |
| border-bottom: 2px solid rgb(167, 167, 167); |
| } |
| |
| .wf-code { |
| width: 7px; |
| height: 20px; |
| float: left; |
| margin-right: 6px; |
| } |
| |
| .my-indicator { |
| width: 7px; |
| height: 20px; |
| float: left; |
| margin-right: 6px; |
| } |
| |
| .my-indicator.feedback { |
| background-color: rgb(138, 144, 218); |
| } |
| |
| .gen-mysize(); |
| |
| .gen-mysize(@counter: 1) when (@counter <= 100) { |
| .mysize-@{counter} { |
| width: @counter + 0%; |
| } |
| .gen-mysize(@counter + 1); |
| } |
| |
| .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { |
| padding: 1px 8px; |
| line-height: 1.428571429; |
| vertical-align: top; |
| border-top: 1px solid #dddddd; |
| } |
| |
| .table-wrapper { |
| height: 300px; |
| overflow-y: auto; |
| } |
| |
| table{ |
| // border: 1px solid black; |
| table-layout: fixed; |
| // width: 200px; |
| } |
| // thead > tr, tbody{ |
| // display:block;} |