diff --git a/Gruntfile.js b/Gruntfile.js index be8916b..d788d5a 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/README.md b/README.md index ab9a8ec..d4e70af 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# [Meshki](http://meshki.borderliner.ir/) +# [Meshki](https://borderliner.github.io/Meshki/) [![npm](https://img.shields.io/npm/dm/meshki.svg?maxAge=2592000?style=flat-square)](https://www.npmjs.com/package/meshki) [![GitHub tag](https://img.shields.io/github/tag/borderliner/meshki.svg?maxAge=2592000?style=flat-square)](https://github.com/Borderliner/Meshki/releases) [![npm](https://img.shields.io/npm/l/meshki.svg?maxAge=2592000?style=flat-square)](https://github.com/Borderliner/Meshki/blob/master/LICENSE.md) @@ -7,12 +7,12 @@ Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project.
It is only ~18 KiB (minified) and ~41 KiB (normal), including both CSS and JS files.
-Check out for samples and details. +Check out for samples and details. ## Getting Started There are a couple ways to download Meshki: -- [Download the zip](https://github.com/Borderliner/Meshki/archive/v1.4.0.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v1.4.0.tar.gz) +- [Download the zip](https://github.com/Borderliner/Meshki/archive/v1.4.1.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v1.4.1.tar.gz) - Clone the repo: `git clone https://github.com/Borderliner/Meshki.git` (Note: this is under active development, so if you're looking for stable and safe, use the zipped download) - Use Bower: `bower install meshki` **(Recommended)** - Use npm: `npm install meshki` @@ -60,7 +60,7 @@ Meshki is lightweight, stylish and simple. It styles only raw HTML elements (wit - Although it's not a UI framework, you can create most of the interface just with Meshki - No compilation or installation needed. Just 2 files of CSS + JS - Can be installed via `bower` and `npm` (`bower install meshki` and `npm install meshki`) -- Available through [CloudFlare](https://cdnjs.com/libraries/meshki)'s CDN +- Available through [CloudFlare](https://cdnjs.com/libraries/meshki) and [jsDelivr](https://www.jsdelivr.com/projects/meshki) CDNs - Clean code, clean interface, without any headaches - Dependency-free! You don't need jQuery to run Meshki. All pure JavaScript @@ -77,8 +77,7 @@ Meshki is lightweight, stylish and simple. It styles only raw HTML elements (wit The above list is non-exhaustive. Meshki works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE 9. ## Major Known Issues -- I once saw very bad rendering on a low resolution laptop. It's probably nothing I can do about, but report any issues related to bad font rendering. I recently changed it to Open Sans, which is very clean and well-tested. -- On tablets, opening the push slider sometimes messes up the button-couples. Will find a workaround in the future release. +- On tablets, opening the push slider sometimes messes up the button-couples. Will find a workaround in the future releases. ## Tools Used @@ -88,9 +87,9 @@ Meshki has been developed on a GNU/Linux system (Arch Linux and Ubuntu), using a All parts of Meshki are free to use and abuse under the [open-source MIT license](https://github.com/Borderliner/Meshki/blob/master/LICENSE.md).
All other non-Meshki codes have their own licenses. Check out their repositories for more information. -The website of [Meshki](http://meshki.borderliner.ir) uses [font-awesome](http://fontawesome.io/) +The website of [Meshki](https://borderliner.github.io/Meshki/) uses [font-awesome](http://fontawesome.io/) ## Acknowledgement -[Meshki](http://meshki.borderliner.ir) started by [Mohammad Reza Hajianpour](mailto:hajianpour.mr@gmail.com) as a fork of [Skeleton](https://github.com/dhg/Skeleton). Although it has changed a lot, and Meshki has experienced a total overhaul.
+[Meshki](https://borderliner.github.io/Meshki/) started by [Mohammad Reza Hajianpour](mailto:hajianpour.mr@gmail.com) as a fork of [Skeleton](https://github.com/dhg/Skeleton). Although it has changed a lot, and Meshki has experienced a total overhaul.
Skeleton was created by [Dave Gamache](https://twitter.com/dhg). diff --git a/ROADMAP.md b/ROADMAP.md index 4ed6046..44a40b5 100644 --- a/ROADMAP.md +++ b/ROADMAP.md @@ -1,3 +1,9 @@ +## v1.4.1 + - [x] Disable blue highlight on touch devices + - [x] Remove slider's knob animation + - [x] Add sharp class to sharpen elements + - [x] Host docs on GitHub for better accessibility + ## v1.4.0 - [x] Fix navbar bottom padding overlaying the content - [x] Better sidenav color, without borders diff --git a/Rakefile b/Rakefile index 3b82722..b70814b 100644 --- a/Rakefile +++ b/Rakefile @@ -1,6 +1,6 @@ -# Meshki v1.4.0 +# Meshki v1.4.1 # Copyright 2016, Mohammad reza Hajianpour -# http://meshki.borderliner.ir/ +# https://borderliner.github.io/Meshki/ # Free to use under the MIT license. # https://opensource.org/licenses/MIT diff --git a/bower.json b/bower.json index d1b7354..3ffded7 100644 --- a/bower.json +++ b/bower.json @@ -1,7 +1,7 @@ { "name": "meshki", - "version": "1.4.0", - "homepage": "http://meshki.borderliner.ir/", + "version": "1.4.1", + "homepage": "https://borderliner.github.io/Meshki/", "repository": { "type": "git", "url": "https://github.com/Borderliner/Meshki" diff --git a/dist/meshki-rtl.css b/dist/meshki-rtl.css index 64c88fc..bf2aea8 100644 --- a/dist/meshki-rtl.css +++ b/dist/meshki-rtl.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/dist/meshki.css b/dist/meshki.css index a33f858..b22d339 100644 --- a/dist/meshki.css +++ b/dist/meshki.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -263,9 +263,9 @@ input[type="button"].warning:active { } } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -319,9 +319,9 @@ pre.filled > code { color: #000; } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -358,9 +358,9 @@ footer .row, } } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -424,6 +424,58 @@ select:-moz-focusring { text-shadow: 0 0 0 #000; } +select.sharp, +button.sharp, +textarea.sharp, +input.sharp, +fieldset.sharp, +pre.sharp, +code.sharp, +a.button.sharp { + border-radius: 0 !important; +} + +body.sharp select, +body.sharp button, +body.sharp textarea, +body.sharp input, +body.sharp fieldset, +body.sharp pre, +body.sharp code, +body.sharp a.button, +body.sharp .button-couple a.button, +body.sharp .button-couple button, +body.sharp input[type=checkbox]+label.checkbox:before { + border-radius: 0; +} + +body.sharp input[type=range]::-webkit-slider-runnable-track, +body.sharp input[type=range]::-webkit-slider-thumb { + border-radius: 0; +} + +body.sharp input[type=range]::-moz-range-track, +body.sharp input[type=range]::-moz-range-thumb { + border-radius: 0; +} + +body.sharp input[type=range]::-ms-thumb, +body.sharp input[type=range]::-ms-fill-lower, +body.sharp input[type=range]::-ms-fill-upper { + border-radius: 0; +} + +select.unsharp, +button.unsharp, +textarea.unsharp, +input.unsharp, +fieldset.unsharp, +pre.unsharp, +code.unsharp, +a.button.unsharp { + border-radius: 5px !important; +} + /* Dropdown arrow for everyone! */ select { outline: 0 !important; @@ -557,21 +609,13 @@ input[type=range]::-webkit-slider-runnable-track { } input[type=range]::-webkit-slider-thumb { - height: 20px; - width: 20px; + height: 22px; + width: 22px; border-radius: 25px; background-color: #E1E1E1; cursor: pointer; -webkit-appearance: none; - margin-top: 1px; border: 2px solid transparent; - transition: background-color .3s, border-color .3s; -} - -input[type=range]:focus::-webkit-slider-thumb, -input[type=range]:hover::-webkit-slider-thumb { - background-color: #55acee; - border-color: #E1E1E1; } input[type=range]::-moz-range-track { @@ -590,13 +634,6 @@ input[type=range]::-moz-range-thumb { background-color: #E1E1E1; border: 2px solid transparent; cursor: pointer; - transition: background-color .3s, border-color .3s; -} - -input[type=range]:focus::-moz-range-thumb, -input[type=range]:hover::-moz-range-thumb { - background-color: #55acee; - border-color: #E1E1E1; } /* Fix Firefox outline bug */ @@ -627,18 +664,11 @@ input[type=range]::-ms-thumb { background-color: #E1E1E1; cursor: pointer; border: 2px solid transparent; - transition: background-color .3s, border-color .3s; -} - -input[type=range]:focus::-ms-thumb, -input[type=range]:hover::-ms-thumb { - background-color: #55acee; - border-color: #E1E1E1; } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -738,9 +768,9 @@ input[type=range]:hover::-ms-thumb { .offset-by-one-half.col { margin-left: 52%; } } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -772,9 +802,9 @@ li { margin-bottom: 1rem; } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -855,6 +885,8 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 62.5%; height: 100%; + -webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove highlight color */ + -webkit-tap-highlight-color: transparent; } /* General attributes of the body tag */ @@ -962,9 +994,9 @@ compatibility reasons. /* Larger than Desktop HD */ @media (min-width: 1200px) {} /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -1580,9 +1612,9 @@ template { display: none; } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -1678,9 +1710,9 @@ template { } } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -1733,9 +1765,9 @@ table.hover > tbody tr:hover { background-color: #404040; } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -1770,9 +1802,9 @@ p { margin-top: 0; } /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/dist/meshki.js b/dist/meshki.js index 8232222..9387945 100644 --- a/dist/meshki.js +++ b/dist/meshki.js @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/dist/meshki.min.css b/dist/meshki.min.css index 432e892..6ba0827 100644 --- a/dist/meshki.min.css +++ b/dist/meshki.min.css @@ -1 +1 @@ -a.button:focus,button:focus,input[type=submit]:focus,input[type=checkbox]:focus+label.checkbox,input[type=radio]:focus+label.radio,input[type=reset]:focus,input[type=button]:focus,select{outline:0!important}.nav ul,nav ul,svg:not(:root){overflow:hidden}h1,h2,h3{letter-spacing:-.1rem}a.button,button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;margin:5px!important;border-radius:5px;text-decoration:none;padding:8px 10px;transition:.3s;font-size:1.6rem;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;display:inline-block;background-color:transparent;color:#E1E1E1;border:2px solid #E1E1E1;line-height:normal!important;max-width:98%}a.button.small,button.small,input[type=submit].small,input[type=reset].small,input[type=button].small{font-size:1.2rem}a.button.medium,button.medium,input[type=submit].medium,input[type=reset].medium,input[type=button].medium{font-size:1.6rem}a.button.large,button.large,input[type=submit].large,input[type=reset].large,input[type=button].large{font-size:2.2rem}a.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:#E1E1E1;border-color:#E1E1E1;color:#000}a.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{background-color:#b9b9b9;border-color:#b9b9b9}a.button.disabled,a.button:disabled,button.disabled,button:disabled,input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=button].disabled,input[type=button]:disabled{color:#888;border-color:#888;pointer-events:none}a.button.default,button.default,input[type=submit].default,input[type=reset].default,input[type=button].default{border:2px solid #55acee;color:#55acee}a.button.default:hover,button.default:hover,input[type=submit].default:hover,input[type=reset].default:hover,input[type=button].default:hover{background-color:#55acee;border-color:#55acee;color:#fff}a.button.default:active,button.default:active,input[type=submit].default:active,input[type=reset].default:active,input[type=button].default:active{background-color:#4b82b7;border-color:#4b82b7}a.button.success,button.success,input[type=submit].success,input[type=reset].success,input[type=button].success{border:2px solid #2ecc71;color:#2ecc71}a.button.success:hover,button.success:hover,input[type=submit].success:hover,input[type=reset].success:hover,input[type=button].success:hover{background-color:#2ecc71;border-color:#2ecc71;color:#fff}a.button.success:active,button.success:active,input[type=submit].success:active,input[type=reset].success:active,input[type=button].success:active{background-color:#21a057;border-color:#21a057}a.button.danger,button.danger,input[type=submit].danger,input[type=reset].danger,input[type=button].danger{border:2px solid #e74c3c;color:#e74c3c}a.button.danger:hover,button.danger:hover,input[type=submit].danger:hover,input[type=reset].danger:hover,input[type=button].danger:hover{background-color:#e74c3c;border-color:#e74c3c;color:#fff}a.button.danger:active,button.danger:active,input[type=submit].danger:active,input[type=reset].danger:active,input[type=button].danger:active{background-color:#bd382a;border-color:#bd382a}a.button.warning,button.warning,input[type=submit].warning,input[type=reset].warning,input[type=button].warning{border:2px solid #e67e22;color:#e67e22}a.button.warning:hover,button.warning:hover,input[type=submit].warning:hover,input[type=reset].warning:hover,input[type=button].warning:hover{background-color:#e67e22;border-color:#e67e22;color:#fff}a.button.warning:active,button.warning:active,input[type=submit].warning:active,input[type=reset].warning:active,input[type=button].warning:active{background-color:#c16819;border-color:#c16819}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){pointer-events:none;border-style:none;border-radius:0;display:block;margin:-5px auto!important}@media (min-width:768px){.button-couple a:first-child,.button-couple button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0!important;border-right-style:none}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:solid;display:inline;margin:-5px!important}.button-couple a:last-child,.button-couple button:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0!important;border-left-style:none}}code{white-space:nowrap;background-color:transparent;color:#E1E1E1;border:1px solid #E1E1E1;border-radius:5px;padding:1px 5px}code.filled{background-color:#E1E1E1;color:#000}pre{background-color:transparent;color:#E1E1E1;border:2px solid #E1E1E1;border-radius:5px;overflow-x:auto;white-space:normal}pre.filled,pre.filled>code{background-color:#E1E1E1;color:#000}pre>code{display:inline;white-space:pre;border:none}.footer,footer{max-width:100%;background-color:#111;border-top:2px solid #E1E1E1;margin:25px 0 0;padding:25px 50px 0;text-align:center}.footer .col,.footer .row,footer .col,footer .row{margin-bottom:0}@media (min-width:544px){.footer,footer{text-align:left}}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],select,textarea{height:38px;background-color:#E0E0E0;border:1px solid #D1D1D1;border-radius:4px;padding:6px 10px;box-shadow:0 1px 3px rgba(0,0,0,.1) inset;box-sizing:border-box;transition:border .3s,background-color .3s,box-shadow .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=text]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled{background-color:#B1B1B1;color:#303030;border-color:#B1B1B1}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}select{background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiMwMDAwMDAiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;background-color:#E1E1E1;background-position:98% 50%}textarea{min-height:65px;padding:6px 10px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus{background-color:#FFF;border:1px solid #33BBF0;box-shadow:0 1px 3px rgba(0,0,0,.1) inset,0 0 8px rgba(41,92,161,.6);outline:0!important}label,legend{font-weight:400;display:block;margin-bottom:.5rem}fieldset{border:2px solid #E1E1E1!important;border-radius:5px;padding:20px!important;margin:10px 5px!important}input[type=checkbox],input[type=radio]{display:inline;position:absolute;opacity:0}.container,label.checkbox,label.radio{position:relative}.button.round,button.round,input.round,textarea.round{border-radius:20px}input[type=checkbox],input[type=radio],label.checkbox,label.radio{vertical-align:middle;margin:5px;cursor:pointer}input[type=checkbox]+label.checkbox:before,input[type=radio]+label.radio:before{content:'';display:inline-block;width:10px;height:10px;background-color:transparent;border:2px solid #E1E1E1;border-radius:5px;padding:2px;margin:auto 10px 3px auto;vertical-align:middle;text-align:center;transition:background-color .3s,box-shadow .3s}body,html{height:100%}.nav,hr,nav{height:0}progress,sub,sup{vertical-align:baseline}input[type=radio]+label.radio:before{border-radius:20px}input[type=checkbox]:checked+label.checkbox:before,input[type=radio]:checked+label.radio:before{background-color:#33BBF0}input[type=range]{-webkit-appearance:none;margin:0 5px;background-color:transparent}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:26px;cursor:pointer;background:#222;border-radius:25px;border:2px solid #E1E1E1}input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:25px;background-color:#E1E1E1;cursor:pointer;-webkit-appearance:none;margin-top:1px;border:2px solid transparent;transition:background-color .3s,border-color .3s}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{background-color:#55acee;border-color:#E1E1E1}input[type=range]::-moz-range-track{width:100%;height:23px;cursor:pointer;background-color:#222;border-radius:25px;border:2px solid #E1E1E1}input[type=range]::-moz-range-thumb{height:17px;width:17px;border-radius:25px;background-color:#E1E1E1;border:2px solid transparent;cursor:pointer;transition:background-color .3s,border-color .3s}input[type=range]:focus::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb{background-color:#55acee;border-color:#E1E1E1}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-ms-track{width:100%;height:26px;cursor:pointer;background-color:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background-color:#222;border:2px solid #E1E1E1;border-radius:50px}input[type=range]::-ms-thumb{height:20px;width:20px;border-radius:25px;background-color:#E1E1E1;cursor:pointer;border:2px solid transparent;transition:background-color .3s,border-color .3s}.col,.container{width:100%;box-sizing:border-box}input[type=range]:focus::-ms-thumb,input[type=range]:hover::-ms-thumb{background-color:#55acee;border-color:#E1E1E1}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.container{max-width:960px;margin:0 auto;padding:0 20px}.responsive,legend{max-width:100%}.col{float:left}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:544px){.container{width:80%}.col{margin-left:4%}.col:first-child,.twelve.col{margin-left:0}.one.col{width:4.66666666667%}.two.col{width:13.3333333333%}.three.col{width:22%}.four.col{width:30.6666666667%}.five.col{width:39.3333333333%}.six.col{width:48%}.seven.col{width:56.6666666667%}.eight.col{width:65.3333333333%}.nine.col{width:74%}.ten.col{width:82.6666666667%}.eleven.col{width:91.3333333333%}.twelve.col{width:100%},.one-third.col,.one.third.col{width:30.6666666667%}.two-thirds.col,.two.thirds.col{width:65.3333333333%}.one-half.col,.one.half.col{width:48%}.offset-by-one.col{margin-left:8.66666666667%}.offset-by-two.col{margin-left:17.3333333333%}.offset-by-three.col{margin-left:26%}.offset-by-four.col{margin-left:34.6666666667%}.offset-by-five.col{margin-left:43.3333333333%}.offset-by-six.col{margin-left:52%}.offset-by-seven.col{margin-left:60.6666666667%}.offset-by-eight.col{margin-left:69.3333333333%}.offset-by-nine.col{margin-left:78%}.offset-by-ten.col{margin-left:86.6666666667%}.offset-by-eleven.col{margin-left:95.3333333333%}.offset-by-one-third.col{margin-left:34.6666666667%}.offset-by-two-thirds.col{margin-left:69.3333333333%}.offset-by-one-half.col{margin-left:52%}}ul{list-style:disc}ol{list-style:decimal}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}a.button,button,input[type=submit],input[type=reset],input[type=button],li{margin-bottom:1rem}html{font-size:62.5%}body{font-size:1.6rem;line-height:1.6;font-weight:400;font-family:"Open Sans",sans-serif;background-color:#222;color:#E1E1E1}a{color:#55acee}a:hover{color:#74C1FB}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,table,ul{margin-bottom:2.5rem}hr{border-width:0;border-top:1px solid #E1E1E1;margin-top:3rem;margin-bottom:3.5rem}::selection{background:#15acee}::-moz-selection{background:#15acee}.container:after,.row:after{content:"";display:table;clear:both}.nav ul,nav ul{width:100%;background-color:#222;border-bottom:2px solid #E1E1E1;padding:0;margin-top:0;list-style-type:none;z-index:1}button,hr,input{overflow:visible}.nav.fixed,nav.fixed{position:fixed;width:100%;z-index:1}li.nav-left,li.nav-right{position:inherit}.nav ul li,nav ul li{float:left;margin-bottom:0}.nav ul li>a,nav ul li>a{display:inline-block;color:#E1E1E1;padding:14px 16px;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}.nav ul li>a.button,.nav ul li>button,.nav ul li>input,nav ul li>a.button,nav ul li>button,nav ul li>input{margin:7px 5px auto!important}.nav ul li>a.active,nav ul li>a.active{background-color:#111}.nav ul li:first-child a.logo,nav ul li:first-child a.logo{background-color:#E1E1E1;color:#000}.nav ul li:first-child a.logo:hover,nav ul li:first-child a.logo:hover{background-color:#F5F5F5;color:#000}.nav ul li>a:hover,.nav-dropdown-content,nav ul li>a:hover{background-color:#111}li.nav-right{float:right!important}.float-left,li.nav-left{float:left!important}li.nav-dropdown.nav-right .nav-dropdown-content{right:0}li.nav-dropdown.nav-right~.nav-dropdown .nav-dropdown-content{right:auto}li.nav-dropdown{display:inline-block}.nav-dropdown-content{display:block;visibility:hidden;opacity:0;position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;transition:visibility .2s,opacity .2s ease-in-out}.nav-dropdown-content a{display:block;color:#E1E1E1;padding:12px 16px;text-decoration:none;text-align:left}audio,canvas,progress,video{display:inline-block}.nav-dropdown-content a:hover{background-color:#444}.nav-dropdown:hover .nav-dropdown-button{background-color:#111}.nav-dropdown:hover .nav-dropdown-content{visibility:visible;opacity:1}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box}.expand,.responsive,legend{box-sizing:border-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=submit]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=submit]:-moz-focusring,[type=reset]:-moz-focusring,[type=button]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}.overlay,.sidenav{position:fixed;height:100%;background-color:#000;top:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}.sidenav{width:0;z-index:10;left:-1px;padding-top:15px;overflow-x:hidden;transition:.5s}.overlay{width:100%;display:inline;left:0;opacity:0;visibility:hidden;z-index:1;transition:opacity .5s,visibility .5s}.sidenav a{display:block;font-size:1.8rem;color:#818181;padding:8px 8px 8px 32px;text-decoration:none;white-space:nowrap;transition:.3s;outline:0!important}.sidenav a:hover{color:#E1E1E1}.sidenav a[disabled]{cursor:default}.sidenav a[disabled]:hover{pointer-events:none;color:#818181;cursor:default}.sidenav hr{width:80%;border-color:#818181}.sidenav-close-button{font-size:3.6rem!important;position:absolute;top:0;right:0;padding-right:30px!important;outline:0!important}.content{transition:margin-left .5s,margin-right .5s}@media (min-width:544px){.sidenav{padding-top:60px}.sidenav a{font-size:25px}}table{border-spacing:0}td,th{border-bottom:1px solid #7C7C7C;padding:12px 15px;text-align:left}.text-center,table.centerize>tbody td,table.centerize>thead th{text-align:center}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}table.striped tr:nth-child(even){background-color:#2F2F2F}table.hover>tbody tr{transition:background-color .3s}table.hover>tbody tr:hover{background-color:#404040}h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0;margin-bottom:2rem}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}p{margin-top:0}.expand{width:100%}.float-right{float:right!important}.centerize{margin-left:auto;margin-right:auto}.vertical-line{border-left:1px solid #E1E1E1}@media (max-width:544px){.hide-on-mobile{display:none!important}.vertical-line{border-left:none}}@media (max-width:768px){.hide-on-tablet{display:none!important}}@media (min-width:768px){.hide-on-desktop{display:none!important}}@media (min-width:544px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}.hide-on-non-mobile{display:none!important}} \ No newline at end of file +a.button:focus,button:focus,input[type=submit]:focus,input[type=checkbox]:focus+label.checkbox,input[type=radio]:focus+label.radio,input[type=reset]:focus,input[type=button]:focus,select{outline:0!important}.nav ul,nav ul,svg:not(:root){overflow:hidden}h1,h2,h3{letter-spacing:-.1rem}a.button,button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;margin:5px!important;border-radius:5px;text-decoration:none;padding:8px 10px;transition:.3s;font-size:1.6rem;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;display:inline-block;background-color:transparent;color:#E1E1E1;border:2px solid #E1E1E1;line-height:normal!important;max-width:98%}a.button.small,button.small,input[type=submit].small,input[type=reset].small,input[type=button].small{font-size:1.2rem}a.button.medium,button.medium,input[type=submit].medium,input[type=reset].medium,input[type=button].medium{font-size:1.6rem}a.button.large,button.large,input[type=submit].large,input[type=reset].large,input[type=button].large{font-size:2.2rem}a.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:#E1E1E1;border-color:#E1E1E1;color:#000}a.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{background-color:#b9b9b9;border-color:#b9b9b9}a.button.disabled,a.button:disabled,button.disabled,button:disabled,input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=button].disabled,input[type=button]:disabled{color:#888;border-color:#888;pointer-events:none}a.button.default,button.default,input[type=submit].default,input[type=reset].default,input[type=button].default{border:2px solid #55acee;color:#55acee}a.button.default:hover,button.default:hover,input[type=submit].default:hover,input[type=reset].default:hover,input[type=button].default:hover{background-color:#55acee;border-color:#55acee;color:#fff}a.button.default:active,button.default:active,input[type=submit].default:active,input[type=reset].default:active,input[type=button].default:active{background-color:#4b82b7;border-color:#4b82b7}a.button.success,button.success,input[type=submit].success,input[type=reset].success,input[type=button].success{border:2px solid #2ecc71;color:#2ecc71}a.button.success:hover,button.success:hover,input[type=submit].success:hover,input[type=reset].success:hover,input[type=button].success:hover{background-color:#2ecc71;border-color:#2ecc71;color:#fff}a.button.success:active,button.success:active,input[type=submit].success:active,input[type=reset].success:active,input[type=button].success:active{background-color:#21a057;border-color:#21a057}a.button.danger,button.danger,input[type=submit].danger,input[type=reset].danger,input[type=button].danger{border:2px solid #e74c3c;color:#e74c3c}a.button.danger:hover,button.danger:hover,input[type=submit].danger:hover,input[type=reset].danger:hover,input[type=button].danger:hover{background-color:#e74c3c;border-color:#e74c3c;color:#fff}a.button.danger:active,button.danger:active,input[type=submit].danger:active,input[type=reset].danger:active,input[type=button].danger:active{background-color:#bd382a;border-color:#bd382a}a.button.warning,button.warning,input[type=submit].warning,input[type=reset].warning,input[type=button].warning{border:2px solid #e67e22;color:#e67e22}a.button.warning:hover,button.warning:hover,input[type=submit].warning:hover,input[type=reset].warning:hover,input[type=button].warning:hover{background-color:#e67e22;border-color:#e67e22;color:#fff}a.button.warning:active,button.warning:active,input[type=submit].warning:active,input[type=reset].warning:active,input[type=button].warning:active{background-color:#c16819;border-color:#c16819}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){pointer-events:none;border-style:none;border-radius:0;display:block;margin:-5px auto!important}@media (min-width:768px){.button-couple a:first-child,.button-couple button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0!important;border-right-style:none}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:solid;display:inline;margin:-5px!important}.button-couple a:last-child,.button-couple button:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0!important;border-left-style:none}}code{white-space:nowrap;background-color:transparent;color:#E1E1E1;border:1px solid #E1E1E1;border-radius:5px;padding:1px 5px}code.filled{background-color:#E1E1E1;color:#000}body,pre{color:#E1E1E1}pre{background-color:transparent;border:2px solid #E1E1E1;border-radius:5px;overflow-x:auto;white-space:normal}pre.filled,pre.filled>code{background-color:#E1E1E1;color:#000}pre>code{display:inline;white-space:pre;border:none}.footer,footer{max-width:100%;background-color:#111;border-top:2px solid #E1E1E1;margin:25px 0 0;padding:25px 50px 0;text-align:center}.footer .col,.footer .row,footer .col,footer .row{margin-bottom:0}@media (min-width:544px){.footer,footer{text-align:left}}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],select,textarea{height:38px;background-color:#E0E0E0;border:1px solid #D1D1D1;border-radius:4px;padding:6px 10px;box-shadow:0 1px 3px rgba(0,0,0,.1) inset;box-sizing:border-box;transition:border .3s,background-color .3s,box-shadow .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=text]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled{background-color:#B1B1B1;color:#303030;border-color:#B1B1B1}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}a.button.sharp,button.sharp,code.sharp,fieldset.sharp,input.sharp,pre.sharp,select.sharp,textarea.sharp{border-radius:0!important}body.sharp .button-couple a.button,body.sharp .button-couple button,body.sharp a.button,body.sharp button,body.sharp code,body.sharp fieldset,body.sharp input,body.sharp input[type=checkbox]+label.checkbox:before,body.sharp pre,body.sharp select,body.sharp textarea{border-radius:0}body.sharp input[type=range]::-webkit-slider-runnable-track,body.sharp input[type=range]::-webkit-slider-thumb{border-radius:0}body.sharp input[type=range]::-moz-range-thumb,body.sharp input[type=range]::-moz-range-track{border-radius:0}body.sharp input[type=range]::-ms-fill-lower,body.sharp input[type=range]::-ms-fill-upper,body.sharp input[type=range]::-ms-thumb{border-radius:0}a.button.unsharp,button.unsharp,code.unsharp,fieldset.unsharp,input.unsharp,pre.unsharp,select.unsharp,textarea.unsharp{border-radius:5px!important}select{background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiMwMDAwMDAiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;background-color:#E1E1E1;background-position:98% 50%}textarea{min-height:65px;padding:6px 10px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus{background-color:#FFF;border:1px solid #33BBF0;box-shadow:0 1px 3px rgba(0,0,0,.1) inset,0 0 8px rgba(41,92,161,.6);outline:0!important}label,legend{font-weight:400;display:block;margin-bottom:.5rem}fieldset{border:2px solid #E1E1E1!important;border-radius:5px;padding:20px!important;margin:10px 5px!important}input[type=checkbox],input[type=radio]{display:inline;position:absolute;opacity:0}.container,label.checkbox,label.radio{position:relative}.button.round,button.round,input.round,textarea.round{border-radius:20px}input[type=checkbox],input[type=radio],label.checkbox,label.radio{vertical-align:middle;margin:5px;cursor:pointer}input[type=checkbox]+label.checkbox:before,input[type=radio]+label.radio:before{content:'';display:inline-block;width:10px;height:10px;background-color:transparent;border:2px solid #E1E1E1;border-radius:5px;padding:2px;margin:auto 10px 3px auto;vertical-align:middle;text-align:center;transition:background-color .3s,box-shadow .3s}body,html{height:100%}.nav,hr,nav{height:0}progress,sub,sup{vertical-align:baseline}input[type=radio]+label.radio:before{border-radius:20px}input[type=checkbox]:checked+label.checkbox:before,input[type=radio]:checked+label.radio:before{background-color:#33BBF0}input[type=range]{-webkit-appearance:none;margin:0 5px;background-color:transparent}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:26px;cursor:pointer;background:#222;border-radius:25px;border:2px solid #E1E1E1}input[type=range]::-webkit-slider-thumb{height:22px;width:22px;border-radius:25px;background-color:#E1E1E1;cursor:pointer;-webkit-appearance:none;border:2px solid transparent}input[type=range]::-moz-range-track{width:100%;height:23px;cursor:pointer;background-color:#222;border-radius:25px;border:2px solid #E1E1E1}input[type=range]::-moz-range-thumb{height:17px;width:17px;border-radius:25px;background-color:#E1E1E1;border:2px solid transparent;cursor:pointer}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-ms-track{width:100%;height:26px;cursor:pointer;background-color:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background-color:#222;border:2px solid #E1E1E1;border-radius:50px}input[type=range]::-ms-thumb{height:20px;width:20px;border-radius:25px;background-color:#E1E1E1;cursor:pointer;border:2px solid transparent}.col,.container{width:100%;box-sizing:border-box}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.container{max-width:960px;margin:0 auto;padding:0 20px}.responsive,legend{max-width:100%}.col{float:left}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:544px){.container{width:80%}.col{margin-left:4%}.col:first-child,.twelve.col{margin-left:0}.one.col{width:4.66666666667%}.two.col{width:13.3333333333%}.three.col{width:22%}.four.col{width:30.6666666667%}.five.col{width:39.3333333333%}.six.col{width:48%}.seven.col{width:56.6666666667%}.eight.col{width:65.3333333333%}.nine.col{width:74%}.ten.col{width:82.6666666667%}.eleven.col{width:91.3333333333%}.twelve.col{width:100%},.one-third.col,.one.third.col{width:30.6666666667%}.two-thirds.col,.two.thirds.col{width:65.3333333333%}.one-half.col,.one.half.col{width:48%}.offset-by-one.col{margin-left:8.66666666667%}.offset-by-two.col{margin-left:17.3333333333%}.offset-by-three.col{margin-left:26%}.offset-by-four.col{margin-left:34.6666666667%}.offset-by-five.col{margin-left:43.3333333333%}.offset-by-six.col{margin-left:52%}.offset-by-seven.col{margin-left:60.6666666667%}.offset-by-eight.col{margin-left:69.3333333333%}.offset-by-nine.col{margin-left:78%}.offset-by-ten.col{margin-left:86.6666666667%}.offset-by-eleven.col{margin-left:95.3333333333%}.offset-by-one-third.col{margin-left:34.6666666667%}.offset-by-two-thirds.col{margin-left:69.3333333333%}.offset-by-one-half.col{margin-left:52%}}ul{list-style:disc}ol{list-style:decimal}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}a.button,button,input[type=submit],input[type=reset],input[type=button],li{margin-bottom:1rem}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-size:1.6rem;line-height:1.6;font-weight:400;font-family:"Open Sans",sans-serif;background-color:#222}a{color:#55acee}a:hover{color:#74C1FB}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,table,ul{margin-bottom:2.5rem}hr{border-width:0;border-top:1px solid #E1E1E1;margin-top:3rem;margin-bottom:3.5rem}::selection{background:#15acee}::-moz-selection{background:#15acee}.container:after,.row:after{content:"";display:table;clear:both}.nav ul,nav ul{width:100%;background-color:#222;border-bottom:2px solid #E1E1E1;padding:0;margin-top:0;list-style-type:none;z-index:1}button,hr,input{overflow:visible}.nav.fixed,nav.fixed{position:fixed;width:100%;z-index:1}li.nav-left,li.nav-right{position:inherit}.nav ul li,nav ul li{float:left;margin-bottom:0}.nav ul li>a,nav ul li>a{display:inline-block;color:#E1E1E1;padding:14px 16px;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}.nav ul li>a.button,.nav ul li>button,.nav ul li>input,nav ul li>a.button,nav ul li>button,nav ul li>input{margin:7px 5px auto!important}.nav ul li>a.active,nav ul li>a.active{background-color:#111}.nav ul li:first-child a.logo,nav ul li:first-child a.logo{background-color:#E1E1E1;color:#000}.nav ul li:first-child a.logo:hover,nav ul li:first-child a.logo:hover{background-color:#F5F5F5;color:#000}.nav ul li>a:hover,.nav-dropdown-content,nav ul li>a:hover{background-color:#111}li.nav-right{float:right!important}.float-left,li.nav-left{float:left!important}li.nav-dropdown.nav-right .nav-dropdown-content{right:0}li.nav-dropdown.nav-right~.nav-dropdown .nav-dropdown-content{right:auto}li.nav-dropdown{display:inline-block}.nav-dropdown-content{display:block;visibility:hidden;opacity:0;position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;transition:visibility .2s,opacity .2s ease-in-out}.nav-dropdown-content a{display:block;color:#E1E1E1;padding:12px 16px;text-decoration:none;text-align:left}audio,canvas,progress,video{display:inline-block}.nav-dropdown-content a:hover{background-color:#444}.nav-dropdown:hover .nav-dropdown-button{background-color:#111}.nav-dropdown:hover .nav-dropdown-content{visibility:visible;opacity:1}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box}.expand,.responsive,legend{box-sizing:border-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=submit]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=submit]:-moz-focusring,[type=reset]:-moz-focusring,[type=button]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}.overlay,.sidenav{position:fixed;height:100%;background-color:#000;top:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}.sidenav{width:0;z-index:10;left:-1px;padding-top:15px;overflow-x:hidden;transition:.5s}.overlay{width:100%;display:inline;left:0;opacity:0;visibility:hidden;z-index:1;transition:opacity .5s,visibility .5s}.sidenav a{display:block;font-size:1.8rem;color:#818181;padding:8px 8px 8px 32px;text-decoration:none;white-space:nowrap;transition:.3s;outline:0!important}.sidenav a:hover{color:#E1E1E1}.sidenav a[disabled]{cursor:default}.sidenav a[disabled]:hover{pointer-events:none;color:#818181;cursor:default}.sidenav hr{width:80%;border-color:#818181}.sidenav-close-button{font-size:3.6rem!important;position:absolute;top:0;right:0;padding-right:30px!important;outline:0!important}.content{transition:margin-left .5s,margin-right .5s}@media (min-width:544px){.sidenav{padding-top:60px}.sidenav a{font-size:25px}}table{border-spacing:0}td,th{border-bottom:1px solid #7C7C7C;padding:12px 15px;text-align:left}.text-center,table.centerize>tbody td,table.centerize>thead th{text-align:center}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}table.striped tr:nth-child(even){background-color:#2F2F2F}table.hover>tbody tr{transition:background-color .3s}table.hover>tbody tr:hover{background-color:#404040}h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0;margin-bottom:2rem}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}p{margin-top:0}.expand{width:100%}.float-right{float:right!important}.centerize{margin-left:auto;margin-right:auto}.vertical-line{border-left:1px solid #E1E1E1}@media (max-width:544px){.hide-on-mobile{display:none!important}.vertical-line{border-left:none}}@media (max-width:768px){.hide-on-tablet{display:none!important}}@media (min-width:768px){.hide-on-desktop{display:none!important}}@media (min-width:544px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}.hide-on-non-mobile{display:none!important}} \ No newline at end of file diff --git a/docs/favicon.ico b/docs/favicon.ico new file mode 100644 index 0000000..3d99062 Binary files /dev/null and b/docs/favicon.ico differ diff --git a/docs/index.html b/docs/index.html index 0bb7ed2..fc43951 100644 --- a/docs/index.html +++ b/docs/index.html @@ -10,7 +10,7 @@ - + @@ -19,25 +19,25 @@ - + - - + + - +
× Home Issues - @npm + npm Blog About Meshki
@@ -55,9 +55,9 @@ Share on:
@@ -67,7 +67,7 @@
  • Plugins
    - RTL Mode (Persian) + RTL Mode (Persian)
  • News
    • @@ -97,14 +97,14 @@

    Stylish. Black. Responsive.

    - Download (v1.4.0) + Download (v1.4.1) or Use CDN


    @@ -453,7 +453,7 @@

    Form Elements

    - +
    @@ -868,6 +868,12 @@

    Utilities

    +
    +

    + You can use the sharp class on each element to make the edges sharper. You can also add this class to the body tag to make everything look sharper. Here's the button to switch to the sharp mode! :D

    + +

    +

    This website uses the awesome "font-awesome" to display icons and such. It is by far the best font icon set I've ever encountered. Make sure to check out their website. diff --git a/docs/meta-image.png b/docs/meta-image.png new file mode 100644 index 0000000..ca586b9 Binary files /dev/null and b/docs/meta-image.png differ diff --git a/docs/custom-rtl.css b/docs/rtl/custom-rtl.css similarity index 100% rename from docs/custom-rtl.css rename to docs/rtl/custom-rtl.css diff --git a/docs/index-rtl.html b/docs/rtl/index.html similarity index 94% rename from docs/index-rtl.html rename to docs/rtl/index.html index a646dcd..074cda5 100644 --- a/docs/index-rtl.html +++ b/docs/rtl/index.html @@ -9,35 +9,35 @@ - - + + - + - - + + - - - + + + - +

    × خانه ایرادات - @npm + npm وبلاگ درباره مشکی
    @@ -55,9 +55,9 @@ اشتراک‌گذاری در:
    @@ -67,7 +67,7 @@
  • افزونه‌ها
    - چپ-به-راست (فارسی) + چپ-به-راست (انگلیسی)
  • اخبار
    • @@ -97,16 +97,16 @@

    زیبا.  مشکی.  واکنش‌گرا.

    - دانلود (نسخه 1.4.0) + دانلود (نسخه 1.4.1) یا استفاده از CDN


    @@ -215,7 +215,7 @@

    شروع به کار

    - +
    شکل بالا ساختار توصیه شده برای ساختن برنامه با مشکی را تشریح می‌کند.
    @@ -464,7 +464,7 @@

    فرم‌ها

    - +
    @@ -886,6 +886,12 @@

    ابزارهای جانبی

    +
    +

    + شما می‌توانید از کلاس sharp بر روی هر عنصر استفاده کنید تا گوشه‌های اجزای صفحه تیز شوند. همچنین می‌توانید از این کلاس برروی تگ body استفاده کنید تا کل صفحه از حالت گرد بودن خارج شود. دکمه زیر به شما نشان می‌دهد که «حالت تیز» چه شکلی است! :)

    + +

    +

    این وب‌سایت از فونت بی‌نظیر "font-awesome" برای نمایش اشکال مختلف استفاده می‌کند. به نظر من بهترین فونت-آیکون موجود است. حتما به وبسایت این پروژه سری بزنید! diff --git a/package.json b/package.json index b01167f..a62fa08 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "meshki", - "version": "1.4.0", + "version": "1.4.1", "description": "Meshki: A Black-Colored, Responsive Boilerplate for UI Development", "main": "dist/meshki.min.css", "scripts": { @@ -24,7 +24,7 @@ "bugs": { "url": "https://github.com/Borderliner/Meshki/issues" }, - "homepage": "http://meshki.borderliner.ir/", + "homepage": "https://borderliner.github.io/Meshki/", "devDependencies": { "grunt": "^0.4.5", "grunt-concat-css": "^0.3.1", diff --git a/src/css/button.css b/src/css/button.css index 2ce2fef..5b9c862 100644 --- a/src/css/button.css +++ b/src/css/button.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/code.css b/src/css/code.css index d05aeef..95e56e1 100644 --- a/src/css/code.css +++ b/src/css/code.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/footer.css b/src/css/footer.css index 1e81276..f9ea189 100644 --- a/src/css/footer.css +++ b/src/css/footer.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/form.css b/src/css/form.css index 618d28b..202a0f3 100644 --- a/src/css/form.css +++ b/src/css/form.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -65,6 +65,58 @@ select:-moz-focusring { text-shadow: 0 0 0 #000; } +select.sharp, +button.sharp, +textarea.sharp, +input.sharp, +fieldset.sharp, +pre.sharp, +code.sharp, +a.button.sharp { + border-radius: 0 !important; +} + +body.sharp select, +body.sharp button, +body.sharp textarea, +body.sharp input, +body.sharp fieldset, +body.sharp pre, +body.sharp code, +body.sharp a.button, +body.sharp .button-couple a.button, +body.sharp .button-couple button, +body.sharp input[type=checkbox]+label.checkbox:before { + border-radius: 0; +} + +body.sharp input[type=range]::-webkit-slider-runnable-track, +body.sharp input[type=range]::-webkit-slider-thumb { + border-radius: 0; +} + +body.sharp input[type=range]::-moz-range-track, +body.sharp input[type=range]::-moz-range-thumb { + border-radius: 0; +} + +body.sharp input[type=range]::-ms-thumb, +body.sharp input[type=range]::-ms-fill-lower, +body.sharp input[type=range]::-ms-fill-upper { + border-radius: 0; +} + +select.unsharp, +button.unsharp, +textarea.unsharp, +input.unsharp, +fieldset.unsharp, +pre.unsharp, +code.unsharp, +a.button.unsharp { + border-radius: 5px !important; +} + /* Dropdown arrow for everyone! */ select { outline: 0 !important; @@ -198,21 +250,13 @@ input[type=range]::-webkit-slider-runnable-track { } input[type=range]::-webkit-slider-thumb { - height: 20px; - width: 20px; + height: 22px; + width: 22px; border-radius: 25px; background-color: #E1E1E1; cursor: pointer; -webkit-appearance: none; - margin-top: 1px; border: 2px solid transparent; - transition: background-color .3s, border-color .3s; -} - -input[type=range]:focus::-webkit-slider-thumb, -input[type=range]:hover::-webkit-slider-thumb { - background-color: #55acee; - border-color: #E1E1E1; } input[type=range]::-moz-range-track { @@ -231,13 +275,6 @@ input[type=range]::-moz-range-thumb { background-color: #E1E1E1; border: 2px solid transparent; cursor: pointer; - transition: background-color .3s, border-color .3s; -} - -input[type=range]:focus::-moz-range-thumb, -input[type=range]:hover::-moz-range-thumb { - background-color: #55acee; - border-color: #E1E1E1; } /* Fix Firefox outline bug */ @@ -268,11 +305,4 @@ input[type=range]::-ms-thumb { background-color: #E1E1E1; cursor: pointer; border: 2px solid transparent; - transition: background-color .3s, border-color .3s; -} - -input[type=range]:focus::-ms-thumb, -input[type=range]:hover::-ms-thumb { - background-color: #55acee; - border-color: #E1E1E1; } diff --git a/src/css/grid.css b/src/css/grid.css index cb35e75..68bb95f 100644 --- a/src/css/grid.css +++ b/src/css/grid.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/list.css b/src/css/list.css index 7f152ae..547cddf 100644 --- a/src/css/list.css +++ b/src/css/list.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/meshki.css b/src/css/meshki.css index 3321e0f..78f2172 100644 --- a/src/css/meshki.css +++ b/src/css/meshki.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ @@ -82,6 +82,8 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 62.5%; height: 100%; + -webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove highlight color */ + -webkit-tap-highlight-color: transparent; } /* General attributes of the body tag */ diff --git a/src/css/navbar.css b/src/css/navbar.css index 978568e..a10b2ca 100644 --- a/src/css/navbar.css +++ b/src/css/navbar.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/rtl.css b/src/css/rtl.css index 64c88fc..bf2aea8 100644 --- a/src/css/rtl.css +++ b/src/css/rtl.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/sidenav.css b/src/css/sidenav.css index 6a1afe0..f35aa24 100644 --- a/src/css/sidenav.css +++ b/src/css/sidenav.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/table.css b/src/css/table.css index 717a094..d9fd405 100644 --- a/src/css/table.css +++ b/src/css/table.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/typography.css b/src/css/typography.css index 31c3ac4..4be55b6 100644 --- a/src/css/typography.css +++ b/src/css/typography.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/css/utility.css b/src/css/utility.css index 35a1cf8..733d3f2 100644 --- a/src/css/utility.css +++ b/src/css/utility.css @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */ diff --git a/src/images/Meshki.png b/src/images/Meshki.png index 3b6e00e..ca586b9 100644 Binary files a/src/images/Meshki.png and b/src/images/Meshki.png differ diff --git a/src/images/Meshki.xcf b/src/images/Meshki.xcf index 803326e..00edd19 100644 Binary files a/src/images/Meshki.xcf and b/src/images/Meshki.xcf differ diff --git a/src/js/meshki.js b/src/js/meshki.js index 8232222..9387945 100644 --- a/src/js/meshki.js +++ b/src/js/meshki.js @@ -1,7 +1,7 @@ /* -* Meshki v1.4.0 +* Meshki v1.4.1 * Copyright 2016, Mohammad reza Hajianpour -* http://meshki.borderliner.ir/ +* https://borderliner.github.io/Meshki/ * Free to use under the MIT license. * https://opensource.org/licenses/MIT */