Files
PetitTetonMeteor/client/main.styl

184 lines
4.7 KiB
Stylus

*
-webkit-tap-highlight-color: transparent
-webkit-font-smoothing: antialiased
*, *:after, *:before
-webkit-box-sizing: border-box
-moz-box-sizing: border-box
box-sizing: border-box
padding: 0
margin: 0
html
scrollbar-face-color: #808080
scrollbar-highlight-color: #808080
scrollbar-3dlight-color: #707070
scrollbar-darkshadow-color: #808080
scrollbar-shadow-color: #7e7e7e
scrollbar-arrow-color: #ffffff
scrollbar-track-color: #505050
height: 100%
min-height: 100%
body
font-family: verdana, arial, helvetica, sans-serif
font-size: 12px
height: 100%
min-height: 100%
#__blaze-root
height: 100%
//Standard Stylings
.noselect
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */
.clickable
cursor: pointer
.nonclickable
cursor: default
.left
text-align: left
.right
text-align: right
.center
text-align: center
.floatLeft
float: left
.floatRight
float: right
//Table Styles
.table
padding: 0
margin: 0
border-collapse: collapse
border: 1px solid #ddddf9
> thead
> tr
> th
border: 0
padding: 4px 4px 8px 4px
vertical-align: top
color: white
background: #6f6fec
input
padding: 2px
border-radius: 3px
> tbody
> tr
border-bottom: 1px solid #aaa
> td
padding: 4px 4px
> tr.selected
background-attachment: fixed
background-repeat: no-repeat
background-position: 0 0
background-image: linear-gradient(to left, #E0DCBA 70%,#f1da36 100%)
> tr:nth-child(odd).selected
background-attachment: fixed
background-repeat: no-repeat
background-position: 0 0
background-image: linear-gradient(to left, #FCF8D1 70%,#f1da36 100%)
.table-striped > tbody > tr:nth-child(even)
background-color: #f4f4f4
.table-striped > tbody > tr:nth-child(odd)
background-color: white
.table-hover > tbody > tr:hover
background-color: #ded
.pagination
text-align: right
font-size: 15px
line-height: 34px
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
margin: 0 0 10px 0
overflow: visible
white-space: nowrap
display: inline-block
span
padding: 2px 8px 3px 8px
margin: 0 8px
border: 2px solid #7b9961
border-radius: 5px
background-color: #90b272
cursor: pointer
overflow: visible
whitespace: nowrap
span:hover
background-color: #4ca84c
span:active
background-color: #3c983c
span.disabled
background-color: #ccc
border-color: #c5c5c5
color: white
cursor: default
span.disabled:hover
background-color: #ccc
span.disabled:active
background-color: #ccc
//.pagination
// width: 100%
// text-align: center
// font-size: 15px
// line-height: 18px
// font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
// span
// padding: 3px 8px 4px 8px
// margin: 0 8px
// border: 2px solid #4a4
// border-radius: 18px
// background-color: #5cb85c
// cursor: pointer
// span:hover
// background-color: #4ca84c
// span:active
// background-color: #3c983c
// span.disabled
// background-color: #ccc
// border-color: #c5c5c5
// color: white
// cursor: default
// span.disabled:hover
// background-color: #ccc
// span.disabled:active
// background-color: #ccc
//Override the SimpleGrid css
.grid
overflow: visible !important
max-width: none !important
@import "../imports/ui/styles/effects.import.styl"
@import "../imports/ui/styles/buttons.import.styl"
@import "../imports/ui/styles/maxHeightLayout.import.styl"
@import "../imports/ui/styles/tabs.import.styl"
@import "../imports/ui/styles/forms.import.styl"
//@import "../imports/util/selectize/selectize.default.import.styl"
//@import "../imports/util/selectize/selectize.import.styl"
@import "../imports/util/de.combo.import.styl"
@import "../imports/util/bootstrap-like-btn.import.styl"
@import "../imports/ui/layouts/Body.import.styl"
@import "../imports/ui/layouts/Full.import.styl"
@import "../imports/ui/UserManagement.import.styl"
@import "../imports/ui/MiscManagement.import.styl"
@import "../imports/ui/Measures.import.styl"
@import "../imports/ui/Venues.import.styl"
@import "../imports/ui/Products.import.styl"
@import "../imports/ui/ProductTags.import.styl"
@import "../imports/ui/Sales.import.styl"
@import "../imports/ui/SaleDuplicates.import.styl"
@import "../imports/ui/SalesSheets.import.styl"
@import "../imports/ui/SalesSheetForm.import.styl"
@import "../imports/ui/SalesSheetEditor.import.styl"
@import "../imports/ui/Pricing.import.styl"
@import "../imports/ui/Production.import.styl"
@import "../imports/ui/Graphs.import.styl"
@import "../imports/ui/TestList.import.styl"