TS1304 - 8 Outlet Timer 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 { max-width: 960px; margin: 0 auto; padding: 2em 0 2em 0; } .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 -----------------*/ .embanner { width: 100%; height: 600px; background-image: url("https://cdn.shopify.com/s/files/1/0592/0070/0615/files/183TS-US-8XX-legend.jpg?v=1630998348"); background-repeat:no-repeat; } .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:600px; float: left; } .emcolumn { width:50%; height:300px; float: left; } .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: 80px; } .embanner { width: 100%; height: 300px; background-image: url(https://cdn.shopify.com/s/files/1/0592/0070/0615/files/183TS-US-8XX-legend.jpg?v=1630998348); background-repeat: no-repeat; background-size: contain; } .emcontainer{ width:100%; height:800px; float: left; } } --> FEATURES 8 Outlets (4 x always on, 4 x time controlled) 48 time events / day Minimum timer resolution: 15 minutes Resettable circuit breaker Surge Protection ED Status Indication (Ground, Surge Status, Power) <40dB noise filtering Heavy duty power cable APPLICATIONS Suitable for TV/home theatre setups SAFETY ETL 2002/95/EG (RoHs) 2002/96/EC (WEEE) 1999/5/EC (RTTE) 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