CSS   13

gui css

Guest on 22nd June 2022 02:27:37 PM

  1. .chart:-webkit-full-screen {
  2.   width: 100%;
  3.   height: 100%;
  4. }
  5.  
  6. .chart:-moz-full-screen {
  7.   width: 100%;
  8.   height: 100%;
  9. }
  10.  
  11. .chart:-ms-fullscreen {
  12.   width: 100%;
  13.   height: 100%;
  14. }
  15.  
  16. .chart:fullscreen {
  17.   width: 100%;
  18.   height: 100%;
  19. }
  20.  
  21. .chart {
  22.   width: 100%;
  23.   float: left;
  24.   height: 400px;
  25.   position: relative;
  26. }
  27.  
  28. .highcharts-draw-mode {
  29.   cursor: crosshair;
  30. }
  31.  
  32. .highcharts-bindings-wrapper * {
  33.   box-sizing: content-box;
  34. }
  35.  
  36. .highcharts-bindings-wrapper {
  37.   display: block;
  38.   width: 40px;
  39.   height: 100%;
  40.   position: absolute;
  41.   z-index: 10;
  42. }
  43.  
  44. .highcharts-stocktools-popup {
  45.   width: 100%;
  46. }
  47.  
  48. .highcharts-menu-wrapper {
  49.   float: left;
  50.   width: 40px;
  51.   height: calc(100% - 50px);
  52.   overflow: hidden;
  53.   position: absolute;
  54.   left: 0px;
  55.   top: 0px;
  56.   padding: 10px;
  57. }
  58.  
  59. .highcharts-bindings-wrapper .highcharts-submenu-wrapper {
  60.   display: none;
  61.   position: absolute;
  62.   z-index: 10;
  63.   left: 0px;
  64.   top: 0px;
  65.   background: #fff;
  66.   width: 40px;
  67. }
  68.  
  69. .highcharts-bindings-wrapper .highcharts-arrow-wrapper {
  70.   text-align: center;
  71.   width: 40px;
  72.   position: absolute;
  73.   left: 10px;
  74.   bottom: 10px;
  75.   font-size: 1.5em;
  76. }
  77.  
  78. .highcharts-bindings-wrapper .highcharts-arrow-wrapper > div {
  79.   cursor: pointer;
  80. }
  81.  
  82. .highcharts-bindings-wrapper .highcharts-arrow-down {
  83.   background-size: cover;
  84.   /* Safari */
  85.   -webkit-transform: rotate(90deg);
  86.   /* Firefox */
  87.   -moz-transform: rotate(90deg);
  88.   /* IE */
  89.   -ms-transform: rotate(90deg);
  90.   /* Opera */
  91.   -o-transform: rotate(90deg);
  92.   /* Internet Explorer */
  93.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  94.   transform: rotate(90deg);
  95. }
  96.  
  97. .highcharts-bindings-wrapper .highcharts-arrow-up {
  98.   background-size: cover;
  99.   outline: none;
  100.   display: inline-block;
  101.   width: 25px;
  102.   cursor: pointer;
  103.   -webkit-user-select: none;
  104.   /* Chrome/Safari */
  105.   -moz-user-select: none;
  106.   /* Firefox */
  107.   -ms-user-select: none;
  108.   /* IE10+ */
  109.   /* Rules below not implemented in browsers yet */
  110.   -o-user-select: none;
  111.   user-select: none;
  112.   /* Safari */
  113.   -webkit-transform: rotate(-90deg);
  114.   /* Firefox */
  115.   -moz-transform: rotate(-90deg);
  116.   /* IE */
  117.   -ms-transform: rotate(-90deg);
  118.   /* Opera */
  119.   -o-transform: rotate(-90deg);
  120.   /* Internet Explorer */
  121.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  122.   transform: rotate(-90deg);
  123. }
  124.  
  125. .highcharts-bindings-wrapper .highcharts-arrow-right {
  126.   background-repeat: no-repeat;
  127.   background-position: right bottom;
  128.   background-size: contain;
  129. }
  130.  
  131. .highcharts-bindings-wrapper .highcharts-arrow-left.highcharts-arrow-right {
  132.   /* Safari */
  133.   -webkit-transform: rotate(0deg);
  134.   /* Firefox */
  135.   -moz-transform: rotate(0deg);
  136.   /* IE */
  137.   -ms-transform: rotate(0deg);
  138.   /* Opera */
  139.   -o-transform: rotate(0deg);
  140.   /* Internet Explorer */
  141.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  142.   transform: rotate(0deg);
  143. }
  144.  
  145. .highcharts-bindings-wrapper .highcharts-arrow-left {
  146.   /* Safari */
  147.   -webkit-transform: rotate(180deg);
  148.   /* Firefox */
  149.   -moz-transform: rotate(180deg);
  150.   /* IE */
  151.   -ms-transform: rotate(180deg);
  152.   /* Opera */
  153.   -o-transform: rotate(180deg);
  154.   /* Internet Explorer */
  155.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  156.   transform: rotate(180deg);
  157. }
  158.  
  159. .highcharts-bindings-wrapper ul {
  160.   width: 40px;
  161.   /* 30px spacing for arrows to scroll */
  162.   margin: 0px;
  163.   padding: 0px;
  164.   float: left;
  165.   transition: margin 250ms;
  166. }
  167.  
  168. .highcharts-bindings-wrapper > ul {
  169.   width: 40px;
  170.   position: relative;
  171. }
  172.  
  173. .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li {
  174.   list-style: none;
  175.   margin-bottom: 3px;
  176.   padding: 0px;
  177.   clear: both;
  178.   width: 100%;
  179.   height: 40px;
  180.   cursor: pointer;
  181.   position: relative;
  182.   background-color: #f7f7f7;
  183. }
  184.  
  185. .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn {
  186.   cursor: default;
  187. }
  188.  
  189. .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn > .highcharts-menu-item-btn {
  190.   opacity: 0.5;
  191. }
  192.  
  193. .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn.highcharts-active {
  194.   background: #f7f7f7;
  195. }
  196.  
  197. .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn .highcharts-menu-item-btn:hover {
  198.   background-color: transparent;
  199. }
  200.  
  201. .highcharts-bindings-wrapper li > span.highcharts-menu-item-btn {
  202.   display: block;
  203.   float: left;
  204.   width: 100%;
  205.   height: 100%;
  206.   background-repeat: no-repeat;
  207.   background-position: 50% 50%;
  208. }
  209.  
  210. .highcharts-submenu-wrapper li > span.highcharts-menu-item-btn {
  211.   width: 40px;
  212. }
  213.  
  214. .highcharts-bindings-wrapper li > span.highcharts-submenu-item-arrow {
  215.   float: left;
  216.   width: 10px;
  217.   height: 100%;
  218.   cursor: pointer;
  219.   position: absolute;
  220.   bottom: 0px;
  221.   right: 0px;
  222. }
  223.  
  224. .highcharts-bindings-wrapper li.highcharts-separator {
  225.   height: 15px;
  226.   background-color: transparent;
  227.   width: 36px;
  228.   pointer-events: none;
  229. }
  230.  
  231. .highcharts-bindings-wrapper li.highcharts-separator > span.highcharts-menu-item-btn {
  232.   width: 100%;
  233. }
  234.  
  235. .highcharts-bindings-wrapper li.highcharts-active > span.highcharts-menu-item-btn,
  236. .highcharts-bindings-wrapper li > span.highcharts-menu-item-btn:hover,
  237. .highcharts-bindings-wrapper .highcharts-arrow-wrapper > div:hover,
  238. .highcharts-bindings-wrapper li.highcharts-active,
  239. .highcharts-toggle-toolbar:hover {
  240.   background-color: #e6ebf5;
  241.   transition: background-color 100ms;
  242. }
  243.  
  244. .highcharts-toggle-toolbar {
  245.   position: absolute;
  246.   cursor: pointer;
  247.   width: 10px;
  248.   height: 10px;
  249.   background-color: #f7f7f7;
  250.   background-size: cover;
  251. }
  252.  
  253. .highcharts-hide {
  254.   display: none;
  255. }
  256.  
  257. .highcharts-bindings-wrapper li:hover, .highcharts-submenu-item-arrow:hover {
  258.   background-color: #e6ebf5;
  259. }
  260.  
  261. .highcharts-bindings-wrapper .highcharts-arrow-down, .highcharts-bindings-wrapper .highcharts-arrow-up {
  262.   width: 50%;
  263.   height: 20px;
  264.   float: left;
  265. }

Raw Paste

Login or Register to edit or fork this paste. It's free.