123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332 |
- .tools {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .tools li {
- width: 100%;
- height: 50px;
- text-align: center;
- line-height: 50px;
- font-size: 28px;
- border-top: #dad7d9 solid 1px;
- background: #fefefe;
- cursor: pointer;
- position: relative;
- }
- .tools li:hover {
- background: #f2f1f2;
- }
- .tools li.active {
- background: #e34f51;
- }
- .hide {
- display: none;
- }
- .canvasDiv {
- position: relative;
- width: 100%;
- height: 100%;
- background: url(../image/canvas_bg.jpg) repeat;
- margin-left: 60px;
- }
- .icon-tools {
- display: inline-block;
- width: 28px;
- height: 28px;
- background-image: url("../image/tools-28.png");
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-color-gray {
- background-position: -0px -0px;
- }
- .icon-color-red {
- background-position: -28px -0px;
- }
- .icon-color-black {
- background-position: -56px -0px;
- }
- .icon-color-blue {
- background-position: -84px -0px;
- }
- .icon-color-select {
- background-position: -112px -0px;
- }
- .icon-eye-black {
- background-position: -140px -0px;
- }
- .icon-eye-select {
- background-position: -168px -0px;
- }
- .icon-noeye-black {
- background-position: -196px -0px;
- }
- .icon-noeye-select {
- background-position: -0px -28px;
- }
- .icon-grids-black {
- background-position: -28px -28px;
- }
- .icon-grids-select {
- background-position: -56px -28px;
- }
- .icon-nogrids-black {
- background-position: -84px -28px;
- }
- .icon-nogrids-select {
- background-position: -112px -28px;
- }
- .icon-pen-black {
- background-position: -140px -28px;
- }
- .icon-pen-select {
- background-position: -168px -28px;
- }
- .icon-move-black {
- background-position: -196px -28px;
- }
- .icon-move-select {
- background-position: -0px -56px;
- }
- .icon-text-black {
- background-position: -28px -56px;
- }
- .icon-text-select {
- background-position: -56px -56px;
- }
- .icon-dottedline-arrow-black {
- background-position: -84px -56px;
- }
- .icon-dottedline-arrow-select {
- background-position: -112px -56px;
- }
- .icon-line-black {
- background-position: -140px -56px;
- }
- .icon-line-select {
- background-position: -168px -56px;
- }
- .icon-dottedline-black {
- background-position: -196px -56px;
- }
- .icon-dottedline-select {
- background-position: -0px -84px;
- }
- .icon-arrow-black {
- background-position: -28px -84px;
- }
- .icon-arrow-select {
- background-position: -56px -84px;
- }
- .icon-circle-black {
- background-position: -84px -84px;
- }
- .icon-circle-select {
- background-position: -112px -84px;
- }
- .icon-ellipse-black {
- background-position: -140px -84px;
- }
- .icon-ellipse-select {
- background-position: -168px -84px;
- }
- .icon-square-black {
- background-position: -196px -84px;
- }
- .icon-square-select {
- background-position: -0px -112px;
- }
- .icon-rectangle-black {
- background-position: -28px -112px;
- }
- .icon-rectangle-select {
- background-position: -56px -112px;
- }
- .icon-rightangle-black {
- background-position: -84px -112px;
- }
- .icon-rightangle-select {
- background-position: -112px -112px;
- }
- .icon-equilateral-black {
- background-position: -140px -112px;
- }
- .icon-equilateral-select {
- background-position: -168px -112px;
- }
- .icon-isosceles-black {
- background-position: -196px -112px;
- }
- .icon-isosceles-select {
- background-position: -0px -140px;
- }
- .icon-isoscelesrighttriangle-black {
- background-position: -28px -140px;
- }
- .icon-isoscelesrighttriangle-select {
- background-position: -56px -140px;
- }
- .icon-remove-black {
- background-position: -84px -140px;
- }
- .icon-remove-select {
- background-position: -112px -140px;
- }
- .icon-clear-black {
- background-position: -140px -140px;
- }
- .icon-clear-select {
- background-position: -168px -140px;
- }
- .video-preview-modal-div {
- width: 69%;
- margin: 5% auto 0;
- text-align: center;
- background-color: #ffffff;
- }
- .icon-right-black{
- display: inline-block;
- width: 26px;
- height: 26px;
- background-image: url(../image/right.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-right-select{
- display: inline-block;
- width: 26px;
- height: 26px;
- background-image: url(../image/right-sel.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-wrong-black{
- display: inline-block;
- width: 26px;
- height: 26px;
- background-image: url(../image/wrong.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-wrong-select{
- display: inline-block;
- width: 26px;
- height: 26px;
- background-image: url(../image/wrong-sel.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-right-small-black{
- display: inline-block;
- width: 28px;
- height: 28px;
- background-image: url(../image/right-small.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-right-small-select{
- display: inline-block;
- width: 28px;
- height: 28px;
- background-image: url(../image/right-small-sel.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-wrong-small-black{
- display: inline-block;
- width: 28px;
- height: 28px;
- background-image: url(../image/wrong-small.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-wrong-small-select{
- display: inline-block;
- width: 28px;
- height: 28px;
- background-image: url(../image/wrong-small-sel.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-submit-black{
- display: inline-block;
- width: 28px;
- height: 28px;
- background-image: url(../image/submit.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
- .icon-submit-select{
- display: inline-block;
- width: 28px;
- height: 28px;
- background-image: url(../image/submit-sel.png);
- background-repeat: no-repeat;
- margin-top: 10px;
- }
|