Init commit

1 files changed, 433 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
new file mode 100755
index 0000000..a19a9b1
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,433 @@
+/* Import fonts */
+@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
+
+/* ******************************
+ For the github btn
+****************************** */
+
+.github-btn {
+  font-size: 11px;
+}
+.github-btn,
+.github-btn .btn {
+  font-weight: bold;
+}
+.github-btn .btn-default {
+    text-shadow: 0 1px 0 #fff;
+    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e0e0e0));
+    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e0e0e0, 100%);
+    background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+    background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
+    background-repeat: repeat-x;
+    border-color: #dbdbdb;
+    border-color: #ccc;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+}
+
+.github-btn .btn-default:hover, .github-btn .btn-default:focus {
+    background-color: #e0e0e0;
+    background-position: 0 -15px;
+    color: #333;
+    border-color: #adadad;
+}
+
+.nav-github {
+    width: 325px;
+}
+ .nav-github > span {
+     padding-right: 0.5em;
+ }
+
+ .icon-github {
+    display: inline-block;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+ }
+
+ .github-watchers .icon-github:before{
+      content: "\f005";
+ }
+
+ .github-forks .icon-github:before{
+      content: "\f126";
+ }
+
+.gh-count{
+  padding: 2px 5px 3px 4px;
+  color: #555;
+  text-decoration: none;
+  text-shadow:0 1px 0 #fff;
+  white-space:nowrap;
+  cursor:pointer;
+  border-radius:3px;
+  position:relative;
+  display:none;
+  margin-left:4px;
+  background-color:#fafafa;
+  border:1px solid #d4d4d4;
+}
+
+.gh-count:hover,.gh-count:focus{color:#4183c4;text-decoration: none;}
+.gh-count:before,.gh-count:after{content:' ';position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid}
+.gh-count:before{top:50%;left:-3px;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#fafafa}
+.gh-count:after{top:50%;left:-4px;z-index:-1;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d4d4d4}
+
+thead {
+    font-weight: bold;
+}
+
+table {
+    width: 100%;
+}
+
+
+h1, h2, h3 {
+    margin-top: .8em;
+    margin-bottom: .7em;
+}
+
+pre code {
+    font-size: 18px !important;
+    font-family: 'Courier New', monospace;
+}
+
+body {
+    color: #353b44;
+    background: #edece4;
+    font-family: 'Lato', sans-serif;
+    padding: 0px !important;
+    margin: 0px !important;
+    font-size:16px !important;    
+    font-weight: 300;
+}
+
+h1,h2,h3,h4,h5{
+    font-weight: 400;
+}
+
+label{
+    font-weight: 300;
+}
+
+.sidebar-menu .fa {
+    width: 30px;
+    text-align: center;
+}
+
+a, a:hover, a:focus {
+    text-decoration: none;
+    outline: none;
+    outline: 0;
+}
+
+
+.panel-body a {
+    line-height: 1.1;
+    display: inline-block;
+}
+.panel-body a:after {
+  display: block;
+  content: "";
+  height: 1px;
+  width: 0%;
+  background-color: #ff4088;
+  -webkit-transition: width 0.5s ease;
+  -moz-transition: width 0.5s ease;
+  -ms-transition: width 0.5s ease;
+  transition: width 0.5s ease;
+}
+
+.panel-body a:hover:after, .panel-body a:focus:after {
+    width: 100%;
+}
+
+input:focus, textarea:focus { outline: none; }
+*:focus {outline: none;}
+::selection {
+    background: #ff4088;
+    color: #fff;
+}
+::-moz-selection {
+    background: #ff4088;
+    color: #fff;
+}
+
+#container {
+    width: 100%;
+    height: 100%;
+}
+
+/*sidebar navigation*/
+
+#sidebar {
+    width: 200px;
+    height: 100%;
+    position: fixed;
+    background: #ffffff;
+    overflow-y: auto;
+}
+
+
+ul.sidebar-menu , ul.sidebar-menu li ul.sub{
+    margin: -2px 0 0;
+    padding: 0;
+}
+
+ul.sidebar-menu {
+    margin-top: 60px;
+}
+
+#sidebar > ul > li > ul.sub {
+    display: none;
+}
+
+#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
+    display: block;
+}
+
+ul.sidebar-menu li ul.sub li{
+    background: #eeeeee;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+}
+
+ul.sidebar-menu li ul.sub li:last-child{
+    border-radius: 0 0 4px 4px;
+    -webkit-border-radius: 0 0 4px 4px;
+}
+
+ul.sidebar-menu li ul.sub li a {
+    font-size: 12px;
+    padding: 0 0 0 32px;
+    line-height: 35px;
+    height: 35px;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+    color: #737B83;
+    font-size: 14px;
+}
+
+ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
+    color: #ff4088;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+    display: block;
+}
+
+ul.sidebar-menu li{
+    line-height: 20px !important;
+    text-transform: capitalize;
+}
+
+ul.sidebar-menu li.sub-menu{
+    line-height: 15px;
+    font-size: 16px;
+}
+
+ul.sidebar-menu li a span{
+    display: inline-block;
+}
+
+ul.sidebar-menu li a{
+    color: #8b9199;
+    text-decoration: none;
+    display: block;
+    padding: 10px 0 10px 10px;
+    font-size: 16px;
+    font-weight: 300;
+    outline: none;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+    border-right: 1px solid #D7D7D7;
+    border-bottom: 1px solid #D7D7D7;
+    overflow:hidden;
+}
+
+ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
+    background: #eeeeee;
+    color: #ff4088;
+    display: block;
+    /*border-radius: 4px;
+    -webkit-border-radius: 4px;*/
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    transition: all 0.3s ease;        
+}
+ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
+    border-bottom: 1px solid #ff4088;
+}
+/*ul.sidebar-menu li.active a,*/ ul.sidebar-menu .sub-menu li.active a{
+    border-bottom: 1px solid #ff4088;   
+}
+
+ul.sidebar-menu li a i {
+    font-size: 18px;
+    padding-right: 6px;
+    /*color: #ff4088;*/
+}
+
+ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
+    color: #ff4088;
+}
+
+ul.sidebar-menu li.active a i {
+    color: #ff4088;
+}
+
+
+#sidebar ul > li > a .menu-arrow { 
+    float: right;    
+    margin-right: 8px;
+    margin-top: 6px;    
+}
+
+#main-content {
+    margin-left: 200px;
+    line-height: 1.8;
+    font-size: 19px;
+}
+
+.header {
+    min-height: 60px;
+    padding: 0 10px;
+}
+.header {
+    position: fixed;
+    left: 0;
+    right: 0;
+    z-index: 1002;
+    text-align:center;
+}
+
+
+.black-bg {
+    background: rgba(20,20,20,0.9);
+    border-bottom: 1px solid #f1f2f7;
+}
+
+.wrapper {
+    display: inline-block;
+    margin-top: 60px;
+    padding: 0px 15px 15px 0px;
+    width: 100%;
+}
+
+a.logo {
+    font-size: 22px;
+    font-weight: 300;
+    color: #8E8E93;
+    float: left;
+    margin-top: 10px;
+    text-transform: uppercase;
+}
+
+a.logo:hover, a.logo:focus {
+    text-decoration: none;
+    outline: none;
+}
+
+h1.top-menu {
+    margin-top: -5px;
+}
+.title-row {
+    margin-top: 15px;
+    margin-left: 16px;
+    color: #EEE;
+}
+.notification-row {
+    float: right;
+    margin-top: 15px;
+    margin-left: 65px;
+}
+
+
+.top-nav  {
+    margin-top: 15px;
+}
+
+/*--sidebar toggle---*/
+
+.toggle-nav {
+    float: left;
+    padding-right: 5px;
+    margin-top: 20px;
+    cursor: pointer;
+    color: gray;
+}
+
+.toggle-nav .icon-reorder {
+    cursor: pointer;
+    display: inline-block;
+    font-size: 20px;
+}
+
+
+@-webkit-keyframes square {
+  0% { background-position: 0 0; }
+  25% { background-position: 100% 0; }
+  50% { background-position: 100% 100%; }
+  75% { background-position: 0 100%; }
+  100% { background-position: 0 0; }
+}
+
+@-ms-keyframes square {
+  0% { background-position: 0 0; }
+  25% { background-position: 100% 0; }
+  50% { background-position: 100% 100%; }
+  75% { background-position: 0 100%; }
+  100% { background-position: 0 0; }
+}
+
+@keyframes square {
+  0% { background-position: 0 0; }
+  25% { background-position: 100% 0; }
+  50% { background-position: 100% 100%; }
+  75% { background-position: 0 100%; }
+  100% { background-position: 0 0; }
+}
+
+.navigation {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    margin: 0;
+    max-width: 150px;
+    min-width: 90px;
+    width:100%;
+    min-height:1200px;
+    cursor:pointer;
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    flex-direction: column;
+    font-size: 6em;
+    color: rgba(0,0,0,0.5);
+    text-align: center;
+    -webkit-transition: all 350ms ease;
+    transition: all 350ms ease;
+}
+
+.navigation.next {
+    right:0;
+}
+
+
+.navigation:hover {
+    background-color: rgba(0,0,0,0.1);
+}