Files
PetitTetonMeteor/imports/ui/Pricing.import.styl

127 lines
2.3 KiB
Stylus

#pricing
display: table
content-box: border-box
padding: 10px 20px
height: 100%
width: 100%
text-align: left
.controls
text-align: left
display: table
width: 100%
.measureGroup
padding: 4px 8px
margin: 4px 8px
display: table-cell
width: 240px
select
width: 100%
option.deactivated
color: #a6a6a6
.controlGroup
padding: 4px 8px
margin: 4px 8px
display: table-cell
.pagination
display: table-cell
width: 240px
vertical-align: bottom
.previousSettings
padding: 4px 8px
margin: 4px 8px
display: inline-block
.outline
border: 2px dotted #32747e
border-radius: 10px
.floatLeft
float: left
.floatRight
float: right
.controlLabel
font-size: .9em
font-weight: 700
margin-top: -2px
select[name="measures"]
padding: 4px 8px
font-size: 1.5em
input
padding: 4px 8px
font-size: 1.5em
input[type="number"]
width: 80px
input[type="button"]
margin-top: -6px
margin-right: 20px
.toggleUpdateHistory
margin: 0
position: relative
top: -4px
display: inline-block
input[type="date"]
width: 180px
display: inline-block
.resetButton
margin-left: 20px
.contentControls
vertical-align: bottom
display: table-cell
text-align: right
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
> .name
width: 100%
min-width: 100px
> .current
width: 200px
min-width: 200px
> .previous
width: 200px
min-width: 200px
> .changeDate
width: 200px
min-width: 200px
.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
table-layout: fixed
width: 100%
> thead
visibility: hidden
display: none
> tbody
> tr.deactivated
background-color: #fac0d1
> tr.deactivated:hover
background-color: #ffcadb