TS1914 - TAV-Link™ Multi-Sensor

.fprooftitle { font-size: 20px; width: 100% !important; line-height: normal; margin-bottom: 50px; } /* 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 -----------------*/ .featuretitle { font-size: 20px; width: 100% !important; line-height: normal; color: #455560; } .pic-box { width: 100%; height: auto; margin-left:3%; margin-bottom: 30px; } .tav-container { width:100%; height:auto; padding-left: 7%; border-bottom: #455560 1px solid; padding-bottom:50px; margin-bottom:50px; } .titlegreen { font-size: 14px; font-weight: bold; color: #8dc54a; font-family: Helvetica Neue, "Helvetica", Arial, "sans-serif" } .contentbox { width:50%; height:auto; float: left; margin-bottom: 60px; } .imagebx { width:30%; height:auto; float: left; } .contentbx { width:60%; height:auto; text-align: justify; float: left; } @media only screen and (max-width: 600px) { .tav-container { width: 100%; height: auto; padding-left: 0%; } .imagebx { width: 100%; height: auto; float: left; } .contentbox { width: 100%; height: auto; float: left; margin-bottom: 60px; } .contentbx { width: 100%; height: auto; text-align: justify; float: left; } } --> Key Benefits Works with more devices, as not all remotes are Infrared (IR) Alerts users 10 and 3 minutes prior to shutdown Can be changed to detect IR remote activity only Adjustable countdown timer can be set to 30, 60 or 120 minutes for IR remote activity and motion, or 60 or 120 minutes for IR remote activity only Supports high-level CEC commands via optional TAV-Link™ cable (sold separately) that allows “smart” TVs, gaming consoles and other devices to safely store their data and settings prior to powering down 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