/*
 Copyright (C) 2016 Jan-Dirk van Dingenen
 
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.
 
 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.
 
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

@import 'https://fonts.googleapis.com/css?family=Iceberg|Special+Elite|Ubuntu+Mono';

    html {
        background-image: url(highBack.jpg);
        background-repeat-x: repeat;
    }

    #allScores, #allSingle {
        margin-top: 100px;
    }

    table.scoreTable {
        min-width: 400px;
        padding: 20px;
        height: 588px;
        background-image: url(/iaz/img/notesback.png);
        background-size: 400px 1000px;
        background-position: 0px -70px;
        padding-top: 32px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.75);
    }

    .scoreDiv {
        margin: 0px 30px;
        position: relative;
    }

    .scoreHead {
        margin-bottom: 10px;
        padding: 10px;
        font-family: 'Iceberg', cursive;
        text-align: center;
        font-size: 200%;
        background-image: url(/iaz/img/sessionInfoBack.png);
        background-size: 406px 60px;
    }

    table.scoreTable td {
        vertical-align: top;
        font-family: 'Special Elite', cursive;
        word-break: break-all;
        min-width: 25px;
        font-size: 16px;
    }

    table.scoreTable tr td.scoreTD {
        text-align:right;
        font-weight: bold;
    }

    h1 {
        text-align: center;
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        font-family: 'Iceberg', cursive;
        margin-left: 37px;
        font-size: 500%;
        margin-bottom: 0px;
        margin-top: 0px;
        background-image: url(back.jpg);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-position: -93px;
        background-size: cover;
        text-shadow: 4px 0px 5px rgba(0, 0, 0 ,0.5);
    }

    h1 {
        color: rgb(255, 255, 255);
    }

    .pinLeft, .pinRight {
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: rgb(170, 170, 170);
        border-radius: 20px;
        box-shadow: 3px 2px 3px rgba(0, 0, 0,0.7);
        top: 72px;
        left: 1px;
        background: radial-gradient(ellipse at center, rgb(190, 190, 190) 0%,rgb(112, 112, 112) 100%);
    }

    .pinRight {
        right: 4px;
        left: initial;
    }

    #other {
        position: fixed;
        top: 3px;
        right: 5px;        
    }

    #other a {
        font-family: 'Ubuntu Mono', monospace;
        color:rgba(255,255,255,0.8);
    }

    #other a:hover {
        text-decoration: none;
    }

    #allSingle {
        display:none;
    }
    
    button {
        color: rgb(0, 0, 0);
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
        vertical-align: middle;
        margin-left: 10px;
        cursor:pointer;
        padding: 10px 5px;
    }
    
    button:hover {
        box-shadow:0 0 15px 2px #a00;
    }