status-im
/
burnchart
mirror of https://github.com/status-im/burnchart.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

add notes about style

This commit is contained in:
Radek Stepan 2014-05-23 08:05:25 +01:00
parent d1b543d142
commit b9cb9380f6
6 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -70,6 +70,10 @@ An array of day integers (Monday = 1) representing days of the week when you are
}
```
###Style
Edit the `src/styles/app.styl` file to change the look & feel of the app. The head of the file contains variables for easy editing.
##Proxy Mode
Use this strategy if you do not wish for your token to be publicly visible. Proxy mode routes all requests from the client side app through it, scrubbing the token from the `config.json` file. It is *slightly* slower than requesting data straight from GitHub of course.

2
build/app.bundle.css
View File

@ -442,7 +442,7 @@ th {
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v6/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}
body{height:100%;background:#d7bcab;background:-moz--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-o--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-ms--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background-repeat:no-repeat;background-attachment:fixed;font-family:'Source Sans Pro',sans-serif;padding:100px;color:#64584c}
body{height:100%;background:$background;background:-moz--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-o--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-ms--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background-repeat:no-repeat;background-attachment:fixed;font-family:'Source Sans Pro',sans-serif;padding:100px;color:#64584c}
ul{list-style-type:none;padding:0;}
ul li{padding:0}
h2{font-size:16px;text-transform:uppercase}

2
build/app.bundle.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
build/app.css
View File

@ -1,4 +1,4 @@
body{height:100%;background:#d7bcab;background:-moz--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-o--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-ms--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background-repeat:no-repeat;background-attachment:fixed;font-family:'Source Sans Pro',sans-serif;padding:100px;color:#64584c}
body{height:100%;background:$background;background:-moz--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, $background), color-stop(100%, #cc9485));background:-webkit--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-o--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-ms--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background-repeat:no-repeat;background-attachment:fixed;font-family:'Source Sans Pro',sans-serif;padding:100px;color:#64584c}
ul{list-style-type:none;padding:0;}
ul li{padding:0}
h2{font-size:16px;text-transform:uppercase}

2
build/app.min.css vendored
View File

@ -1 +1 @@
body{height:100%;background:#d7bcab;background:-moz--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#d7bcab),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#d7bcab),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#d7bcab),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#d7bcab),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#d7bcab),color-stop(100%,#cc9485));background:-webkit--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-o--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-ms--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-webkit-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:-moz-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:-o-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:-ms-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background-repeat:no-repeat;background-attachment:fixed;font-family:'Source Sans Pro',sans-serif;padding:100px;color:#64584c}ul{list-style-type:none;padding:0}ul li{padding:0}h2{font-size:16px;text-transform:uppercase}.box{background:#fff;-webkit-box-shadow:2px 4px 6px rgba(0,0,0,.2);box-shadow:2px 4px 6px rgba(0,0,0,.2)}.box.generic,.box.info,.box.error,.box.success{padding:20px 0;border-top:4px solid #eac85d;width:50%;margin:0 auto}.box.info{border-top-color:#5f90b0}.box.error{border-top-color:#e45e39}.box.success{border-top-color:#4db07a}.box a{color:#64584c}.box h1{margin:0;padding:20px;color:#64584c;font-size:20px;text-transform:uppercase}.box h2{margin:0;padding:0 20px 20px}.box p{margin:5px 0;padding:0 20px}.box p.description{margin:-10px 0 0 0}#graph{height:200px;position:relative}#graph #tooltip{position:absolute;top:0;left:0}#graph svg path.line{fill:none;stroke-width:1px;clip-path:url(#clip)}#graph svg path.line.actual{stroke:#64584c;stroke-width:3px}#graph svg path.line.ideal{stroke:#cacaca;stroke-width:3px}#graph svg path.line.trendline{stroke:#64584c;stroke-width:1.5px;stroke-dasharray:5,5}#graph svg line.today{stroke:#cacaca;stroke-width:1px;shape-rendering:crispEdges;stroke-dasharray:5,5}#graph svg circle{fill:#64584c;stroke:transparent;stroke-width:15px;cursor:pointer}#graph svg .axis{shape-rendering:crispEdges}#graph svg .axis line{stroke:rgba(202,202,202,.25);shape-rendering:crispEdges}#graph svg .axis text{font-weight:700;fill:#cacaca}#graph svg .axis path{display:none}.d3-tip{margin-top:-10px;font-size:11px;padding:8px 10px 7px;text-align:center;background:rgba(0,0,0,.75);color:#fff;-webkit-border-radius:3px;border-radius:3px}.d3-tip:after{width:100%;color:rgba(0,0,0,.8);content:"\25BC";position:absolute}.d3-tip.n:after{margin:-3px 0 0 0;top:100%;left:0}#progress{padding:20px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}#progress:after{clear:both;display:block;content:""}#progress .bars{position:relative}#progress .bars div{-webkit-border-radius:6px;border-radius:6px;height:12px}#progress .bars div.closed{position:absolute;top:0;left:0;background:#4daf7c}#progress .bars div.closed:not(.done){-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}#progress .bars div.opened{width:100%;background:#e55f3a}#progress h2{margin:10px 0 0;padding:0}#progress h2.closed{float:left;color:#4daf7c}#progress h2.opened{float:right;color:#e55f3a}
body{height:100%;background:$background;background:-moz--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-moz-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,$background),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,$background),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,$background),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,$background),color-stop(100%,#cc9485));background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,$background),color-stop(100%,#cc9485));background:-webkit--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-webkit-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-o--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-o-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-ms--webkit-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms--moz-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms--o-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms--ms-linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background:-ms-linear-gradient(-45deg,#d7bcab 0,#cc9485 100%);background:-webkit-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:-moz-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:-o-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:-ms-linear-gradient(315deg,#d7bcab 0,#cc9485 100%);background:linear-gradient(135deg,#d7bcab 0,#cc9485 100%);background-repeat:no-repeat;background-attachment:fixed;font-family:'Source Sans Pro',sans-serif;padding:100px;color:#64584c}ul{list-style-type:none;padding:0}ul li{padding:0}h2{font-size:16px;text-transform:uppercase}.box{background:#fff;-webkit-box-shadow:2px 4px 6px rgba(0,0,0,.2);box-shadow:2px 4px 6px rgba(0,0,0,.2)}.box.generic,.box.info,.box.error,.box.success{padding:20px 0;border-top:4px solid #eac85d;width:50%;margin:0 auto}.box.info{border-top-color:#5f90b0}.box.error{border-top-color:#e45e39}.box.success{border-top-color:#4db07a}.box a{color:#64584c}.box h1{margin:0;padding:20px;color:#64584c;font-size:20px;text-transform:uppercase}.box h2{margin:0;padding:0 20px 20px}.box p{margin:5px 0;padding:0 20px}.box p.description{margin:-10px 0 0 0}#graph{height:200px;position:relative}#graph #tooltip{position:absolute;top:0;left:0}#graph svg path.line{fill:none;stroke-width:1px;clip-path:url(#clip)}#graph svg path.line.actual{stroke:#64584c;stroke-width:3px}#graph svg path.line.ideal{stroke:#cacaca;stroke-width:3px}#graph svg path.line.trendline{stroke:#64584c;stroke-width:1.5px;stroke-dasharray:5,5}#graph svg line.today{stroke:#cacaca;stroke-width:1px;shape-rendering:crispEdges;stroke-dasharray:5,5}#graph svg circle{fill:#64584c;stroke:transparent;stroke-width:15px;cursor:pointer}#graph svg .axis{shape-rendering:crispEdges}#graph svg .axis line{stroke:rgba(202,202,202,.25);shape-rendering:crispEdges}#graph svg .axis text{font-weight:700;fill:#cacaca}#graph svg .axis path{display:none}.d3-tip{margin-top:-10px;font-size:11px;padding:8px 10px 7px;text-align:center;background:rgba(0,0,0,.75);color:#fff;-webkit-border-radius:3px;border-radius:3px}.d3-tip:after{width:100%;color:rgba(0,0,0,.8);content:"\25BC";position:absolute}.d3-tip.n:after{margin:-3px 0 0 0;top:100%;left:0}#progress{padding:20px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}#progress:after{clear:both;display:block;content:""}#progress .bars{position:relative}#progress .bars div{-webkit-border-radius:6px;border-radius:6px;height:12px}#progress .bars div.closed{position:absolute;top:0;left:0;background:#4daf7c}#progress .bars div.closed:not(.done){-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}#progress .bars div.opened{width:100%;background:#e55f3a}#progress h2{margin:10px 0 0;padding:0}#progress h2.closed{float:left;color:#4daf7c}#progress h2.opened{float:right;color:#e55f3a}

22
src/styles/app.styl
View File

@ -1,23 +1,23 @@
@import 'nib'
// color definitions
$closed = #4DAF7C
$opened = #E55F3A
$grey = #CACACA
$brown = #64584C
$background = #d7bcab
$background2 = #cc9485
$closed = #4DAF7C
$opened = #E55F3A
$grey = #CACACA
$brown = #64584C
$background1 = #D7BCAB
$background2 = #CC9485
// font and gradient bg
body
height: 100%
background: $background
background: -moz-linear-gradient(-45deg, $background 0%, $background2 100%)
background: -moz-linear-gradient(-45deg, $background1 0%, $background2 100%)
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,$background), color-stop(100%,$background2))
background: -webkit-linear-gradient(-45deg, $background 0%,$background2 100%)
background: -o-linear-gradient(-45deg, $background 0%,$background2 100%)
background: -ms-linear-gradient(-45deg, $background 0%,$background2 100%)
background: linear-gradient(135deg, $background 0%,$background2 100%)
background: -webkit-linear-gradient(-45deg, $background1 0%,$background2 100%)
background: -o-linear-gradient(-45deg, $background1 0%,$background2 100%)
background: -ms-linear-gradient(-45deg, $background1 0%,$background2 100%)
background: linear-gradient(135deg, $background1 0%,$background2 100%)
background-repeat: no-repeat
background-attachment: fixed
font-family: 'Source Sans Pro', sans-serif