123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101 |
- /*!
- * Handsontable 0.12.3
- * Handsontable is a JavaScript library for editable tables with basic copy-paste compatibility with Excel and Google Docs
- *
- * Copyright 2012-2014 Marcin Warpechowski
- * Licensed under the MIT license.
- * http://handsontable.com/
- *
- * Date: Mon Jan 12 2015 10:24:46 GMT+0100 (CET)
- */
- .handsontable {
- position: relative;
- }
- .handsontable .hide{
- display: none;
- }
- .handsontable .relative {
- position: relative;
- }
- .handsontable.htAutoColumnSize {
- visibility: hidden;
- left: 0;
- position: absolute;
- top: 0;
- }
- .handsontable .wtHider {
- width: 0;
- }
- .handsontable .wtSpreader {
- position: relative;
- width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
- height: auto;
- }
- .handsontable table,
- .handsontable tbody,
- .handsontable thead,
- .handsontable td,
- .handsontable th,
- .handsontable input,
- .handsontable textarea,
- .handsontable div {
- box-sizing: content-box;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- }
- .handsontable input,
- .handsontable textarea {
- min-height: initial;
- }
- .handsontable table.htCore {
- border-collapse: separate;
- /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
- /*this actually only changes appearance of user selection - does not make text unselectable
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -o-user-select: none;
- -ms-user-select: none;
- /*user-select: none; /*no browser supports unprefixed version*/
- border-spacing: 0;
- margin: 0;
- border-width: 0;
- table-layout: fixed;
- width: 0;
- outline-width: 0;
- /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
- max-width: none;
- max-height: none;
- }
- .handsontable col {
- width: 50px;
- }
- .handsontable col.rowHeader {
- width: 50px;
- }
- .handsontable th,
- .handsontable td {
- border-right: 1px solid #CCC;
- border-bottom: 1px solid #CCC;
- height: 22px;
- empty-cells: show;
- line-height: 21px;
- padding: 0 4px 0 4px;
- /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
- background-color: #FFF;
- vertical-align: top;
- overflow: hidden;
- outline-width: 0;
- white-space: pre-line;
- /* preserve new line character in cell */
- }
- .handsontable td.htInvalid {
- background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
- }
- .handsontable td.htNoWrap {
- white-space: nowrap;
- }
- .handsontable th:last-child {
- /*Foundation framework fix*/
- border-right: 1px solid #CCC;
- border-bottom: 1px solid #CCC;
- }
- .handsontable tr:first-child th.htNoFrame,
- .handsontable th:first-child.htNoFrame,
- .handsontable th.htNoFrame {
- border-left-width: 0;
- background-color: white;
- border-color: #FFF;
- }
- .handsontable th:first-child,
- .handsontable td:first-child,
- .handsontable .htNoFrame + th,
- .handsontable .htNoFrame + td {
- border-left: 1px solid #CCC;
- }
- .handsontable tr:first-child th,
- .handsontable tr:first-child td {
- border-top: 1px solid #CCC;
- }
- .handsontable thead tr:last-child th {
- border-bottom-width: 0;
- }
- .handsontable thead tr.lastChild th {
- border-bottom-width: 0;
- }
- .handsontable th {
- background-color: #EEE;
- color: #222;
- text-align: center;
- font-weight: normal;
- white-space: nowrap;
- }
- .handsontable thead th {
- padding: 0;
- }
- .handsontable th.active {
- background-color: #CCC;
- }
- .handsontable thead th .relative {
- padding: 2px 4px;
- }
- /* plugins */
- .handsontable .manualColumnMover {
- position: fixed;
- left: 0;
- top: 0;
- background-color: transparent;
- width: 5px;
- height: 25px;
- z-index: 999;
- cursor: move;
- }
- .handsontable .manualRowMover {
- position: fixed;
- left: -4px;
- top: 0;
- background-color: transparent;
- height: 5px;
- width: 50px;
- z-index: 999;
- cursor: move;
- }
- .handsontable .manualColumnMoverGuide,
- .handsontable .manualRowMoverGuide {
- position: fixed;
- left: 0;
- top: 0;
- background-color: #CCC;
- width: 25px;
- height: 25px;
- opacity: 0.7;
- display: none;
- }
- .handsontable .manualColumnMoverGuide.active,
- .handsontable .manualRowMoverGuide.active {
- display: block;
- }
- .handsontable .manualColumnMover:hover,
- .handsontable .manualColumnMover.active,
- .handsontable .manualRowMover:hover,
- .handsontable .manualRowMover.active{
- background-color: #88F;
- }
- /* row + column resizer*/
- .handsontable .manualColumnResizer {
- position: fixed;
- top: 0;
- cursor: col-resize;
- z-index: 110;
- width: 5px;
- height: 25px;
- }
- .handsontable .manualRowResizer {
- position: fixed;
- left: 0;
- cursor: row-resize;
- z-index: 110;
- height: 5px;
- width: 50px;
- }
- .handsontable .manualColumnResizer:hover,
- .handsontable .manualColumnResizer.active,
- .handsontable .manualRowResizer:hover,
- .handsontable .manualRowResizer.active {
- background-color: #AAB;
- }
- .handsontable .manualColumnResizerGuide {
- position: fixed;
- right: 0;
- top: 0;
- background-color: #AAB;
- display: none;
- width: 0;
- border-right: 1px dashed #777;
- margin-left: 5px;
- }
- .handsontable .manualRowResizerGuide {
- position: fixed;
- left: 0;
- bottom: 0;
- background-color: #AAB;
- display: none;
- height: 0;
- border-bottom: 1px dashed #777;
- margin-top: 5px;
- }
- .handsontable .manualColumnResizerGuide.active,
- .handsontable .manualRowResizerGuide.active {
- display: block;
- }
- .handsontable .columnSorting:hover {
- text-decoration: underline;
- cursor: pointer;
- }
- /* border line */
- .handsontable .wtBorder {
- position: absolute;
- font-size: 0;
- }
- .handsontable .wtBorder.hidden{
- display:none !important;
- }
- .handsontable td.area {
- background-color: #EEF4FF;
- }
- /* fill handle */
- .handsontable .wtBorder.corner {
- font-size: 0;
- cursor: crosshair;
- }
- .handsontable .htBorder.htFillBorder {
- background: red;
- width: 1px;
- height: 1px;
- }
- .handsontableInput {
- border: 2px solid #5292F7;
- outline-width: 0;
- margin: 0;
- padding: 1px 4px 0 2px;
- font-family: inherit;
- line-height: inherit;
- font-size: inherit;
- -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
- box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
- resize: none;
- /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
- display: inline-block;
- color: #000;
- border-radius: 0;
- background-color: #FFF;
- /*overwrite styles potentionally made by a framework*/
- }
- .handsontableInput:focus {
- border: 2px solid #5292F7;
- }
- .handsontableInputHolder {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 100;
- }
- .htSelectEditor {
- -webkit-appearance: menulist-button !important;
- position: absolute;
- width: auto;
- }
- /*
- TextRenderer readOnly cell
- */
- .handsontable .htDimmed {
- color: #777;
- }
- .handsontable .htSubmenu {
- position: relative;
- }
- .handsontable .htSubmenu :after{
- content: '▶';
- color: #777;
- position: absolute;
- right: 5px;
- }
- /*
- TextRenderer horizontal alignment
- */
- .handsontable .htLeft{
- text-align: left;
- }
- .handsontable .htCenter{
- text-align: center;
- }
- .handsontable .htRight{
- text-align: right;
- }
- .handsontable .htJustify{
- text-align: justify;
- }
- /*
- TextRenderer vertical alignment
- */
- .handsontable .htTop{
- vertical-align: top;
- }
- .handsontable .htMiddle{
- vertical-align: middle;
- }
- .handsontable .htBottom{
- vertical-align: bottom;
- }
- /*
- TextRenderer placeholder value
- */
- .handsontable .htPlaceholder {
- color: #999;
- }
- /*
- AutocompleteRenderer down arrow
- */
- .handsontable .htAutocompleteArrow {
- float: right;
- font-size: 10px;
- color: #EEE;
- cursor: default;
- width: 16px;
- text-align: center;
- }
- .handsontable td .htAutocompleteArrow:hover {
- color: #777;
- }
- /*
- CheckboxRenderer
- */
- .handsontable .htCheckboxRendererInput.noValue {
- opacity: 0.5;
- }
- /*
- NumericRenderer
- */
- .handsontable .htNumeric {
- text-align: right;
- }
- /*
- Comment For Cell
- */
- .htCommentCell{
- position: relative;
- }
- .htCommentCell:after{
- content: '';
- position: absolute;
- top: 0;
- right: 0;
- border-left: 6px solid transparent;
- border-top: 6px solid red;
- }
- @-webkit-keyframes opacity-hide {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- /*display: none;*/
- }
- }
- @keyframes opacity-hide {
- from {
- /*display: block;*/
- opacity: 1;
- }
- to {
- opacity: 0;
- /*display: none;*/
- }
- }
- @-webkit-keyframes opacity-show {
- from {
- opacity: 0;
- /*display: none;*/
- }
- to {
- opacity: 1;
- /*display: block;*/
- }
- }
- @keyframes opacity-show {
- from {
- opacity: 0;
- /*display: none;*/
- }
- to {
- opacity: 1;
- /*display: block;*/
- }
- }
- /**
- * Handsontable in Handsontable
- */
- .handsontable .handsontable .wtHider {
- padding: 0 0 5px 0;
- }
- .handsontable .handsontable table {
- -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
- box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
- }
- /**
- * Autocomplete Editor
- */
- .handsontable .autocompleteEditor.handsontable {
- padding-right: 17px;
- }
- .handsontable .autocompleteEditor.handsontable.htMacScroll {
- padding-right: 15px;
- }
- /**
- * Handsontable listbox theme
- */
- .handsontable.listbox {
- margin: 0;
- }
- .handsontable.listbox .ht_master table {
- border: 1px solid #ccc;
- border-collapse: separate;
- background: white;
- }
- .handsontable.listbox th,
- .handsontable.listbox tr:first-child th,
- .handsontable.listbox tr:last-child th,
- .handsontable.listbox tr:first-child td,
- .handsontable.listbox td {
- border-width: 0;
- }
- .handsontable.listbox th,
- .handsontable.listbox td {
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .handsontable.listbox td.htDimmed {
- cursor: default;
- color: inherit;
- font-style: inherit;
- }
- .handsontable.listbox .wtBorder {
- visibility: hidden;
- }
- .handsontable.listbox tr td.current,
- .handsontable.listbox tr:hover td {
- background: #eee;
- }
- .htContextMenu {
- display: none;
- position: absolute;
- z-index: 1060; /*needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569)*/
- }
- .htContextMenu .ht_clone_top,
- .htContextMenu .ht_clone_left,
- .htContextMenu .ht_clone_corner,
- .htContextMenu .ht_clone_debug {
- display: none;
- }
- .ht_clone_top {
- z-index: 101;
- }
- .ht_clone_left {
- z-index: 102;
- }
- .ht_clone_corner {
- z-index: 103;
- }
- .ht_clone_debug {
- z-index: 103;
- }
- .htContextMenu table.htCore {
- outline: 1px solid #bbb;
- }
- .htContextMenu .wtBorder {
- visibility: hidden;
- }
- .htContextMenu table tbody tr td {
- background: white;
- border-width: 0;
- padding: 4px 6px 0px 6px;
- cursor: pointer;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .htContextMenu table tbody tr td:first-child {
- border: 0;
- }
- .htContextMenu table tbody tr td.htDimmed{
- font-style: normal;
- color: #323232;
- }
- .htContextMenu table tbody tr td.current,
- .htContextMenu table tbody tr td.zeroclipboard-is-hover {
- background: rgb(233, 233, 233);
- }
- .htContextMenu table tbody tr td.htSeparator {
- border-top: 1px solid #bbb;
- height: 0;
- padding: 0;
- }
- .htContextMenu table tbody tr td.htDisabled {
- color: #999;
- }
- .htContextMenu table tbody tr td.htDisabled:hover {
- background: white;
- color: #999;
- cursor: default;
- }
- .htContextMenu table tbody tr td div{
- padding-left: 10px;
- }
- .htContextMenu table tbody tr td div span.selected{
- margin-top: -2px;
- position: absolute;
- left: 4px;
- }
- .handsontable td.htSearchResult {
- background: #fcedd9;
- color: #583707;
- }
- /*
- Cell borders
- */
- .htBordered{
- /*box-sizing: border-box !important;*/
- border-width: 1px;
- }
- .htBordered.htTopBorderSolid{
- border-top-style: solid;
- border-top-color: #000;
- }
- .htBordered.htRightBorderSolid{
- border-right-style: solid;
- border-right-color: #000;
- }
- .htBordered.htBottomBorderSolid{
- border-bottom-style: solid;
- border-bottom-color: #000;
- }
- .htBordered.htLeftBorderSolid{
- border-left-style: solid;
- border-left-color: #000;
- }
- .htCommentTextArea{
- background-color: #FFFACD;
- box-shadow: 1px 1px 2px #bbb;
- font-family: 'Arial';
- -webkit-box-shadow: 1px 1px 2px #bbb;
- -moz-box-shadow: 1px 1px 2px #bbb;
- }
- /* Grouping indicators */
- .handsontable colgroup col.rowHeader.htGroupCol {
- width: 25px !important;
- }
- .handsontable colgroup col.rowHeader.htGroupColClosest {
- width: 30px !important;
- }
- .handsontable .htGroupIndicatorContainer {
- background: #fff;
- border: 0px;
- padding-bottom: 0px;
- vertical-align: bottom;
- position: relative;
- }
- .handsontable thead .htGroupIndicatorContainer {
- vertical-align: top;
- border-bottom: 0px;
- }
- .handsontable tbody tr th:nth-last-child(2) {
- border-right: 1px solid #CCC;
- }
- .handsontable thead tr:nth-last-child(2) th {
- border-bottom: 1px solid #CCC;
- padding-bottom: 5px;
- }
- .ht_clone_corner thead tr th:nth-last-child(2) {
- border-right: 1px solid #CCC;
- }
- .htVerticalGroup {
- height: 100%;
- }
- .htHorizontalGroup {
- width: 100%;
- height: 100%;
- }
- .htVerticalGroup:not(.htCollapseButton):after {
- content: "";
- height: 100%;
- width: 1px;
- display: block;
- background: #ccc;
- margin-left: 5px;
- }
- .htHorizontalGroup:not(.htCollapseButton):after {
- content: "";
- width: 100%;
- height: 1px;
- display: block;
- background: #ccc;
- margin-top: 20%;
- }
- .htCollapseButton {
- width: 10px;
- height: 10px;
- line-height: 10px;
- text-align: center;
- border-radius: 5px;
- border: 1px solid #f3f3f3;
- -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
- cursor: pointer;
- margin-bottom: 3px;
- position: relative;
- }
- .htCollapseButton:after {
- content: "";
- height: 300%;
- width: 1px;
- display: block;
- background: #ccc;
- margin-left: 4px;
- position: absolute;
- /*top: -300%;*/
- bottom: 10px;
- }
- thead .htCollapseButton {
- right: 5px;
- position: absolute;
- top: 5px;
- background: #fff;
- }
- thead .htCollapseButton:after {
- height: 1px;
- width: 700%;
- right: 10px;
- top: 4px;
- }
- .handsontable tr th .htGroupStart:after {
- background: transparent;
- border-left: 1px solid #ccc;
- border-top: 1px solid #ccc;
- width: 5px;
- position: relative;
- top: 50%;
- }
- .handsontable thead tr th .htGroupStart:after {
- background: transparent;
- border-left: 1px solid #ccc;
- border-top: 1px solid #ccc;
- height: 5px;
- width: 50%;
- position: relative;
- top: 0px;
- left: 50%;
- }
- .handsontable .htGroupLevelTrigger {
- -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
- width: 15px;
- height: 15px;
- margin: 4px auto;
- padding: 0px;
- line-height: 15px;
- cursor: pointer;
- }
- .handsontable tr th .htExpandButton {
- position: absolute;
- width: 10px;
- height: 10px;
- line-height: 10px;
- text-align: center;
- border-radius: 5px;
- border: 1px solid #f3f3f3;
- -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
- cursor: pointer;
- top: 0px;
- display: none;
- }
- .handsontable thead tr th .htExpandButton {
- /*left: 5px;*/
- top: 5px;
- }
- .handsontable tr th .htExpandButton.clickable {
- display: block;
- }
- .handsontable col.hidden {
- width: 0px !important;
- }
- .handsontable tr.hidden,
- .handsontable tr.hidden td,
- .handsontable tr.hidden th {
- display: none;
- }
- /*WalkontableDebugOverlay*/
- .wtDebugHidden {
- display: none;
- }
- .wtDebugVisible {
- display: block;
- -webkit-animation-duration: 0.5s;
- -webkit-animation-name: wtFadeInFromNone;
- animation-duration: 0.5s;
- animation-name: wtFadeInFromNone;
- }
- @keyframes wtFadeInFromNone {
- 0% {
- display: none;
- opacity: 0;
- }
- 1% {
- display: block;
- opacity: 0;
- }
- 100% {
- display: block;
- opacity: 1;
- }
- }
- @-webkit-keyframes wtFadeInFromNone {
- 0% {
- display: none;
- opacity: 0;
- }
- 1% {
- display: block;
- opacity: 0;
- }
- 100% {
- display: block;
- opacity: 1;
- }
- }
- /*
- Handsontable Mobile Text Editor stylesheet
- */
- .handsontable.mobile {
- -webkit-touch-callout:none;
- -webkit-user-select:none;
- -khtml-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none;
- -webkit-tap-highlight-color:rgba(0,0,0,0);
- -webkit-overflow-scrolling: touch;
- }
- .htMobileEditorContainer {
- display: none;
- position: absolute;
- top: 0;
- width: 70%;
- height: 54pt;
- background: #f8f8f8;
- border-radius: 20px;
- border: 1px solid #ebebeb;
- z-index: 999;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -webkit-text-size-adjust: none;
- }
- .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
- .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
- z-index: 9999;
- }
- /* Initial left/top coordinates - overwritten when actual position is set */
- .topLeftSelectionHandle,
- .topLeftSelectionHandle-HitArea,
- .bottomRightSelectionHandle,
- .bottomRightSelectionHandle-HitArea {
- left: -10000px;
- top: -10000px;
- }
- .htMobileEditorContainer.active {
- display: block;
- }
- .htMobileEditorContainer .inputs {
- position: absolute;
- right: 210pt;
- bottom: 10pt;
- top: 10pt;
- left: 14px;
- height: 34pt;
- }
- .htMobileEditorContainer .inputs textarea {
- font-size: 13pt;
- border: 1px solid #a1a1a1;
- -webkit-appearance: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- position: absolute;
- left: 14px;
- right: 14px;
- top: 0;
- bottom: 0;
- padding: 7pt;
- }
- .htMobileEditorContainer .cellPointer {
- position: absolute;
- top: -13pt;
- height: 0;
- width: 0;
- left: 30px;
- border-left: 13pt solid transparent;
- border-right: 13pt solid transparent;
- border-bottom: 13pt solid #ebebeb;
- }
- .htMobileEditorContainer .cellPointer.hidden {
- display: none;
- }
- .htMobileEditorContainer .cellPointer:before {
- content: '';
- display: block;
- position: absolute;
- top: 2px;
- height: 0;
- width: 0;
- left: -13pt;
- border-left: 13pt solid transparent;
- border-right: 13pt solid transparent;
- border-bottom: 13pt solid #f8f8f8;
- }
- .htMobileEditorContainer .moveHandle {
- position: absolute;
- top: 10pt;
- left: 5px;
- width: 30px;
- bottom: 0px;
- cursor: move;
- z-index: 9999;
- }
- .htMobileEditorContainer .moveHandle:after {
- content: "..\a..\a..\a..";
- white-space: pre;
- line-height: 10px;
- font-size: 20pt;
- display: inline-block;
- margin-top: -8px;
- color: #ebebeb;
- }
- .htMobileEditorContainer .positionControls {
- width: 205pt;
- position: absolute;
- right: 5pt;
- top: 0;
- bottom: 0;
- }
- .htMobileEditorContainer .positionControls > div {
- width: 50pt;
- height: 100%;
- float: left;
- }
- .htMobileEditorContainer .positionControls > div:after {
- content: " ";
- display: block;
- width: 15pt;
- height: 15pt;
- text-align: center;
- line-height: 50pt;
- }
- .htMobileEditorContainer .leftButton:after,
- .htMobileEditorContainer .rightButton:after,
- .htMobileEditorContainer .upButton:after,
- .htMobileEditorContainer .downButton:after {
- transform-origin: 5pt 5pt;
- -webkit-transform-origin: 5pt 5pt;
- margin: 21pt 0 0 21pt;
- }
- .htMobileEditorContainer .leftButton:after {
- border-top: 2px solid #288ffe;
- border-left: 2px solid #288ffe;
- -webkit-transform: rotate(-45deg);
- /*margin-top: 17pt;*/
- /*margin-left: 20pt;*/
- }
- .htMobileEditorContainer .leftButton:active:after {
- border-color: #cfcfcf;
- }
- .htMobileEditorContainer .rightButton:after {
- border-top: 2px solid #288ffe;
- border-left: 2px solid #288ffe;
- -webkit-transform: rotate(135deg);
- /*margin-top: 17pt;*/
- /*margin-left: 10pt;*/
- }
- .htMobileEditorContainer .rightButton:active:after {
- border-color: #cfcfcf;
- }
- .htMobileEditorContainer .upButton:after {
- /*border-top: 2px solid #cfcfcf;*/
- border-top: 2px solid #288ffe;
- border-left: 2px solid #288ffe;
- -webkit-transform: rotate(45deg);
- /*margin-top: 22pt;*/
- /*margin-left: 15pt;*/
- }
- .htMobileEditorContainer .upButton:active:after {
- border-color: #cfcfcf;
- }
- .htMobileEditorContainer .downButton:after {
- border-top: 2px solid #288ffe;
- border-left: 2px solid #288ffe;
- -webkit-transform: rotate(225deg);
- /*margin-top: 15pt;*/
- /*margin-left: 15pt;*/
- }
- .htMobileEditorContainer .downButton:active:after {
- border-color: #cfcfcf;
- }
- .handsontable.hide-tween {
- -webkit-animation: opacity-hide 0.3s;
- animation: opacity-hide 0.3s;
- animation-fill-mode: forwards;
- -webkit-animation-fill-mode: forwards;
- }
- .handsontable.show-tween {
- -webkit-animation: opacity-show 0.3s;
- animation: opacity-show 0.3s;
- animation-fill-mode: forwards;
- -webkit-animation-fill-mode: forwards;
- }
|