TS1301 - Motion Sensor PowerStrip

.fprooftitle { font-size: 20px; width: 100% !important; line-height: normal; margin-bottom:30px; } /* Styling of Accordian */ .docstyle { height: 50px; line-height: 50px !important; } .style1 { font-size: 2em; padding: 2em; text-align: center; } .accordion dl { } .accordion dt > a { text-align: left; font-weight: 700; padding: 2em; display: block; text-decoration: none; color: #fff; -webkit-transition: background-color 0.5s ease-in-out; text-indent: 30px; } .accordion dd { background-color: #eaeaea; color:#000000; font-size: 1em; line-height: 3em; margin-left: 7em; } .accordion dd > p { padding: 1em 2em 1em 4em; } .accordion { position: relative; background-color: #eaeaea; } .containerr { width: 100%; margin: 0 auto; } .accordionTitle { background-color: #22313F; border-bottom: 1px solid #2c3e50; } .accordionTitle:before { content: "+"; font-size: 1.5em; line-height: 0.5em; float: left; -moz-transition: -moz-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .accordionTitle:hover { background-color: #2c3e50; } .accordionTitleActive { background-color:#34495e; } .accordionTitleActive:before { -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); transform: rotate(-225deg); } .accordionItem { height: auto; overflow: hidden; } @media all { .accordionItem { max-height: 50em; -moz-transition: max-height 1s; -o-transition: max-height 1s; -webkit-transition: max-height 1s; transition: max-height 1s; } } @media screen and (min-width: 48em) { .accordionItem { max-height: 15em; -moz-transition: max-height 0.5s; -o-transition: max-height 0.5s; -webkit-transition: max-height 0.5s; transition: max-height 0.5s; } } .accordionItemCollapsed { max-height: 0; } .animateIn { -webkit-animation-name: accordionIn; -webkit-animation-duration: 0.65s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -webkit-animation-delay: 0s; -moz-animation-name: normal; -moz-animation-duration: 0.65s; -moz-animation-iteration-count: 1; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -moz-animation-delay: 0s; animation-name: accordionIn; animation-duration: 0.65s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0s; } .animateOut { -webkit-animation-name: accordionOut; -webkit-animation-duration: 0.75s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -webkit-animation-delay: 0s; -moz-animation-name: accordionOut; -moz-animation-duration: 0.75s; -moz-animation-iteration-count: 1; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -moz-animation-delay: 0s; animation-name: accordionOut; animation-duration: 0.75s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0s; } @-webkit-keyframes accordionIn { 0% { opacity: 0; -webkit-transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes accordionIn { 0% { opacity: 0; -moz-transform: scale(0.8); } 100% { opacity: 1; -moz-transform: scale(1); } } @keyframes accordionIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes accordionOut { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes accordionOut { 0% { opacity: 1; -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(0.8); } } @keyframes accordionOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } /*----------accordian end -----------------*/ .discbullet { list-style: disc !important; line-height: normal; color: #000000; } .emtext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; color:#000000; } .emtextbold { font-size: 14px; font-weight: bold; color: #8dc54a; } .emcontainer{ width:100%; height:800px; float: left; } .emcolumn { width: 45%; height: 550px; float: left; margin-right: 5%; } .emcolumnleft { width:40%; height:auto; float:left; } .emcolumnright { width:60%; height:auto; float:left; } @media screen and (max-width: 600px) { .emcolumn { width:100%; height:auto; float: left; margin-bottom: 50px !important; } .emcontainer { width: 100%; height: auto; float: left; } } --> Motion sensor - switches outlets when movement detected 2-in-1 Power ON/OFF rocket switch – integrates a 15 Amp resettable circuit breaker with overload protection Surge protection LED - the green LED light indicates that surge protection is working well when lit Always on outlet - provides continued power for connected devices unless switched off by power switch Auto-Disconnection if surge fails 15A resettable circuit breaker 72,000 Amps/1080 Joules Ceramic Surge Protection LED Status Indication (Ground, Surge Status, Switched) Angled space saver plug FIREPROOF SURGE PROTECTION Traditional surge suppression products use standard MOV (Metal Oxide Varistor) components. TrickleStar product incorporates advanced surge protection technology. The MOVs are encased in a ceramic casing and are capable of suppressing more energy and dissipating heat faster than traditional MOVs. More importantly the ceramic casing is fireproof and is capable of preventing fire during abnormal surge conditions. APPLICATION The product is suitable for range of applications, in particular office / work cubicle environments SAFETY Solid-State Controls for Appliance UL (US) 2002/95/EG (RoHs) Relocatable Power Taps, UL 1363 Standard for Surge Protective Devices, UL 1449 Supporting Documents Datasheet Instructions /*! * classie - class helper functions * from bonzo https://github.com/ded/bonzo /*! * classie - class helper functions * from bonzo https://github.com/ded/bonzo * * classie.has( elem, 'my-class' ) -> true/false * classie.add( elem, 'my-new-class' ) * classie.remove( elem, 'my-unwanted-class' ) * classie.toggle( elem, 'my-class' ) */ /*jshint browser: true, strict: true, undef: true */ /*global define: false */ ( function( window ) { 'use strict'; function classReg( className ) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); } var hasClass, addClass, removeClass; if ( 'classList' in document.documentElement ) { hasClass = function( elem, c ) { return elem.classList.contains( c ); }; addClass = function( elem, c ) { elem.classList.add( c ); }; removeClass = function( elem, c ) { elem.classList.remove( c ); }; } else { hasClass = function( elem, c ) { return classReg( c ).test( elem.className ); }; addClass = function( elem, c ) { if ( !hasClass( elem, c ) ) { elem.className = elem.className + ' ' + c; } }; removeClass = function( elem, c ) { elem.className = elem.className.replace( classReg( c ), ' ' ); }; } function toggleClass( elem, c ) { var fn = hasClass( elem, c ) ? removeClass : addClass; fn( elem, c ); } var classie = { hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; if ( typeof define === 'function' && define.amd ) { define( classie ); } else { window.classie = classie; } })( window ); var $ = function(selector){ return document.querySelector(selector); } var accordion = $('.accordion'); accordion.addEventListener("click",function(e) { e.stopPropagation(); e.preventDefault(); if(e.target && e.target.nodeName == "A") { var classes = e.target.className.split(" "); if(classes) { for(var x = 0; x