slidePresenter Code

/*
    This file is part of slidePresenter: real-time slideshow presentations via web browser

    Copyright (C) 2006  Allen Shaw

    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 2 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, write to the Free Software Foundation, Inc.,
    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.

    $Id$
*/

#plug{
    top: 0px;
    right: 0px;
    position: absolute;
    white-space: nowrap;
    padding: 2 4 2 2;
}

#plug, #plug a {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: bbb;
    font-style: italic;
}

#imageWrapper {
/*   text-align: center;*/
   /*width: 100%;*/
}

#imageCanvas {
   font-size:0px;
   line-height:0px;
   /*display:inline; */
   position: absolute;
   top: 50px;
   left: 0px;
}

#squareouter {
    position: absolute;
    left: 100px;
    top: 100px;
    width: 3px;
    height: 3px;
    padding: 0px;
    line-height:0px;
    font-size: 0px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    display:none;
}

#squareinner {
    width: 100%;
    height: 100%;
    margin: 0px;
    line-height:0px;
    font-size: 0px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    display: block;
}

#controlsContainer {
    color: white;
    padding-top: 10px;
    width: 100%;
    text-align: center;
}

#controlFirst {
    margin-right: 10px;
}

#controlPrevious {
}

#controlNext {
    margin-right: 10px;
}

#controlSlideCount {
    margin: 0px 50px 10px 50px;
    position: relative;
    top: -5px;
}

#controlTarget {
    /*border: 1px solid darkgray;*/
    width: 25px;
    height: 20px;
    padding-left: 3px;
    color: darkgray;
    text-align: center;
}

#controlTarget.readonly {
    border:1px solid darkgray;
    background-color: black;
    color: white;
}

#nav {
    position: absolute;
    top: 0px;
    left: 0px;
}

#noPresentationWarning {
    position: absolute;
    top: 20px;
    left: 0px;
}

body, a:hover, a:link, a:visited, table, td, th {
    color: whitesmoke;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

a:link, a:visited, a:hover {
    text-decoration: underline;
}

body {
    background-color: black;
    margin:0px;
}


#colorPickColorBlue {
    background-color: blue;
}

#colorPickColorYellow {
    background-color: yellow;
}

#colorPickColorGreen {
    background-color: green;
}

#colorPickColorRed {
    background-color: red;
}

#drawingToolbar {
    border: 1px outset white;
    width: 130px;
    background-color: ddd;
    position: absolute;
    left: 10px;
    top: 100px;
    z-index:100;
}

.pickButtonDefault {
    margin: 2px;
    border: 1px solid gray;
}

.pickButtonMouseover {
    border: 2px outset white;
    margin: 0 1 1 0;
    padding: 0 1 1 0;
}

.pickButtonSelected {
    padding: 2 0 0 2;
    border: 2px inset white;
}

#drawingToolbarHeader {
    color: black;
    background-color: #aaa;
    font-weight: bold;
    padding: 2px;
    margin: 2px;
    text-indent:5px;
    font-size: 12px;
    cursor: default;
}

#drawingToolbarTitle {
    margin-top: 1px;
    float: left;
}

#drawingToolbarCollapseControl {
    float:right;
    top:-12;
    margin-bottom:-12;
    padding-right: 2px;
    cursor: default;
    background-color:default;
    position: relative;
}

#drawingToolbarControls {
    font-size: 10px;
    color: black;
    padding-top: 5px;
}

#drawingToolbarGripper {
    float: left;
    margin: 1px;
    cursor: move;
}