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 14:52:49 +02:00
parent 81331c4f34
commit 3990037844
5 changed files with 168 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/public/stylus/pages/project.styl
+112
View File
@@ -0,0 +1,112 @@
body.project
background #31344a
color #ffffff
.label
font-size 10px
margin-bottom 2px
header
position relative
height 80px
overflow hidden
.logo
position absolute
top 40px
left -35px
.disks
.disk
position absolute
border-radius 50%
background #fff
transform translateX(-50%) translateY(-50%)
&.index-0
width 70px
height 70px
background #fff
&.index-1
width 140px
height 140px
background #666b99
&.index-2
width 210px
height 210px
background #555980
&.index-3
width 280px
height 280px
background #474a6b
&.index-4
width 350px
height 350px
background #3b3e59
.title
position absolute
top 0
left 80px
line-height 4px
font-size 28px
font-family 'Stellar'
text-transform uppercase
letter-spacing 2px
aside.aside
position fixed
top 80px
left 0
bottom 0
width 240px
header.aside-header
position relative
width 100%
height 115px
padding 12px 20px 0 20px
border-top 1px solid #515771
border-bottom 1px solid #515771
background rgba(0,0,0,0.2)
.name
position absolute
top 15px
left 20px
font-weight bold
.details
text-align right
.detail
margin-bottom 6px
.value
font-weight bold
.aside-tree
position absolute
top 115px
left 0
width 100%
bottom 110px
overflow-y scroll
footer.aside-footer
position absolute
bottom 0
left 0
width 100%
height 110px
padding 15px 20px 0 20px
border-top 1px solid #515771
background rgba(0,0,0,0.2)
section.main
position fixed
top 80px
left 240px
right 0
bottom 0
site/public/stylus/pages/projects.styl
+9 -8
View File
@@ -59,27 +59,28 @@ body.projects
height 500px
.title
font-size 45px
font-family 'Stellar'
.letter
position absolute
top 0
left 0
line-height 0
line-height 8px
&.index-0
left 100px - 15px
left 100px - 10px
&.index-1
left 150px - 15px
left 150px - 10px
&.index-2
left 200px - 15px
left 200px - 10px
&.index-3
left 250px - 15px
left 250px - 10px
&.index-4
left 300px - 15px
left 300px - 10px
&.index-5
left 350px - 15px
left 350px - 10px
&.index-6
left 400px - 15px
left 400px - 10px
.punch-line
padding-top 600px