/*

   nuos Content Management System
   Copyright (C) 2012 Patrick Heyer, www.nuos-cms.org

   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/>.

*/

A.thumbnail
{
    BACKGROUND: #ffffff;
    DISPLAY: inline-block;
}

A.thumbnail IMG
{
    OPACITY: 1;
    TRANSITION: opacity 0.5s;
    -MOZ-TRANSITION: opacity 0.5s;
    -WEBKIT-TRANSITION: opacity 0.5s;
}

A.thumbnail:active IMG,
A.thumbnail:focus IMG,
A.thumbnail:hover IMG
{
    OPACITY: 0.85;
}

@keyframes thumbnail
{
    0%   { OPACITY: 0; TRANSFORM: scale(0); -MOZ-TRANSFORM: scale(0); -WEBKIT-TRANSFORM: scale(0); }
    100% { OPACITY: 1; TRANSFORM: scale(1); -MOZ-TRANSFORM: scale(1); -WEBKIT-TRANSFORM: scale(1); }
}

DIV.thumbnail
{
    BACKGROUND: rgba(15, 15, 15, 0.95) url(close.png) right top no-repeat;
    BOTTOM: 0;
    CURSOR: pointer;
    LEFT: 0;
    POSITION: fixed;
    RIGHT: 0;
    TOP: 0;
    Z-INDEX: 99999;
    ANIMATION: thumbnail 0.5s;
    -MOZ-ANIMATION: thumbnail 0.5s;
    -WEBKIT-ANIMATION: thumbnail 0.5s;
}

DIV.thumbnail > IMG
{
    BACKGROUND: #ffffff;
    LEFT: 50%;
    POSITION: absolute;
    TOP: 50%;
    BOX-SHADOW: 1px 1px 20px rgba(0, 0, 0, 0.5);
    -MOZ-BOX-SHADOW: 1px 1px 20px rgba(0, 0, 0, 0.5);
    -WEBKIT-BOX-SHADOW: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

DIV.thumbnail-loading
{
    BACKGROUND: transparent url(loading.png) center no-repeat;
    HEIGHT: 120px;
    LEFT: 50%;
    MARGIN: -60px 0 0 -60px;
    POSITION: fixed;
    TOP: 50%;
    WIDTH: 120px;
    Z-INDEX: 99999;
}