[
  {
    "path": ".gitignore",
    "content": ".DS_Store\nbower_components/\n.idea\n.sass-cache/\nnode_modules/\n"
  },
  {
    "path": "Readme.md",
    "content": "# Hubuntu UI\n\n<br>\n\n![Ubuntu-material-dashboard-admin](http://i.imgur.com/HtL6qUq.png)\n\nHubuntu UI is a Material _Ubuntu style_ , very basic , starter template for admin dashboards (materialize.css).\n\nThe Hubuntu UI is developed by [720kb](http://720kb.net).\n\n### Requirements\n \nYou need [Bower](http://bower.io/) installed on your pc.\n\n### Install\n\n```bash\ngit clone git@github.com:720kb/hubuntu-ui.git hubuntu-ui\n```\n\n```bash\ncd hubuntu-ui/\n```\n\n```bash\nbower install\n```\n#### npm\n\n```bash\nnpm install hubuntu-ui\n```\n#### Bower\n```bash\nbower install hubuntu-ui\n```\n\n### Run it\n```bash\npython -m SimpleHTTPServer\n```\nthen go to http://localhost:8000\n\n****With Gulp****\n```bash\nnpm install && gulp serve\n```\nthen go to http://localhost:8100\n\n### Live demo\n\n[https://720kb.github.io/hubuntu-ui/](https://720kb.github.io/hubuntu-ui/)\n\n### Sass\nA Sass version of Hubuntu UI is included for convenience.  \nTo generate a compiled css version simply run:\n \n```bash\nsass sass/hubuntu.scss:css/main.css\n```\nTo test the compiled Sass version remove all the style tags in the sample index.html and replace them with:\n\n```\n<link href=\"css/main.css\" type=\"text/css\" rel=\"stylesheet\" media=\"screen, projection\">\n```\n\n### Theming\nFor any changes to the theme please look at the materialize.css [documentation](http://materializecss.com/).\n\n### Contributing\n\nWe will be much grateful if you help us making this project to grow up.\nFeel free to contribute by forking, opening issues, pull requests etc.\n\n### License\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Filippo Oretti\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"
  },
  {
    "path": "bower.json",
    "content": "{\n  \"name\": \"hubuntu-ui\",\n  \"version\": \"1.0.1\",\n  \"dependencies\": {\n    \"Materialize\": \"materialize#~0.97.1\",\n    \"chartist\": \"~0.9.4\"\n  },\n  \"homepage\": \"https://github.com/720kb/hubuntu-ui\",\n  \"authors\": [\n    \"720kb\",\n    \"http://720kb.net\"\n  ],\n  \"description\": \"Material Design Admin Dashboard Template, ubuntu Style.\",\n  \"main\": \"\",\n  \"moduleType\": [],\n  \"keywords\": [\n    \"material\",\n    \"design\",\n    \"css\",\n    \"admin\",\n    \"dashboard\",\n    \"linux\",\n    \"ubuntu\",\n    \"style\",\n    \"template\"\n  ],\n  \"license\": \"MIT\"\n}\n"
  },
  {
    "path": "css/style.css",
    "content": "/*\n* Hubuntu UI\n* https://github.com/720kb/hubuntu-ui\n* brought to you by 720kb\n* Support 720kb.net\n* License - MIT\n*/\nhtml {\n  font-family: 'Ubuntu', sans-serif; }\n\nheader, main, footer {\n  padding-left: 240px; }\n\n.content {\n  padding: 1% 2%; }\n\n.brand-logo.page-title {\n  padding-left: 2%;\n  margin-top: 8px; }\n\n.nav-badge {\n  margin-left: -8px;\n  position: absolute;\n  line-height: 15px;\n  top: 8px;\n  font-size: 12px;\n  text-align: center;\n  border-radius: 3px;\n  padding: 1px 5px 1px 4px;\n  background: rgba(0, 0, 0, 0.87); }\n\n.user {\n  padding: 2%;\n  line-height: 54px;\n  text-align: center; }\n\n.side-nav.custom-side-nav {\n  background: #333333; }\n  .side-nav.custom-side-nav li {\n    padding: 0; }\n    .side-nav.custom-side-nav li:hover {\n      background: none; }\n    .side-nav.custom-side-nav li a {\n      font-size: 16px;\n      color: rgba(255, 255, 255, 0.5);\n      width: 100%;\n      padding: 0 4% 0 4%;\n      line-height: 55px;\n      height: 55px; }\n      .side-nav.custom-side-nav li a:active, .side-nav.custom-side-nav li a:hover {\n        color: white;\n        background: rgba(0, 0, 0, 0.1); }\n      .side-nav.custom-side-nav li a i {\n        position: relative;\n        top: 15px;\n        float: right; }\n  .side-nav.custom-side-nav .badge {\n    margin-right: 25px;\n    height: 19px;\n    line-height: 18px;\n    margin-top: 18px;\n    border-radius: 3px;\n    width: auto;\n    min-width: auto;\n    font-size: 11.5px;\n    text-align: center;\n    padding: 1px  5px 0 4px; }\n\n.ct-chart {\n  margin: 0;\n  margin-left: -17px; }\n\n.ct-grid {\n  stroke: none; }\n\n.ct-area {\n  fill-opacity: .6; }\n\n.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {\n  fill: #ff3d00;\n  fill-opacity: .3; }\n\n.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {\n  fill: #ff1744;\n  fill-opacity: .8; }\n\n.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {\n  fill: lightgrey; }\n\n.shell-header {\n  background: #43423e;\n  background: -moz-linear-gradient(top, #43423e 0%, #33322e 100%);\n  background: -webkit-linear-gradient(top, #43423e 0%, #33322e 100%);\n  background: linear-gradient(to bottom, #43423e 0%, #33322e 100%);\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43423e', endColorstr='#33322e',GradientType=0 );\n  width: 100%;\n  height: 30px;\n  box-shadow: 0px -1px rgba(0, 0, 0, 0.1);\n  border-bottom: 2px solid rgba(0, 0, 0, 0.3); }\n\n.shell-header a {\n  height: 20px;\n  width: 20px;\n  display: inline-block;\n  border-radius: 15px;\n  text-align: center;\n  line-height: 16.5px;\n  margin-left: 4px;\n  margin-top: 5px;\n  text-shadow: 0 1px rgba(255, 255, 255, 0.3); }\n\n.shell-header a:last-child {\n  text-indent: .5px; }\n\n.shell-header a i {\n  font-size: 12.5px;\n  vertical-align: text-bottom; }\n\n.shell {\n  font-family: Monaco;\n  font-size: 13px;\n  line-height: 20px;\n  margin-top: 10vmin; }\n\n.shell-content {\n  background: #350125;\n  padding: 1% 2%;\n  padding-bottom: 50px; }\n\n.blink {\n  font-weight: bolder;\n  font-family: Arial;\n  animation: blinker .8s linear infinite; }\n\n.breadcrumb {\n  height: 55px;\n  padding: 0 2% 0 2%; }\n  .breadcrumb h6 {\n    font-weight: 500;\n    line-height: 55px;\n    margin: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.card-header {\n  margin-top: 0; }\n  .card-header .card-content {\n    padding-bottom: 0;\n    padding-top: 10px; }\n\n.logo {\n  height: 64px;\n  text-align: center; }\n  .logo img {\n    margin-top: 10px; }\n\n.loading {\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  z-index: 99999;\n  text-align: center; }\n  .loading img {\n    margin-top: 16%; }\n\n.toast {\n  background: rgba(0, 0, 0, 0.79); }\n\n@media only screen and (max-width: 600px) {\n  .toast {\n    margin-top: 0;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.2); } }\n@media only screen and (max-width: 992px) {\n  header, main, footer {\n    padding-left: 0; }\n\n  .brand-logo.page-title {\n    padding: inherit; } }\n@media only screen and (min-width: 993px) {\n  #toast-container {\n    right: 3%;\n    top: 11%; } }\n@keyframes blinker {\n  50% {\n    opacity: 0.0; } }\n\n@-webkit-keyframes blinker {\n  50% {\n    opacity: 0.0; } }\n\n@-moz-keyframes blinker {\n  50% {\n    opacity: 0.0; } }\n"
  },
  {
    "path": "gulpfile.js",
    "content": "/*global console,__dirname,require*/\n(function serveTask(console, __dirname, require) {\n  'use strict';\n\n  var gulp = require('gulp')\n    , browserSync = require('browser-sync')\n    , historyApiFallback = require('connect-history-api-fallback');\n\n  gulp.task('serve', [/*maybe a watcher*/], function runBrowserSync(done) {\n\n    browserSync({\n      'open': true,\n      'ui': false,\n      'port': 8100,\n      'server': {\n        'baseDir': ['.'],\n        'middleware': [\n          historyApiFallback()\n        ]\n      }\n    }, done);\n  });\n}(console, __dirname, require));\n"
  },
  {
    "path": "index.html",
    "content": "\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no\">\n  <title>Hubuntu - material admin dashboard Ubuntu like starter template</title>\n  <link href='https://fonts.googleapis.com/css?family=Ubuntu:400,700italic,700,500italic,500,400italic,300,300italic' rel='stylesheet' type='text/css'>\n  <link href=\"bower_components/Materialize/dist/css/materialize.css\" type=\"text/css\" rel=\"stylesheet\" media=\"screen,projection\">\n  <link href=\"bower_components/chartist/dist/chartist.min.css\" type=\"text/css\" rel=\"stylesheet\" media=\"screen,projection\">\n  <link href=\"css/style.css\" type=\"text/css\" rel=\"stylesheet\" media=\"screen,projection\">\n  <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\n</head>\n<body>\n  <div class=\"loading pink darken-4\">\n    <img src=\"img/logo.png\" width=\"160\" class=\"hide\"/>\n    <br>\n    <div class=\"preloader-wrapper big active\">\n      <div class=\"spinner-layer spinner-red\">\n        <div class=\"circle-clipper left\">\n          <div class=\"circle\"></div>\n        </div>\n        <div class=\"gap-patch\">\n          <div class=\"circle\"></div>\n        </div>\n        <div class=\"circle-clipper right\">\n          <div class=\"circle\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"page hide\">\n  <header>\n    <nav class=\"pink darken-4\">\n      <div class=\"nav-wrapper\">\n        <a href=\"#\" data-activates=\"nav-mobile\" class=\"button-collapse top-nav full hide-on-large-only\">\n          <i class=\"mdi-navigation-menu\"></i>\n        </a>\n        <span href=\"#\" class=\"brand-logo page-title\">\n          <img src=\"img/logo.png\" width=\"160\"/>\n        </span>\n        <ul class=\"right hide-on-med-and-down\">\n          <li>\n            <a href=\"#\">\n              <span class=\"nav-badge\">3</span>\n              <i class=\"material-icons\">chat_bubble</i>\n            </a>\n          </li>\n          <li>\n            <a href=\"#\">\n              <i class=\"material-icons\">settings</i>\n            </a>\n          </li>\n          <li>\n            <a href=\"#\" class=\"tooltipped\" data-position=\"left\" data-delay=\"50\" data-tooltip=\"Logout\">\n              <i class=\"material-icons\">exit_to_app</i>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </nav>\n    <ul id=\"nav-mobile\" class=\"side-nav custom-side-nav fixed\">\n      <li class=\"grey darken-4\">\n        <div class=\"user\">\n          <div class=\"chip grey darken-3 white-text\">\n            <img src=\"http://blogs-images.forbes.com/jasonevangelho/files/2013/03/Linus-Torvalds.jpg\" alt=\"Contact Person\">\n            Jeremy Lean\n          </div>\n        </div>\n      </li>\n      <li>\n        <a class=\"grey white-text darken-3 waves-effect waves-grey\">\n          <i class=\"material-icons deep-orange-text\">airplay</i>\n          <span>Dashboard</span>\n        </a>\n      </li>\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">perm_identity</i>\n          <span class=\"badge deep-orange darken-1 white-text\">33</span> Users\n        </a>\n      </li>\n\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">clear_all</i>\n          Reports\n        </a>\n      </li>\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">trending_up</i>\n          Analytics\n        </a>\n      </li>\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">layers</i>\n          Servers\n        </a>\n      </li>\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">storage</i>\n          Database\n        </a>\n      </li>\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">public</i>\n          Domains\n        </a>\n      </li>\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">cloud_queue</i>\n          Network\n        </a>\n      </li>\n\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">notifications_none</i>\n          Alerts\n        </a>\n      </li>\n      <li>\n        <a class=\"waves-effect waves-grey\">\n          <i class=\"material-icons\">message</i>\n          Messages\n        </a>\n      </li>\n    </ul>\n  </header>\n  <main>\n    <div class=\"breadcrumb grey lighten-3\">\n      <h6>\n        Dashboard\n      </h6>\n    </div>\n    <div class=\"card card-header\">\n      <div class=\"card-content\">\n        <span class=\"card-title black-text\">\n          Visitors\n        </span>\n        <div class=\"ct-chart\"></div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col s12 m6 l3\">\n        <div class=\"card\">\n          <div class=\"card-content black-text\">\n            <p ><i class=\"mdi-social-group-add\"></i> New Users</p>\n            <h4 class=\"card-stats-number\">56.000</h4>\n            <p class=\"card-stats-compare\"><i class=\"mdi-hardware-keyboard-arrow-up\"></i> 15% <span class=\"deep-orange-text text-lighten-2\">from yesterday</span>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div class=\"col s12 m6 l3\">\n        <div class=\"card\">\n          <div class=\"card-content black-text\">\n            <p ><i class=\"mdi-editor-attach-money\"></i>Total Sales</p>\n            <h4 class=\"card-stats-number\">$1990.63</h4>\n            <p class=\"card-stats-compare\"><i class=\"mdi-hardware-keyboard-arrow-up\"></i> 70% <span class=\"deep-orange-text text-lighten-2\">last month</span>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div class=\"col s12 m6 l3\">\n        <div class=\"card\">\n          <div class=\"card-content black-text\">\n            <p ><i class=\"mdi-action-trending-up\"></i> Your Profit</p>\n            <h4 class=\"card-stats-number\">$500.52</h4>\n            <p class=\"card-stats-compare\"><i class=\"mdi-hardware-keyboard-arrow-up\"></i> 80% <span class=\"deep-orange-text text-lighten-2\">from yesterday</span>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div class=\"col s12 m6 l3\">\n        <div class=\"card\">\n          <div class=\"card-content black-text\">\n            <p ><i class=\"mdi-editor-insert-drive-file\"></i> New Requests</p>\n            <h4 class=\"card-stats-number\">25</h4>\n            <p class=\"card-stats-compare\"><i class=\"mdi-hardware-keyboard-arrow-down\"></i> 3% <span class=\"deep-orange-text text-lighten-2\">from last month</span>\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col s12 m12 l6\">\n        <ul id=\"projects-collection\" class=\"collection\">\n          <li class=\"collection-item avatar\">\n            <i class=\"material-icons circle pink darken-4\">clear_all</i>\n            <span class=\"collection-header\">System Process</span>\n            <p>\n              Queued\n            </p>\n            <a href=\"#\" class=\"secondary-content\">\n              <i class=\"material-icons grey-text\">refresh</i>\n            </a>\n          </li>\n          <li class=\"collection-item\">\n            <small>Checking queue</small>\n            <div class=\"progress grey lighten-3\">\n              <div class=\"indeterminate grey\"></div>\n            </div>\n          </li>\n        </ul>\n      </div>\n      <div class=\"col s12 m12 l6\">\n        <ul id=\"projects-collection\" class=\"collection\">\n          <li class=\"collection-item avatar\">\n            <i class=\"material-icons circle pink darken-4\">bug_report</i>\n            <span class=\"collection-header\">Issues</span>\n            <p>\n              <span class=\"pink-text darken-text-4\">4</span>\n              Detected\n            </p>\n            <a href=\"#\" class=\"secondary-content\">\n              <i class=\"material-icons grey-text\">refresh</i>\n            </a>\n          </li>\n          <li class=\"collection-item\">\n            <small>Tracking issues</small>\n            <div class=\"progress grey lighten-3\">\n              <div class=\"indeterminate grey\"></div>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </main>\n  <main>\n    <div id=\"shell\" class=\"shell\">\n      <div class=\"shell-header\">\n        <a href=\"#\" class=\"deep-orange black-text\">\n          <i class=\"material-icons\">clear</i>\n        </a>\n        <a class=\"grey darken-2 black-text\" href=\"#\">\n          <i class=\"material-icons\">remove</i>\n        </a>\n        <a class=\"grey darken-2 black-text\" href=\"#\">\n          <i class=\"material-icons\">crop_square</i>\n        </a>\n      </div>\n      <div class=\"shell-content\">\n        <h6 class=\"red-text text-accent-3\">HUBUNTU UI SHELL v1.0.2</h6>\n        <div class=\"grey-text\">Brought to you by <a href=\"http://720kb.net\" target=\"_blank\" class=\"white-text\">720kb</a></div>\n      <div class=\"white-text text-lighten-3\">\n        Welcome back Jeremy!\n      </div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$</div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$ sudo</div>\n      <div class=\"deep-orange-text text-accent-1\">Your password:</div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$ <span class=\"deep-orange-text text-lighten-4\"> ls -la</span></div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$ <span class=\"deep-orange-text text-lighten-4\">usr/ bin/ etc/ var/ .git .gitignore</span></div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$ <span class=\"deep-orange-text text-lighten-4\">git clone git@github.com:720kb/hubuntu-ui.git hubuntu-ui</span></div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$ <span class=\"deep-orange-text text-lighten-4\">cd hubuntu-ui/</span></div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$ <span class=\"deep-orange-text text-lighten-4\">bower install</span></div>\n      <div class=\"deep-orange-text text-accent-1\">host01:jeremy root$ <span class=\"deep-orange-text text-lighten-4\">python -m SimpleHTTPServer</span> <span class=\"blink white-text\">|</span></div>\n    </div>\n    </div>\n  </main>\n  </div>\n    <div class=\"fixed-action-btn\">\n     <a href=\"#shell\" class=\"btn-floating btn-large pink darken-4\">\n       <i class=\"large white-text material-icons\">code</i>\n     </a>\n   </div>\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js\"></script>\n  <script src=\"bower_components/chartist/dist/chartist.min.js\"></script>\n  <script type=\"text/javascript\" src=\"bower_components/Materialize/dist/js/materialize.min.js\"></script>\n  <script type=\"text/javascript\">\n  (function () {\n    //buttons\n    $(\".button-collapse\").sideNav();\n    //loader and loading\n    $('.loading img').fadeIn(600).removeClass('hide');\n    //boot\n    var bootTimeout = window.setTimeout(function setBootTimeout() {\n      //chart\n      new Chartist.Line('.ct-chart', {\n        labels:[1,2,3,4],\n        series: [\n          [10, 9, 16, 1, 6, 10, 5, 10],\n          [13, 2, 10, 6, 17, 2, 11, 4],\n          [2, 15, 13, 1, 1, 5, 18, 10]\n        ]\n      }, {\n        high:18,\n        height:220,\n        low:0,\n        showArea: true,\n        showLine: false,\n        showPoint: false,\n        axisX: {\n          showLabel: false,\n          showGrid: false\n        }\n      });\n      $('.page').removeClass('hide');\n      $('.loading').fadeOut(1000);\n      window.clearTimeout(bootTimeout);\n    }, 2000)\n    , toastTimeout = window.setTimeout(function setToastTimeout() {\n      //Some toast\n      Materialize.toast('Welcome back Jeremy', 4000);\n      window.clearTimeout(toastTimeout);\n    }, 3000)\n    , secondToastTimeout = window.setTimeout(function setSecondToastTimeout() {\n      //Some toast\n      Materialize.toast('Hubuntu UI is available on &nbsp;<a class=\"deep-orange-text text-lighten-1\" href=\"https://github.com/720kb/hubuntu-ui\" target=\"_blank\">Github</a>', 60000);\n      window.clearTimeout(secondToastTimeout);\n    }, 5000);\n  })();\n  </script>\n</body>\n</html>\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"hubuntu-ui\",\n  \"version\": \"1.0.1\",\n  \"description\": \"Material Admin Dashboard Template, Ubuntu Style.\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git+https://github.com/720kb/hubuntu-ui.git\"\n  },\n  \"keywords\": [\n    \"material\",\n    \"css\",\n    \"design\",\n    \"template\",\n    \"dashboard\",\n    \"admin\",\n    \"ubuntu\",\n    \"style\",\n    \"linux\"\n  ],\n  \"author\": \"720kb\",\n  \"license\": \"MIT\",\n  \"bugs\": {\n    \"url\": \"https://github.com/720kb/hubuntu-ui/issues\"\n  },\n  \"homepage\": \"https://github.com/720kb/hubuntu-ui#readme\",\n  \"dependencies\": {},\n  \"devDependencies\": {\n    \"browser-sync\": \"^2.11.1\",\n    \"connect-history-api-fallback\": \"^1.1.0\",\n    \"gulp\": \"^3.9.1\",\n    \"gulp-webserver\": \"^0.9.1\"\n  }\n}\n"
  },
  {
    "path": "sass/_base.scss",
    "content": "html {\n  font-family: 'Ubuntu', sans-serif;\n}\nheader, main, footer {\n  padding-left: 240px;\n}\n\n.content {\n  padding: 1% 2%;\n}\n\n.brand-logo.page-title {\n  padding-left: 2%;\n  margin-top: 8px;\n}\n\n.nav-badge {\n  margin-left: -8px;\n  position: absolute;\n  line-height: 15px;\n  top: 8px;\n  font-size: 12px;\n  text-align: center;\n  border-radius: 3px;\n  padding: 1px 5px 1px 4px;\n  background: $shaded-black;\n}\n\n.user {\n  padding: 2%;\n  line-height: 54px;\n  text-align: center;\n}\n"
  },
  {
    "path": "sass/_colors.scss",
    "content": "$light-grey: lightgrey;\n$dark-grey: #333;\n\n$ubuntu-shell-color: #350125;\n$shaded-black: rgba(0, 0, 0, 0.87);\n$ghost-black: rgba(0,0,0, .1);\n\n\n$clear-white: rgba(255,255,255,.5);\n\n$chart-color-a: #ff3d00;\n$chart-color-b: #ff1744;\n$chart-color-c: $light-grey;\n"
  },
  {
    "path": "sass/hubuntu.scss",
    "content": "/*\n* Hubuntu UI\n* https://github.com/720kb/hubuntu-ui\n* brought to you by 720kb\n* Support 720kb.net\n* License - MIT\n*/\n@import \"colors\";\n@import \"base\";\n@import \"modules/side-nav\";\n@import \"modules/chart\";\n@import \"modules/shell\";\n@import \"modules/breadcrumb\";\n@import \"modules/card-header\";\n@import \"modules/logo\";\n@import \"modules/loading\";\n@import \"modules/toast\";\n@import \"modules/media\";\n@import \"modules/animations\";\n"
  },
  {
    "path": "sass/modules/_animations.scss",
    "content": "@keyframes blinker {\n  50% { opacity: 0.0; }\n}\n@-webkit-keyframes blinker {\n  50% { opacity: 0.0; }\n}\n@-moz-keyframes blinker {\n  50% { opacity: 0.0; }\n}\n"
  },
  {
    "path": "sass/modules/_breadcrumb.scss",
    "content": ".breadcrumb {\n  height: 55px;\n  padding: 0 2% 0 2%;\n\n  h6 {\n    font-weight: 500;\n    line-height: 55px;\n    margin: 0;\n    color: $shaded-black;\n  }\n}"
  },
  {
    "path": "sass/modules/_card-header.scss",
    "content": ".card-header {\n  margin-top:0;\n\n  .card-content {\n    padding-bottom:0;\n    padding-top:10px;\n  }\n}"
  },
  {
    "path": "sass/modules/_chart.scss",
    "content": ".ct-chart {\n  margin: 0;\n  margin-left: -17px;\n}\n\n.ct-grid{\n  stroke: none;\n}\n\n.ct-area {\n  fill-opacity: .6;\n}\n\n.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {\n  fill: $chart-color-a;\n  fill-opacity: .3;\n}\n\n.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {\n  fill: $chart-color-b;\n  fill-opacity: .8;\n}\n\n.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {\n  fill: $chart-color-c;\n}\n"
  },
  {
    "path": "sass/modules/_loading.scss",
    "content": ".loading {\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  z-index: 99999;\n  text-align: center;\n\n  img {\n    margin-top: 16%;\n  }\n}"
  },
  {
    "path": "sass/modules/_logo.scss",
    "content": ".logo {\n  height: 64px;\n  text-align: center;\n\n  img {\n    margin-top: 10px;\n  }\n}"
  },
  {
    "path": "sass/modules/_media.scss",
    "content": "$small-screen-up: 601px !default;\n$medium-screen-up: 993px !default;\n$large-screen-up: 1201px !default;\n$small-screen: 600px !default;\n$medium-screen: 992px !default;\n$large-screen: 1200px !default;\n\n$medium-and-up: \"only screen and (min-width : #{$small-screen-up})\" !default;\n$large-and-up: \"only screen and (min-width : #{$medium-screen-up})\" !default;\n$small-and-down: \"only screen and (max-width : #{$small-screen})\" !default;\n$medium-and-down: \"only screen and (max-width : #{$medium-screen})\" !default;\n$medium-only: \"only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})\" !default;\n\n@media #{$small-and-down} {\n  // styles for small screens and down\n  .toast{\n    margin-top:0;\n    border-bottom:1px solid rgba(0,0,0, .2);\n  }\n}\n@media #{$medium-and-up} {\n  // styles for medium screens and larger\n}\n@media #{$medium-and-down} {\n  // styles for medium screens and down\n  header, main, footer {\n    padding-left: 0;\n  }\n  .brand-logo.page-title{\n    padding:inherit;\n  }\n}\n@media #{$large-and-up} {\n  #toast-container{\n    right:3%;\n    top:11%;\n  }\n}\n"
  },
  {
    "path": "sass/modules/_shell.scss",
    "content": ".shell-header{\n  background: rgb(67,66,62);\n  background: -moz-linear-gradient(top,  rgba(67,66,62,1) 0%, rgba(51,50,46,1) 100%);\n  background: -webkit-linear-gradient(top,  rgba(67,66,62,1) 0%,rgba(51,50,46,1) 100%);\n  background: linear-gradient(to bottom,  rgba(67,66,62,1) 0%,rgba(51,50,46,1) 100%);\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43423e', endColorstr='#33322e',GradientType=0 );\n  width: 100%;\n  height: 30px;\n  box-shadow: 0px -1px rgba(0,0,0, .1);\n  border-bottom: 2px solid rgba(0,0,0, .3);\n}\n.shell-header a{\n  height:20px;\n  width:20px;\n  display:inline-block;\n  border-radius:15px;\n  text-align: center;\n  line-height: 16.5px;\n  margin-left:4px;\n  margin-top:5px;\n  text-shadow: 0 1px rgba(255,255,255, .3);\n}\n.shell-header a:last-child{\n  text-indent: .5px;\n}\n.shell-header a i{\n  font-size: 12.5px;\n  vertical-align: text-bottom;\n}\n.shell {\n  font-family: Monaco;\n  font-size: 13px;\n  line-height: 20px;\n  margin-top: 10vmin;\n}\n.shell-content{\n  background: $ubuntu-shell-color;\n  padding:1% 2%;\n  padding-bottom:50px;\n}\n.blink {\n  font-weight: bolder;\n  font-family: Arial;\n  animation: blinker .8s linear infinite;\n}\n"
  },
  {
    "path": "sass/modules/_side-nav.scss",
    "content": ".side-nav.custom-side-nav {\n  background: $dark-grey;\n\n  li {\n    padding: 0;\n\n    &:hover {\n      background: none;\n    }\n\n    a {\n      font-size: 16px;\n      color: $clear-white;\n      width:100%;\n      padding:0 4% 0 4%;\n      line-height: 55px;\n      height:55px;\n\n      &:active, &:hover {\n        color:white;\n        background: $ghost-black;\n      }\n\n      i {\n        position: relative;\n        top:15px;\n        float:right;\n      }\n    }\n  }\n\n  .badge {\n    margin-right: 25px;\n    height: 19px;\n    line-height: 18px;\n    margin-top: 18px;\n    border-radius: 3px;\n    width: auto;\n    min-width: auto;\n    font-size: 11.5px;\n    text-align: center;\n    padding: 1px  5px 0 4px;\n  }\n}"
  },
  {
    "path": "sass/modules/_toast.scss",
    "content": ".toast{\n  background: rgba(0,0,0, .79);\n}\n"
  }
]