183 lines
3.4 KiB
Stylus
183 lines
3.4 KiB
Stylus
#salesMain
|
|
display table
|
|
content-box border-box
|
|
padding 10px 20px
|
|
height 100%
|
|
width 100%
|
|
text-align left
|
|
.controls
|
|
text-align left
|
|
display table
|
|
width 100%
|
|
.pageControls
|
|
padding 4px 8px
|
|
margin 4px 8px
|
|
display table-cell
|
|
width 240px
|
|
.tableControls
|
|
text-align right
|
|
padding 4px 8px
|
|
margin 4px 12px 4px 8px
|
|
display table-cell
|
|
.table
|
|
table-layout fixed
|
|
min-width 100%
|
|
thead, tbody
|
|
> tr
|
|
> .amount
|
|
width 90px
|
|
min-width 90px
|
|
> .product
|
|
width 100%
|
|
min-width 140px
|
|
> .price
|
|
width 140px
|
|
min-width 140px
|
|
> .measure
|
|
width 100px
|
|
min-width 100px
|
|
> .saleDate
|
|
width 150px
|
|
min-width 150px
|
|
> .createdDate
|
|
width 100px
|
|
min-width 100px
|
|
> .venue
|
|
width 160px
|
|
min-width 160px
|
|
> .actions
|
|
width 90px
|
|
min-width 90px
|
|
.separatedTableHeader
|
|
table
|
|
thead
|
|
> tr
|
|
> th.actions
|
|
.newSaleButton
|
|
padding 0 12px
|
|
.fa-plus-circle
|
|
display inline-block
|
|
.fa-times-circle
|
|
display none
|
|
.newSaleButton.active
|
|
background-color #fb557b
|
|
color black
|
|
.fa-times-circle
|
|
display inline-block
|
|
.fa-plus-circle
|
|
display none
|
|
.showOnlyComments
|
|
color #bcb95f
|
|
padding 4px 8px
|
|
.showOnlyCommentshover
|
|
color white
|
|
text-shadow 0px 0px 10px #ff6d1f
|
|
.showOnlyComments.on
|
|
color white
|
|
> th.saleDate
|
|
input
|
|
width 130px
|
|
.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 scroll
|
|
label
|
|
font-size 10px
|
|
font-weight 800
|
|
table
|
|
thead
|
|
visibility hidden
|
|
display none
|
|
.saleRemove
|
|
color red
|
|
margin-left 8px
|
|
.saleEdit
|
|
color darkblue
|
|
margin-right 8px
|
|
.editorApply
|
|
color green
|
|
.editorCancel
|
|
color red
|
|
.saleDate
|
|
text-align left
|
|
.createdDate
|
|
text-align left
|
|
.editComment
|
|
color grey
|
|
.hasComment
|
|
color black
|
|
.actionEdit
|
|
margin-right 6px
|
|
color #44F
|
|
.saleEditor
|
|
.heading
|
|
font-size 2em
|
|
font-family verdana, arial, helvetica, sans-serif
|
|
text-transform uppercase
|
|
font-weight 800
|
|
margin 6px 0 14px 0
|
|
.priceContainer
|
|
display table
|
|
width 100%
|
|
.price
|
|
display table-cell
|
|
padding-right 10px
|
|
.priceButtons
|
|
display table-cell
|
|
width 1.5em
|
|
.setDefaultPrice
|
|
font-size 1.5em
|
|
padding 6px 8px
|
|
margin-left 8px
|
|
border-radius 8px
|
|
.setDefaultPricehover
|
|
text-shadow 0px 0px 6px #00b900
|
|
.setDefaultPriceactive
|
|
text-shadow 0px 0px 6px grey
|
|
.insertSaleForm
|
|
.form-group, label
|
|
text-align left
|
|
.formGroupHeading
|
|
font-size 1.6em
|
|
font-family "Arial Black", "Arial Bold", Gadget, sans-serif
|
|
font-style normal
|
|
font-variant normal
|
|
font-weight 500
|
|
input[name='product']
|
|
display table-cell
|
|
width 100%
|
|
.speechBtn
|
|
display table-cell
|
|
width 1px
|
|
.speechLink
|
|
width 6px
|
|
margin 3px
|
|
margin-left 6px
|
|
margin-right 0
|
|
padding 6px
|
|
border 2px solid black
|
|
border-radius 4px
|
|
.speechLink:hover
|
|
background-color #cbcbcb
|
|
border-color #4b4b4b
|
|
.speechLink:active
|
|
background-color #b0b0b0
|
|
border-color #000000
|
|
.form-group-line
|
|
display table
|
|
width 100%
|
|
white-space nowrap |