diff --git a/appveyor.yml b/appveyor.yml index f93e1fbba..6f43ecbad 100644 --- a/appveyor.yml +++ b/appveyor.yml @@ -34,6 +34,7 @@ skip_commits: - '**/*.md' - '**/*.txt' - '.gitignore' + - 'docs/*' deploy: description: 'This is a bleeding edge release. BACKUP BEFORE USING THIS AUTOMATED BUILD\n$(APPVEYOR_REPO_COMMIT_MESSAGE)' diff --git a/docs/404.html b/docs/404.html new file mode 100644 index 000000000..8eed3c3a7 --- /dev/null +++ b/docs/404.html @@ -0,0 +1,11 @@ +--- +layout: page +color: red +title: Error 404 +--- +
This demo page has been used from http://jasonm23.github.io/markdown-css-themes/.
+ +Now is the time for all good men to come to +the aid of their country. This is just a +regular paragraph.
+ +The quick brown fox jumped over the lazy +dog’s back.
+ ++ +This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, +consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. +Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
+ +Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse +id sem consectetuer libero luctus adipiscing.
+ +This is an H2 in a blockquote
+ +This is the first level of quoting.
+ ++ +This is nested blockquote.
Back to the first level.
Some of these words are emphasized. +Some of these words are emphasized also.
+ +Use two asterisks for strong emphasis. +Or, if you prefer, use two underscores instead.
+ +Blue
A list item.
With multiple paragraphs.
+ +Another item in the list.
This is a list item with two paragraphs. Lorem ipsum dolor +sit amet, consectetuer adipiscing elit. Aliquam hendrerit +mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet +vitae, risus. Donec sit amet nisl. Aliquam semper ipsum +sit amet velit.* Suspendisse id sem consectetuer libero luctus adipiscing.
+ +This is the second paragraph in the list item. You’re +only required to indent the first line. Lorem ipsum dolor +sit amet, consectetuer adipiscing elit.
+ +Another item in the same list.
A list item with a bit of code
inline.
A list item with a blockquote:
+ +This is a blockquote +inside a list item.
Here is an example of a pre code block
+ +tell application "Foo"
+ beep
+end tell
+
+
+This is an example link.
+ +I start my morning with a cup of coffee and +The New York Times.
+ +### Code snippet + +{% highlight python %} +if __name__ =='__main__': + img_thread = threading.Thread(target=downloadWallpaper) + img_thread.start() + st = '\rDownloading Image' + current = 1 + while img_thread.is_alive(): + sys.stdout.write(st+'.'*((current)%5)) + current=current+1 + time.sleep(0.3) + img_thread.join() + print('\nImage of the day downloaded.') +{% endhighlight %} diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss new file mode 100644 index 000000000..d539e950f --- /dev/null +++ b/docs/_sass/_colors.scss @@ -0,0 +1,348 @@ +/** + * MUI Colors module + */ + +// ============================================================================ +// COLOR FUNCTION +// ============================================================================ +@function mui-color($mui-key1, $mui-key2: '500') { + // check key1 + @if map-has-key($mui-colors, $mui-key1) == false { + @warn "Color `#{$mui-key1}` not found."; + @return null; + } + + $mui-mapVal: map-get($mui-colors, $mui-key1); + + // use second key + @if type-of($mui-mapVal) == 'map' { + // check key2 + @if map-has-key($mui-mapVal, $mui-key2) == false { + @warn "Color `#{$mui-key1}` `#{$mui-key2}` not found."; + @return null; + } + + $mui-mapVal: map-get($mui-mapVal, $mui-key2); + } + + @return $mui-mapVal; +} + + + + +// ============================================================================ +// COLOR MAP +// ============================================================================ +$mui-colors: ( + "red": ( + "50": #FFEBEE, + "100": #FFCDD2, + "200": #EF9A9A, + "300": #E57373, + "400": #EF5350, + "500": #F44336, + "600": #E53935, + "700": #D32F2F, + "800": #C62828, + "900": #B71C1C, + "A100": #FF8A80, + "A200": #FF5252, + "A400": #FF1744, + "A700": #D50000, + ), + "pink": ( + "50": #FCE4EC, + "100": #F8BBD0, + "200": #F48FB1, + "300": #F06292, + "400": #EC407A, + "500": #E91E63, + "600": #D81B60, + "700": #C2185B, + "800": #AD1457, + "900": #880E4F, + "A100": #FF80AB, + "A200": #FF4081, + "A400": #F50057, + "A700": #C51162, + ), + "purple": ( + "50": #F3E5F5, + "100": #E1BEE7, + "200": #CE93D8, + "300": #BA68C8, + "400": #AB47BC, + "500": #9C27B0, + "600": #8E24AA, + "700": #7B1FA2, + "800": #6A1B9A, + "900": #4A148C, + "A100": #EA80FC, + "A200": #E040FB, + "A400": #D500F9, + "A700": #AA00FF, + ), + "deep-purple": ( + "50": #EDE7F6, + "100": #D1C4E9, + "200": #B39DDB, + "300": #9575CD, + "400": #7E57C2, + "500": #673AB7, + "600": #5E35B1, + "700": #512DA8, + "800": #4527A0, + "900": #311B92, + "A100": #B388FF, + "A200": #7C4DFF, + "A400": #651FFF, + "A700": #6200EA, + ), + "indigo": ( + "50": #E8EAF6, + "100": #C5CAE9, + "200": #9FA8DA, + "300": #7986CB, + "400": #5C6BC0, + "500": #3F51B5, + "600": #3949AB, + "700": #303F9F, + "800": #283593, + "900": #1A237E, + "A100": #8C9EFF, + "A200": #536DFE, + "A400": #3D5AFE, + "A700": #304FFE, + ), + "blue": ( + "50": #E3F2FD, + "100": #BBDEFB, + "200": #90CAF9, + "300": #64B5F6, + "400": #42A5F5, + "500": #2196F3, + "600": #1E88E5, + "700": #1976D2, + "800": #1565C0, + "900": #0D47A1, + "A100": #82B1FF, + "A200": #448AFF, + "A400": #2979FF, + "A700": #2962FF, + ), + "light-blue": ( + "50": #E1F5FE, + "100": #B3E5FC, + "200": #81D4FA, + "300": #4FC3F7, + "400": #29B6F6, + "500": #03A9F4, + "600": #039BE5, + "700": #0288D1, + "800": #0277BD, + "900": #01579B, + "A100": #80D8FF, + "A200": #40C4FF, + "A400": #00B0FF, + "A700": #0091EA, + ), + "cyan": ( + "50": #E0F7FA, + "100": #B2EBF2, + "200": #80DEEA, + "300": #4DD0E1, + "400": #26C6DA, + "500": #00BCD4, + "600": #00ACC1, + "700": #0097A7, + "800": #00838F, + "900": #006064, + "A100": #84FFFF, + "A200": #18FFFF, + "A400": #00E5FF, + "A700": #00B8D4, + ), + "teal": ( + "50": #E0F2F1, + "100": #B2DFDB, + "200": #80CBC4, + "300": #4DB6AC, + "400": #26A69A, + "500": #009688, + "600": #00897B, + "700": #00796B, + "800": #00695C, + "900": #004D40, + "A100": #A7FFEB, + "A200": #64FFDA, + "A400": #1DE9B6, + "A700": #00BFA5, + ), + "green": ( + "50": #E8F5E9, + "100": #C8E6C9, + "200": #A5D6A7, + "300": #81C784, + "400": #66BB6A, + "500": #4CAF50, + "600": #43A047, + "700": #388E3C, + "800": #2E7D32, + "900": #1B5E20, + "A100": #B9F6CA, + "A200": #69F0AE, + "A400": #00E676, + "A700": #00C853, + ), + "light-green": ( + "50": #F1F8E9, + "100": #DCEDC8, + "200": #C5E1A5, + "300": #AED581, + "400": #9CCC65, + "500": #8BC34A, + "600": #7CB342, + "700": #689F38, + "800": #558B2F, + "900": #33691E, + "A100": #CCFF90, + "A200": #B2FF59, + "A400": #76FF03, + "A700": #64DD17, + ), + "lime": ( + "50": #F9FBE7, + "100": #F0F4C3, + "200": #E6EE9C, + "300": #DCE775, + "400": #D4E157, + "500": #CDDC39, + "600": #C0CA33, + "700": #AFB42B, + "800": #9E9D24, + "900": #827717, + "A100": #F4FF81, + "A200": #EEFF41, + "A400": #C6FF00, + "A700": #AEEA00, + ), + "yellow": ( + "50": #FFFDE7, + "100": #FFF9C4, + "200": #FFF59D, + "300": #FFF176, + "400": #FFEE58, + "500": #FFEB3B, + "600": #FDD835, + "700": #FBC02D, + "800": #F9A825, + "900": #F57F17, + "A100": #FFFF8D, + "A200": #FFFF00, + "A400": #FFEA00, + "A700": #FFD600, + ), + "amber": ( + "50": #FFF8E1, + "100": #FFECB3, + "200": #FFE082, + "300": #FFD54F, + "400": #FFCA28, + "500": #FFC107, + "600": #FFB300, + "700": #FFA000, + "800": #FF8F00, + "900": #FF6F00, + "A100": #FFE57F, + "A200": #FFD740, + "A400": #FFC400, + "A700": #FFAB00, + ), + "orange": ( + "50": #FFF3E0, + "100": #FFE0B2, + "200": #FFCC80, + "300": #FFB74D, + "400": #FFA726, + "500": #FF9800, + "600": #FB8C00, + "700": #F57C00, + "800": #EF6C00, + "900": #E65100, + "A100": #FFD180, + "A200": #FFAB40, + "A400": #FF9100, + "A700": #FF6D00, + ), + "deep-orange": ( + "50": #FBE9E7, + "100": #FFCCBC, + "200": #FFAB91, + "300": #FF8A65, + "400": #FF7043, + "500": #FF5722, + "600": #F4511E, + "700": #E64A19, + "800": #D84315, + "900": #BF360C, + "A100": #FF9E80, + "A200": #FF6E40, + "A400": #FF3D00, + "A700": #DD2C00, + ), + "brown": ( + "50": #EFEBE9, + "100": #D7CCC8, + "200": #BCAAA4, + "300": #A1887F, + "400": #8D6E63, + "500": #795548, + "600": #6D4C41, + "700": #5D4037, + "800": #4E342E, + "900": #3E2723, + ), + "grey": ( + "50": #FAFAFA, + "100": #F5F5F5, + "200": #EEEEEE, + "300": #E0E0E0, + "400": #BDBDBD, + "500": #9E9E9E, + "600": #757575, + "700": #616161, + "800": #424242, + "900": #212121, + ), + "blue-grey": ( + "50": #ECEFF1, + "100": #CFD8DC, + "200": #B0BEC5, + "300": #90A4AE, + "400": #78909C, + "500": #607D8B, + "600": #546E7A, + "700": #455A64, + "800": #37474F, + "900": #263238, + ), + "black": #000, + "white": #FFF, + "black-alpha-1": rgba(0, 0, 0, 0.12), + "black-alpha-2": rgba(0, 0, 0, 0.26), + "black-alpha-3": rgba(0, 0, 0, 0.54), + "black-alpha-4": rgba(0, 0, 0, 0.87), + "white-alpha-1": rgba(255, 255, 255, 0.12), + "white-alpha-2": rgba(255, 255, 255, 0.30), + "white-alpha-3": rgba(255, 255, 255, 0.70), + "white-alpha-4": rgba(255, 255, 255, 1.00), + + "black-alpha-12": rgba(#000, 0.12), + "black-alpha-26": rgba(#000, 0.26), + "black-alpha-54": rgba(#000, 0.54), + "black-alpha-87": rgba(#000, 0.87), + "white-alpha-12": rgba(#FFF, 0.12), + "white-alpha-30": rgba(#FFF, 0.30), + "white-alpha-70": rgba(#FFF, 0.70), +); diff --git a/docs/_sass/_mui.scss b/docs/_sass/_mui.scss new file mode 100644 index 000000000..bdecf6904 --- /dev/null +++ b/docs/_sass/_mui.scss @@ -0,0 +1,3093 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} + +/** + * Remove default margin. + */ +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + + +/** + * MUI Colors module + */ +/** + * MUI Scaffolding module + */ +* { + box-sizing: border-box; +} + +*:before, +*:after { + box-sizing: border-box; +} + +html { + font-size: 10px; + -webkit-tap-highlight-color: transparent; +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Trebuchet MS"; + font-size: 14px; + font-weight: 400; + line-height: 1.429; + color: rgba(0, 0, 0, 0.87); + background-color: #FFF; +} + +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +a { + color: #2196F3; + text-decoration: none; +} + +a:hover, +a:focus { + color: #1976D2; + text-decoration: underline; +} + +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +p { + margin: 0 0 10px; +} + +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} + +figure { + margin: 0; +} + +img { + vertical-align: middle; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +/** + * MUI Container module + */ +.mui-container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} + +.mui-container:before, +.mui-container:after { + content: " "; + display: table; +} + +.mui-container:after { + clear: both; +} + +@media (min-width: 768px) { + .mui-container { + width: 768px; + } +} + +@media (min-width: 992px) { + .mui-container { + width: 970px; + } +} + +@media (min-width: 1200px) { + .mui-container { + width: 1170px; + } +} + +.mui-container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} + +.mui-container-fluid:before, +.mui-container-fluid:after { + content: " "; + display: table; +} + +.mui-container-fluid:after { + clear: both; +} + +/** + * MUI Grid module + */ +.mui-row { + margin-left: -15px; + margin-right: -15px; +} + +.mui-row:before, +.mui-row:after { + content: " "; + display: table; +} + +.mui-row:after { + clear: both; +} + +.mui-col-xs-1, .mui-col-sm-1, .mui-col-md-1, .mui-col-lg-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-md-2, .mui-col-lg-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-md-3, .mui-col-lg-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-md-4, .mui-col-lg-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-md-5, .mui-col-lg-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-md-6, .mui-col-lg-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-md-7, .mui-col-lg-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-md-8, .mui-col-lg-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-md-9, .mui-col-lg-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-md-10, .mui-col-lg-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-md-11, .mui-col-lg-11, .mui-col-xs-12, .mui-col-sm-12, .mui-col-md-12, .mui-col-lg-12 { + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} + +.mui-col-xs-1, .mui-col-xs-2, .mui-col-xs-3, .mui-col-xs-4, .mui-col-xs-5, .mui-col-xs-6, .mui-col-xs-7, .mui-col-xs-8, .mui-col-xs-9, .mui-col-xs-10, .mui-col-xs-11, .mui-col-xs-12 { + float: left; +} + +.mui-col-xs-1 { + width: 8.33333%; +} + +.mui-col-xs-2 { + width: 16.66667%; +} + +.mui-col-xs-3 { + width: 25%; +} + +.mui-col-xs-4 { + width: 33.33333%; +} + +.mui-col-xs-5 { + width: 41.66667%; +} + +.mui-col-xs-6 { + width: 50%; +} + +.mui-col-xs-7 { + width: 58.33333%; +} + +.mui-col-xs-8 { + width: 66.66667%; +} + +.mui-col-xs-9 { + width: 75%; +} + +.mui-col-xs-10 { + width: 83.33333%; +} + +.mui-col-xs-11 { + width: 91.66667%; +} + +.mui-col-xs-12 { + width: 100%; +} + +.mui-col-xs-pull-0 { + right: auto; +} + +.mui-col-xs-pull-1 { + right: 8.33333%; +} + +.mui-col-xs-pull-1 { + right: 8.33333%; +} + +.mui-col-xs-pull-2 { + right: 16.66667%; +} + +.mui-col-xs-pull-2 { + right: 16.66667%; +} + +.mui-col-xs-pull-3 { + right: 25%; +} + +.mui-col-xs-pull-3 { + right: 25%; +} + +.mui-col-xs-pull-4 { + right: 33.33333%; +} + +.mui-col-xs-pull-4 { + right: 33.33333%; +} + +.mui-col-xs-pull-5 { + right: 41.66667%; +} + +.mui-col-xs-pull-5 { + right: 41.66667%; +} + +.mui-col-xs-pull-6 { + right: 50%; +} + +.mui-col-xs-pull-6 { + right: 50%; +} + +.mui-col-xs-pull-7 { + right: 58.33333%; +} + +.mui-col-xs-pull-7 { + right: 58.33333%; +} + +.mui-col-xs-pull-8 { + right: 66.66667%; +} + +.mui-col-xs-pull-8 { + right: 66.66667%; +} + +.mui-col-xs-pull-9 { + right: 75%; +} + +.mui-col-xs-pull-9 { + right: 75%; +} + +.mui-col-xs-pull-10 { + right: 83.33333%; +} + +.mui-col-xs-pull-10 { + right: 83.33333%; +} + +.mui-col-xs-pull-11 { + right: 91.66667%; +} + +.mui-col-xs-pull-11 { + right: 91.66667%; +} + +.mui-col-xs-pull-12 { + right: 100%; +} + +.mui-col-xs-pull-12 { + right: 100%; +} + +.mui-col-xs-push-0 { + left: auto; +} + +.mui-col-xs-push-1 { + left: 8.33333%; +} + +.mui-col-xs-push-2 { + left: 16.66667%; +} + +.mui-col-xs-push-3 { + left: 25%; +} + +.mui-col-xs-push-4 { + left: 33.33333%; +} + +.mui-col-xs-push-5 { + left: 41.66667%; +} + +.mui-col-xs-push-6 { + left: 50%; +} + +.mui-col-xs-push-7 { + left: 58.33333%; +} + +.mui-col-xs-push-8 { + left: 66.66667%; +} + +.mui-col-xs-push-9 { + left: 75%; +} + +.mui-col-xs-push-10 { + left: 83.33333%; +} + +.mui-col-xs-push-11 { + left: 91.66667%; +} + +.mui-col-xs-push-12 { + left: 100%; +} + +.mui-col-xs-offset-0 { + margin-left: 0%; +} + +.mui-col-xs-offset-1 { + margin-left: 8.33333%; +} + +.mui-col-xs-offset-2 { + margin-left: 16.66667%; +} + +.mui-col-xs-offset-3 { + margin-left: 25%; +} + +.mui-col-xs-offset-4 { + margin-left: 33.33333%; +} + +.mui-col-xs-offset-5 { + margin-left: 41.66667%; +} + +.mui-col-xs-offset-6 { + margin-left: 50%; +} + +.mui-col-xs-offset-7 { + margin-left: 58.33333%; +} + +.mui-col-xs-offset-8 { + margin-left: 66.66667%; +} + +.mui-col-xs-offset-9 { + margin-left: 75%; +} + +.mui-col-xs-offset-10 { + margin-left: 83.33333%; +} + +.mui-col-xs-offset-11 { + margin-left: 91.66667%; +} + +.mui-col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 768px) { + .mui-col-sm-1, .mui-col-sm-2, .mui-col-sm-3, .mui-col-sm-4, .mui-col-sm-5, .mui-col-sm-6, .mui-col-sm-7, .mui-col-sm-8, .mui-col-sm-9, .mui-col-sm-10, .mui-col-sm-11, .mui-col-sm-12 { + float: left; + } + .mui-col-sm-1 { + width: 8.33333%; + } + .mui-col-sm-2 { + width: 16.66667%; + } + .mui-col-sm-3 { + width: 25%; + } + .mui-col-sm-4 { + width: 33.33333%; + } + .mui-col-sm-5 { + width: 41.66667%; + } + .mui-col-sm-6 { + width: 50%; + } + .mui-col-sm-7 { + width: 58.33333%; + } + .mui-col-sm-8 { + width: 66.66667%; + } + .mui-col-sm-9 { + width: 75%; + } + .mui-col-sm-10 { + width: 83.33333%; + } + .mui-col-sm-11 { + width: 91.66667%; + } + .mui-col-sm-12 { + width: 100%; + } + .mui-col-sm-pull-0 { + right: auto; + } + .mui-col-sm-pull-1 { + right: 8.33333%; + } + .mui-col-sm-pull-1 { + right: 8.33333%; + } + .mui-col-sm-pull-2 { + right: 16.66667%; + } + .mui-col-sm-pull-2 { + right: 16.66667%; + } + .mui-col-sm-pull-3 { + right: 25%; + } + .mui-col-sm-pull-3 { + right: 25%; + } + .mui-col-sm-pull-4 { + right: 33.33333%; + } + .mui-col-sm-pull-4 { + right: 33.33333%; + } + .mui-col-sm-pull-5 { + right: 41.66667%; + } + .mui-col-sm-pull-5 { + right: 41.66667%; + } + .mui-col-sm-pull-6 { + right: 50%; + } + .mui-col-sm-pull-6 { + right: 50%; + } + .mui-col-sm-pull-7 { + right: 58.33333%; + } + .mui-col-sm-pull-7 { + right: 58.33333%; + } + .mui-col-sm-pull-8 { + right: 66.66667%; + } + .mui-col-sm-pull-8 { + right: 66.66667%; + } + .mui-col-sm-pull-9 { + right: 75%; + } + .mui-col-sm-pull-9 { + right: 75%; + } + .mui-col-sm-pull-10 { + right: 83.33333%; + } + .mui-col-sm-pull-10 { + right: 83.33333%; + } + .mui-col-sm-pull-11 { + right: 91.66667%; + } + .mui-col-sm-pull-11 { + right: 91.66667%; + } + .mui-col-sm-pull-12 { + right: 100%; + } + .mui-col-sm-pull-12 { + right: 100%; + } + .mui-col-sm-push-0 { + left: auto; + } + .mui-col-sm-push-1 { + left: 8.33333%; + } + .mui-col-sm-push-2 { + left: 16.66667%; + } + .mui-col-sm-push-3 { + left: 25%; + } + .mui-col-sm-push-4 { + left: 33.33333%; + } + .mui-col-sm-push-5 { + left: 41.66667%; + } + .mui-col-sm-push-6 { + left: 50%; + } + .mui-col-sm-push-7 { + left: 58.33333%; + } + .mui-col-sm-push-8 { + left: 66.66667%; + } + .mui-col-sm-push-9 { + left: 75%; + } + .mui-col-sm-push-10 { + left: 83.33333%; + } + .mui-col-sm-push-11 { + left: 91.66667%; + } + .mui-col-sm-push-12 { + left: 100%; + } + .mui-col-sm-offset-0 { + margin-left: 0%; + } + .mui-col-sm-offset-1 { + margin-left: 8.33333%; + } + .mui-col-sm-offset-2 { + margin-left: 16.66667%; + } + .mui-col-sm-offset-3 { + margin-left: 25%; + } + .mui-col-sm-offset-4 { + margin-left: 33.33333%; + } + .mui-col-sm-offset-5 { + margin-left: 41.66667%; + } + .mui-col-sm-offset-6 { + margin-left: 50%; + } + .mui-col-sm-offset-7 { + margin-left: 58.33333%; + } + .mui-col-sm-offset-8 { + margin-left: 66.66667%; + } + .mui-col-sm-offset-9 { + margin-left: 75%; + } + .mui-col-sm-offset-10 { + margin-left: 83.33333%; + } + .mui-col-sm-offset-11 { + margin-left: 91.66667%; + } + .mui-col-sm-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 992px) { + .mui-col-md-1, .mui-col-md-2, .mui-col-md-3, .mui-col-md-4, .mui-col-md-5, .mui-col-md-6, .mui-col-md-7, .mui-col-md-8, .mui-col-md-9, .mui-col-md-10, .mui-col-md-11, .mui-col-md-12 { + float: left; + } + .mui-col-md-1 { + width: 8.33333%; + } + .mui-col-md-2 { + width: 16.66667%; + } + .mui-col-md-3 { + width: 25%; + } + .mui-col-md-4 { + width: 33.33333%; + } + .mui-col-md-5 { + width: 41.66667%; + } + .mui-col-md-6 { + width: 50%; + } + .mui-col-md-7 { + width: 58.33333%; + } + .mui-col-md-8 { + width: 66.66667%; + } + .mui-col-md-9 { + width: 75%; + } + .mui-col-md-10 { + width: 83.33333%; + } + .mui-col-md-11 { + width: 91.66667%; + } + .mui-col-md-12 { + width: 100%; + } + .mui-col-md-pull-0 { + right: auto; + } + .mui-col-md-pull-1 { + right: 8.33333%; + } + .mui-col-md-pull-1 { + right: 8.33333%; + } + .mui-col-md-pull-2 { + right: 16.66667%; + } + .mui-col-md-pull-2 { + right: 16.66667%; + } + .mui-col-md-pull-3 { + right: 25%; + } + .mui-col-md-pull-3 { + right: 25%; + } + .mui-col-md-pull-4 { + right: 33.33333%; + } + .mui-col-md-pull-4 { + right: 33.33333%; + } + .mui-col-md-pull-5 { + right: 41.66667%; + } + .mui-col-md-pull-5 { + right: 41.66667%; + } + .mui-col-md-pull-6 { + right: 50%; + } + .mui-col-md-pull-6 { + right: 50%; + } + .mui-col-md-pull-7 { + right: 58.33333%; + } + .mui-col-md-pull-7 { + right: 58.33333%; + } + .mui-col-md-pull-8 { + right: 66.66667%; + } + .mui-col-md-pull-8 { + right: 66.66667%; + } + .mui-col-md-pull-9 { + right: 75%; + } + .mui-col-md-pull-9 { + right: 75%; + } + .mui-col-md-pull-10 { + right: 83.33333%; + } + .mui-col-md-pull-10 { + right: 83.33333%; + } + .mui-col-md-pull-11 { + right: 91.66667%; + } + .mui-col-md-pull-11 { + right: 91.66667%; + } + .mui-col-md-pull-12 { + right: 100%; + } + .mui-col-md-pull-12 { + right: 100%; + } + .mui-col-md-push-0 { + left: auto; + } + .mui-col-md-push-1 { + left: 8.33333%; + } + .mui-col-md-push-2 { + left: 16.66667%; + } + .mui-col-md-push-3 { + left: 25%; + } + .mui-col-md-push-4 { + left: 33.33333%; + } + .mui-col-md-push-5 { + left: 41.66667%; + } + .mui-col-md-push-6 { + left: 50%; + } + .mui-col-md-push-7 { + left: 58.33333%; + } + .mui-col-md-push-8 { + left: 66.66667%; + } + .mui-col-md-push-9 { + left: 75%; + } + .mui-col-md-push-10 { + left: 83.33333%; + } + .mui-col-md-push-11 { + left: 91.66667%; + } + .mui-col-md-push-12 { + left: 100%; + } + .mui-col-md-offset-0 { + margin-left: 0%; + } + .mui-col-md-offset-1 { + margin-left: 8.33333%; + } + .mui-col-md-offset-2 { + margin-left: 16.66667%; + } + .mui-col-md-offset-3 { + margin-left: 25%; + } + .mui-col-md-offset-4 { + margin-left: 33.33333%; + } + .mui-col-md-offset-5 { + margin-left: 41.66667%; + } + .mui-col-md-offset-6 { + margin-left: 50%; + } + .mui-col-md-offset-7 { + margin-left: 58.33333%; + } + .mui-col-md-offset-8 { + margin-left: 66.66667%; + } + .mui-col-md-offset-9 { + margin-left: 75%; + } + .mui-col-md-offset-10 { + margin-left: 83.33333%; + } + .mui-col-md-offset-11 { + margin-left: 91.66667%; + } + .mui-col-md-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 1200px) { + .mui-col-lg-1, .mui-col-lg-2, .mui-col-lg-3, .mui-col-lg-4, .mui-col-lg-5, .mui-col-lg-6, .mui-col-lg-7, .mui-col-lg-8, .mui-col-lg-9, .mui-col-lg-10, .mui-col-lg-11, .mui-col-lg-12 { + float: left; + } + .mui-col-lg-1 { + width: 8.33333%; + } + .mui-col-lg-2 { + width: 16.66667%; + } + .mui-col-lg-3 { + width: 25%; + } + .mui-col-lg-4 { + width: 33.33333%; + } + .mui-col-lg-5 { + width: 41.66667%; + } + .mui-col-lg-6 { + width: 50%; + } + .mui-col-lg-7 { + width: 58.33333%; + } + .mui-col-lg-8 { + width: 66.66667%; + } + .mui-col-lg-9 { + width: 75%; + } + .mui-col-lg-10 { + width: 83.33333%; + } + .mui-col-lg-11 { + width: 91.66667%; + } + .mui-col-lg-12 { + width: 100%; + } + .mui-col-lg-pull-0 { + right: auto; + } + .mui-col-lg-pull-1 { + right: 8.33333%; + } + .mui-col-lg-pull-1 { + right: 8.33333%; + } + .mui-col-lg-pull-2 { + right: 16.66667%; + } + .mui-col-lg-pull-2 { + right: 16.66667%; + } + .mui-col-lg-pull-3 { + right: 25%; + } + .mui-col-lg-pull-3 { + right: 25%; + } + .mui-col-lg-pull-4 { + right: 33.33333%; + } + .mui-col-lg-pull-4 { + right: 33.33333%; + } + .mui-col-lg-pull-5 { + right: 41.66667%; + } + .mui-col-lg-pull-5 { + right: 41.66667%; + } + .mui-col-lg-pull-6 { + right: 50%; + } + .mui-col-lg-pull-6 { + right: 50%; + } + .mui-col-lg-pull-7 { + right: 58.33333%; + } + .mui-col-lg-pull-7 { + right: 58.33333%; + } + .mui-col-lg-pull-8 { + right: 66.66667%; + } + .mui-col-lg-pull-8 { + right: 66.66667%; + } + .mui-col-lg-pull-9 { + right: 75%; + } + .mui-col-lg-pull-9 { + right: 75%; + } + .mui-col-lg-pull-10 { + right: 83.33333%; + } + .mui-col-lg-pull-10 { + right: 83.33333%; + } + .mui-col-lg-pull-11 { + right: 91.66667%; + } + .mui-col-lg-pull-11 { + right: 91.66667%; + } + .mui-col-lg-pull-12 { + right: 100%; + } + .mui-col-lg-pull-12 { + right: 100%; + } + .mui-col-lg-push-0 { + left: auto; + } + .mui-col-lg-push-1 { + left: 8.33333%; + } + .mui-col-lg-push-2 { + left: 16.66667%; + } + .mui-col-lg-push-3 { + left: 25%; + } + .mui-col-lg-push-4 { + left: 33.33333%; + } + .mui-col-lg-push-5 { + left: 41.66667%; + } + .mui-col-lg-push-6 { + left: 50%; + } + .mui-col-lg-push-7 { + left: 58.33333%; + } + .mui-col-lg-push-8 { + left: 66.66667%; + } + .mui-col-lg-push-9 { + left: 75%; + } + .mui-col-lg-push-10 { + left: 83.33333%; + } + .mui-col-lg-push-11 { + left: 91.66667%; + } + .mui-col-lg-push-12 { + left: 100%; + } + .mui-col-lg-offset-0 { + margin-left: 0%; + } + .mui-col-lg-offset-1 { + margin-left: 8.33333%; + } + .mui-col-lg-offset-2 { + margin-left: 16.66667%; + } + .mui-col-lg-offset-3 { + margin-left: 25%; + } + .mui-col-lg-offset-4 { + margin-left: 33.33333%; + } + .mui-col-lg-offset-5 { + margin-left: 41.66667%; + } + .mui-col-lg-offset-6 { + margin-left: 50%; + } + .mui-col-lg-offset-7 { + margin-left: 58.33333%; + } + .mui-col-lg-offset-8 { + margin-left: 66.66667%; + } + .mui-col-lg-offset-9 { + margin-left: 75%; + } + .mui-col-lg-offset-10 { + margin-left: 83.33333%; + } + .mui-col-lg-offset-11 { + margin-left: 91.66667%; + } + .mui-col-lg-offset-12 { + margin-left: 100%; + } +} + +/** + * MUI Typography module + */ +.mui-text-display4 { + font-weight: 300; + font-size: 112px; + line-height: 112px; + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display4.mui-text-black { + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display4.mui-text-white { + color: rgba(255, 255, 255, 0.7); +} + +.mui-text-display4.mui-text-accent { + color: rgba(255, 64, 129, 0.54); +} + +.mui-text-display3 { + font-weight: 400; + font-size: 56px; + line-height: 56px; + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display3.mui-text-black { + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display3.mui-text-white { + color: rgba(255, 255, 255, 0.7); +} + +.mui-text-display3.mui-text-accent { + color: rgba(255, 64, 129, 0.54); +} + +.mui-text-display2 { + font-weight: 400; + font-size: 45px; + line-height: 48px; + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display2.mui-text-black { + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display2.mui-text-white { + color: rgba(255, 255, 255, 0.7); +} + +.mui-text-display2.mui-text-accent { + color: rgba(255, 64, 129, 0.54); +} + +.mui-text-display1, h1 { + font-weight: 400; + font-size: 34px; + line-height: 40px; + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display1.mui-text-black, h1.mui-text-black { + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-display1.mui-text-white, h1.mui-text-white { + color: rgba(255, 255, 255, 0.7); +} + +.mui-text-display1.mui-text-accent, h1.mui-text-accent { + color: rgba(255, 64, 129, 0.54); +} + +.mui-text-headline, h2 { + font-weight: 400; + font-size: 24px; + line-height: 32px; + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-headline.mui-text-black, h2.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-headline.mui-text-white, h2.mui-text-white { + color: white; +} + +.mui-text-headline.mui-text-accent, h2.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +.mui-text-title, h3 { + font-weight: 400; + font-size: 20px; + line-height: 28px; + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-title.mui-text-black, h3.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-title.mui-text-white, h3.mui-text-white { + color: white; +} + +.mui-text-title.mui-text-accent, h3.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +.mui-text-subhead, h4 { + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-subhead.mui-text-black, h4.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-subhead.mui-text-white, h4.mui-text-white { + color: white; +} + +.mui-text-subhead.mui-text-accent, h4.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +.mui-text-body2, h5 { + font-weight: 500; + font-size: 14px; + line-height: 24px; + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-body2.mui-text-black, h5.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-body2.mui-text-white, h5.mui-text-white { + color: white; +} + +.mui-text-body2.mui-text-accent, h5.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +.mui-text-body1 { + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-body1.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-body1.mui-text-white { + color: white; +} + +.mui-text-body1.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +.mui-text-caption { + font-weight: 400; + font-size: 12px; + line-height: 16px; + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-caption.mui-text-black { + color: rgba(0, 0, 0, 0.54); +} + +.mui-text-caption.mui-text-white { + color: rgba(255, 255, 255, 0.7); +} + +.mui-text-caption.mui-text-accent { + color: rgba(255, 64, 129, 0.54); +} + +.mui-text-menu { + font-weight: 500; + font-size: 13px; + line-height: 17px; + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-menu.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-menu.mui-text-white { + color: white; +} + +.mui-text-menu.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +.mui-text-button { + font-weight: 500; + font-size: 14px; + line-height: 18px; + color: rgba(0, 0, 0, 0.87); + text-transform: uppercase; +} + +.mui-text-button.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-text-button.mui-text-white { + color: white; +} + +.mui-text-button.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +/** + * MUI Panel module + */ +.mui-panel { + padding: 15px; + margin-bottom: 20px; + border-radius: 0; + background-color: #FFF; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12); +} + +.mui-panel:before, +.mui-panel:after { + content: " "; + display: table; +} + +.mui-panel:after { + clear: both; +} + +/** + * MUI Buttons + */ +.mui-btn { + -webkit-animation-duration: 0.0001s; + animation-duration: 0.0001s; + -webkit-animation-name: mui-node-inserted; + animation-name: mui-node-inserted; + font-weight: 500; + font-size: 14px; + line-height: 18px; + color: rgba(0, 0, 0, 0.87); + text-transform: uppercase; + transition: all 0.2s ease-in-out; + display: inline-block; + height: 36px; + padding: 0 26px; + margin-top: 6px; + margin-bottom: 6px; + border: none; + border-radius: 2px; + cursor: pointer; + -ms-touch-action: manipulation; + touch-action: manipulation; + background-image: none; + text-align: center; + line-height: 36px; + vertical-align: middle; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + overflow: hidden; +} + +.mui-btn.mui-text-black { + color: rgba(0, 0, 0, 0.87); +} + +.mui-btn.mui-text-white { + color: white; +} + +.mui-btn.mui-text-accent { + color: rgba(255, 64, 129, 0.87); +} + +.mui-btn:hover, +.mui-btn:focus, +.mui-btn:active { + outline: 0; + text-decoration: none; + color: rgba(0, 0, 0, 0.87); +} + +.mui-btn:hover, +.mui-btn:focus { + box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); +} + +.mui-btn:active { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.mui-btn:disabled, +.mui-btn.mui-disabled { + cursor: not-allowed; + pointer-events: none; + opacity: 0.60; + box-shadow: none; +} + +.mui-btn + .mui-btn { + margin-left: 8px; +} + +.mui-btn-lg { + height: 54px; + line-height: 54px; +} + +.mui-btn-flat { + background-color: transparent; +} + +.mui-btn-flat:hover, +.mui-btn-flat:focus, +.mui-btn-flat:active { + box-shadow: none; + background-color: #f2f2f2; +} + +.mui-btn-raised, .mui-btn-floating { + box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); +} + +.mui-btn-raised:active, .mui-btn-floating:active { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.mui-btn-default { + color: rgba(0, 0, 0, 0.87); + background-color: #FFF; +} + +.mui-btn-default:hover, +.mui-btn-default:focus, +.mui-btn-default:active, +.mui-open > .mui-btn-default.mui-dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: white; +} + +.mui-btn-default[disabled], +.mui-btn-default[disabled]:hover, +.mui-btn-default[disabled]:focus, +.mui-btn-default[disabled]:active, +fieldset[disabled] .mui-btn-default, +fieldset[disabled] .mui-btn-default:hover, +fieldset[disabled] .mui-btn-default:focus, +fieldset[disabled] .mui-btn-default:active { + color: rgba(0, 0, 0, 0.87); + background-color: #FFF; +} + +.mui-btn-default.mui-btn-flat { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; +} + +.mui-btn-default.mui-btn-flat:hover, +.mui-btn-default.mui-btn-flat:focus, +.mui-btn-default.mui-btn-flat:active, +.mui-open > .mui-btn-default.mui-btn-flat.mui-dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; +} + +.mui-btn-default.mui-btn-flat[disabled], +.mui-btn-default.mui-btn-flat[disabled]:hover, +.mui-btn-default.mui-btn-flat[disabled]:focus, +.mui-btn-default.mui-btn-flat[disabled]:active, +fieldset[disabled] .mui-btn-default.mui-btn-flat, +fieldset[disabled] .mui-btn-default.mui-btn-flat:hover, +fieldset[disabled] .mui-btn-default.mui-btn-flat:focus, +fieldset[disabled] .mui-btn-default.mui-btn-flat:active { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; +} + +.mui-btn-primary { + color: #FFF; + background-color: #2196F3; +} + +.mui-btn-primary:hover, +.mui-btn-primary:focus, +.mui-btn-primary:active, +.mui-open > .mui-btn-primary.mui-dropdown-toggle { + color: #FFF; + background-color: #39a1f4; +} + +.mui-btn-primary[disabled], +.mui-btn-primary[disabled]:hover, +.mui-btn-primary[disabled]:focus, +.mui-btn-primary[disabled]:active, +fieldset[disabled] .mui-btn-primary, +fieldset[disabled] .mui-btn-primary:hover, +fieldset[disabled] .mui-btn-primary:focus, +fieldset[disabled] .mui-btn-primary:active { + color: #FFF; + background-color: #2196F3; +} + +.mui-btn-primary.mui-btn-flat { + color: #2196F3; + background-color: transparent; +} + +.mui-btn-primary.mui-btn-flat:hover, +.mui-btn-primary.mui-btn-flat:focus, +.mui-btn-primary.mui-btn-flat:active, +.mui-open > .mui-btn-primary.mui-btn-flat.mui-dropdown-toggle { + color: #2196F3; + background-color: #f2f2f2; +} + +.mui-btn-primary.mui-btn-flat[disabled], +.mui-btn-primary.mui-btn-flat[disabled]:hover, +.mui-btn-primary.mui-btn-flat[disabled]:focus, +.mui-btn-primary.mui-btn-flat[disabled]:active, +fieldset[disabled] .mui-btn-primary.mui-btn-flat, +fieldset[disabled] .mui-btn-primary.mui-btn-flat:hover, +fieldset[disabled] .mui-btn-primary.mui-btn-flat:focus, +fieldset[disabled] .mui-btn-primary.mui-btn-flat:active { + color: #2196F3; + background-color: transparent; +} + +.mui-btn-danger { + color: #FFF; + background-color: #F44336; +} + +.mui-btn-danger:hover, +.mui-btn-danger:focus, +.mui-btn-danger:active, +.mui-open > .mui-btn-danger.mui-dropdown-toggle { + color: #FFF; + background-color: #f55a4e; +} + +.mui-btn-danger[disabled], +.mui-btn-danger[disabled]:hover, +.mui-btn-danger[disabled]:focus, +.mui-btn-danger[disabled]:active, +fieldset[disabled] .mui-btn-danger, +fieldset[disabled] .mui-btn-danger:hover, +fieldset[disabled] .mui-btn-danger:focus, +fieldset[disabled] .mui-btn-danger:active { + color: #FFF; + background-color: #F44336; +} + +.mui-btn-danger.mui-btn-flat { + color: #F44336; + background-color: transparent; +} + +.mui-btn-danger.mui-btn-flat:hover, +.mui-btn-danger.mui-btn-flat:focus, +.mui-btn-danger.mui-btn-flat:active, +.mui-open > .mui-btn-danger.mui-btn-flat.mui-dropdown-toggle { + color: #F44336; + background-color: #f2f2f2; +} + +.mui-btn-danger.mui-btn-flat[disabled], +.mui-btn-danger.mui-btn-flat[disabled]:hover, +.mui-btn-danger.mui-btn-flat[disabled]:focus, +.mui-btn-danger.mui-btn-flat[disabled]:active, +fieldset[disabled] .mui-btn-danger.mui-btn-flat, +fieldset[disabled] .mui-btn-danger.mui-btn-flat:hover, +fieldset[disabled] .mui-btn-danger.mui-btn-flat:focus, +fieldset[disabled] .mui-btn-danger.mui-btn-flat:active { + color: #F44336; + background-color: transparent; +} + +.mui-btn-accent { + color: #FFF; + background-color: #FF4081; +} + +.mui-btn-accent:hover, +.mui-btn-accent:focus, +.mui-btn-accent:active, +.mui-open > .mui-btn-accent.mui-dropdown-toggle { + color: #FFF; + background-color: #ff5a92; +} + +.mui-btn-accent[disabled], +.mui-btn-accent[disabled]:hover, +.mui-btn-accent[disabled]:focus, +.mui-btn-accent[disabled]:active, +fieldset[disabled] .mui-btn-accent, +fieldset[disabled] .mui-btn-accent:hover, +fieldset[disabled] .mui-btn-accent:focus, +fieldset[disabled] .mui-btn-accent:active { + color: #FFF; + background-color: #FF4081; +} + +.mui-btn-accent.mui-btn-flat { + color: #FF4081; + background-color: transparent; +} + +.mui-btn-accent.mui-btn-flat:hover, +.mui-btn-accent.mui-btn-flat:focus, +.mui-btn-accent.mui-btn-flat:active, +.mui-open > .mui-btn-accent.mui-btn-flat.mui-dropdown-toggle { + color: #FF4081; + background-color: #f2f2f2; +} + +.mui-btn-accent.mui-btn-flat[disabled], +.mui-btn-accent.mui-btn-flat[disabled]:hover, +.mui-btn-accent.mui-btn-flat[disabled]:focus, +.mui-btn-accent.mui-btn-flat[disabled]:active, +fieldset[disabled] .mui-btn-accent.mui-btn-flat, +fieldset[disabled] .mui-btn-accent.mui-btn-flat:hover, +fieldset[disabled] .mui-btn-accent.mui-btn-flat:focus, +fieldset[disabled] .mui-btn-accent.mui-btn-flat:active { + color: #FF4081; + background-color: transparent; +} + +.mui-btn-floating { + position: relative; + z-index: 1; + width: 55px; + height: 55px; + line-height: 55px; + padding: 0; + border-radius: 50%; + color: #FFF; + background-color: #FF4081; +} + +.mui-btn-floating:hover, +.mui-btn-floating:focus, +.mui-btn-floating:active { + color: #FFF; + background-color: #ff5a92; +} + +.mui-btn-floating-mini { + width: 40px; + height: 40px; + line-height: 40px; +} + +/** + * MUI Ripple module + */ +.mui-ripple-effect { + position: absolute; + border-radius: 50%; + pointer-events: none; + opacity: 0; + -webkit-animation: mui-ripple-animation 2s; + animation: mui-ripple-animation 2s; +} + +@-webkit-keyframes mui-ripple-animation { + from { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0.4; + } + to { + -webkit-transform: scale(100); + transform: scale(100); + opacity: 0; + } +} + +@keyframes mui-ripple-animation { + from { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0.4; + } + to { + -webkit-transform: scale(100); + transform: scale(100); + opacity: 0; + } +} + +.mui-btn-default > .mui-ripple-effect { + background-color: #a6a6a6; +} + +.mui-btn-primary > .mui-ripple-effect { + background-color: #FFF; +} + +.mui-btn-danger > .mui-ripple-effect { + background-color: #FFF; +} + +.mui-btn-accent > .mui-ripple-effect { + background-color: #FFF; +} + +.mui-btn-flat > .mui-ripple-effect { + background-color: #a6a6a6; +} + +.mui-btn-floating > .mui-ripple-effect { + background-color: #FFF; +} + +/** + * MUI Appbar + */ +.mui-appbar-height { + height: 56px; +} + +@media (orientation: landscape) and (max-height: 480px) { + .mui-appbar-height { + height: 48px; + } +} + +@media (min-width: 480px) { + .mui-appbar-height { + height: 64px; + } +} + +.mui-appbar-min-height, .mui-appbar { + min-height: 56px; +} + +@media (orientation: landscape) and (max-height: 480px) { + .mui-appbar-min-height, .mui-appbar { + min-height: 48px; + } +} + +@media (min-width: 480px) { + .mui-appbar-min-height, .mui-appbar { + min-height: 64px; + } +} + +.mui-appbar-line-height { + line-height: 56px; +} + +@media (orientation: landscape) and (max-height: 480px) { + .mui-appbar-line-height { + line-height: 48px; + } +} + +@media (min-width: 480px) { + .mui-appbar-line-height { + line-height: 64px; + } +} + +.mui-appbar-top { + top: 56px; +} + +@media (orientation: landscape) and (max-height: 480px) { + .mui-appbar-top { + top: 48px; + } +} + +@media (min-width: 480px) { + .mui-appbar-top { + top: 64px; + } +} + +.mui-appbar { + background-color: #2196F3; + color: #FFF; +} + +/** + * MUI Semantic module + */ +strong { + font-weight: 700; +} + +abbr[title] { + cursor: help; + border-bottom: 1px dotted #2196F3; +} + +h1, h2, h3 { + margin-top: 20px; + margin-bottom: 10px; +} + +h4, h5, h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +/** + * MUI Dividers module + */ +.mui-divider { + display: block; + height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +.mui-divider-top { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.mui-divider-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.mui-divider-left { + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +.mui-divider-right { + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +/** + * MUI Form styles + * + */ +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 10px; + font-size: 21px; + color: rgba(0, 0, 0, 0.87); + line-height: inherit; + border: 0; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +input[type="search"] { + box-sizing: border-box; +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + line-height: normal; +} + +input[type="file"] { + display: block; +} + +input[type="range"] { + display: block; + width: 100%; +} + +select[multiple], +select[size] { + height: auto; +} + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +input[type="radio"]:disabled, +input[type="checkbox"]:disabled { + cursor: not-allowed; +} + +.mui-form-control { + -webkit-animation-duration: 0.0001s; + animation-duration: 0.0001s; + -webkit-animation-name: mui-node-inserted; + animation-name: mui-node-inserted; + display: block; + background-color: transparent; + color: rgba(0, 0, 0, 0.87); + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.26); + outline: none; + height: 32px; + width: 100%; + font-size: 16px; + padding: 0; + box-shadow: none; + border-radius: 0px; + background-image: none; +} + +.mui-form-control:focus { + border-color: #2196F3; + border-width: 2px; +} + +.mui-form-control:disabled, +.mui-form-control:read-only { + cursor: not-allowed; + background-color: transparent; + opacity: 1; +} + +.mui-form-control::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.26); + opacity: 1; +} + +.mui-form-control::-moz-placeholder { + color: rgba(0, 0, 0, 0.26); + opacity: 1; +} + +.mui-form-control:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.26); + opacity: 1; +} + +.mui-form-control::placeholder { + color: rgba(0, 0, 0, 0.26); + opacity: 1; +} + +textarea.mui-form-control { + height: auto; +} + +input.mui-form-control:focus { + height: 33px; + margin-bottom: -1px; +} + +input[type="search"] { + -webkit-appearance: none; +} + +.mui-form-group { + display: block; + width: 100%; + padding-top: 15px; + margin-bottom: 20px; + position: relative; +} + +.mui-form-group > label { + position: absolute; + top: 0; + display: block; + width: 100%; + color: rgba(0, 0, 0, 0.54); + font-size: 12px; + font-weight: 400; + line-height: 15px; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.mui-form-group > .mui-form-floating-label { + position: absolute; + top: 15px; + font-size: 16px; + line-height: 32px; + color: rgba(0, 0, 0, 0.26); + text-overflow: clip; + cursor: text; + pointer-events: none; +} + +.mui-form-group > textarea { + padding-top: 5px; + min-height: 64px; +} + +.mui-form-group > .mui-form-control { + display: block; +} + +.mui-form-group > .mui-form-control:focus ~ label { + color: #2196F3; +} + +.mui-form-group[data-mui-wrap-label="true"] { + display: table; + padding-top: 0px; +} + +.mui-form-group[data-mui-wrap-label="true"] > label:not(.mui-form-floating-label) { + display: table-header-group; + position: static; + white-space: normal; + overflow-x: visible; +} + +.mui-form-control:focus ~ .mui-form-floating-label { + top: 0px; + font-size: 12px; + line-height: 15px; + text-overflow: ellipsis; +} + +.mui-form-control:not(:focus).mui-not-empty ~ .mui-form-floating-label, +.mui-form-control:not(:focus)[value]:not([value=""]):not(.mui-empty):not(.mui-not-empty) ~ .mui-form-floating-label, +.mui-form-control:not(:focus):not(:empty):not(.mui-empty):not(.mui-not-empty) ~ .mui-form-floating-label { + color: rgba(0, 0, 0, 0.54); + font-size: 12px; + line-height: 15px; + top: 0px; + text-overflow: ellipsis; +} + +.mui-radio, +.mui-checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; +} + +.mui-radio > label, +.mui-checkbox > label { + min-height: 20px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} + +.mui-radio > label > input[type="radio"], +.mui-radio-inline > label > input[type="radio"], +.mui-checkbox > label > input[type="checkbox"], +.mui-checkbox-inline > label > input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px; +} + +.mui-radio + .mui-radio, +.mui-checkbox + .mui-checkbox { + margin-top: -5px; +} + +.mui-radio-inline, +.mui-checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} + +.mui-radio-inline + .mui-radio-inline, +.mui-checkbox-inline + .mui-checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +.mui-select { + position: relative; +} + +.mui-select:focus { + outline: 0; +} + +.mui-select:focus > select { + height: 33px; + margin-bottom: -1px; + border-color: #2196F3; + border-width: 2px; +} + +.mui-select > select { + -webkit-animation-duration: 0.0001s; + animation-duration: 0.0001s; + -webkit-animation-name: mui-node-inserted; + animation-name: mui-node-inserted; + display: block; + height: 32px; + width: 100%; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + outline: none; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-radius: 0px; + box-shadow: none; + background-color: transparent; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg=="); + background-repeat: no-repeat; + background-position: right center; + cursor: pointer; + color: rgba(0, 0, 0, 0.87); + font-size: 16px; + padding: 0 25px 0 0; +} + +.mui-select > select::ms-expand { + display: none; +} + +.mui-select > select:focus { + outline: 0; + height: 33px; + margin-bottom: -1px; + border-color: #2196F3; + border-width: 2px; +} + +.mui-select > select:disabled { + color: rgba(0, 0, 0, 0.26); + cursor: not-allowed; + background-color: transparent; + opacity: 1; +} + +.mui-select-menu { + position: absolute; + z-index: 1; + min-width: 100%; + overflow-y: auto; + padding: 8px 0; + background-color: #FFF; + font-size: 16px; +} + +.mui-select-menu > div { + padding: 0 22px; + height: 42px; + line-height: 42px; + cursor: pointer; + white-space: nowrap; +} + +.mui-select-menu > div:hover { + background-color: #E0E0E0; +} + +.mui-select-menu > div[selected] { + background-color: #EEEEEE; +} + +@media (min-width: 768px) { + .mui-form-inline > * { + vertical-align: bottom; + } + .mui-form-inline > .mui-form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .mui-form-inline > .mui-form-control, + .mui-form-inline > .mui-form-group > .mui-form-group { + display: inline-block; + width: auto; + vertical-align: middle; + } + .mui-form-inline > .mui-radio, + .mui-form-inline > .mui-checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .mui-form-inline > .mui-radio > label, + .mui-form-inline > .mui-checkbox > label { + padding-left: 0; + } + .mui-form-inline > .mui-radio > label > input[type="radio"], + .mui-form-inline > .mui-checkbox > label > input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .mui-form-inline > .mui-select { + display: inline-block; + } + .mui-form-inline > .mui-btn { + margin-bottom: 0; + margin-top: 0; + } +} + +.mui-form-control:invalid:not(:focus):not(:required), +.mui-form-control:invalid:not(:focus):required.mui-not-empty, +.mui-form-control:invalid:not(:focus):required.mui-empty.mui-dirty, +.mui-form-control:invalid:not(:focus):required[value]:not([value=""]):not(.mui-empty):not(.mui-not-empty), +.mui-form-control:invalid:not(:focus):required:not(:empty):not(.mui-empty):not(.mui-not-empty) { + border-color: #F44336; + border-width: 2px; +} + +input.mui-form-control:invalid:not(:focus):not(:required), +input.mui-form-control:invalid:not(:focus):required.mui-not-empty, +input.mui-form-control:invalid:not(:focus):required.mui-empty.mui-dirty, +input.mui-form-control:invalid:not(:focus):required[value]:not([value=""]):not(.mui-empty):not(.mui-not-empty), +input.mui-form-control:invalid:not(:focus):required:not(:empty):not(.mui-empty):not(.mui-not-empty) { + height: 33px; + margin-bottom: -1px; +} + +.mui-form-group > .mui-form-control:invalid:not(:focus):not(:required) ~ label, +.mui-form-group > .mui-form-control:invalid:not(:focus):required.mui-not-empty ~ label, +.mui-form-group > .mui-form-control:invalid:not(:focus):required[value]:not([value=""]):not(.mui-empty):not(.mui-not-empty) ~ label, +.mui-form-group > .mui-form-control:invalid:not(:focus):required:not(:empty):not(.mui-empty):not(.mui-not-empty) ~ label { + color: #F44336; +} + +.mui-form-group > .mui-form-control:invalid:not(:focus):required.mui-empty.mui-dirty ~ label:not(.mui-form-floating-label) { + color: #F44336; +} + +/** + * MUI Tables module + */ +th { + text-align: left; +} + +.mui-table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} + +.mui-table > thead > tr > th, +.mui-table > thead > tr > td, +.mui-table > tbody > tr > th, +.mui-table > tbody > tr > td, +.mui-table > tfoot > tr > th, +.mui-table > tfoot > tr > td { + padding: 10px; + line-height: 1.429; +} + +.mui-table > thead > tr > th { + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + font-weight: 700; +} + +.mui-table > tbody + tbody { + border-top: 2px solid rgba(0, 0, 0, 0.12); +} + +.mui-table.mui-table-bordered > tbody > tr > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} + +table > thead > tr > th, +table > thead > tr > td, +table > tbody > tr > th, +table > tbody > tr > td, +table > tfoot > tr > th, +table > tfoot > tr > td { + padding: 10px; + line-height: 1.429; +} + +table > thead > tr > th { + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + font-weight: 700; +} + +table > tbody + tbody { + border-top: 2px solid rgba(0, 0, 0, 0.12); +} + +.mui-table.mui-table-bordered > tbody > tr > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + + +/** + * MUI Dropdown module + */ +.mui-dropdown { + display: inline-block; + position: relative; +} + +[data-mui-toggle="dropdown"] { + -webkit-animation-duration: 0.001s; + animation-duration: 0.001s; + -webkit-animation-name: mui-node-inserted; + animation-name: mui-node-inserted; + outline: 0; +} + +.mui-dropdown-menu { + position: absolute; + top: 100%; + left: 0; + display: none; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + text-align: left; + background-color: #FFF; + border-radius: 2px; + z-index: 1; + background-clip: padding-box; +} + +.mui-dropdown-menu.mui-open { + display: block; +} + +.mui-dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.429; + color: rgba(0, 0, 0, 0.87); + white-space: nowrap; +} + +.mui-dropdown-menu > li > a:hover, +.mui-dropdown-menu > li > a:focus { + text-decoration: none; + color: rgba(0, 0, 0, 0.87); + background-color: #EEEEEE; +} + +.mui-dropdown-menu > .mui-disabled > a, +.mui-dropdown-menu > .mui-disabled > a:hover, +.mui-dropdown-menu > .mui-disabled > a:focus { + color: #EEEEEE; +} + +.mui-dropdown-menu > .mui-disabled > a:hover, +.mui-dropdown-menu > .mui-disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + cursor: not-allowed; +} + +.mui-dropdown-menu-right { + left: auto; + right: 0; +} + +/** + * MUI Tabs module + */ +.mui-tabs { + list-style: none; + padding-left: 0; + margin-bottom: 0; + background-color: transparent; + white-space: nowrap; +} + +.mui-tabs > li { + display: inline-block; +} + +.mui-tabs > li > a { + display: block; + white-space: nowrap; + text-transform: uppercase; + font-weight: 500; + font-size: 14px; + color: rgba(0, 0, 0, 0.87); + cursor: default; + height: 48px; + line-height: 48px; + padding-left: 24px; + padding-right: 24px; +} + +.mui-tabs > li > a:hover { + text-decoration: none; +} + +.mui-tabs > li.mui-active { + border-bottom: 2px solid #2196F3; +} + +.mui-tabs > li.mui-active > a { + color: #2196F3; +} + +.mui-tabs.mui-tabs-justified { + display: table; + width: 100%; + table-layout: fixed; +} + +.mui-tabs.mui-tabs-justified > li { + display: table-cell; +} + +.mui-tabs.mui-tabs-justified > li > a { + text-align: center; + padding-left: 0px; + padding-right: 0px; +} + +.mui-tab-content > .mui-tab-pane { + display: none; +} + +.mui-tab-content > .mui-tab-pane.mui-active { + display: block; +} + +[data-mui-toggle="tab"] { + -webkit-animation-duration: 0.0001s; + animation-duration: 0.0001s; + -webkit-animation-name: mui-node-inserted; + animation-name: mui-node-inserted; +} + +/** + * MUI Overlay module + */ +.mui-overlay-on { + overflow: hidden !important; +} + +#mui-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 99999999; + background-color: rgba(0, 0, 0, 0.2); + overflow: auto; +} + +/** + * MUI Helpers module + */ +@-webkit-keyframes mui-node-inserted { + from { + opacity: 0.99; + } + to { + opacity: 1; + } +} +@keyframes mui-node-inserted { + from { + opacity: 0.99; + } + to { + opacity: 1; + } +} + +.mui-notransition { + transition: none !important; +} + +.mui-caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +.mui-text-left { + text-align: left !important; +} + +.mui-text-right { + text-align: right !important; +} + +.mui-text-center { + text-align: center !important; +} + +.mui-text-justify { + text-align: justify !important; +} + +.mui-text-nowrap { + white-space: nowrap !important; +} + +.mui-align-baseline { + vertical-align: baseline !important; +} + +.mui-align-top { + vertical-align: top !important; +} + +.mui-align-middle { + vertical-align: middle !important; +} + +.mui-align-bottom { + vertical-align: bottom !important; +} + +.mui-list-unstyled { + padding-left: 0; + list-style: none; +} + +.mui-list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} + +.mui-list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} + +.mui-z1, .mui-select-menu, .mui-dropdown-menu { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +.mui-z2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} + +.mui-z3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.mui-z4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} + +.mui-z5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} + +.mui-clearfix:before, +.mui-clearfix:after { + content: " "; + display: table; +} + +.mui-clearfix:after { + clear: both; +} + +.mui-pull-right { + float: right !important; +} + +.mui-pull-left { + float: left !important; +} + +.mui-hide { + display: none !important; +} + +.mui-show { + display: block !important; +} + +.mui-invisible { + visibility: hidden; +} + +.mui-visible-xs-block, +.mui-visible-xs-inline, +.mui-visible-xs-inline-block, +.mui-visible-sm-block, +.mui-visible-sm-inline, +.mui-visible-sm-inline-block, +.mui-visible-md-block, +.mui-visible-md-inline, +.mui-visible-md-inline-block, +.mui-visible-lg-block, +.mui-visible-lg-inline, +.mui-visible-lg-inline-block { + display: none !important; +} + +@media (max-width: 767px) { + .mui-visible-xs { + display: block !important; + } + table.mui-visible-xs { + display: table; + } + tr.mui-visible-xs { + display: table-row !important; + } + th.mui-visible-xs, + td.mui-visible-xs { + display: table-cell !important; + } +} + +@media (max-width: 767px) { + .mui-visible-xs-block { + display: block !important; + } +} + +@media (max-width: 767px) { + .mui-visible-xs-inline { + display: inline !important; + } +} + +@media (max-width: 767px) { + .mui-visible-xs-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .mui-visible-sm { + display: block !important; + } + table.mui-visible-sm { + display: table; + } + tr.mui-visible-sm { + display: table-row !important; + } + th.mui-visible-sm, + td.mui-visible-sm { + display: table-cell !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .mui-visible-sm-block { + display: block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .mui-visible-sm-inline { + display: inline !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .mui-visible-sm-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .mui-visible-md { + display: block !important; + } + table.mui-visible-md { + display: table; + } + tr.mui-visible-md { + display: table-row !important; + } + th.mui-visible-md, + td.mui-visible-md { + display: table-cell !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .mui-visible-md-block { + display: block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .mui-visible-md-inline { + display: inline !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .mui-visible-md-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 1200px) { + .mui-visible-lg { + display: block !important; + } + table.mui-visible-lg { + display: table; + } + tr.mui-visible-lg { + display: table-row !important; + } + th.mui-visible-lg, + td.mui-visible-lg { + display: table-cell !important; + } +} + +@media (min-width: 1200px) { + .mui-visible-lg-block { + display: block !important; + } +} + +@media (min-width: 1200px) { + .mui-visible-lg-inline { + display: inline !important; + } +} + +@media (min-width: 1200px) { + .mui-visible-lg-inline-block { + display: inline-block !important; + } +} + +@media (max-width: 767px) { + .mui-hidden-xs { + display: none !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .mui-hidden-sm { + display: none !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .mui-hidden-md { + display: none !important; + } +} + +@media (min-width: 1200px) { + .mui-hidden-lg { + display: none !important; + } +} diff --git a/docs/_sass/_syntax-highlighting.scss b/docs/_sass/_syntax-highlighting.scss new file mode 100644 index 000000000..b9fe45549 --- /dev/null +++ b/docs/_sass/_syntax-highlighting.scss @@ -0,0 +1,78 @@ +/** + * Syntax highlighting styles + */ +.highlight { + + padding: 2px; + + pre { + border: 1px solid #186B9C; + } + +.lineno { + background-color: #D7D7D7; +} +.hll { background-color: #ffffcc } +.c { color: #888888 } /* Comment */ +.err { color: #FF0000; background-color: #FFAAAA } /* Error */ +.k { color: #008800; font-weight: bold } /* Keyword */ +.o { color: #333333 } /* Operator */ +.cm { color: #888888 } /* Comment.Multiline */ +.cp { color: #557799 } /* Comment.Preproc */ +.c1 { color: #888888 } /* Comment.Single */ +.cs { color: #cc0000; font-weight: bold } /* Comment.Special */ +.gd { color: #A00000 } /* Generic.Deleted */ +.ge { font-style: italic } /* Generic.Emph */ +.gr { color: #FF0000 } /* Generic.Error */ +.gh { color: #000080; font-weight: bold } /* Generic.Heading */ +.gi { color: #00A000 } /* Generic.Inserted */ +.go { color: #888888 } /* Generic.Output */ +.gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */ +.gs { font-weight: bold } /* Generic.Strong */ +.gu { color: #800080; font-weight: bold } /* Generic.Subheading */ +.gt { color: #0044DD } /* Generic.Traceback */ +.kc { color: #008800; font-weight: bold } /* Keyword.Constant */ +.kd { color: #008800; font-weight: bold } /* Keyword.Declaration */ +.kn { color: #008800; font-weight: bold } /* Keyword.Namespace */ +.kp { color: #003388; font-weight: bold } /* Keyword.Pseudo */ +.kr { color: #008800; font-weight: bold } /* Keyword.Reserved */ +.kt { color: #333399; font-weight: bold } /* Keyword.Type */ +.m { color: #6600EE; font-weight: bold } /* Literal.Number */ +.s { background-color: #fff0f0 } /* Literal.String */ +.na { color: #0000CC } /* Name.Attribute */ +.nb { color: #007020 } /* Name.Builtin */ +.nc { color: #BB0066; font-weight: bold } /* Name.Class */ +.no { color: #003366; font-weight: bold } /* Name.Constant */ +.nd { color: #555555; font-weight: bold } /* Name.Decorator */ +.ni { color: #880000; font-weight: bold } /* Name.Entity */ +.ne { color: #FF0000; font-weight: bold } /* Name.Exception */ +.nf { color: #0066BB; font-weight: bold } /* Name.Function */ +.nl { color: #997700; font-weight: bold } /* Name.Label */ +.nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */ +.nt { color: #007700 } /* Name.Tag */ +.nv { color: #996633 } /* Name.Variable */ +.ow { color: #000000; font-weight: bold } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mb { color: #6600EE; font-weight: bold } /* Literal.Number.Bin */ +.mf { color: #6600EE; font-weight: bold } /* Literal.Number.Float */ +.mh { color: #005588; font-weight: bold } /* Literal.Number.Hex */ +.mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */ +.mo { color: #4400EE; font-weight: bold } /* Literal.Number.Oct */ +.sb { background-color: #fff0f0 } /* Literal.String.Backtick */ +.sc { color: #0044DD } /* Literal.String.Char */ +.sd { color: #DD4422 } /* Literal.String.Doc */ +.s2 { background-color: #fff0f0 } /* Literal.String.Double */ +.se { color: #666666; font-weight: bold; background-color: #fff0f0 } /* Literal.String.Escape */ +.sh { background-color: #fff0f0 } /* Literal.String.Heredoc */ +.si { background-color: #eeeeee } /* Literal.String.Interpol */ +.sx { color: #DD2200; background-color: #fff0f0 } /* Literal.String.Other */ +.sr { color: #000000; background-color: #fff0ff } /* Literal.String.Regex */ +.s1 { background-color: #fff0f0 } /* Literal.String.Single */ +.ss { color: #AA6600 } /* Literal.String.Symbol */ +.bp { color: #007020 } /* Name.Builtin.Pseudo */ +.vc { color: #336699 } /* Name.Variable.Class */ +.vg { color: #dd7700; font-weight: bold } /* Name.Variable.Global */ +.vi { color: #3333BB } /* Name.Variable.Instance */ +.il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */ + +} diff --git a/docs/css/main.scss b/docs/css/main.scss new file mode 100755 index 000000000..2e1514f0e --- /dev/null +++ b/docs/css/main.scss @@ -0,0 +1,431 @@ +--- +# Only the main Sass file needs front matter (the dashes are enough) +--- +@charset "utf-8"; + + + +// Width of the content area +$content-width: 700px; + + + +// Using media queries with like this: +// @include media-query($on-palm) { +// .wrapper { +// padding-right: $spacing-unit / 2; +// padding-left: $spacing-unit / 2; +// } +// } +@mixin media-query($device) { + @media screen and (max-width: $device) { + @content; + } +} + + + +// Import partials from `sass_dir` (defaults to `_sass`) +@import + "colors", + "mui", + "syntax-highlighting" +; + +body { + padding-top: 93px; +} + +i.fa { + margin-right: 5px; +} + +.mui-container { + max-width: 800px; +} + +.site-appbar { + background-color: mui-color("indigo", "500"); + left: 0; + margin-bottom: 15px; + overflow: auto; + padding-left: 10px; + padding-top: 10px; + position: fixed; + right: 0; + top: 0; + z-index: 6; +} + +.site-nav { + float: right; + list-style: none; + margin: 0; + padding: 0; + + li { + display: inline-block; + + a { + color: #fff; + } + } +} + +.mui-container-fluid { + &.post-content { + margin: 0 auto; + max-width: $content-width; + } + + img { + display: block; + max-width: 100%; + } +} + +.post-meta { + font-size: 18px; + font-weight: bold; +} + +.sharer { + float: right; + + .sh-fb { + color: #4A65A0; + } + .sh-twt { + color: #0088cc; + } +} + +.post-content { + position: relative; + top: 135px; + z-index: 3; + + .post-meta { + padding: 10px 0 10px 5px; + } + + .article-title { + font-size: 45px; + font-weight: bold; + line-height: 50px; + padding-bottom: 10px; + transition: all 0.3s ease-in; + + a { + color: #111; + + &:hover { + color: #08c; + text-decoration: none; + } + } + } +} + +.site-title { + + h1 { + color: #FFF; + display: inline-block; + margin: 0; + } +} + +.post-list { + list-style: none; + margin: 0; + padding: 0; + padding-top: 15px; +} + +.post-data { + padding: 15px; +} + +article { + &.mui-panel { + padding: 0px; + } +} + +.mui-panel { + .post-list-title { + margin-top: 0; + } +} + + +.bg-holder { + -moz-background-size: cover; + -o-background-size: cover; + -webkit-background-size: cover; + background-color: mui-color('blue-grey', '500'); + background-size: cover; + min-height: 180px; + position: relative; + + a { + color: #fff; + + &.overlay { + bottom: 0; + color: #fff; + display: block; + left: 0; + position: absolute; + right: 0; + top: 0; + z-index: 4; + } + } + + .img-overlay { + bottom: 0; + background-color: #000; + display: block; + left: 0; + opacity: 0.5; + position: absolute; + right: 0; + top: 0; + z-index: 2; + } + + h2 { + bottom: 15px; + font-size: 34px; + font-weight: bold; + left: 15px; + line-height: 40px; + right: 15px; + margin: 0; + position: absolute; + z-index: 3; + } +} + +.post-full { + position: relative; + + .bg-holder { + left: 0; + min-height: 250px; + position: fixed; + right: 0; + top: 0; + + h1 { + bottom: 25px; + line-height: 50px; + } + + a.overlay { + position: fixed; + background: #414040; + padding: 5px; + top: 15px; + left: 15px; + bottom: initial; + right: initial; + border-radius: 2px; + + i { + margin: 0; + } + } + + a:hover { + text-decoration : none; + } + } +} + +.post-excerpt { + font-size: 16px; +} +.post-tag { + background-color: mui-color('indigo','400'); + color: #fff; + display: inline-block; + margin-bottom: 1px; + padding: 2px 4px; +} + +.post-page { + h1 { + bottom: 15px; + font-size: 48px; + font-weight: bold; + left: 0; + margin: 0; + position: absolute; + text-align: center; + width: 100%; + z-index: 3; + } +} + +.post-html { + border-top: 1px solid mui-color('blue-grey','400'); + font-size: 18px; + padding-top: 20px; + + p { + margin-bottom: 20px; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: bold; + } + pre { + @extend .mui-panel; + + code { + color: initial; + } + } + code { + color: mui-color('red', '500'); + } + + blockquote { + border-left: 2px solid mui-color('teal', '400'); + margin: 0; + padding-left: 15px; + } + img { + width: 100%; + } +} + +article { + footer { + border-top: 1px solid mui-color('grey', '500'); + font-size: 18px; + padding: 20px 0; + text-align: center; + } +} + +.paginator { + text-align: center; +} +.about-links { + list-style: none; + margin: 0; + padding: 0; + + .mui-btn { + display: block; + text-align: left; + } +} +.site-footer { + text-align: center; + background-color: mui-color('grey', '200'); +} + +.bg-grey { + background-color: mui-color('grey', '500'); +} +.bg-orange { + background-color: mui-color('orange', '500'); + a { + color: #000; + } +} +.bg-yellow { + background-color: mui-color('yellow', '500'); + a { + color: #000; + } +} +.bg-amber { + background-color: mui-color('amber', '500'); + a { + color: #000; + } +} +.bg-light-blue { + background-color: mui-color('light-blue', '500'); +} +.bg-lime { + background-color: mui-color('lime', '500'); + a { + color: #000; + } +} +.bg-teal { + background-color: mui-color('teal', '500'); +} +.bg-blue { + background-color: mui-color('blue', '500'); +} +.bg-black-87 { + background-color: mui-color('black-alpha-87'); +} +.bg-blue-grey { + background-color: mui-color('blue-grey', '500'); +} +.bg-brown { + background-color: mui-color('brown', '500'); +} +.bg-indigo { + background-color: mui-color('indigo', '500'); +} +.bg-purple { + background-color: mui-color('purple', '500'); +} +.bg-deep-purple { + background-color: mui-color('deep-purple', '500'); +} +.bg-red { + background-color: mui-color('red', '500'); +} +.bg-pink { + background-color: mui-color('pink', '500'); +} + +@media (max-width: 767px) { + .bg-holder { + h2 { + font-size: 25px; + } + } + .post-full { + .bg-holder { + min-height: 200px; + + h1 { + bottom: 15px; + font-size: 32px; + line-height: 32px; + } + a.overlay { + left: initial; + right: 15px; + } + } + } + .sharer { + display: block; + float: none; + } +} + +@media (max-width: 480px) { + body { + padding-top: 82px; + } + + .post-full { + .bg-holder { + min-height: 300px; + } + } +} diff --git a/docs/docs/A.md b/docs/docs/A.md new file mode 100644 index 000000000..0f6516731 --- /dev/null +++ b/docs/docs/A.md @@ -0,0 +1,34 @@ +--- +layout: default +--- + +# Class A + +This is an example of how to document a class A + +Here is some code +```cs +class pepe +{ + int pepe() { + return true; + } +} +``` + +Here is a list +* one +* two +* three + +maybe you want a link to [Class B](B) + +It can do tables + +| Tables | Are | Cool | +| ------------- |:-------------:| -----:| +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | + +Here is a [cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) \ No newline at end of file diff --git a/docs/docs/B.md b/docs/docs/B.md new file mode 100644 index 000000000..1bcfe0cf1 --- /dev/null +++ b/docs/docs/B.md @@ -0,0 +1,5 @@ +--- +layout: default +--- + +# Markdown hello from Class B \ No newline at end of file diff --git a/docs/img/sharer.png b/docs/img/sharer.png new file mode 100644 index 000000000..c2dbc34ae Binary files /dev/null and b/docs/img/sharer.png differ diff --git a/docs/index.md b/docs/index.md new file mode 100644 index 000000000..fd9d2f282 --- /dev/null +++ b/docs/index.md @@ -0,0 +1,16 @@ +--- +layout: default +--- + +This is an example for documentation. + +Create a document inside docs in markdown. +add +``` +--- +layout:default +--- +``` +at the top + +then edit `_data/navigation.yml` and add a link to your page diff --git a/docs/js/mui.min.js b/docs/js/mui.min.js new file mode 100644 index 000000000..b9310b45e --- /dev/null +++ b/docs/js/mui.min.js @@ -0,0 +1 @@ +!function e(t,n,i){function o(s,l){if(!n[s]){if(!t[s]){var a="function"==typeof require&&require;if(!l&&a)return a(s,!0);if(r)return r(s,!0);var c=new Error("Cannot find module '"+s+"'");throw c.code="MODULE_NOT_FOUND",c}var u=n[s]={exports:{}};t[s][0].call(u.exports,function(e){var n=t[s][1][e];return o(n?n:e)},u,u.exports,e,t,n,i)}return n[s].exports}for(var r="function"==typeof require&&require,s=0;s