Added a lot of functionality; Fixed a large number of bugs; Removed Bootstrap from the mix and replaced it with SimpleGrid and some choice bits from the bootstrap system; Pricing, Sales, and Product management all now function at basic levels.
This commit is contained in:
Wynne Crisman
239
client/main.styl
239
client/main.styl
@@ -1,7 +1,12 @@
|
||||
*
|
||||
box-sizing: border-box
|
||||
-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
|
||||
@@ -19,7 +24,7 @@ html, body, #archives ul, #overall-footer, #content ul
|
||||
|
||||
body
|
||||
font-family: verdana, arial, helvetica, sans-serif
|
||||
font-size: 1.0em
|
||||
font-size: 12px
|
||||
height: 100%
|
||||
|
||||
#__blaze-root
|
||||
@@ -39,6 +44,7 @@ body
|
||||
//min-height: 100%;
|
||||
//min-width: 100%;
|
||||
|
||||
//Standard Stylings
|
||||
.noselect
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
-webkit-user-select: none; /* Chrome/Safari/Opera */
|
||||
@@ -52,20 +58,245 @@ body
|
||||
cursor: default
|
||||
.left
|
||||
text-align: left
|
||||
.right
|
||||
text-align: right
|
||||
.center
|
||||
text-align: center
|
||||
.floatLeft
|
||||
float: left
|
||||
.floatRight
|
||||
float: right
|
||||
|
||||
//Table Styles
|
||||
.table
|
||||
border: 0
|
||||
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
|
||||
|
||||
//Form Styles
|
||||
.select2-container
|
||||
font-size: 10px
|
||||
.select2-selection
|
||||
font-size: 13px //Make the font small enough the control can have a height similar to a standard input field.
|
||||
margin-bottom: 0px
|
||||
min-height: 10px !important //This is what really sets the height of the box containing the selection(s)
|
||||
padding-bottom: 2px //Add a little space below the selections to balance it all out.
|
||||
input
|
||||
padding: 6px
|
||||
border-radius: 4px
|
||||
border-width: 1px
|
||||
border-style: solid
|
||||
border-color: #ccc
|
||||
//input[type='button'].btn-success, input[type='submit'].btn-success
|
||||
// background-color: #5cb85c
|
||||
// :hover
|
||||
// background-color:
|
||||
//input[type='button'].btn-danger, input[type='submit'].btn-danger
|
||||
// background-color: #e55b46
|
||||
.form-control, .select2-selection //?
|
||||
font-size: 14px
|
||||
margin-bottom: 0px
|
||||
.form-group
|
||||
margin: 4px 0
|
||||
.has-error .form-control
|
||||
border-color: #a94442
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0)
|
||||
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control
|
||||
line-height: 34px
|
||||
|
||||
.form-control
|
||||
display: block
|
||||
width: 100%
|
||||
height: 34px
|
||||
padding: 6px 12px
|
||||
font-size: 14px
|
||||
line-height: 1.42857143
|
||||
color: #555
|
||||
background-color: #fff
|
||||
background-image: none
|
||||
border: 1px solid #ccc
|
||||
border-radius: 4px
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
|
||||
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
|
||||
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
|
||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
|
||||
input[type="date" i], input[type="datetime-local" i], input[type="month" i], input[type="time" i], input[type="week" i]
|
||||
align-items: center
|
||||
-webkit-padding-start: 1px
|
||||
overflow: hidden
|
||||
padding-left: 10px
|
||||
input
|
||||
-webkit-appearance: textfield
|
||||
background-color: white
|
||||
-webkit-rtl-ordering: logical
|
||||
user-select: text
|
||||
cursor: auto
|
||||
padding: 1px
|
||||
border-width: 2px
|
||||
border-style: inset
|
||||
border-color: initial
|
||||
border-image: initial
|
||||
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
|
||||
background-color: #eee
|
||||
opacity: 1
|
||||
input, textarea, keygen, select, button
|
||||
text-rendering: auto
|
||||
color: initial
|
||||
letter-spacing: normal
|
||||
word-spacing: normal
|
||||
text-transform: none
|
||||
text-indent: 0px
|
||||
text-shadow: none
|
||||
display: inline-block
|
||||
text-align: start
|
||||
margin: 0em 0em 0em 0em
|
||||
font: 13.3333px Arial
|
||||
input, textarea, keygen, select, button, meter, progress
|
||||
-webkit-writing-mode: horizontal-tb
|
||||
//.btn.disabled, .btn[disabled], fieldset[disabled] .btn
|
||||
// cursor: not-allowed
|
||||
// filter: unquote("alpha(opacity=65)")
|
||||
// -webkit-box-shadow: none
|
||||
// box-shadow: none
|
||||
// opacity: .65
|
||||
//button, html input[type="button"], input[type="reset"], input[type="submit"]
|
||||
// -webkit-appearance: button
|
||||
// cursor: pointer
|
||||
//button, html input[type="button"], input[type="reset"], input[type="submit"]
|
||||
// -webkit-appearance: button
|
||||
// cursor: pointer
|
||||
//.btn
|
||||
// display: inline-block;
|
||||
// padding: 6px 12px;
|
||||
// margin-bottom: 0;
|
||||
// font-size: 14px;
|
||||
// font-weight: normal;
|
||||
// line-height: 1.42857143;
|
||||
// text-align: center;
|
||||
// white-space: nowrap;
|
||||
// vertical-align: middle;
|
||||
// -ms-touch-action: manipulation;
|
||||
// touch-action: manipulation;
|
||||
// cursor: pointer;
|
||||
// -webkit-user-select: none;
|
||||
// -moz-user-select: none;
|
||||
// -ms-user-select: none;
|
||||
// user-select: none;
|
||||
// background-image: none;
|
||||
// border: 1px solid transparent;
|
||||
// border-radius: 4px;
|
||||
|
||||
.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
|
||||
whitespace: nowrap
|
||||
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/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/Menu.import.styl"
|
||||
@import "../imports/ui/Intro.import.styl"
|
||||
@import "../imports/ui/Measures.import.styl"
|
||||
@import "../imports/ui/Products.import.styl"
|
||||
@import "../imports/ui/ProductTags.import.styl"
|
||||
|
||||
Reference in New Issue
Block a user