/*
0xor1   http://github.com/0xor1
*/

html, body, .xor.threePanel, .xor.viewport {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.xor.viewport > canvas{
    background: linear-gradient(top, rgb(0, 0, 30) 60%, rgb(10, 10, 60) 85%);
    background: -ms-linear-gradient(top, rgb(0, 0, 30) 60%, rgb(10, 10, 60) 85%);
    background: -o-linear-gradient(top, rgb(0, 0, 30) 60%, rgb(10, 10, 60) 85%);
    background: -moz-linear-gradient(top, rgb(0, 0, 30) 60%, rgb(10, 10, 60) 85%);
    background: -webkit-linear-gradient(top, rgb(0, 0, 30) 60%, rgb(10, 10, 60) 85%);
}

.xor.sliderTab {
    -webkit-transition:right 0.5s,left 0.5s,top 0.5s,bottom 0.5s;
    -moz-transition:right 0.5s,left 0.5s,top 0.5s,bottom 0.5s;
    -o-transition:right 0.5s,left 0.5s,top 0.5s,bottom 0.5s;
    transition:right 0.5s,left 0.5s,top 0.5s,bottom 0.5s;
    position: absolute;
    top:30px;
    font-family: sans-serif;
    border-radius:5px;
    font-size: 0.8em;
}

.xor.sliderTab p {
    border-radius:5px;
    padding:3px 15px;
    color:#000;
    margin:5px 5px;
    border:#000 1px solid;
}

.menu {
    background: #28F;
}

#newGameTab:hover,
#toggleAssistantTab:hover,
#resetBoardTab:hover,
#saveStartingConfigTab:hover,
#clearBoardTab:hover{
    cursor: pointer;
    left:-10px;
}

#toggleAssistantTab {
    left:-130px;
}

#newGameTab {
    top:90px;
    left: -94px;
}

#resetBoardTab {
    top:150px;
    left: -101px;
}

#saveStartingConfigTab {
    top:210px;
    left:-145px;
}

#clearBoardTab {
    top:270px;
    left: -101px;
}

#gitHubTab {
    right:-70px;
    background:#F82;
}

#gitHubTab:hover {
    right:-10px;
}