/**
 * Global
 */
body {background:#24262e;font-size:14px;font-family:Helvetica,Arial;color:#f1f5ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
pre {font-family:monospace;line-height:initial;}
a {text-decoration:none;}

/**
 * Main header
 */
header.main-header {position:fixed;top:0;left:0;right:0;height:60px;background:#202124;border-bottom:1px solid #32374d;box-shadow:0px 5px 10px rgba(0,0,0,0.1);}
header.main-header a {display:inline-block;padding:0 0 0 20px;line-height:60px;text-transform:uppercase;}

/**
 * Page projects
 */
section.page-projects {padding-top:100px;}
section.page-projects .no-project {text-align:center;padding:180px 0;}
section.page-projects .projects {width:400px;margin:0 auto;background:#202124;box-shadow:0px 5px 10px rgba(0,0,0,0.1);border:1px solid #32374d;}
section.page-projects .projects .title {height:40px;line-height:40px;text-align:center;}
section.page-projects .projects .item {position:relative;padding:0 10px;display:block;height:40px;line-height:40px;}
section.page-projects .projects .item:after {content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#32374d;opacity:0.4;}
section.page-projects .projects a.item:hover {background:#32374d;}
section.page-projects .projects .item:last-child:after {display:none;}

/**
 * Page projet
 */
section.page-project {position:fixed;top:60px;right:0;bottom:0;left:0;}
section.page-project .aside {position:absolute;top:0;bottom:0;left:0;width:240px;}
section.page-project .aside .aside-header {padding:10px;background:#3b3f4e;}
section.page-project .aside .aside-header .always-last-version-toggle {cursor:pointer;}
section.page-project .aside .aside-header .always-last-version-toggle .switch {display:inline-block;width:12px;height:12px;border:1px solid #f1f5ff;}
section.page-project .aside .aside-header .always-last-version-toggle.active .switch {background:#f1f5ff;}
section.page-project section.main {position:absolute;top:0;right:0;bottom:0;left:240px;}
section.page-project section.no-file {position:absolute;top:0;right:0;bottom:0;left:0;}
section.page-project section.file {position:absolute;top:0;right:0;bottom:0;left:0;}
section.page-project section.file .file-header {position:absolute;top:0;right:0;left:0;height:30px;line-height:30px;padding:0 0 0 10px;background:#777;}
section.page-project section.file .versions-nav {position:absolute;top:30px;bottom:0;left:0;width:160px;background:#555;overflow:auto;}
section.page-project section.file .versions-nav .version {display:block;padding:10px;}
section.page-project section.file .versions-nav .version.active {background:#666;}
section.page-project section.file .code {position:absolute;top:30px;right:0;bottom:0;left:160px;overflow:auto;background:#282a36;}
section.page-project section.file .code pre {position:relative;overflow:hidden;}
section.page-project section.file .code pre code.lines {position:absolute;top:0;left:0;width:38px;padding:0.5em;line-height:16px;opacity:0.2;}
section.page-project section.file .code pre code.hljs {margin-left:38px;}
// section.page-project section.file .code pre code {position:absolute;top:0;left:20px;}

.hljs-line-numbers {text-align:right;border-right:1px solid #ccc;color:#999;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/**
 * Files tree nav
 */
nav.files-tree-nav {}
nav.files-tree-nav li {line-height:24px;cursor:pointer;}
// nav.files-tree-nav .folder ul {display:none;}
// nav.files-tree-nav .folder.active > ul {display:block;}
nav.files-tree-nav i {margin:0 6px 0 0;}
nav.files-tree-nav li > span {display:block;color:#ccc;}
nav.files-tree-nav li.active {background:rgba(255,255,255,0.1);}


nav.files-tree-nav li > span {padding-left:16px;}
nav.files-tree-nav li li > span {padding-left:32px;}
nav.files-tree-nav li li li > span {padding-left:48px;}
nav.files-tree-nav li li li li > span {padding-left:64px;}
nav.files-tree-nav li li li li li > span {padding-left:80px;}
nav.files-tree-nav li li li li li li > span {padding-left:86px;}