/**
 * Admin Sticky Notes
 * License: GPLv2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.txt
 *
 * @author Farhan Girach <farhangirach@hotmail.com>
 * @copyright Copyright (c) 2017, Farhan Girach
**/

#controls {position:fixed;z-index:99999;top: 47px;left: 365px;}
ul#notes, li {list-style: none;}
ul#notes {padding: 0px;position: fixed;z-index: 99999;width:0px;}
ul#notes li {margin: 15px;float: left;position: absolute;top:0px;}
ul#notes li div {text-decoration: none;color: #000;background: #ffc;display: block;height: 250px;width: 200px;padding: 10px;-moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);-webkit-box-shadow: 5px 5px 7px  rgba(33, 33, 33, .7);box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);-moz-transition: -moz-transform .15s linear;-o-transition: -o-transform .15s linear;-webkit-transition: -webkit-transform .15s linear;cursor:move;}
ul#notes li div span {padding: 1px 3px;margin: 10px; position: absolute; top: 0; right: 0;font-family: 'Handlee', cursive;cursor:pointer;}
ul#notes li textarea {font-family: 'Handlee', cursive;background: rgba(0, 0, 0, 0.1); resize: none;padding: 3px;border-style: none;overflow:auto;}
ul#notes li textarea:focus {outline:none;border:0px;box-shadow:none;}
.note-title {font-size: 140%;font-weight: bold;height: 36px;width: 100%;margin-bottom:10px;    padding-top: 7px!important;}
.note-content {font-size:120%;height: 204px;width: 100%;font-family: 'Montserrat', sans-serif!important;}
ul#notes li:nth-child(even) div {-o-transform:rotate(4deg);-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);position:relative;top:5px;}
ul#notes li:nth-child(3n) div {-o-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);position:relative;top:-5px;}
ul#notes li:nth-child(5n) div {-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);position:relative;top:-10px;}
ul#notes li div:hover, ul li div:focus {-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);-webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);box-shadow:10px 10px 7px rgba(0,0,0,.7);-webkit-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);position:relative;z-index:5;}
/* define 3 different colours for the notes */
ul#notes li div.colour1 {background: #ffc;}
ul#notes li div.colour2 {background: #cfc;}
ul#notes li div.colour3 {background: #ccf;}
ul#notes li div.colour4 {background: #ff7eb9;}
ul#notes li div.colour5 {background: #7afcff;}
ul#notes li div.colour6 {background: #ff52e7;}
button#btnNew {border: 0px;border-radius: 0px;background: #0085ba;color: #fff;padding: 10px 30px;font-family: 'Handlee', cursive;cursor:pointer;font-weight:bold;text-transform: uppercase;}