API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 26th, 2020
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.30 KB | None | 0 0
raw download clone embed print report
  1. /* ------- DO NOT EDIT - Smartly Base CSS ------- */
  2.  
  3. @font-face {
  4. font-family: 'Barlow Condensed';
  5. font-style: normal;
  6. font-weight: 400;
  7. font-display: swap;
  8. src: local('Barlow Condensed Regular'),local('BarlowCondensed-Regular'),url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2g.woff2) format('woff2');
  9. unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
  10. }
  11.  
  12. @font-face {
  13. font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:local('Barlow Condensed Medium'),local('BarlowCondensed-Medium'),url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
  14. }
  15.  
  16. #app,body {
  17. font-family: 'Barlow Condensed',sans-serif
  18. }
  19.  
  20.  
  21. @font-face {
  22. font-family: "Material Design Icons";
  23. src: url("https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.eot");
  24. src: url("https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.eot?#iefix&v=4.9.95") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.ttf") format("truetype");
  25. font-weight: normal;
  26. font-style: normal;
  27. unicode-range: U+F000-FFFFF;
  28. }
  29. @font-face {
  30. font-family: 'Material Design Icons';
  31. src: url('https://hubitat.ezeek.us/hubitat-dashboard/assets/fonts/at-icons-proprietary.woff') format('woff'), url('https://hubitat.ezeek.us/hubitat-dashboard/assets/fonts/at-icons-proprietary.woff') format('truetype');
  32. font-weight: normal;
  33. font-style: normal;
  34. unicode-range: U+E900-EFFF;
  35. }
  36. /*
  37. @font-face {
  38. font-family:"Material Design Icons";src:url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.woff2) format("woff2");font-weight:400;font-style:normal;unicode-range:U+F000-FFFFF
  39. }
  40. */
  41.  
  42. .he-dimmer_medium:before,
  43. .he-dimmer_low:before,
  44. .he-running:before,
  45. .tile.shades .tile-primary i.material-icons,
  46. .he-shades_closed:before,
  47. .he-shades_partially_open:before,
  48. .he-not_present:before,
  49. .he-outlet_3:before,
  50. .he-outlet_off:before,
  51. .he-bulb_off:before,.he-bulb_on:before,.he-dimmer_low:before,.he-dimmer_medium:before,.he-door_closed:before,.he-door_open:before,.he-fire1:before,.he-fire_alarm_clear:before,.he-garage_closed:before,.he-garage_closing:before,.he-garage_open:before,.he-garage_opening:before,.he-hour-glass:before,.he-motion-sensor:before,.he-motion_detector_3:before,.he-motion_detector_3_filled:before,.he-switch_2:before,.he-switch_2_flipped:before,.he-water_dry:before,.he-water_wet:before,.he-window_1:before,.he-window_2:before,.tile.dashboard .tile-primary::before {
  52. font-family: "Material Design Icons"!important
  53. }
  54.  
  55. .he-shades_open:before {
  56. content: "\F0149";
  57. }
  58.  
  59. .he-shades_closed:before {
  60. content: "\F0147";
  61. }
  62.  
  63. .tile.shades .tile-primary.closing i.material-icons:before,
  64. .tile.shades .tile-primary.partially.open i.material-icons:before,
  65. .tile.shades .tile-primary.opening i.material-icons:before {
  66. content: "\F0148";
  67. }
  68.  
  69. .he-not_present:before {
  70. content: "\FA47";
  71. }
  72.  
  73. .he-outlet_3:before {
  74. content: "\F6A4";
  75. }
  76.  
  77. .he-outlet_off:before {
  78. content: "\F6A5";
  79. }
  80.  
  81. .he-bulb_off,.he-bulb_on,.he-dimmer_low,.he-dimmer_medium {
  82. margin-top: -15px;
  83. margin-bottom: 4px
  84. }
  85.  
  86. .he-bulb_off,.he-bulb_on {
  87. padding: 3px!important
  88. }
  89.  
  90. .popup-content .he-bulb_off,.popup-content .he-bulb_on {
  91. color: #000!important
  92. }
  93.  
  94. .popup-content {
  95. margin-left: auto;
  96. margin-right: auto
  97. }
  98.  
  99. .tile.bulb-color .tile-primary {
  100. padding-bottom: 0!important;
  101. overflow: visible
  102. }
  103.  
  104. .he-bulb_on:before {
  105. content: "\F6E8";
  106. display: block
  107. }
  108.  
  109. .he-bulb_off:before {
  110. content: "\F336"
  111. }
  112.  
  113. .he-fire_alarm_clear:before {
  114. content: "\F392"
  115. }
  116.  
  117. .he-fire1:before {
  118. content: "\F238"
  119. }
  120.  
  121. .he-water_wet:before {
  122. content: "\F58C"
  123. }
  124.  
  125. .he-water_dry:before {
  126. content: "\F58D"
  127. }
  128.  
  129. .he-garage_closed:before {
  130. content: "\F6D8";
  131. font-size: 120%
  132. }
  133.  
  134. .he-garage_open:before {
  135. content: "\F6D9";
  136. font-size: 120%
  137. }
  138.  
  139. .he-garage_closing:before,.he-garage_opening:before {
  140. font-size: 120%;
  141. content: "\F871"
  142. }
  143.  
  144. .he-hour-glass:before {
  145. content: "\F1D8"
  146. }
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. /* motion */
  155. .he-running:before {
  156. content: "\e94d";
  157.  
  158. }
  159.  
  160. .he-motion-sensor:before {
  161. content: "\e94c";
  162. }
  163.  
  164.  
  165. .he-dimmer_low:before,.he-switch_2:before {
  166. content: "\FA18"
  167. }
  168.  
  169. .he-dimmer_medium:before,.he-switch_2_flipped:before {
  170. content: "\F521"
  171. }
  172.  
  173. .he-dimmer_low:before,.he-dimmer_medium:before {
  174. margin-top: -5px
  175. }
  176.  
  177. .he-window_1:before {
  178. content: "\F5AE"
  179. }
  180.  
  181. .he-window_2:before {
  182. content: "\F5B1"
  183. }
  184.  
  185. .he-door_open:before {
  186. content: "\F81B"
  187. }
  188.  
  189. .he-door_closed:before {
  190. content: "\F819"
  191. }
  192.  
  193. .text-tile {
  194. background: 0 0!important;
  195. color: #000;
  196. padding: 0 10px;
  197. margin: 0
  198. }
  199.  
  200. .text-tile .tile-edit {
  201. /*
  202. color: rgba(0,0,0,.7);
  203. left: 0;
  204. top: .6em;
  205. margin-left: -5px
  206. */
  207. }
  208.  
  209. .text-tile .justify-center,.text-tile .text-center {
  210. text-align: unset;
  211. justify-content: unset
  212. }
  213.  
  214. .tile.date>div {
  215. background-color: #fff
  216. }
  217.  
  218. .tile.date .flex {
  219. line-height: normal;
  220. font-size: 100%
  221. }
  222.  
  223. .tile.date .border-black {
  224. border: 0;
  225. border-radius: 20px
  226. }
  227.  
  228. /*
  229. .he-shades_closed:before,.he-shades_closing:before,.he-shades_open:before,.he-shades_opening:before,.he-shades_partially_open:before,
  230. */
  231.  
  232. .tile.date .text-25 {
  233. font-size: 80%
  234. }
  235.  
  236. .tile.date .day,.tile.date .weekday,.tile.date .year {
  237. padding: 0
  238. }
  239.  
  240. .tile.music-player,.tile.attribute,.tile.clock,.tile.date-clock,.tile.mode {
  241. border: 1px solid #fff
  242. }
  243.  
  244. .tile.date-clock .tile-primary {
  245. font-weight: 500;
  246. color: #fff
  247. }
  248.  
  249. .tile.date-clock .tile-primary div {
  250. font-size: 80%!important;
  251. font-weight: 400;
  252. padding-left: 10px
  253. }
  254.  
  255. .tile.date-clock .tile-contents {
  256. margin-top: 0;
  257. height: calc(100%)!important
  258. }
  259.  
  260. .tile.date-clock small {
  261. margin-left: 3px
  262. }
  263.  
  264. .tile.dashboard {
  265. margin-top: 0;
  266. overflow: visible;
  267. border: 1px solid #fff;
  268. /* height: auto; */
  269. background-color: rgba(255,255,255,.5);
  270. /* margin-bottom: 2em*/
  271. height: 50%;
  272. }
  273.  
  274. .tile.dashboard .tile-title {
  275. display: none
  276. }
  277.  
  278. .tile.dashboard .tile-primary {
  279. /* height: auto; */
  280. /* display: inline-block; */
  281. color: black;
  282. /* line-height: 1.1em; */
  283. /* padding: 5px; */
  284. /* text-align: left; */
  285. /* font-size: 140% !important; */
  286. /* display: flex; */
  287. /* justify-content: center; */
  288. /* align-items: center; */
  289. align-self: center;
  290. padding: 0;
  291. margin: 0;
  292. display: inline-block;
  293. }
  294.  
  295. .tile.dashboard .tile-primary::before {
  296. content: "\F56E"
  297. }
  298.  
  299. .tile.dashboard .tile-contents {
  300. margin-top: 0;
  301. display: flex;
  302. justify-content: center;
  303. vertical-align: middle;
  304. height: 100%;
  305. }
  306.  
  307. .tile.thermostat .absolute.bottom-0 {
  308. padding-bottom: 5px;
  309. top: 10px;
  310. left: 17px;
  311. text-align: left;
  312. width: auto;
  313. bottom: auto;
  314. font-weight: 500;
  315. word-spacing: 100vw
  316. }
  317.  
  318. .tile.thermostat .w-full.my-1 {
  319. position: absolute;
  320. bottom: 0
  321. }
  322.  
  323. .tile.thermostat .heating.pt-1 {
  324. padding-bottom: 21px
  325. }
  326.  
  327. .tile.thermostat .cooling .inline-block,.tile.thermostat .heating .inline-block {
  328. font-size: 25px;
  329. vertical-align: super
  330. }
  331.  
  332. .tile.thermostat .cooling .inline-block br,.tile.thermostat .heating .inline-block br {
  333. content: " ";
  334. padding: 5px
  335. }
  336.  
  337. .tile.link {
  338. border: 2px solid #fff
  339. }
  340.  
  341. .tile.link .tile-title {
  342. display: none
  343. }
  344.  
  345. .tile.link .tile-contents {
  346. height: calc(100%);
  347. padding: 0;
  348. margin: 0
  349. }
  350.  
  351. .tile.link .tile-primary {
  352. padding: 0;
  353. margin: 0
  354. }
  355.  
  356. .tile.link .tile-primary div {
  357. text-shadow: 2px 2px rgba(0,0,0,.6);
  358. margin-top: 0
  359. }
  360.  
  361. .tile.link .tile-primary div:hover {
  362. margin-top: -4px
  363. }
  364.  
  365. .tile.dimmer .tile-primary .dimmer {
  366. margin-bottom: 7px;
  367. margin-top: 3px
  368. }
  369.  
  370. .tile.shades .tile-primary .material-icons {
  371. /* margin-top: -5px; */
  372. /* display: none */
  373. }
  374.  
  375. .tile.shades .dimmer {
  376. margin-top: 6px
  377. }
  378.  
  379. .tile.image .inset-auto img {
  380. object-fit: cover
  381. }
  382.  
  383. .tile.energy {
  384. border: 2px solid rgba(236,255,34)
  385. }
  386.  
  387. .tile.hsm {
  388. overflow: hidden
  389. }
  390.  
  391. .tile.hsm .popup-content .top-0.right-0.absolute {
  392. padding: .5em 1em;
  393. margin: 0;
  394. width: auto!important
  395. }
  396.  
  397. .vue-slider {
  398. padding: 0 0 5px!important
  399. }
  400.  
  401. .tile {
  402. text-shadow: none;
  403. -webkit-touch-callout: none;
  404. -webkit-user-select: none;
  405. -khtml-user-select: none;
  406. -moz-user-select: none;
  407. -ms-user-select: none;
  408. user-select: none;
  409. -webkit-tap-highlight-color: transparent;
  410. margin-left: 1px
  411. }
  412.  
  413. .dashName {
  414. font-size: 25px;
  415. text-shadow: none;
  416. margin-left: 10px
  417. }
  418.  
  419. .tile-secondary {
  420. display: none
  421. }
  422.  
  423. .tile-title {
  424. position: relative;
  425. left: auto;
  426. right: auto;
  427. padding: 7px 6px 1px;
  428. font-weight: 500;
  429. line-height: 1.2em;
  430. letter-spacing: 1px;
  431. opacity: .8;
  432. overflow: unset;
  433. }
  434.  
  435. .tile-title::after {
  436. white-space: pre-wrap;
  437. }
  438.  
  439. .dashBack {
  440. text-shadow: none;
  441. padding-left: 5px
  442. }
  443.  
  444. .he-logo-mark:before {
  445. font-size: 40px
  446. }
  447.  
  448. .tile-tertiary {
  449. padding: 5px;
  450. position: absolute;
  451. left: 8px;
  452. bottom: auto;
  453. font-size: 85%;
  454. top: auto;
  455. right: auto;
  456. opacity: .8;
  457. }
  458.  
  459. .tile-contents {
  460. height: calc(80%);
  461. width: calc(100%);
  462. padding: 0 4px
  463. }
  464.  
  465. .text-green-600 {
  466. color: rgba(0,255,105,.75);
  467. text-shadow: none
  468. }
  469.  
  470. .dashboard div .header {
  471. padding: 10px 10px 10px 15px;
  472. }
  473.  
  474. .wrapper {
  475. margin-left: 0;
  476. margin-bottom: 0;
  477. padding-left: 15px;
  478. width: calc(100%);
  479. overflow: auto
  480. }
  481.  
  482. .tile-edit {
  483. top: auto;
  484. bottom: 10px;
  485. opacity: .3
  486. }
  487.  
  488. .tile-primary {
  489. padding-bottom: calc(10%);
  490. overflow: visible;
  491. }
  492.  
  493. smartly {
  494. grid-column-end: -1;
  495. grid-row-end: -1;
  496. display: inline-block;
  497. height: calc(100% + 25px);
  498. z-index: -1;
  499. width: calc(100% + 15px);
  500. /* border: 1px solid red*/
  501. }
  502.  
  503. @media (min-width:768px) and (max-width:1000px) {
  504. .md\:w-2\/3 {
  505. width: 80%
  506. }
  507. }
  508.  
  509. .navHeader {
  510. height: 3em
  511. }
  512.  
  513. .navHeader div.navLink.float-right:first-child,.navHeader div.navLink:last-child {
  514. background-color: red;
  515. font-weight: 700;
  516. padding: 0 1em
  517. }
  518.  
  519. .navHeader div.navLink.float-right,.navHeader>.flex>div {
  520. text-transform: uppercase;
  521. font-size: 1.3em;
  522. margin: 0 4px;
  523. height: auto;
  524. text-align: center;
  525. padding: 0 .5em;
  526. background-color: #323232;
  527. border-radius: 20px;
  528. display: inline-table
  529. }
  530.  
  531. .navHeader>.flex>div.pl-2 {
  532. display: none
  533. }
  534.  
  535. #app>.popup-container .menu .overflow-auto .flex .cursor-pointer {
  536. border: 1px solid gray;
  537. margin: .5em 0 0 .5em;
  538. padding: 1em;
  539. border-radius: 6px;
  540. line-height: .5em
  541. }
  542.  
  543. #app>.popup-container .exportBox {
  544. margin-top: 1em
  545. }
  546.  
  547. .md\:w-1\/2 .md\:w-1\/2 {
  548. width: 50%
  549. }
  550.  
  551. .deviceSelect .devices .search input,.selectTemplate .templates .search input {
  552. padding: 5px;
  553. border-radius: 8px;
  554. margin-left: 5px;
  555. width: 100%
  556. }
  557.  
  558. .deviceSelect .devices .search,.selectTemplate .templates .search {
  559. padding: 1em;
  560. font-size: 160%
  561. }
  562.  
  563. .devices .deviceList,.templates .templates {
  564. font-size: 1.5em
  565. }
  566.  
  567. [type=checkbox],[type=radio] {
  568. height: 1em;
  569. width: 1em;
  570. margin: .25em 0
  571. }
  572.  
  573. h4 {
  574. font-size: 1.2em;
  575. margin: .5em 0;
  576. opacity: .8;
  577. font-weight: 500
  578. }
  579.  
  580. h3 {
  581. margin-bottom: auto
  582. }
  583.  
  584. .text-lg,h3,label span {
  585. font-size: 1.5em;
  586. display: inline-block
  587. }
  588.  
  589. .text-lg,h3 {
  590. color: #000;
  591. overflow: visible;
  592. margin-left: .5em;
  593. border-bottom: 1px solid rgba(0,0,0,.5);
  594. width: auto;
  595. margin-top: auto
  596. }
  597.  
  598. label span {
  599. margin-top: -1px;
  600. padding-top: .25em;
  601. vertical-align: top;
  602. margin-bottom: .5em
  603. }
  604.  
  605. button,input,select,textarea {
  606. font-size: 180%
  607. }
  608.  
  609. h1,h2,h3,h4 {
  610. font-family: 'Barlow Condensed',sans-serif
  611. }
  612.  
  613. .popup-content .top-0.right-0.absolute {
  614. background-color: red;
  615. color: #fff;
  616. font-weight: 700
  617. }
  618.  
  619. @media (max-width:767px) {
  620. #app .popup-container .menu {
  621. width: 98%
  622. }
  623.  
  624. .md\:w-2\/3 {
  625. width: 96%
  626. }
  627.  
  628. #app>.popup-container .menu .overflow-auto .flex .cursor-pointer,.navHeader div.navLink.float-right,.navHeader i.material-icons,.navHeader>.flex>div {
  629. font-size: 1em
  630. }
  631.  
  632. .navHeader {
  633. height: 2.5em
  634. }
  635. }
  636.  
  637. .tile-primary>div {
  638. margin-top: 4px
  639. }
  640.  
  641. .text-lg {
  642. margin-bottom: .5em
  643. }
  644.  
  645. .tile.date-clock .tile-title {
  646. padding: 0;
  647. margin: 0;
  648. height: 2px
  649. }
  650.  
  651. @media (max-width:767px) {
  652. .popup-content.h-85p {
  653. height: auto
  654. }
  655. }
  656.  
  657. .tile.thermostat i {
  658. display: inline-block
  659. }
  660.  
  661. .tile.dashboard .tile-edit {
  662. bottom: auto;
  663. top: 1px
  664. }
  665.  
  666. @media screen and (max-width:1284px) and (min-width:1280px) {
  667. /*
  668. .tile.dashboard .tile-primary {
  669. font-size: 100%!important;
  670. line-height: 1em!important;
  671. padding: 0 5px 5px!important
  672. }
  673. */
  674.  
  675. .tile.dashboard {
  676. zoom: unset;
  677. }
  678. }
  679.  
  680. @media screen and (max-width: 1924px) and (min-width:1920px){
  681. .tile.dashboard {
  682. zoom: unset;
  683. }
  684. }
  685.  
  686.  
  687. .tile.date>div.h-full.w-full {
  688. font-size: 1.5em!important
  689. }
  690.  
  691. .tile.date div.weekday,.tile.date div.year {
  692. font-size: 140%!important;
  693. line-height: .75em
  694. }
  695.  
  696. .tile.date div.day {
  697. font-size: 250%!important;
  698. font-weight: 700
  699. }
  700.  
  701. .mt-12 {
  702. margin-top: 5em;
  703. }
  704.  
  705. .mt-16 {
  706. margin-top: 7em;
  707. }
  708.  
  709. /*
  710. .tile.bulb-color, .tile.bulb, .tile.dimmer, .tile.switch {
  711. border: 1px solid rgba(0, 0, 0, 0.25);
  712. }
  713. */
  714.  
  715.  
  716. [class*=" battery-"]>i.material-icons::before {
  717. font-family: "Material Design Icons";
  718. }
  719.  
  720.  
  721. .battery-100>i.material-icons::before,
  722. .battery-99>i.material-icons::before {
  723. content: "\F079";
  724. }
  725.  
  726. .battery-98>i.material-icons::before,
  727. .battery-97>i.material-icons::before,
  728. .battery-96>i.material-icons::before,
  729. .battery-95>i.material-icons::before,
  730. .battery-94>i.material-icons::before,
  731. .battery-93>i.material-icons::before,
  732. .battery-92>i.material-icons::before,
  733. .battery-91>i.material-icons::before {
  734. content: "\F082";
  735. }
  736.  
  737. .battery-90>i.material-icons::before,
  738. .battery-89>i.material-icons::before,
  739. .battery-88>i.material-icons::before,
  740. .battery-87>i.material-icons::before,
  741. .battery-86>i.material-icons::before,
  742. .battery-85>i.material-icons::before,
  743. .battery-84>i.material-icons::before,
  744. .battery-83>i.material-icons::before,
  745. .battery-82>i.material-icons::before,
  746. .battery-81>i.material-icons::before {
  747. content: "\F081";
  748. }
  749.  
  750. .battery-80>i.material-icons::before,
  751. .battery-79>i.material-icons::before,
  752. .battery-78>i.material-icons::before,
  753. .battery-77>i.material-icons::before,
  754. .battery-76>i.material-icons::before,
  755. .battery-75>i.material-icons::before,
  756. .battery-74>i.material-icons::before,
  757. .battery-73>i.material-icons::before,
  758. .battery-72>i.material-icons::before,
  759. .battery-71>i.material-icons::before {
  760. content: "\F080";
  761. }
  762.  
  763. .battery-70>i.material-icons::before,
  764. .battery-69>i.material-icons::before,
  765. .battery-68>i.material-icons::before,
  766. .battery-67>i.material-icons::before,
  767. .battery-66>i.material-icons::before,
  768. .battery-65>i.material-icons::before,
  769. .battery-64>i.material-icons::before,
  770. .battery-63>i.material-icons::before,
  771. .battery-62>i.material-icons::before,
  772. .battery-61>i.material-icons::before {
  773. content: "\F07F";
  774. }
  775.  
  776. .battery-60>i.material-icons::before,
  777. .battery-59>i.material-icons::before,
  778. .battery-58>i.material-icons::before,
  779. .battery-57>i.material-icons::before,
  780. .battery-56>i.material-icons::before,
  781. .battery-55>i.material-icons::before,
  782. .battery-54>i.material-icons::before,
  783. .battery-53>i.material-icons::before,
  784. .battery-52>i.material-icons::before,
  785. .battery-51>i.material-icons::before {
  786. content: "\F07E";
  787. }
  788.  
  789. .battery-50>i.material-icons::before,
  790. .battery-49>i.material-icons::before,
  791. .battery-48>i.material-icons::before,
  792. .battery-47>i.material-icons::before,
  793. .battery-46>i.material-icons::before,
  794. .battery-45>i.material-icons::before,
  795. .battery-44>i.material-icons::before,
  796. .battery-43>i.material-icons::before,
  797. .battery-42>i.material-icons::before,
  798. .battery-41>i.material-icons::before {
  799. content: "\F07D";
  800. }
  801.  
  802. .battery-40>i.material-icons::before,
  803. .battery-39>i.material-icons::before,
  804. .battery-38>i.material-icons::before,
  805. .battery-37>i.material-icons::before,
  806. .battery-36>i.material-icons::before,
  807. .battery-35>i.material-icons::before,
  808. .battery-34>i.material-icons::before,
  809. .battery-33>i.material-icons::before,
  810. .battery-32>i.material-icons::before,
  811. .battery-31>i.material-icons::before {
  812. content: "\F07C";
  813. }
  814.  
  815. .battery-30>i.material-icons::before,
  816. .battery-29>i.material-icons::before,
  817. .battery-28>i.material-icons::before,
  818. .battery-27>i.material-icons::before,
  819. .battery-26>i.material-icons::before,
  820. .battery-25>i.material-icons::before,
  821. .battery-24>i.material-icons::before,
  822. .battery-23>i.material-icons::before,
  823. .battery-22>i.material-icons::before,
  824. .battery-21>i.material-icons::before {
  825. content: "\F07B";
  826. }
  827.  
  828. .battery-20>i.material-icons::before,
  829. .battery-19>i.material-icons::before,
  830. .battery-18>i.material-icons::before,
  831. .battery-17>i.material-icons::before,
  832. .battery-16>i.material-icons::before,
  833. .battery-15>i.material-icons::before,
  834. .battery-14>i.material-icons::before,
  835. .battery-13>i.material-icons::before,
  836. .battery-12>i.material-icons::before,
  837. .battery-11>i.material-icons::before {
  838. content: "\F07A";
  839. }
  840.  
  841. .tile.battery .tile-primary {
  842. grid-template-columns: repeat(2, 50%);
  843. display: grid;
  844. height: calc(100%);
  845. align-items: center;
  846. grid-template-rows: 100%;
  847. }
  848.  
  849. .tile.battery .tile-primary>i.material-icons {
  850. text-align: right;
  851. }
  852.  
  853. .tile.battery .tile-primary>div {
  854. text-align: left;
  855. }
  856.  
  857. .tile.battery {
  858. background-color: rgba(0, 255, 105, 0.75); /*rgba(15, 206, 93, 0.9);*/
  859. color: rgba(0, 0, 0, 0.66);
  860. }
  861.  
  862. .tile.battery .tile-primary,
  863. .tile.temperature .tile-primary {
  864. width: 100%;
  865. margin-top: -3px;
  866. padding-left: 5px;
  867. }
  868.  
  869. .tile.temperature .tile-primary {
  870. /*
  871. display: block;
  872. line-height: normal;
  873. */
  874. }
  875.  
  876. .tile.battery .tile-contents {
  877. display: block;
  878. }
  879.  
  880. .dashboard>div>.header {
  881. color: white;
  882. }
  883.  
  884. html[style*="background-color: white;"] .dashboard>div>.header,
  885. html[style*="background-color: darkgray;"] .dashboard>div>.header,
  886. html[style*="background-color: gold;"] .dashboard>div>.header,
  887. html[style*="background-color: ivory;"] .dashboard>div>.header,
  888. html[style*="background-color: lightcyan;"] .dashboard>div>.header,
  889. html[style*="background-color: lightgray;"] .dashboard>div>.header,
  890. html[style*="background-color: silver;"] .dashboard>div>.header,
  891. html[style*="background-color: skyblue;"] .dashboard>div>.header,
  892. html[style*="background-color: tan;"] .dashboard>div>.header,
  893. html[style*="background-color: whitesmoke;"] .dashboard>div>.header{
  894. color: black;
  895. }
  896.  
  897.  
  898. .showSidePanelBtn {
  899. text-shadow: none;
  900. }
  901.  
  902. /* ------- DO NOT EDIT - Custom Skin CSS ------- */
  903.  
  904. /* ------- DO NOT EDIT - Smartly Generated CSS below ------- */
  905.  
  906. /* ------- CUSTOM CSS BELOW THIS LINE - This CSS will be preserved during updates ------- */
  907. @media screen and (max-width: 414px) and (min-width:410px){
  908. .dashboard{
  909. zoom:1.15;
  910. -moz-transform: scale(1.15);
  911. -moz-transform-origin: 0 0;
  912. -webkit-transform: scale(1.15); /* Safari And Chrome */
  913. -webkit-transform-origin: 0 0;
  914. }
  915. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!