/*
 *     Copyright (C) 2014
 *     This file is part of WvS VPlan.
 *
 *     WvS VPlan is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU Affero 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 Affero General Public License for more details.
 *
 *     You should have received a copy of the GNU Affero General Public License
 *     along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

/* Portrait layout (default) */
.app {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

.viewLayout {
}

.loadingbar {
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 160px);
    text-align: center;
    width: 320px;
    font-weight: bold;
}

.loader {
    width: 320px;
    height: 8px;
    background-image: linear-gradient(135deg, #6187f2 0%, #6187f2 25%, #5679da 25%, #5679da
            50%, #6187f2 50%, #6187f2 75%, #5679da 75%, #5679da 100%);
    background-repeat: repeat;
    background-position: 0px 0px;
    background-size: 16px 16px;
    background-clip: content-box;
    animation: loading 1s linear infinite;
    -o-animation: loading 1s linear infinite;
    -moz-animation: loading 1s linear infinite;
    -webkit-animation: loading 1s linear infinite;
}

@keyframes loading {
    from { 
      background-position:0px 0px;  
    }
    to {
      background-position: -16px 0px;
    }
}
@-webkit-keyframes loading {
    from { 
      background-position:0px 0px;  
    }
    to {
      background-position: -16px 0px;
    }
}
@-moz-keyframes loading {
    from { 
      background-position:0px 0px;  
    }
    to {
      background-position: -16px 0px;
    }
}
@-o-keyframes loading { 
    from { 
      background-position:0px 0px;  
    }
    to {
      background-position: -16px 0px;
    }
}