brunosimon
68 lines
4.0 KiB
CSS
68 lines
4.0 KiB
CSS
/**
|
|
* 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;}
|