/** 
 * #########################################################################
 * # GPL License                                                           #
 * #                                                                       #
 * # This file is part of the Wordpress GeSHi Source Colorer plugin.       #
 * # Copyright (c) 2012, Philipp Kraus, <philipp.kraus@flashpixx.de>       #
 * # 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/>. #
 * #########################################################################
**/


/* ==== table of listings styles ========================================================================== */
/** style for the "list of listings" **/
#geshisourcecolorer-lol {
    background: #efefef;
    border-width: 1px;
    border-color: #ababab;
    border-style: solid;
    position: relative;
    width: 12em;
    padding: 0.2em;
}

/** source list without any item symbol **/
#geshisourcecolorer-lol ul {
    list-style-type: none;
}

/** set the head layout in the "list of listings" **/
#geshisourcecolorer-lol .head {
    font-weight: bold;
    position: relative;
    font-family: sanf-serif;
    text-align: center;
    width: 100%;
    padding-bottom: 0.5em;
}
/* ======================================================================================================== */


/* ==== global configuration ============================================================================== */
/** style of a code line **/
.geshisourcecolorer-line
{   
    display: inline-block;
}

/** style of the which is shown on collapsed code blocks **/
.geshisourcecolorer-collapse-button
{
    cursor: pointer;
}
/* ======================================================================================================== */


/* ==== global tab layout ================================================================================= */
/** style of the container div of the tab menu **/
.geshisourcecolorer-tab .tabmenu
{
    overflow: hidden;
}

/** style of the list within the tab container **/
.geshisourcecolorer-tab .tabmenu ul
{
    list-style-type: none;
    margin: 0;
}

/** style of the code tab items **/
.geshisourcecolorer-tab .tabmenu ul li
{
    cursor: pointer;
    display: inline;
    text-align: center;
    margin-right: 1em;
    padding-left: 1em;
    padding-right: 1em;
    font-family: sans-serif;
    font-size: small;
    font-weight: bold;
}
/* ======================================================================================================== */


/* ==== global code container layout ====================================================================== */
/** define the main style of the code boxex **/
.geshisourcecolorer
{
    font-family: sans-serif;
    font-size: small;
    line-height: 1.25em;
}

/** define the main style of the code list (use the margin & padding for set the number position) **/
.geshisourcecolorer ol
{
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

/** define the main style of each code list entry **/
.geshisourcecolorer ol li
{
    line-height: 1.25em;
    margin-left: 3em;
 }    
/* ======================================================================================================== */


/* ==== global toolbar layout ============================================================================= */
/** style of the toolbar on each block **/
.geshisourcecolorer .toolbar
{
    position: absolute;
    z-index: 10;
    width: auto;
    display: table;
    height: 30px;
    padding: 2px;
}


/** style of each button on the toolbal **/
.geshisourcecolorer .toolbar div 
{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    display: table-cell;
}

/** style of the "toggle line number" button **/
.geshisourcecolorer .toolbar .togglelinenumber
{
    background-image: url(../images/linenumber.png);
    height: 20px;
    width: 20px;
 }

/** style of the "copy to clipboard" button **/
.geshisourcecolorer .toolbar .copyclipboard
{
    background-image: url(../images/copy.png);
    height: 20px;
    width: 20px;
}

/** style of the "create a code window" button **/
.geshisourcecolorer .toolbar .sourcewindow
{
    background-image: url(../images/source.png);
    height: 20px;
    width: 20px;
}
/* ======================================================================================================== */


/* ==== default style (white background, grey numbers, grey tab menu) ====================================== */
.geshisourcecolorer-block-default ol
{
    border-width: 1px;
    border-color: #ababab;
    border-style: solid;
    background: #efefef;
}

.geshisourcecolorer-block-default ol li
{
    background: #ffffff;
}

.geshisourcecolorer-block-default .toolbar, .geshisourcecolorer-line-default .toolbar
{
    background-color: #dddddd;
    border-width: 1px;
    border-color: #6a6a6a;
    border-style: solid;
    border-radius: 5px;
    border-collapse: separate;
    border-spacing: 2px;
}

.geshisourcecolorer-block-default .toolbar div, .geshisourcecolorer-line-default .toolbar div {
    border-width: 1px;
    border-color: #6a6a6a;
    border-style: solid;
    border-radius: 3px;
    padding: 1px;
}

.geshisourcecolorer-block-default .toolbar div:hover, .geshisourcecolorer-line-default .toolbar div:hover {
    background-color: #ababab;
}

.geshisourcecolorer-tab-default
{
    border-width: 2px;
    border-color: #ababab;
    border-style: solid;
    border-radius: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.geshisourcecolorer-tab-default .tabmenu {
    background: -moz-linear-gradient(top, #efefef, #cfcfcf); 
    background: -webkit-linear-gradient(top, #efefef, #cfcfcf);
    background: -o-linear-gradient(top, #efefef, #cfcfcf); 
    background: -ms-linear-gradient(top, #efefef, #cfcfcf);
    background: linear-gradient(top, #efefef, #cfcfcf);
    padding: 0.25em;
}

.geshisourcecolorer-tab-default .tabmenu ul
{
    padding: 0.25em;
}

.geshisourcecolorer-tab-default .tabmenu .current
{
    text-decoration:underline;
}
/* ======================================================================================================== */
 
 
/* ==== black layout (black background, white numbers) ==================================================== */
.geshisourcecolorer-block-black ol
{
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    background: #333333;
}

.geshisourcecolorer-block-black ol li
{
    background: #000000;
    margin-left: 3em;
}

.geshisourcecolorer-block-black .toolbar
{
    background-color: #7d7e7d;
    border-width: 1px;
    border-color: #333333;
    border-style: solid;
    border-radius: 5px;
    border-collapse: separate;
    border-spacing: 2px;
}

.geshisourcecolorer-block-black .toolbar div {
    border-width: 1px;
    border-color: #333333;
    border-style: solid;
    border-radius: 3px;
    padding: 1px;
}

.geshisourcecolorer-block-black .toolbar div:hover {
    background-color: #aaaaaa;
}

.geshisourcecolorer-tab-default
{
    border-width: 2px;
    border-color: #ababab;
    border-style: solid;
    border-radius: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.geshisourcecolorer-tab-black .tabmenu {
    background: -moz-linear-gradient(top, #7d7e7d, #1e1e1e); 
    background: -webkit-linear-gradient(top, #7d7e7d, #1e1e1e);
    background: -o-linear-gradient(top, #7d7e7d, #1e1e1e); 
    background: -ms-linear-gradient(top, #7d7e7d, #1e1e1e);
    background: linear-gradient(top, #7d7e7d, #1e1e1e);
    padding: 0.25em;
}

.geshisourcecolorer-tab-black .tabmenu ul
{
    padding: 0.25em;
}

.geshisourcecolorer-tab-black .tabmenu .current
{
    text-decoration:underline;
}

/* ======================================================================================================== */