From bfa5f88cd9bfcc8a840488c7ea9350b4d9683cb4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=98=94=E8=90=BD?= <45323514+BigCoke233@users.noreply.github.com> Date: Sun, 24 Mar 2019 18:07:26 +0800 Subject: Add files via upload --- assets/css/button.css | 1393 ++++++++++++ assets/css/customemin.css | 210 ++ assets/css/font-awesome.min.css | 4 + assets/css/jquery.fancybox.min.css | 1 + assets/css/lines.css | 114 + assets/css/mark.min.css | 573 +++++ assets/css/owo.min.css | 1 + assets/css/prism.css | 182 ++ assets/css/setting.css | 77 + assets/fonts/FontAwesome.otf | Bin 0 -> 134808 bytes assets/fonts/fontawesome-webfont.eot | Bin 0 -> 165742 bytes assets/fonts/fontawesome-webfont.svg | 2671 +++++++++++++++++++++++ assets/fonts/fontawesome-webfont.ttf | Bin 0 -> 165548 bytes assets/fonts/fontawesome-webfont.woff | Bin 0 -> 98024 bytes assets/fonts/fontawesome-webfont.woff2 | Bin 0 -> 77160 bytes assets/fonts/glyphicons-halflings-regular.eot | Bin 0 -> 20127 bytes assets/fonts/glyphicons-halflings-regular.svg | 288 +++ assets/fonts/glyphicons-halflings-regular.ttf | Bin 0 -> 45404 bytes assets/fonts/glyphicons-halflings-regular.woff | Bin 0 -> 23424 bytes assets/fonts/glyphicons-halflings-regular.woff2 | Bin 0 -> 18028 bytes 20 files changed, 5514 insertions(+) create mode 100644 assets/css/button.css create mode 100644 assets/css/customemin.css create mode 100644 assets/css/font-awesome.min.css create mode 100644 assets/css/jquery.fancybox.min.css create mode 100644 assets/css/lines.css create mode 100644 assets/css/mark.min.css create mode 100644 assets/css/owo.min.css create mode 100644 assets/css/prism.css create mode 100644 assets/css/setting.css create mode 100644 assets/fonts/FontAwesome.otf create mode 100644 assets/fonts/fontawesome-webfont.eot create mode 100644 assets/fonts/fontawesome-webfont.svg create mode 100644 assets/fonts/fontawesome-webfont.ttf create mode 100644 assets/fonts/fontawesome-webfont.woff create mode 100644 assets/fonts/fontawesome-webfont.woff2 create mode 100644 assets/fonts/glyphicons-halflings-regular.eot create mode 100644 assets/fonts/glyphicons-halflings-regular.svg create mode 100644 assets/fonts/glyphicons-halflings-regular.ttf create mode 100644 assets/fonts/glyphicons-halflings-regular.woff create mode 100644 assets/fonts/glyphicons-halflings-regular.woff2 diff --git a/assets/css/button.css b/assets/css/button.css new file mode 100644 index 0000000..6063899 --- /dev/null +++ b/assets/css/button.css @@ -0,0 +1,1393 @@ +.button { + color: #666; + background-color: #EEE; + border-color: #EEE; + font-weight: 300; + font-size: 16px; + font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + text-decoration: none; + text-align: center; + line-height: 40px; + height: 40px; + padding: 0 40px; + margin: 0; + display: inline-block; + appearance: none; + cursor: pointer; + border: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .3s; + transition-duration: .3s; + /* + * Disabled State + * + * The disabled state uses the class .disabled, is-disabled, + * and the form attribute disabled="disabled". + * The use of !important is only added because this is a state + * that must be applied to all buttons when in a disabled state. + */ } + .button:visited { + color: #666; } + .button:hover, .button:focus { + background-color: #f6f6f6; + text-decoration: none; + outline: none; } + .button:active, .button.active, .button.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); + text-decoration: none; + background-color: #eeeeee; + border-color: #cfcfcf; + color: #d4d4d4; + -webkit-transition-duration: 0s; + transition-duration: 0s; + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } + .button.disabled, .button.is-disabled, .button:disabled { + top: 0 !important; + background: #EEE !important; + border: 1px solid #DDD !important; + text-shadow: 0 1px 1px white !important; + color: #CCC !important; + cursor: default !important; + appearance: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + opacity: .8 !important; } + +/* +* Base Button Tyography +* +*/ +.button-uppercase { + text-transform: uppercase; } + +.button-lowercase { + text-transform: lowercase; } + +.button-capitalize { + text-transform: capitalize; } + +.button-small-caps { + font-variant: small-caps; } + +.button-icon-txt-large { + font-size: 36px !important; } + +/* +* Base padding +* +*/ +.button-width-small { + padding: 0 10px !important; } + +/* +* Base Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-primary, +.button-primary-flat { + background-color: #1B9AF7; + border-color: #1B9AF7; + color: #FFF; } + .button-primary:visited, + .button-primary-flat:visited { + color: #FFF; } + .button-primary:hover, .button-primary:focus, + .button-primary-flat:hover, + .button-primary-flat:focus { + background-color: #4cb0f9; + border-color: #4cb0f9; + color: #FFF; } + .button-primary:active, .button-primary.active, .button-primary.is-active, + .button-primary-flat:active, + .button-primary-flat.active, + .button-primary-flat.is-active { + background-color: #2798eb; + border-color: #2798eb; + color: #0880d7; } + +.button-plain, +.button-plain-flat { + background-color: #FFF; + border-color: #FFF; + color: #1B9AF7; } + .button-plain:visited, + .button-plain-flat:visited { + color: #1B9AF7; } + .button-plain:hover, .button-plain:focus, + .button-plain-flat:hover, + .button-plain-flat:focus { + background-color: white; + border-color: white; + color: #1B9AF7; } + .button-plain:active, .button-plain.active, .button-plain.is-active, + .button-plain-flat:active, + .button-plain-flat.active, + .button-plain-flat.is-active { + background-color: white; + border-color: white; + color: #e6e6e6; } + +.button-inverse, +.button-inverse-flat { + background-color: #222; + border-color: #222; + color: #EEE; } + .button-inverse:visited, + .button-inverse-flat:visited { + color: #EEE; } + .button-inverse:hover, .button-inverse:focus, + .button-inverse-flat:hover, + .button-inverse-flat:focus { + background-color: #3c3c3c; + border-color: #3c3c3c; + color: #EEE; } + .button-inverse:active, .button-inverse.active, .button-inverse.is-active, + .button-inverse-flat:active, + .button-inverse-flat.active, + .button-inverse-flat.is-active { + background-color: #222222; + border-color: #222222; + color: #090909; } + +.button-action, +.button-action-flat { + background-color: #A5DE37; + border-color: #A5DE37; + color: #FFF; } + .button-action:visited, + .button-action-flat:visited { + color: #FFF; } + .button-action:hover, .button-action:focus, + .button-action-flat:hover, + .button-action-flat:focus { + background-color: #b9e563; + border-color: #b9e563; + color: #FFF; } + .button-action:active, .button-action.active, .button-action.is-active, + .button-action-flat:active, + .button-action-flat.active, + .button-action-flat.is-active { + background-color: #a1d243; + border-color: #a1d243; + color: #8bc220; } + +.button-highlight, +.button-highlight-flat { + background-color: #FEAE1B; + border-color: #FEAE1B; + color: #FFF; } + .button-highlight:visited, + .button-highlight-flat:visited { + color: #FFF; } + .button-highlight:hover, .button-highlight:focus, + .button-highlight-flat:hover, + .button-highlight-flat:focus { + background-color: #fec04e; + border-color: #fec04e; + color: #FFF; } + .button-highlight:active, .button-highlight.active, .button-highlight.is-active, + .button-highlight-flat:active, + .button-highlight-flat.active, + .button-highlight-flat.is-active { + background-color: #f3ab26; + border-color: #f3ab26; + color: #e59501; } + +.button-caution, +.button-caution-flat { + background-color: #FF4351; + border-color: #FF4351; + color: #FFF; } + .button-caution:visited, + .button-caution-flat:visited { + color: #FFF; } + .button-caution:hover, .button-caution:focus, + .button-caution-flat:hover, + .button-caution-flat:focus { + background-color: #ff7680; + border-color: #ff7680; + color: #FFF; } + .button-caution:active, .button-caution.active, .button-caution.is-active, + .button-caution-flat:active, + .button-caution-flat.active, + .button-caution-flat.is-active { + background-color: #f64c59; + border-color: #f64c59; + color: #ff1022; } + +.button-royal, +.button-royal-flat { + background-color: #7B72E9; + border-color: #7B72E9; + color: #FFF; } + .button-royal:visited, + .button-royal-flat:visited { + color: #FFF; } + .button-royal:hover, .button-royal:focus, + .button-royal-flat:hover, + .button-royal-flat:focus { + background-color: #a49ef0; + border-color: #a49ef0; + color: #FFF; } + .button-royal:active, .button-royal.active, .button-royal.is-active, + .button-royal-flat:active, + .button-royal-flat.active, + .button-royal-flat.is-active { + background-color: #827ae1; + border-color: #827ae1; + color: #5246e2; } + +/* +* Base Layout Styles +* +* Very Miminal Layout Styles +*/ +.button-block, +.button-stacked { + display: block; } + +/* +* Button Types (optional) +* +* All of the files below represent the various button +* types (including shapes & sizes). None of these files +* are required. Simple remove the uneeded type below and +* the button type will be excluded from the final build +*/ +/* +* Button Shapes +* +* This file creates the various button shapes +* (ex. Circle, Rounded, Pill) +*/ +.button-square { + border-radius: 0; } + +.button-box { + border-radius: 10px; } + +.button-rounded { + border-radius: 4px; } + +.button-pill { + border-radius: 200px; } + +.button-circle { + border-radius: 100%; } + +/* +* Size Adjustment for equal height & widht buttons +* +* Remove padding and set a fixed width. +*/ +.button-circle, +.button-box, +.button-square { + padding: 0 !important; + width: 40px; } + .button-circle.button-giant, + .button-box.button-giant, + .button-square.button-giant { + width: 70px; } + .button-circle.button-jumbo, + .button-box.button-jumbo, + .button-square.button-jumbo { + width: 60px; } + .button-circle.button-large, + .button-box.button-large, + .button-square.button-large { + width: 50px; } + .button-circle.button-normal, + .button-box.button-normal, + .button-square.button-normal { + width: 40px; } + .button-circle.button-small, + .button-box.button-small, + .button-square.button-small { + width: 30px; } + .button-circle.button-tiny, + .button-box.button-tiny, + .button-square.button-tiny { + width: 24px; } + +/* +* Border Buttons +* +* These buttons have no fill they only have a +* border to define their hit target. +*/ +.button-border, .button-border-thin, .button-border-thick { + background: none; + border-width: 2px; + border-style: solid; + line-height: 36px; } + .button-border:hover, .button-border-thin:hover, .button-border-thick:hover { + background-color: rgba(255, 255, 255, 0.9); } + .button-border:active, .button-border-thin:active, .button-border-thick:active, .button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick { + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: none; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .3s; + transition-duration: .3s; } + +/* +* Border Optional Sizes +* +* A slight variation in border thickness +*/ +.button-border-thin { + border-width: 1px; } + +.button-border-thick { + border-width: 3px; } + +/* +* Border Button Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-border, .button-border-thin, .button-border-thick, +.button-border-thin, +.button-border-thick { + /* + * Border Button Size Adjustment + * + * The line-height must be adjusted to compinsate for + * the width of the border. + */ } + .button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick, + .button-border-thin.button-primary, + .button-border-thick.button-primary { + color: #1B9AF7; } + .button-border.button-primary:hover, .button-primary.button-border-thin:hover, .button-primary.button-border-thick:hover, .button-border.button-primary:focus, .button-primary.button-border-thin:focus, .button-primary.button-border-thick:focus, + .button-border-thin.button-primary:hover, + .button-border-thin.button-primary:focus, + .button-border-thick.button-primary:hover, + .button-border-thick.button-primary:focus { + background-color: rgba(76, 176, 249, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-primary:active, .button-primary.button-border-thin:active, .button-primary.button-border-thick:active, .button-border.button-primary.active, .button-primary.active.button-border-thin, .button-primary.active.button-border-thick, .button-border.button-primary.is-active, .button-primary.is-active.button-border-thin, .button-primary.is-active.button-border-thick, + .button-border-thin.button-primary:active, + .button-border-thin.button-primary.active, + .button-border-thin.button-primary.is-active, + .button-border-thick.button-primary:active, + .button-border-thick.button-primary.active, + .button-border-thick.button-primary.is-active { + background-color: rgba(39, 152, 235, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-plain, .button-plain.button-border-thin, .button-plain.button-border-thick, + .button-border-thin.button-plain, + .button-border-thick.button-plain { + color: #FFF; } + .button-border.button-plain:hover, .button-plain.button-border-thin:hover, .button-plain.button-border-thick:hover, .button-border.button-plain:focus, .button-plain.button-border-thin:focus, .button-plain.button-border-thick:focus, + .button-border-thin.button-plain:hover, + .button-border-thin.button-plain:focus, + .button-border-thick.button-plain:hover, + .button-border-thick.button-plain:focus { + background-color: rgba(255, 255, 255, 0.9); + color: rgba(27, 154, 247, 0.9); } + .button-border.button-plain:active, .button-plain.button-border-thin:active, .button-plain.button-border-thick:active, .button-border.button-plain.active, .button-plain.active.button-border-thin, .button-plain.active.button-border-thick, .button-border.button-plain.is-active, .button-plain.is-active.button-border-thin, .button-plain.is-active.button-border-thick, + .button-border-thin.button-plain:active, + .button-border-thin.button-plain.active, + .button-border-thin.button-plain.is-active, + .button-border-thick.button-plain:active, + .button-border-thick.button-plain.active, + .button-border-thick.button-plain.is-active { + background-color: rgba(255, 255, 255, 0.7); + color: rgba(27, 154, 247, 0.5); + opacity: .3; } + .button-border.button-inverse, .button-inverse.button-border-thin, .button-inverse.button-border-thick, + .button-border-thin.button-inverse, + .button-border-thick.button-inverse { + color: #222; } + .button-border.button-inverse:hover, .button-inverse.button-border-thin:hover, .button-inverse.button-border-thick:hover, .button-border.button-inverse:focus, .button-inverse.button-border-thin:focus, .button-inverse.button-border-thick:focus, + .button-border-thin.button-inverse:hover, + .button-border-thin.button-inverse:focus, + .button-border-thick.button-inverse:hover, + .button-border-thick.button-inverse:focus { + background-color: rgba(60, 60, 60, 0.9); + color: rgba(238, 238, 238, 0.9); } + .button-border.button-inverse:active, .button-inverse.button-border-thin:active, .button-inverse.button-border-thick:active, .button-border.button-inverse.active, .button-inverse.active.button-border-thin, .button-inverse.active.button-border-thick, .button-border.button-inverse.is-active, .button-inverse.is-active.button-border-thin, .button-inverse.is-active.button-border-thick, + .button-border-thin.button-inverse:active, + .button-border-thin.button-inverse.active, + .button-border-thin.button-inverse.is-active, + .button-border-thick.button-inverse:active, + .button-border-thick.button-inverse.active, + .button-border-thick.button-inverse.is-active { + background-color: rgba(34, 34, 34, 0.7); + color: rgba(238, 238, 238, 0.5); + opacity: .3; } + .button-border.button-action, .button-action.button-border-thin, .button-action.button-border-thick, + .button-border-thin.button-action, + .button-border-thick.button-action { + color: #A5DE37; } + .button-border.button-action:hover, .button-action.button-border-thin:hover, .button-action.button-border-thick:hover, .button-border.button-action:focus, .button-action.button-border-thin:focus, .button-action.button-border-thick:focus, + .button-border-thin.button-action:hover, + .button-border-thin.button-action:focus, + .button-border-thick.button-action:hover, + .button-border-thick.button-action:focus { + background-color: rgba(185, 229, 99, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-action:active, .button-action.button-border-thin:active, .button-action.button-border-thick:active, .button-border.button-action.active, .button-action.active.button-border-thin, .button-action.active.button-border-thick, .button-border.button-action.is-active, .button-action.is-active.button-border-thin, .button-action.is-active.button-border-thick, + .button-border-thin.button-action:active, + .button-border-thin.button-action.active, + .button-border-thin.button-action.is-active, + .button-border-thick.button-action:active, + .button-border-thick.button-action.active, + .button-border-thick.button-action.is-active { + background-color: rgba(161, 210, 67, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-highlight, .button-highlight.button-border-thin, .button-highlight.button-border-thick, + .button-border-thin.button-highlight, + .button-border-thick.button-highlight { + color: #FEAE1B; } + .button-border.button-highlight:hover, .button-highlight.button-border-thin:hover, .button-highlight.button-border-thick:hover, .button-border.button-highlight:focus, .button-highlight.button-border-thin:focus, .button-highlight.button-border-thick:focus, + .button-border-thin.button-highlight:hover, + .button-border-thin.button-highlight:focus, + .button-border-thick.button-highlight:hover, + .button-border-thick.button-highlight:focus { + background-color: rgba(254, 192, 78, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-highlight:active, .button-highlight.button-border-thin:active, .button-highlight.button-border-thick:active, .button-border.button-highlight.active, .button-highlight.active.button-border-thin, .button-highlight.active.button-border-thick, .button-border.button-highlight.is-active, .button-highlight.is-active.button-border-thin, .button-highlight.is-active.button-border-thick, + .button-border-thin.button-highlight:active, + .button-border-thin.button-highlight.active, + .button-border-thin.button-highlight.is-active, + .button-border-thick.button-highlight:active, + .button-border-thick.button-highlight.active, + .button-border-thick.button-highlight.is-active { + background-color: rgba(243, 171, 38, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-caution, .button-caution.button-border-thin, .button-caution.button-border-thick, + .button-border-thin.button-caution, + .button-border-thick.button-caution { + color: #FF4351; } + .button-border.button-caution:hover, .button-caution.button-border-thin:hover, .button-caution.button-border-thick:hover, .button-border.button-caution:focus, .button-caution.button-border-thin:focus, .button-caution.button-border-thick:focus, + .button-border-thin.button-caution:hover, + .button-border-thin.button-caution:focus, + .button-border-thick.button-caution:hover, + .button-border-thick.button-caution:focus { + background-color: rgba(255, 118, 128, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-caution:active, .button-caution.button-border-thin:active, .button-caution.button-border-thick:active, .button-border.button-caution.active, .button-caution.active.button-border-thin, .button-caution.active.button-border-thick, .button-border.button-caution.is-active, .button-caution.is-active.button-border-thin, .button-caution.is-active.button-border-thick, + .button-border-thin.button-caution:active, + .button-border-thin.button-caution.active, + .button-border-thin.button-caution.is-active, + .button-border-thick.button-caution:active, + .button-border-thick.button-caution.active, + .button-border-thick.button-caution.is-active { + background-color: rgba(246, 76, 89, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-royal, .button-royal.button-border-thin, .button-royal.button-border-thick, + .button-border-thin.button-royal, + .button-border-thick.button-royal { + color: #7B72E9; } + .button-border.button-royal:hover, .button-royal.button-border-thin:hover, .button-royal.button-border-thick:hover, .button-border.button-royal:focus, .button-royal.button-border-thin:focus, .button-royal.button-border-thick:focus, + .button-border-thin.button-royal:hover, + .button-border-thin.button-royal:focus, + .button-border-thick.button-royal:hover, + .button-border-thick.button-royal:focus { + background-color: rgba(164, 158, 240, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-royal:active, .button-royal.button-border-thin:active, .button-royal.button-border-thick:active, .button-border.button-royal.active, .button-royal.active.button-border-thin, .button-royal.active.button-border-thick, .button-border.button-royal.is-active, .button-royal.is-active.button-border-thin, .button-royal.is-active.button-border-thick, + .button-border-thin.button-royal:active, + .button-border-thin.button-royal.active, + .button-border-thin.button-royal.is-active, + .button-border-thick.button-royal:active, + .button-border-thick.button-royal.active, + .button-border-thick.button-royal.is-active { + background-color: rgba(130, 122, 225, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick, + .button-border-thin.button-giant, + .button-border-thick.button-giant { + line-height: 66px; } + .button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick, + .button-border-thin.button-jumbo, + .button-border-thick.button-jumbo { + line-height: 56px; } + .button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick, + .button-border-thin.button-large, + .button-border-thick.button-large { + line-height: 46px; } + .button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick, + .button-border-thin.button-normal, + .button-border-thick.button-normal { + line-height: 36px; } + .button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick, + .button-border-thin.button-small, + .button-border-thick.button-small { + line-height: 26px; } + .button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick, + .button-border-thin.button-tiny, + .button-border-thick.button-tiny { + line-height: 20px; } + +/* +* Border Buttons +* +* These buttons have no fill they only have a +* border to define their hit target. +*/ +.button-borderless { + background: none; + border: none; + padding: 0 8px !important; + color: #EEE; + font-size: 20.8px; + font-weight: 200; + /* + * Borderless Button Colors + * + * Create colors for buttons + * (.button-primary, .button-secondary, etc.) + */ + /* + * Borderles Size Adjustment + * + * The font-size must be large to compinsate for + * the lack of a hit target. + */ } + .button-borderless:hover, .button-borderless:focus { + background: none; } + .button-borderless:active, .button-borderless.active, .button-borderless.is-active { + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: none; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .3s; + transition-duration: .3s; + opacity: .3; } + .button-borderless.button-primary { + color: #1B9AF7; } + .button-borderless.button-plain { + color: #FFF; } + .button-borderless.button-inverse { + color: #222; } + .button-borderless.button-action { + color: #A5DE37; } + .button-borderless.button-highlight { + color: #FEAE1B; } + .button-borderless.button-caution { + color: #FF4351; } + .button-borderless.button-royal { + color: #7B72E9; } + .button-borderless.button-giant { + font-size: 36.4px; + height: 52.4px; + line-height: 52.4px; } + .button-borderless.button-jumbo { + font-size: 31.2px; + height: 47.2px; + line-height: 47.2px; } + .button-borderless.button-large { + font-size: 26px; + height: 42px; + line-height: 42px; } + .button-borderless.button-normal { + font-size: 20.8px; + height: 36.8px; + line-height: 36.8px; } + .button-borderless.button-small { + font-size: 15.6px; + height: 31.6px; + line-height: 31.6px; } + .button-borderless.button-tiny { + font-size: 12.48px; + height: 28.48px; + line-height: 28.48px; } + +/* +* Raised Buttons +* +* A classic looking button that offers +* great depth and affordance. +*/ +.button-raised { + border-color: #e1e1e1; + border-style: solid; + border-width: 1px; + line-height: 38px; + background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1)); + background: linear-gradient(#f6f6f6, #e1e1e1); + -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); } + .button-raised:hover, .button-raised:focus { + background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro)); + background: linear-gradient(top, white, gainsboro); } + .button-raised:active, .button-raised.active, .button-raised.is-active { + background: #eeeeee; + -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; } + +/* +* Raised Button Colors +* +* Create colors for raised buttons +*/ +.button-raised.button-primary { + border-color: #088ef0; + background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0)); + background: linear-gradient(#34a5f8, #088ef0); } + .button-raised.button-primary:hover, .button-raised.button-primary:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6)); + background: linear-gradient(top, #42abf8, #0888e6); } + .button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active { + border-color: #0880d7; + background: #2798eb; } +.button-raised.button-plain { + border-color: #f2f2f2; + background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2)); + background: linear-gradient(white, #f2f2f2); } + .button-raised.button-plain:hover, .button-raised.button-plain:focus { + background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed)); + background: linear-gradient(top, white, #ededed); } + .button-raised.button-plain:active, .button-raised.button-plain.active, .button-raised.button-plain.is-active { + border-color: #e6e6e6; + background: white; } +.button-raised.button-inverse { + border-color: #151515; + background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515)); + background: linear-gradient(#2f2f2f, #151515); } + .button-raised.button-inverse:hover, .button-raised.button-inverse:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010)); + background: linear-gradient(top, #363636, #101010); } + .button-raised.button-inverse:active, .button-raised.button-inverse.active, .button-raised.button-inverse.is-active { + border-color: #090909; + background: #222222; } +.button-raised.button-action { + border-color: #9ad824; + background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824)); + background: linear-gradient(#afe24d, #9ad824); } + .button-raised.button-action:hover, .button-raised.button-action:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22)); + background: linear-gradient(top, #b5e45a, #94cf22); } + .button-raised.button-action:active, .button-raised.button-action.active, .button-raised.button-action.is-active { + border-color: #8bc220; + background: #a1d243; } +.button-raised.button-highlight { + border-color: #fea502; + background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502)); + background: linear-gradient(#feb734, #fea502); } + .button-raised.button-highlight:hover, .button-raised.button-highlight:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01)); + background: linear-gradient(top, #febc44, #f49f01); } + .button-raised.button-highlight:active, .button-raised.button-highlight.active, .button-raised.button-highlight.is-active { + border-color: #e59501; + background: #f3ab26; } +.button-raised.button-caution { + border-color: #ff2939; + background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939)); + background: linear-gradient(#ff5c69, #ff2939); } + .button-raised.button-caution:hover, .button-raised.button-caution:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30)); + background: linear-gradient(top, #ff6c77, #ff1f30); } + .button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active { + border-color: #ff1022; + background: #f64c59; } +.button-raised.button-royal { + border-color: #665ce6; + background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6)); + background: linear-gradient(#9088ec, #665ce6); } + .button-raised.button-royal:hover, .button-raised.button-royal:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4)); + background: linear-gradient(top, #9c95ef, #5e53e4); } + .button-raised.button-royal:active, .button-raised.button-royal.active, .button-raised.button-royal.is-active { + border-color: #5246e2; + background: #827ae1; } + +/* +* 3D Buttons +* +* These buttons have a heavy three dimensional +* style that mimics the visual appearance of a +* real life button. +*/ +.button-3d { + position: relative; + top: 0; + -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); } + .button-3d:hover, .button-3d:focus { + -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); } + .button-3d:active, .button-3d.active, .button-3d.is-active { + top: 5px; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .15s; + transition-duration: .15s; + -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); } + +/* +* 3D Button Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-3d.button-primary { + -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-primary:hover, .button-3d.button-primary:focus { + -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-primary:active, .button-3d.button-primary.active, .button-3d.button-primary.is-active { + -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-plain { + -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-plain:hover, .button-3d.button-plain:focus { + -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-plain:active, .button-3d.button-plain.active, .button-3d.button-plain.is-active { + -webkit-box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-inverse { + -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-inverse:hover, .button-3d.button-inverse:focus { + -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-inverse:active, .button-3d.button-inverse.active, .button-3d.button-inverse.is-active { + -webkit-box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-action { + -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-action:hover, .button-3d.button-action:focus { + -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-action:active, .button-3d.button-action.active, .button-3d.button-action.is-active { + -webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-highlight { + -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-highlight:hover, .button-3d.button-highlight:focus { + -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-highlight:active, .button-3d.button-highlight.active, .button-3d.button-highlight.is-active { + -webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-caution { + -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-caution:hover, .button-3d.button-caution:focus { + -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-caution:active, .button-3d.button-caution.active, .button-3d.button-caution.is-active { + -webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-royal { + -webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-royal:hover, .button-3d.button-royal:focus { + -webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-royal:active, .button-3d.button-royal.active, .button-3d.button-royal.is-active { + -webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); } + +/* +* Glowing Buttons +* +* A pulse like glow that appears +* rythmically around the edges of +* a button. +*/ +/* +* Glow animation mixin for Compass users +* +*/ +/* +* Glowing Keyframes +* +*/ +@-webkit-keyframes glowing { + from { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); + box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } } +@keyframes glowing { + from { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); + box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } } +/* +* Glowing Keyframes for various colors +* +*/ +@-webkit-keyframes glowing-primary { + from { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); + box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } } +@keyframes glowing-primary { + from { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); + box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } } +@-webkit-keyframes glowing-plain { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); + box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } } +@keyframes glowing-plain { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); + box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } } +@-webkit-keyframes glowing-inverse { + from { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); + box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } } +@keyframes glowing-inverse { + from { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); + box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } } +@-webkit-keyframes glowing-action { + from { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); + box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } } +@keyframes glowing-action { + from { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); + box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } } +@-webkit-keyframes glowing-highlight { + from { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); + box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } } +@keyframes glowing-highlight { + from { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); + box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } } +@-webkit-keyframes glowing-caution { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); + box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } } +@keyframes glowing-caution { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); + box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } } +@-webkit-keyframes glowing-royal { + from { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); + box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } } +@keyframes glowing-royal { + from { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } + 50% { + -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); + box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); } + to { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } } +/* +* Glowing Buttons Base Styes +* +* A pulse like glow that appears +* rythmically around the edges of +* a button. +*/ +.button-glow { + -webkit-animation-duration: 3s; + animation-duration: 3s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-name: glowing; + animation-name: glowing; } + .button-glow:active, .button-glow.active, .button-glow.is-active { + -webkit-animation-name: none; + animation-name: none; } + +/* +* Glowing Button Colors +* +* Create colors for glowing buttons +*/ +.button-glow.button-primary { + -webkit-animation-name: glowing-primary; + animation-name: glowing-primary; } +.button-glow.button-plain { + -webkit-animation-name: glowing-plain; + animation-name: glowing-plain; } +.button-glow.button-inverse { + -webkit-animation-name: glowing-inverse; + animation-name: glowing-inverse; } +.button-glow.button-action { + -webkit-animation-name: glowing-action; + animation-name: glowing-action; } +.button-glow.button-highlight { + -webkit-animation-name: glowing-highlight; + animation-name: glowing-highlight; } +.button-glow.button-caution { + -webkit-animation-name: glowing-caution; + animation-name: glowing-caution; } +.button-glow.button-royal { + -webkit-animation-name: glowing-royal; + animation-name: glowing-royal; } + +/* +* Dropdown menu buttons +* +* A dropdown menu appears +* when a button is pressed +*/ +/* +* Dropdown Container +* +*/ +.button-dropdown { + position: relative; + overflow: visible; + display: inline-block; } + +/* +* Dropdown List Style +* +*/ +.button-dropdown-list { + display: none; + position: absolute; + padding: 0; + margin: 0; + top: 0; + left: 0; + z-index: 1000; + min-width: 100%; + list-style-type: none; + background: rgba(255, 255, 255, 0.95); + border-style: solid; + border-width: 1px; + border-color: #d4d4d4; + font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); + border-radius: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + /* + * Dropdown Below + * + */ + /* + * Dropdown Above + * + */ } + .button-dropdown-list.is-below { + top: 100%; + border-top: none; + border-radius: 0 0 3px 3px; } + .button-dropdown-list.is-above { + bottom: 100%; + top: auto; + border-bottom: none; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); + box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); } + +/* +* Dropdown Buttons +* +*/ +.button-dropdown-list > li { + padding: 0; + margin: 0; + display: block; } + .button-dropdown-list > li > a { + display: block; + line-height: 40px; + font-size: 12.8px; + padding: 5px 10px; + float: none; + color: #666; + text-decoration: none; } + .button-dropdown-list > li > a:hover { + color: #5e5e5e; + background: #f6f6f6; + text-decoration: none; } + +.button-dropdown-divider { + border-top: 1px solid #e6e6e6; } + +/* +* Dropdown Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-dropdown.button-dropdown-primary .button-dropdown-list { + background: rgba(27, 154, 247, 0.95); + border-color: #0880d7; } + .button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider { + border-color: #0888e6; } + .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a { + color: #FFF; } + .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #088ef0; } +.button-dropdown.button-dropdown-plain .button-dropdown-list { + background: rgba(255, 255, 255, 0.95); + border-color: #e6e6e6; } + .button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider { + border-color: #ededed; } + .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a { + color: #1B9AF7; } + .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a:hover { + color: #088ef0; + background: #f2f2f2; } +.button-dropdown.button-dropdown-inverse .button-dropdown-list { + background: rgba(34, 34, 34, 0.95); + border-color: #090909; } + .button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider { + border-color: #101010; } + .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a { + color: #EEE; } + .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a:hover { + color: #e1e1e1; + background: #151515; } +.button-dropdown.button-dropdown-action .button-dropdown-list { + background: rgba(165, 222, 55, 0.95); + border-color: #8bc220; } + .button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider { + border-color: #94cf22; } + .button-dropdown.button-dropdown-action .button-dropdown-list > li > a { + color: #FFF; } + .button-dropdown.button-dropdown-action .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #9ad824; } +.button-dropdown.button-dropdown-highlight .button-dropdown-list { + background: rgba(254, 174, 27, 0.95); + border-color: #e59501; } + .button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider { + border-color: #f49f01; } + .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a { + color: #FFF; } + .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #fea502; } +.button-dropdown.button-dropdown-caution .button-dropdown-list { + background: rgba(255, 67, 81, 0.95); + border-color: #ff1022; } + .button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider { + border-color: #ff1f30; } + .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a { + color: #FFF; } + .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #ff2939; } +.button-dropdown.button-dropdown-royal .button-dropdown-list { + background: rgba(123, 114, 233, 0.95); + border-color: #5246e2; } + .button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider { + border-color: #5e53e4; } + .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a { + color: #FFF; } + .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #665ce6; } + +/* +* Buton Groups +* +* A group of related buttons +* displayed edge to edge +*/ +.button-group { + position: relative; + display: inline-block; } + .button-group:after { + content: " "; + display: block; + clear: both; } + .button-group .button, + .button-group .button-dropdown { + float: left; } + .button-group .button:not(:first-child):not(:last-child), + .button-group .button-dropdown:not(:first-child):not(:last-child) { + border-radius: 0; + border-right: none; } + .button-group .button:first-child, + .button-group .button-dropdown:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: none; } + .button-group .button:last-child, + .button-group .button-dropdown:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +/* +* Button Wrapper +* +* A wrap around effect to highlight +* the shape of the button and offer +* a subtle visual effect. +*/ +.button-wrap { + border: 1px solid #e3e3e3; + display: inline-block; + padding: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF)); + background: linear-gradient(#f2f2f2, #FFF); + border-radius: 200px; + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); } + +/* +* Long Shadow Buttons +* +* A visual effect adding a flat shadow to the text of a button +*/ +/* +* Long Shadow Function +* +* Loops $length times building a long shadow. Defaults downward right +*/ +/* +* LONG SHADOW MIXIN +* +*/ +/* +* Shadow Right +* +*/ +.button-longshadow, +.button-longshadow-right { + overflow: hidden; } + .button-longshadow.button-primary, + .button-longshadow-right.button-primary { + text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7; } + .button-longshadow.button-primary:active, .button-longshadow.button-primary.active, .button-longshadow.button-primary.is-active, + .button-longshadow-right.button-primary:active, + .button-longshadow-right.button-primary.active, + .button-longshadow-right.button-primary.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-plain, + .button-longshadow-right.button-plain { + text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6; } + .button-longshadow.button-plain:active, .button-longshadow.button-plain.active, .button-longshadow.button-plain.is-active, + .button-longshadow-right.button-plain:active, + .button-longshadow-right.button-plain.active, + .button-longshadow-right.button-plain.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-inverse, + .button-longshadow-right.button-inverse { + text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909; } + .button-longshadow.button-inverse:active, .button-longshadow.button-inverse.active, .button-longshadow.button-inverse.is-active, + .button-longshadow-right.button-inverse:active, + .button-longshadow-right.button-inverse.active, + .button-longshadow-right.button-inverse.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-action, + .button-longshadow-right.button-action { + text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220; } + .button-longshadow.button-action:active, .button-longshadow.button-action.active, .button-longshadow.button-action.is-active, + .button-longshadow-right.button-action:active, + .button-longshadow-right.button-action.active, + .button-longshadow-right.button-action.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-highlight, + .button-longshadow-right.button-highlight { + text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501; } + .button-longshadow.button-highlight:active, .button-longshadow.button-highlight.active, .button-longshadow.button-highlight.is-active, + .button-longshadow-right.button-highlight:active, + .button-longshadow-right.button-highlight.active, + .button-longshadow-right.button-highlight.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-caution, + .button-longshadow-right.button-caution { + text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022; } + .button-longshadow.button-caution:active, .button-longshadow.button-caution.active, .button-longshadow.button-caution.is-active, + .button-longshadow-right.button-caution:active, + .button-longshadow-right.button-caution.active, + .button-longshadow-right.button-caution.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-royal, + .button-longshadow-right.button-royal { + text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2; } + .button-longshadow.button-royal:active, .button-longshadow.button-royal.active, .button-longshadow.button-royal.is-active, + .button-longshadow-right.button-royal:active, + .button-longshadow-right.button-royal.active, + .button-longshadow-right.button-royal.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +/* +* Shadow Left +* +*/ +.button-longshadow-left { + overflow: hidden; } + .button-longshadow-left.button-primary { + text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7; } + .button-longshadow-left.button-primary:active, .button-longshadow-left.button-primary.active, .button-longshadow-left.button-primary.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-plain { + text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6; } + .button-longshadow-left.button-plain:active, .button-longshadow-left.button-plain.active, .button-longshadow-left.button-plain.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-inverse { + text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909; } + .button-longshadow-left.button-inverse:active, .button-longshadow-left.button-inverse.active, .button-longshadow-left.button-inverse.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-action { + text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220; } + .button-longshadow-left.button-action:active, .button-longshadow-left.button-action.active, .button-longshadow-left.button-action.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-highlight { + text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501; } + .button-longshadow-left.button-highlight:active, .button-longshadow-left.button-highlight.active, .button-longshadow-left.button-highlight.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-caution { + text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022; } + .button-longshadow-left.button-caution:active, .button-longshadow-left.button-caution.active, .button-longshadow-left.button-caution.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-royal { + text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2; } + .button-longshadow-left.button-royal:active, .button-longshadow-left.button-royal.active, .button-longshadow-left.button-royal.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +/* +* Button Sizes +* +* This file creates the various button sizes +* (ex. .button-large, .button-small, etc.) +*/ +.button-giant { + font-size: 28px; + height: 70px; + line-height: 70px; + padding: 0 70px; } + +.button-jumbo { + font-size: 24px; + height: 60px; + line-height: 60px; + padding: 0 60px; } + +.button-large { + font-size: 20px; + height: 50px; + line-height: 50px; + padding: 0 50px; } + +.button-normal { + font-size: 16px; + height: 40px; + line-height: 40px; + padding: 0 40px; } + +.button-small { + font-size: 12px; + height: 30px; + line-height: 30px; + padding: 0 30px; } + +.button-tiny { + font-size: 9.6px; + height: 24px; + line-height: 24px; + padding: 0 24px; } \ No newline at end of file diff --git a/assets/css/customemin.css b/assets/css/customemin.css new file mode 100644 index 0000000..fb64e62 --- /dev/null +++ b/assets/css/customemin.css @@ -0,0 +1,210 @@ +pre:before { + content:" "; + position:absolute; + -webkit-border-radius:50%; + border-radius:50%; + background:#fc625d; + width:12px; + height:12px; + left:10px; + top:10px; + -webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b; + box-shadow:20px 0 #fdbc40,40px 0 #35cd4b; + z-index:2 +} +pre { + background:#21252b; + border-radius:5px; + font:15px/22px"Microsoft YaHei",Arial,Sans-Serif; + line-height:1.4; + margin-bottom:1.6em; + max-width:100%; + overflow:; + text-shadow:none; + color:#000; + box-shadow:0 10px 30px 0 rgba(0,0,0,.4) +} +pre code::-webkit-scrollbar { + height:10x !important; + width:10x !important; + background-color:#1d1f21 !important +} +pre code::-webkit-scrollbar-track { + -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3) !important; + border-radius:10px !important; + background-color:#21252b !important +} +pre code::-webkit-scrollbar-thumb { + border-radius:10px !important; + -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5) !important; + background-color:#21252b !important +} +pre code { + background:#1d1f21; + color:#fff; + word-break:break-word; + font-family:'Source Code Pro', monospace, Helvetica, Tahoma, Arial, STXihei, "STHeiti Light", "Microsoft YaHei", sans-serif; + padding:2px; + text-shadow:none; + border-radius:0 0 5px 5px; + cursor:auto; + /*max-height: calc(100vh - 250px);*/ + overflow-y: scroll; +} +pre code[data-rel]:before { + color:#fff; + content:attr(data-rel); + height:38px; + line-height:38px; + background:#21252b; + font-size:16px; + position:absolute; + margin-top:-45px; + left:0; + width:100%; + font-family:'Ubuntu', sans-serif; + font-weight:bold; + /*padding:0 80px;*/ + text-indent:15px; + text-align:center; + float:left; + z-index:1; + border-radius:5px 5px 0 0; + border-top-left-radius:5px; + border-top-right-radius:5px; + border-bottom-right-radius:0; + border-bottom-left-radius:0; + pointer-events:none +} +.hljs-ln-line span::-moz-selection,.hljs-ln-line::-moz-selection { + background:#fff; + color:#21252b +} +.hljs-ln-line span::selection,.hljs-ln-line::selection { + background:#fff; + color:#21252b +} +.hljs { + display:block; + overflow-x:auto; + padding:.5em; + color:#abb2bf; + background:#282c34; + max-height: 600px; +} +} +.hljs-comment,.hljs-quote { + color:#5c6370; + font-style:italic +} +.hljs-doctag,.hljs-formula,.hljs-keyword { + color:#c678dd +} +.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst { + color:#e06c75 +} +.hljs-literal { + color:#56b6c2 +} +.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string { + color:#98c379 +} +.hljs-built_in,.hljs-class .hljs-title { + color:#e6c07b +} +.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable { + color:#d19a66 +} +.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title { + color:#61aeee +} +.hljs-emphasis { + font-style:italic +} +.hljs-strong { + font-weight:700 +} +.hljs-link { + text-decoration:underline +} +.hljs-ln { + margin:6px 0 0 0 !important +} +td.hljs-ln-numbers { + display: none; + -webkit-touch-callout:none; + -webkit-user-select:none; + -khtml-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + text-align:center; + color:#888f96; + background:#1d1f21; + font-family:'Source Code Pro', monospace, Helvetica, Tahoma, Arial, STXihei, "STHeiti Light", "Microsoft YaHei", sans-serif; + vertical-align:top; + position:absolute; + left:0; + width:30px +} +.hljs-ln-code .hljs-ln-line { + margin-left:25px; + padding-left:5px +} +.hljs-ln-code .hljs-ln-line:hover { + background-color:rgba(255, 255, 255, .1) +} + +@keyframes elastic { + 0% { + transform:scale(0) + } + 55% { + transform:scale(1) + } + 70% { + transform:scale(.98) + } + 100% { + transform:scale(1) + } +} + +.hljs-emphasis { + font-style: italic; +} + +.hljs-strong { + font-weight: bold; +} +pre .content{ + width: 40%; + margin: 5rem auto; + position: relative; +} +#post-content .code-block-fullscreen{ + padding-top: 32px; + position:fixed; + width: 80vw; + height: 80vh; + min-height: 80vh; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + z-index:9999999; box-shadow: 0 0 20px 0 rgba(255,255,255,.4); + animation:elastic 1s; + overflow: hidden; +} +.code-block-fullscreen code { + --widthA:100%; + --widthB:calc(var(--widthA) - 30px); + height:var(--widthB); + min-height:99%; + overflow-y:scroll; + height:100%; +} +.code-block-fullscreen-html-scroll { + overflow:hidden +} diff --git a/assets/css/font-awesome.min.css b/assets/css/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/assets/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/assets/css/jquery.fancybox.min.css b/assets/css/jquery.fancybox.min.css new file mode 100644 index 0000000..7cc60b2 --- /dev/null +++ b/assets/css/jquery.fancybox.min.css @@ -0,0 +1 @@ +body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} \ No newline at end of file diff --git a/assets/css/lines.css b/assets/css/lines.css new file mode 100644 index 0000000..616438f --- /dev/null +++ b/assets/css/lines.css @@ -0,0 +1,114 @@ +.copy_code{ + z-index: 2; + transition: all .3s; + display: none; + position: absolute; + color: #ddd; + background-color: transparent; + right: 5px; + top: 9px; + font-size: 12px; + line-height: 12px; + padding: 3px 5px; + border: 1px solid; + border-radius: 4px; +} +pre code ul { + list-style: decimal; + margin: 0px 0px 0 35px !important; + padding: 0px; + font-size: 14px; + color: #F5F5F5; + border-left: 1px solid #696969; +} +pre code ul li { + list-style: decimal; + padding: 5px!important; + margin: 0 !important; + font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace; + line-height: 14px; + word-break: break-all; + word-wrap: break-word; +} +pre code ul li:nth-of-type(even) { + color: inherit; + +} + +/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ +pre code::-webkit-scrollbar{ + width: 5px; + height: 8px; + background-color: rgba(255,255,255,0); +} + +/*定义滚动条轨道 内阴影+圆角*/ +pre code::-webkit-scrollbar-track{ + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + border-radius: 10px; + background-color: rgba(255,255,255,0); +} + +/*定义滑块 内阴影+圆角*/ +pre code::-webkit-scrollbar-thumb{ + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); + background-color: #555; +} + + +pre code::-webkit-scrollbar-corner { + /* background: transparent!important; */ +} + +pre code:-webkit-scrollbar { + /* width: 8px!important; */ + height: 8px!important; +} + +pre code::-webkit-scrollbar-thumb { + border-radius: 5px!important; + background-color: #777!important; +} + +pre code::-webkit-scrollbar-track-piece { + background: #21252a!important +} + +pre code::-webkit-scrollbar-thumb:hover { + background-color: #888!important +} + +pre code::-webkit-scrollbar-thumb:active { + background-color: #999!important +} + +pre,article pre{ + max-height: calc(100vh - 250px); + overflow: auto; + padding: 0; + margin-left: 2px; + background: #161616; + min-height: 100%; position: relative; padding-top: 30px; overflow-y: hidden; +} + +.btn-copy-code { + transition:all .3s; + opacity:0; + position:absolute; + color:#ddd; + background-color:transparent; + right:6px; + top:4px; + font-size:10px; + line-height:12px; + padding:3px 5px; + border:1px solid; + border-radius:4px +} +.btn-copy-code:hover { + color:#fff +} +pre:hover .btn-copy-code { + opacity:1 +} diff --git a/assets/css/mark.min.css b/assets/css/mark.min.css new file mode 100644 index 0000000..ef99aec --- /dev/null +++ b/assets/css/mark.min.css @@ -0,0 +1,573 @@ +@charset "utf-8"; +/* + * The css file of Theme Mark + * By BigCoke https://cokewithice.com + * You'd better not delete the copyright infomation + */ + +/* 全局样式 */ +body{ + background-color:#F8F8FF +} +p{ + font-size:1.1em; +} +a{ + color:black; + transition:all 0.3s; +} +a:hover,a:active{ + opacity:0.9; + text-decoration:none; + color:#808080; +} +/* 各种css */ +.item{ + background-color:#fff; + box-shadow:0 0 8px #ccc; + -webkit-box-shadow:0 0 8px #ccc; + padding:15px; +} +/* 文章及文章列表 */ +.post-item{ + transition:all 0.5s; +} +.post-item:hover{ + box-shadow:0 2px 12px #ccc; + -webkit-box-shadow:0 2px 12px #ccc; +} +.post-header{ + margin-top:10px; +} +.post-info{ + margin-bottom:-20px; + font-size:0.9em; +} +.excerpt{ + color:gray; + margin:10px; +} +.post-item hr{ + margin-left:-15px; + margin-right:-15px; + margin-top:10px; +} +.post-link:hover{ + color:black; +} +.post-banner{ + margin:-15px; + margin-bottom:10px; +} +.media-banner{ + height:20em; +} +.pagenav,.page-navigator{ + margin-left:-40px; +} +.page-navigator .next{ + float:right; + margin-right:-1px; +} +.pagenav li,.page-navigator li{ + display:inline-block; + list-style-type:none; + background:#fff; + box-shadow:0 0 8px #ccc; + -webkit-box-shadow:0 0 8px #ccc; + margin-right:7px; + padding:0; +} +.pagenav li>a,.page-navigator li>a{ + padding:15px 8px; + font-size:17px; +} +.saying-avatar img{ + border-radius:1000px; +} +.saying-title-info h4{ + margin-bottom:-16px; +} +.saying-title-info span{ + color:gray; +} + +.post-header{ + padding:15px; + background:rgba(5,5,5,0.5); + color:white; + border:none; + margin-top:-112px; +} +.post-bread{ + font-weight:bold; + padding:10px; +} +.item{ + font-family:华文细黑,微软雅黑; +} +.post-content,.page-content{ + margin-top:30px; + font-size:1.2em; +} +.post-content img{ + max-width:100%; + border-radius:4px; + box-shadow:0 0 5px #808080; + -webkit-box-shadow:0 0 5px #808080; + display:block; + margin:12px auto; + transition:all 0.5s; +} +.post-content img:hover{ + transform: translateY(-6px); + box-shadow:0 0 15px #808080; + -webkit-box-shadow:0 0 15px #808080; +} +.post-content p{ + line-height:1.5em; + margin:15px; +} +.post-content h2{ + border-left:3px solid #6495ED; + background-color:#F8F8FF; + margin:-15px; + margin-top:26px; + margin-bottom:26px; + padding:12px; + font-weight:bold; +} +.post-content blockquote{ + background:#F8F8FF; + border-left:4px solid #00BFFF; + font-size:14px; + padding:10px; +} +.post-content blockquote>p{ + margin-top:-40px; +} +.post-content blockquote:before{ + content:"\f10d"; + font-family:FontAwesome; + color:#00BFFF; + text-shadow:0 0 5px #808080; + font-size:2em; + margin-left:-24px; + font-weight:bold; + margin-top:-30px; +} +.post-content p>code{ + background:rgba(0,0,0,0); + font-family:宋体; + font-weight:bold; + text-shadow:1px 1px 2px #DD4B39; +} +.saying-content{ + margin-top:5px; +} +.post-header a{ + color:white; +} +/* 评论 */ +.comment-normal-img{ + max-width:100%!important; + max-height:100%!important; +} +#comments textarea,#comments input{ + border:none; + display:block!important; + width:100%; + border-radius:3px; + border:1px solid #DCDCDC; + resize:none; + padding:10px; +} +.comment-body{ + background-color:#fff; + box-shadow:0 0 8px #ccc; + -webkit-box-shadow:0 0 8px #ccc; + padding:15px; +} +.comment-list-wrap ol{ + list-style-type:none; +} +.comment-list a{ + color:black; + font-style:normal; + font-size:1.2em; +} +.comment-list a:hover{ + text-decoration:none; +} +.comment-reply{ + text-align:right; +} +.comment-reply a{ + font-size:1em; + margin:0.3em; + color:white; + padding:0.5em; + border-radius:0.3em; + color:#00BFFF; + margin-top:-2em; + display:inline-block; +} +.comment-reply a:hover{ + background:#F0F8FF; +} +.avatar{ + border-radius:1000px; + -webkit-box-shadow:0 0 0.55em #bababa; + margin-right:0.3em; +} +.comment-body{ + padding:1em; + -webkit-box-shadow:0 0 0.5em #bababa; + background:white; + margin-left:-40px; + margin-top:0.5em; + transition:all 0.4s; +} +.comment-body:hover{ + -webkit-box-shadow:0 0 1em #bababa; + opacity:1 +} +.comment-meta a{ + color:#bababa; + font-size:10px; +} + +/* owo */ +.OwO-logo{ + display:inline-block; + margin-left:15px; + text-shadow:0 0 2px #808080; + padding:5px; + border-radius:3px; + transition:All 0.5s; +} +.OwO-logo:hover{ + background:rgba(230,230,230,0.9); +} +.OwO-body,.OwO{ + margin-left:5px; + margin-top:-10px; +} +.OwO-item img,.comment-content img{ + max-width:30px!important; + max-height:30px!important; +} + +/* 页脚 */ +.footer-info{ + background:rgb(54,59,63); + padding:0px; + padding-top:15px; + padding-bottom:20px; + margin-top:50px; + color:rgba(254,254,254,0.9); +} +.site-info a{ + color:rgba(254,254,254,0.9)!important; +} +.newest-comment img{ + border-radius:1000px; + border:1px solid white; + margin:2px; + height:50px; + width:50px; + display:inline-block; +} +.footer-copyright{ + background:gray; + margin:-5px; + margin-top:20px; + width:100vw; + padding:10px; + font-size:1.15em; +} +.footer-tools{ + position:fixed; + bottom:15px; + right:15px; + z-index:66; +} + +.footer-tools a,.footer-tools button{ + font-size:25px; + padding:10px 15px; + display:block; + text-align:center; + color:white; + background:rgba(54,59,63,0.8); + z-index:66; + margin-top:15px; +} +.footer-tools a:hover,.footer-tools button:hover{ + box-shadow:0 0 10px #bababa; + -webkit-box-shadow:0 0 10px #bababa; +} + +/* 侧边栏 */ +.sidebar li,.sidebar li>a{ + color:gray; +} +.avatar-bg{ + background-repeat:no-repeat; + background-size:cover; + height:10em; + margin:-15px; +} +.name-card{ + text-align:Center; +} +.sidebar-avatar{ + display:block; + margin:10px auto; + height:140px; + width:140px; + border-radius:1000px; + border:3px solid #F8F8FF; + margin-top:-80px; + transition:all 1s; +} +.sidebar-avatar:hover{ + transform:rotate(360deg); + -ms-transform:rotate(360deg); /* IE 9 */ + -moz-transform:rotate(360deg); /* Firefox */ + -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ + -o-transform:rotate(360deg); /* Opera */ +} +.aside h4{ + margin-top:-2px; + margin-bottom:-10px; +} +.aside hr{ + margin-left:-15px; + margin-right:-15px; +} +.sidebar .list-group{ + margin:-15px; + margin-top:-20px; +} +.aside li{ + border-radius:0!important; + border-left:none; + border-right:none; + border-color:#F5F5F5!important; +} +.list-group li{ + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} +.tags-list a{ + display:inline-block; + background-color:#F5F5F5; + border:1px solid #DCDCDC; + border-radius:3px; + padding:5px; + margin-right:4px; + margin-bottom:4px; + padding-bottom:0; + padding-top:0; +} +.tags-list a:hover{ + background-color:#DCDCDC; +} + +/* 导航 */ +#nav{ + width:100vw; + background:#fff; + box-shadow:0 0 10px #bababa; + -webkit-box-shadow:0 0 10px #bababa; + font-size:20px; + z-index:55; + padding-top:10px; + color:gray; +} +.nav-content{ + display:inline; + margin-top:-38px; +} +.nav-content,.nav-content ul>li{ + float:right; +} +.nav-content ul>li{ + transition:all 0.5s; +} +.nav-content ul>li:hover{ + background-color:#F8F8FF +} +.slideUp { + -webkit-transform: translateY(-100px); + transform: translateY(-100px); + transition: transform .5s ease-out; +} + +.slideDown { + -webkit-transform: translateY(0); + transform: translateY(0); + transition: transform .5s ease-out; +} +/* 友链 */ +.links-box{ + margin:10px; +} +.links-box h2{ + text-align:Center; + border-bottom:1px solid rgb(230,230,250); + padding-bottom:20px; + font-weight:bold; +} +.links-link:hover{ + opacity:1!important; +} +.links-item{ + background:#fff; + border:1px solid #dcdcdc; + box-shadow:0 0 26px #bababa; + -webkit-box-shadow:0 0 26px #bababa; + overflow:hidden; + transition:all 0.2s!important; + margin-bottom:15px; +} +.links-item:hover{ + transform:scale(0.95) +} +.links-title{ + text-align:Center; +} +.links-title h4{ + font-weight:bold; + letter-spacing:2px; + white-space: nowrap; + text-shadow:0 0 1px #808080; +} +/* 归档 */ +.archive-list ul{ + margin-left:-36px; +} +.archive-list li:first{ + border-top:1px solid #bababa; +} +.archive-list li{ + list-style-type:none; + font-size:1.2em; + border-bottom:1px solid #bababa; + padding-top:10px; + padding-bottom:10px; +} +.archive-list li>span{ + color:#bababa; +} + +/* pjax */ +.pjax-loading{ + opacity:0.8; +} +.pjax-loadend{ + opacity:1; +} +#pjax-container{ + transition:opacity 0.5s; +} + +.unvisible{ + display:none;!important; +} + +.spinner { + margin: 100px auto; + width: 50px; + height: 60px; + text-align: center; + font-size: 10px; + z-index:9999; + position: fixed; + margin: 100px auto; + top:30vh; + bottom:30vh; + left:30vw; + right:30vw; +} + +.spinner > div { + background-color: #00BFFF; + height: 100%; + width: 6px; + display: inline-block; + + -webkit-animation: stretchdelay 1.2s infinite ease-in-out; + animation: stretchdelay 1.2s infinite ease-in-out; +} + +.spinner .rect2 { + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} + +.spinner .rect3 { + -webkit-animation-delay: -1.0s; + animation-delay: -1.0s; +} + +.spinner .rect4 { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} + +.spinner .rect5 { + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} + +@-webkit-keyframes stretchdelay { + 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } + 20% { -webkit-transform: scaleY(1.0) } +} + +@keyframes stretchdelay { + 0%, 40%, 100% { + transform: scaleY(0.4); + -webkit-transform: scaleY(0.4); + } 20% { + transform: scaleY(1.0); + -webkit-transform: scaleY(1.0); + } +} +.unvisible-cover{ + opacity:0; + display:none; + transition:all 0.5s; +} +.viewport-cover{ + height:100vh; + width:100vw; + background:#fff; + opacity:0.5; + z-index:100; + position:fixed; + top:0; + bottom:0; + right:0; + left:0; + transition:all 0.5s; +} + +/* 滚动条 */ +::-webkit-scrollbar{ + width:10px; + opacity:0.8 +} +::-webkit-scrollbar-track-piece{ + background:rgba(0,0,0,0)!important; +} +::-webkit-scrollbar-thumb{ + background:#ccc; + border-radius:2px; +} \ No newline at end of file diff --git a/assets/css/owo.min.css b/assets/css/owo.min.css new file mode 100644 index 0000000..c39e8e0 --- /dev/null +++ b/assets/css/owo.min.css @@ -0,0 +1 @@ +.OwO{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OwO:hover .OwO-logo{color:#444}.OwO.OwO-open .OwO-logo{border-radius:4px 4px 0 0;border-bottom:none;color:#444}.OwO.OwO-open .OwO-body{display:block}.OwO.OwO-up .OwO-body{top:inherit;bottom:21px;border-radius:4px 4px 4px 0}.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0}.OwO.OwO-up.OwO-open .OwO-logo{border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none}.OwO .OwO-logo{position:relative;display:inline-block;color:#888;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:2px 5px;cursor:pointer;height:22px;box-sizing:border-box;z-index:2;line-height:16px}.OwO .OwO-logo:hover span{display:inline-block;-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body{display:none;position:absolute;width:400px;background:#fff;border:1px solid #ddd;z-index:1;top:21px;border-radius:0 4px 4px 4px}.OwO .OwO-body .OwO-items{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;padding:10px;margin:0;overflow:scroll;font-size:0}.OwO .OwO-body .OwO-items .OwO-item{list-style-type:none;background:#f7f7f7;padding:5px 10px;border-radius:5px;display:inline-block;font-size:12px;line-height:14px;margin:0 10px 12px 0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.OwO .OwO-body .OwO-items .OwO-item:hover{background:#eee;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body .OwO-items-emoji .OwO-item{font-size:20px;line-height:19px}.OwO .OwO-body .OwO-items-image .OwO-item{max-width:calc(25% - 10px);box-sizing:border-box}.OwO .OwO-body .OwO-items-image .OwO-item img{max-width:100%}.OwO .OwO-body .OwO-items-show{display:block}.OwO .OwO-body .OwO-bar{width:100%;height:30px;border-top:1px solid #ddd;background:#fff;border-radius:0 0 4px 4px;color:#444}.OwO .OwO-body .OwO-bar .OwO-packages{margin:0;padding:0;font-size:0}.OwO .OwO-body .OwO-bar .OwO-packages li{list-style-type:none;display:inline-block;line-height:30px;font-size:14px;padding:0 10px;cursor:pointer;margin-right:3px}.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0 0 0 3px}.OwO .OwO-body .OwO-bar .OwO-packages li:hover{background:#eee}.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active{background:#eee;-webkit-transition:.3s;transition:.3s}@-webkit-keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}} diff --git a/assets/css/prism.css b/assets/css/prism.css new file mode 100644 index 0000000..55777e3 --- /dev/null +++ b/assets/css/prism.css @@ -0,0 +1,182 @@ +/* PrismJS 1.15.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+markup-templating+php+javadoclike+phpdoc&plugins=line-numbers */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre:before { + content:" "; + -webkit-border-radius:50%; + border-radius:50%; + background:#fc625d; + width:12px; + height:12px; + left:10px; + top:10px; + -webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b; + box-shadow:20px 0 #fdbc40,40px 0 #35cd4b; + z-index:2; + display:block; + margin-bottom:15px; +} +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + pointer-events: none; + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + diff --git a/assets/css/setting.css b/assets/css/setting.css new file mode 100644 index 0000000..79f8138 --- /dev/null +++ b/assets/css/setting.css @@ -0,0 +1,77 @@ +body{ + background-repeat:no-repeat; + background-position:bottom right; + background-color:#F8F8FF; + background-attachment: fixed; +} +.typecho-option{ + background:white; + border:1px solid #bababa; + -webkit-box-shadow:0 0 5px #808080; + box-shadow:0 0 5px #808080; + padding:2em; +} +.typecho-page-title{ + position:absolute; + top:35px; + left:0; + right:0; + background:#00BFFF; + box-shadow:0 0 10px #808080; + -webkit-box-shadow:0 0 20px #808080; +} +.typecho-page-title h2{ + text-align:center; + font-size:3em; + margin-top:100px; + color:white; + margin-bottom:100px; +} +.typecho-page-title h2:before{ + content:"Mark主题 - "; +} +.typecho-option-tabs{ + margin-top:260px; + z-index:100; + visibility:hidden; +} +.typecho-option-tabs li{ + display:block; +} +input{ + border-radius:0; +} +.btn{ + position:fixed; + right:2em; + bottom:2em; + box-shadow:0 0 8px #808080; + -webkit-box-shadow:0 0 8px #808080; +} +.typecho-label{ + font-size:1.2em; +} +.typecho-option input,.typecho-option textarea{ + border:none; + border-radius:0; + font-size:1.15em; + margin:10px; + border-bottom:1px solid black; + padding:10px; +} +.alert{ + text-align:center; + font-size:1.1em; + margin-left:10px; +} +.img-lg{ + margin:-2em; + height:20em; + background:url('https://s2.ax1x.com/2019/03/02/kbqz9I.jpg'); + background-repeat:no-repeat; + background-size:cover +} +.title{ + font-size:2em; + margin-top:-0.4em; +} diff --git a/assets/fonts/FontAwesome.otf b/assets/fonts/FontAwesome.otf new file mode 100644 index 0000000..401ec0f Binary files /dev/null and b/assets/fonts/FontAwesome.otf differ diff --git a/assets/fonts/fontawesome-webfont.eot b/assets/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/assets/fonts/fontawesome-webfont.eot differ diff --git a/assets/fonts/fontawesome-webfont.svg b/assets/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/assets/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/fontawesome-webfont.ttf b/assets/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/assets/fonts/fontawesome-webfont.ttf differ diff --git a/assets/fonts/fontawesome-webfont.woff b/assets/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/assets/fonts/fontawesome-webfont.woff differ diff --git a/assets/fonts/fontawesome-webfont.woff2 b/assets/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/assets/fonts/fontawesome-webfont.woff2 differ diff --git a/assets/fonts/glyphicons-halflings-regular.eot b/assets/fonts/glyphicons-halflings-regular.eot new file mode 100644 index 0000000..b93a495 Binary files /dev/null and b/assets/fonts/glyphicons-halflings-regular.eot differ diff --git a/assets/fonts/glyphicons-halflings-regular.svg b/assets/fonts/glyphicons-halflings-regular.svg new file mode 100644 index 0000000..94fb549 --- /dev/null +++ b/assets/fonts/glyphicons-halflings-regular.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/glyphicons-halflings-regular.ttf b/assets/fonts/glyphicons-halflings-regular.ttf new file mode 100644 index 0000000..1413fc6 Binary files /dev/null and b/assets/fonts/glyphicons-halflings-regular.ttf differ diff --git a/assets/fonts/glyphicons-halflings-regular.woff b/assets/fonts/glyphicons-halflings-regular.woff new file mode 100644 index 0000000..9e61285 Binary files /dev/null and b/assets/fonts/glyphicons-halflings-regular.woff differ diff --git a/assets/fonts/glyphicons-halflings-regular.woff2 b/assets/fonts/glyphicons-halflings-regular.woff2 new file mode 100644 index 0000000..64539b5 Binary files /dev/null and b/assets/fonts/glyphicons-halflings-regular.woff2 differ -- cgit v1.2.3