furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[update] Style Project page

Browse Source
This commit is contained in:
Bruno SIMON
2016-08-30 19:02:19 +02:00
parent 3990037844
commit 1527a413ba
3 changed files with 166 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/public/stylesheet/style.css
+1 -1
View File
File diff suppressed because one or more lines are too long
site/public/stylus/pages/project.styl
+159
View File
@@ -93,6 +93,130 @@ body.project
bottom 110px
overflow-y scroll
nav.files-tree-nav
position absolute
top 0
left 0
width 100%
li
line-height 24px
font-size 12px
cursor pointer
.name
position relative
display inline-block
padding-left 20px
padding-right 6px
font-smoothing(auto)
+retina()
font-smoothing(antialiased)
.notif
display inline-block
height 12px
margin 0 2px 0 3px
padding 0 4px
line-height 12px
border-radius 6px
font-size 8px
font-smoothing(auto)
&.new-file
background #748bd5
&.new-version
background #ec399e
line-height 13px
> span
display block
padding-left 16px * 1
li > span
padding-left 16px * 2
li li > span
padding-left 16px * 3
li li li > span
padding-left 16px * 4
li li li li > span
padding-left 16px * 5
li li li li li > span
padding-left 16px * 6
li li li li li li > span
padding-left 16px * 7
li li li li li li li > span
padding-left 16px * 8
li li li li li li li li > span
padding-left 16px * 9
&.active
background #4d5b8d
i
position absolute
top 25%
left 0
display block
width 12px
height 50%
background center center no-repeat
&.folder
background-image url('../svg/folder.svg')
&.folder-active
background-image url('../svg/folder-active.svg')
&.js
background-image url('../svg/js.svg')
&.html
background-image url('../svg/html.svg')
&.sass
background-image url('../svg/sass.svg')
&.less
background-image url('../svg/less.svg')
&.css
background-image url('../svg/css.svg')
&.php
background-image url('../svg/php.svg')
&.json
background-image url('../svg/json.svg')
&.jade
background-image url('../svg/jade.svg')
&.md
background-image url('../svg/md.svg')
&.sql
background-image url('../svg/sql.svg')
&.apache
background-image url('../svg/apache.svg')
&.yml
background-image url('../svg/yml.svg')
&.svg
background-image url('../svg/svg.svg')
&.font
background-image url('../svg/font.svg')
&.image
background-image url('../svg/image.svg')
&.video
background-image url('../svg/video.svg')
&.audio
background-image url('../svg/audio.svg')
&.zip
background-image url('../svg/zip.svg')
&.txt
background-image url('../svg/txt.svg')
&.coffee
background-image url('../svg/coffee.svg')
&.git
background-image url('../svg/git.svg')
&.xml
background-image url('../svg/xml.svg')
&.twig
background-image url('../svg/twig.svg')
&.c
background-image url('../svg/c.svg')
&.random
background-image url('../svg/random.svg')
footer.aside-footer
position absolute
bottom 0
@@ -110,3 +234,38 @@ body.project
left 240px
right 0
bottom 0
section.no-file
position absolute
top 0
left 0
width 100%
height 100%
border-top 1px solid #515771
border-left 1px solid #515771
.text
position absolute
top 50%
left 0
width 100%
text-align center
color #c6c0d8
text-transform uppercase
font-size 20px
opacity 0.2
font-weight bold
section.file
top 0
left 0
width 100%
height 100%
header.file-header
position absolute
top 0
left 200px
right 0
height 30px
background #4d5b8d