Bruno SIMON
46 lines
2.3 KiB
CSS
46 lines
2.3 KiB
CSS
/**
|
|
* Global
|
|
*/
|
|
body {background:#24262e;font-size:14px;font-family:Helvetica,Arial;color:#f1f5ff;}
|
|
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 section.file {position:absolute;top:0;right:0;bottom:0;left:240px;}
|
|
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:#00f;}
|
|
section.page-project section.file .versions-nav {position:absolute;top:30px;bottom:0;left:0;width:140px;background:#555;}
|
|
section.page-project section.file .code {position:absolute;top:30px;right:0;bottom:0;left:140px;background:#ff0;}
|
|
section.page-project section.file .code pre code {position:absolute;top:0;right:0;bottom:0;left:0;}
|
|
|
|
/**
|
|
* Files tree nav
|
|
*/
|
|
nav.files-tree-nav {}
|
|
nav.files-tree-nav li {padding:0 8px 0 24px;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 span {color:#ccc;}
|
|
nav.files-tree-nav .active span {color:#fff;} |