146 lines
2.7 KiB
Stylus
146 lines
2.7 KiB
Stylus
#production
|
|
display: table
|
|
content-box: border-box
|
|
padding: 10px 20px
|
|
height: 100%
|
|
width: 100%
|
|
text-align: left
|
|
|
|
.tableControls
|
|
text-align: right
|
|
margin-right: 20px
|
|
margin-bottom: 4px
|
|
display: table
|
|
width: 100%
|
|
.contentControls
|
|
vertical-align: bottom
|
|
display: table-cell
|
|
text-align: right
|
|
min-width: 100px
|
|
a
|
|
font-size: 12px
|
|
font-family: "Arial", san-serif
|
|
font-weight: 800
|
|
color: #2d1b8c
|
|
text-decoration: none
|
|
a:hover
|
|
text-decoration: underline
|
|
a.disabled
|
|
visibility: hidden
|
|
|
|
.table
|
|
table-layout: fixed
|
|
min-width: 100%
|
|
thead, tbody
|
|
> tr
|
|
> .hasLabels
|
|
width: 30px
|
|
.hasLabels
|
|
color green
|
|
.noLabels
|
|
color red
|
|
> .name
|
|
//width: auto
|
|
width: 100%
|
|
> .date
|
|
//width: auto
|
|
width: 180px
|
|
min-width: 180px
|
|
max-width: 180px
|
|
> .amount
|
|
//width: auto
|
|
width: 100px
|
|
min-width: 100px
|
|
max-width: 100px
|
|
> .cook
|
|
//width: auto
|
|
width: 180px
|
|
min-width: 180px
|
|
max-width: 180px
|
|
> .canner
|
|
//width: auto
|
|
width: 180px
|
|
min-width: 180px
|
|
max-width: 180px
|
|
> .comment
|
|
width: 220px
|
|
min-width: 220px
|
|
max-width: 220px
|
|
> .actions
|
|
width: 90px
|
|
min-width: 90px
|
|
max-width: 90px
|
|
> tr.deleted
|
|
background-color: gray
|
|
.separatedTableHeader
|
|
table
|
|
thead
|
|
> tr
|
|
> th.actions
|
|
text-align: center
|
|
.newButton
|
|
margin-top: 4px
|
|
padding: 0 12px
|
|
.fa-plus-circle
|
|
display: inline-block
|
|
.fa-times-circle
|
|
display: none
|
|
.newButton:active
|
|
background-color: #fb557b
|
|
color: black
|
|
.fa-times-circle
|
|
display: inline-block
|
|
.fa-plus-circle
|
|
display: none
|
|
.showDeletedButton
|
|
margin-top: 4px
|
|
padding: 0 12px
|
|
color gray
|
|
.showDeletedButton.selected
|
|
color black
|
|
.listRow
|
|
display: table-row
|
|
.listCell
|
|
display: table-cell
|
|
position: relative
|
|
height: 100%
|
|
width: 100%
|
|
.tableContainer
|
|
position: absolute
|
|
top: 0
|
|
bottom: 0
|
|
left: 0
|
|
right: 0
|
|
width: auto
|
|
height: auto
|
|
border: 0
|
|
font-size: 12.5px
|
|
overflow-y: auto
|
|
table
|
|
thead
|
|
visibility: hidden
|
|
display: none
|
|
.search
|
|
margin: 3px 0 2px 1px
|
|
.editorTd
|
|
background: #deeac0
|
|
input, select
|
|
width: 100%
|
|
.editorDiv
|
|
margin: 4px 0
|
|
label
|
|
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
|
|
font-size: .9em
|
|
padding-bottom: 4px
|
|
select2
|
|
font-size: .4em
|
|
> tbody
|
|
> tr
|
|
.actionRemove
|
|
color: #F77
|
|
.actionEdit
|
|
color: #44F
|
|
.editorApply
|
|
color: green
|
|
.editorCancel
|
|
color: red |