/* Graffiti
 * http://www.ocsigen.org/graffiti
 * Copyright (C) 2013 Vincent Balat
 * Laboratoire PPS - CNRS Université Paris Diderot
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, with linking exception;
 * either version 2.1 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 Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
 */

body {
  width: 750px;
  -webkit-user-select: none;
}

canvas {
  border: solid 1px #aaaaaa;
}

div.ojw_colorpicker {
  position: absolute;
  top: 8px;
  left: 740px;
}

input {
  width: 400px;
}

.ot-color-picker.colorpicker {
  height: 300px;
  width: 400px;
}

.slider {
  -webkit-appearance: none;
  height: 20px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-moz-range-thumb {
  background:  #cbd6f1;
  cursor: pointer;
}


.undercanvas {
  z-index: -1;
  position: absolute;
}