kanbanstyle.css

<style type="text/css">

.imports {
@import url(https://fonts.googleapis.com/css?family=Quicksand|Raleway);}

html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:#fff; 
font-size:76%; 
font-family: Raleway, Quicksand, helvetica, arial, sans-serif;
overflow: hidden; 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

a { color: #000000; text-decoration: none; }

#head {position:absolute; margin:0; top:2%; left:0; display:block; width:100%; height:100px; font-family: Quicksand,sans-serif; text-align:center; font-size:4em; z-index:5; color:#003763;}
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:50px; font-family: Quicksand,sans-serif; font-size:0.8em; z-index:5; text-align:center; color:#003763;}

#left1, #left2, #left3, #left4 {position:absolute; left:0; top:100px; bottom:50px; width:25%; font-family: Quicksand,sans-serif; font-size:1em; z-index:4; overflow:auto;}
* html #left1, * html #left2, * html #left3, * html #left4 {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff;}
#left1 {left:0; background:#fff;}
#left2 {left:25%; background:#fff;}
#left3 {left:50%; background:#fff;}
#left4 {left:75%; background:#fff;}

#box1 {
    background-color: #e0e0e0;
    padding: 5px;
    margin: 0 0 5px 0;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size:13.5px;
    border-radius: 5px;
}
#box2 {
    background-color: #ffe57f;
    padding: 5px;
    margin: 0 0 5px 0;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size:13.5px;
    border-radius: 5px;
}
#box3 {
    background-color: #FF4D00;
    padding: 5px;
    margin: 0 0 5px 0;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size:13.5px;
    border-radius: 5px;
}
#box4 {
    background-color: #b2c3d0;
    padding: 5px;
    margin: 0 0 5px 0;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size:13.5px;
    overflow:hidden;
    border-radius: 5px;
}
#box5 {
    background-color: #b2ff00;
    padding: 5px;
    margin: 0 0 5px 0;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size:13.5px;
    overflow:hidden;
    border-radius: 5px;
}

.inner {display:block; padding:0 10px 10px 10px;}
.bold {font-size:1.5em; font-weight:bold;}
</style>