chat

css/front-page.css

@@ -1,15 +1,14 @@
 html, body, div, span, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-abbr, address, cite, code,
-del, dfn, em, img, ins, kbd, q, samp,
-small, strong, sub, sup, var,
-b, i,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section, summary,
-time, mark, audio, video {
+address, 
+del, em, img, 
+small, strong, sub, sup,
+ol, ul, li,
+form, label,
+table,
+article, aside, canvas,
+footer, header, hgroup, menu, nav, section,
+time, audio, video {
   margin:0;
   padding:0;
   border:0;
@@ -26,17 +25,10 @@ body {
 	font-size: 12px;
 	line-height: 18px;
 }
-.col-centered {
-	float: none;
-	margin: 0 auto;
-}
 h1, h2, h3, h4, h5, h6 {
 	clear: both;
 	font-weight: normal;
 }
-a img {
-	border: none;
-}
 p {
 	font-size: 14px;
 	margin-bottom: 8px;
@@ -51,10 +43,6 @@ h4 {
 	font-size: 13px;
 	margin-bottom: 15px;
 }
-p.noindent {
-	margin-bottom: 10px;
-	text-indent : 0px;
-}
 a:link {
 	color: #000;
 	text-decoration: none;
@@ -84,9 +72,6 @@ a:active, a:focus, input {
 	margin: 0 auto;
 	text-align: center;
 }
-.card .logo .svg {
-	margin: 0 auto;
-}
 .card .content {
 	margin: 100px auto;	
 	width:450px;
@@ -97,17 +82,8 @@ a:active, a:focus, input {
 	-webkit-animation-timing-function: linear;
 	-webkit-animation-duration: 400s;
 	border-top: 1px solid #fff;
-  -webkit-box-shadow: 0px 3px 5px #cbcbcb;
-  -moz-box-shadow: 0px 3px 5px #cbcbcb;
-  box-shadow: 0px 3px 5px #cbcbcb;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-}
-.vcenter {
-    display: inline-block;
-    vertical-align: middle;
-    float: none;
+	box-shadow: 0px 3px 5px #cbcbcb;
+	border-radius: 4px;
 }
 #icon {
   display: block;
@@ -124,39 +100,9 @@ a:active, a:focus, input {
 .card-bottom {
 	margin-top: 20px;
 }
-.bottom p {
-	margin: 0;
-	font-size: 14px;
-}
-.bottom a {
-	color: #666;
-}
-.left-bottom {
-	float: left;
-	display: block;
-	text-align: left;
-	margin: 0px 0 0 50px;
-}
-.left-bottom p {
-	font-size: 9px;
-}
-.right-bottom {
-	margin: 0px 50px 0 0;
-	text-align: right;
-	font-size: 9px;
-}
-.right-bottom p {
-	font-size: 9px;
-}
 .contact-info {
 	font-size: 12px;
 }
-
-@-webkit-keyframes Rotation {
-from {-webkit-transform: rotate(0deg);}
-to {-webkit-transform: rotate(360deg);}
-}
-
 @media (max-width: 480px) {
 	.card .content {
 		margin: 50px auto;	
@@ -175,440 +121,4 @@ to {-webkit-transform: rotate(360deg);}
 	  height:50px;
 	  background: #FFF;
 	}
-}
-ul.messenger.messenger-fixed.messenger-on-top {
-  top: 10px;
-}
-ul.messenger {
-  margin: 0;
-  padding: 0;
-}
-ul.messenger > li {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-ul.messenger.messenger-empty {
-  display: none;
-}
-ul.messenger .messenger-message {
-  overflow: hidden;
-  *zoom: 1;
-}
-ul.messenger .messenger-message.messenger-hidden {
-  display: none;
-}
-ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a {
-  padding-right: 5px;
-}
-ul.messenger .messenger-message .messenger-actions {
-  float: right;
-}
-ul.messenger .messenger-message .messenger-actions a {
-  cursor: pointer;
-  text-decoration: underline;
-}
-ul.messenger .messenger-message ul, ul.messenger .messenger-message ol {
-  margin: 10px 18px 0;
-}
-ul.messenger.messenger-fixed {
-  position: fixed;
-  z-index: 10000;
-}
-ul.messenger.messenger-fixed .messenger-message {
-  min-width: 0;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-ul.messenger.messenger-fixed .message .messenger-actions {
-  float: left;
-}
-ul.messenger.messenger-fixed.messenger-on-bottom {
-  bottom: 20px;
-}
-ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
-  left: 20px;
-  margin-left: 0px;
-}
-ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left {
-  width: 350px;
-}
-ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {
-  float: left;
-}
-ul.messenger .messenger-spinner {
-  display: none;
-}
-@-webkit-keyframes ui-spinner-rotate-right {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  25% {
-    -webkit-transform: rotate(180deg);
-  }
-  50% {
-    -webkit-transform: rotate(180deg);
-  }
-  75% {
-    -webkit-transform: rotate(360deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-@-moz-keyframes ui-spinner-rotate-right {
-  0% {
-    -moz-transform: rotate(0deg);
-  }
-  25% {
-    -moz-transform: rotate(180deg);
-  }
-  50% {
-    -moz-transform: rotate(180deg);
-  }
-  75% {
-    -moz-transform: rotate(360deg);
-  }
-  100% {
-    -moz-transform: rotate(360deg);
-  }
-}
-
-@keyframes ui-spinner-rotate-right {
-  0% {
-    transform: rotate(0deg);
-  }
-  25% {
-    transform: rotate(180deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  75% {
-    transform: rotate(360deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes ui-spinner-rotate-left {
-  0% {
-    transform: rotate(0deg);
-  }
-  25% {
-    transform: rotate(0deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  75% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@-moz-keyframes ui-spinner-rotate-left {
-  0% {
-    -moz-transform: rotate(0deg);
-  }
-  25% {
-    -moz-transform: rotate(0deg);
-  }
-  50% {
-    -moz-transform: rotate(180deg);
-  }
-  75% {
-    -moz-transform: rotate(180deg);
-  }
-  100% {
-    -moz-transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes ui-spinner-rotate-left {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  25% {
-    -webkit-transform: rotate(0deg);
-  }
-  50% {
-    -webkit-transform: rotate(180deg);
-  }
-  75% {
-    -webkit-transform: rotate(180deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-.messenger-spinner {
-  position: relative;
-  border-radius: 100%;
-}
-ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
-  display: block;
-}
-.messenger-spinner .messenger-spinner-side {
-  width: 50%;
-  height: 100%;
-  overflow: hidden;
-  position: absolute;
-}
-.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
-  border-radius: 999px;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  -webkit-animation-iteration-count: infinite;
-  -moz-animation-iteration-count: infinite;
-  -ms-animation-iteration-count: infinite;
-  -o-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-timing-function: linear;
-  -moz-animation-timing-function: linear;
-  -ms-animation-timing-function: linear;
-  -o-animation-timing-function: linear;
-  animation-timing-function: linear;
-}
-.messenger-spinner .messenger-spinner-side-left {
-  left: 0;
-}
-.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
-  left: 100%;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  -webkit-animation-name: ui-spinner-rotate-left;
-  -moz-animation-name: ui-spinner-rotate-left;
-  -ms-animation-name: ui-spinner-rotate-left;
-  -o-animation-name: ui-spinner-rotate-left;
-  animation-name: ui-spinner-rotate-left;
-  -webkit-transform-origin: 0 50%;
-  -moz-transform-origin: 0 50%;
-  -ms-transform-origin: 0 50%;
-  -o-transform-origin: 0 50%;
-  transform-origin: 0 50%;
-}
-.messenger-spinner .messenger-spinner-side-right {
-  left: 50%;
-}
-.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
-  left: -100%;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  -webkit-animation-name: ui-spinner-rotate-right;
-  -moz-animation-name: ui-spinner-rotate-right;
-  -ms-animation-name: ui-spinner-rotate-right;
-  -o-animation-name: ui-spinner-rotate-right;
-  animation-name: ui-spinner-rotate-right;
-  -webkit-transform-origin: 100% 50%;
-  -moz-transform-origin: 100% 50%;
-  -ms-transform-origin: 100% 50%;
-  -o-transform-origin: 100% 50%;
-  transform-origin: 100% 50%;
-}
-ul.messenger-theme-flat {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  -ms-border-radius: 4px;
-  -o-border-radius: 4px;
-  border-radius: 4px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-  background: #404040;
-}
-ul.messenger-theme-flat.messenger-empty {
-  display: none;
-}
-ul.messenger-theme-flat .messenger-message {
-  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
-  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
-  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
-  -webkit-border-radius: 0px;
-  -moz-border-radius: 0px;
-  -ms-border-radius: 0px;
-  -o-border-radius: 0px;
-  border-radius: 0px;
-  position: relative;
-  border: 0px;
-  margin-bottom: 0px;
-  font-size: 13px;
-  background: transparent;
-  color: #f0f0f0;
-  font-weight: 500;
-  padding: 10px 30px 13px 65px;
-}
-ul.messenger-theme-flat .messenger-message .messenger-close {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  color: #888888;
-  opacity: 1;
-  font-weight: bold;
-  display: block;
-  font-size: 20px;
-  line-height: 20px;
-  padding: 8px 10px 7px 7px;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-}
-ul.messenger-theme-flat .messenger-message .messenger-close:hover {
-  color: #bbbbbb;
-}
-ul.messenger-theme-flat .messenger-message .messenger-close:active {
-  color: #777777;
-}
-ul.messenger-theme-flat .messenger-message .messenger-actions {
-  float: none;
-  margin-top: 10px;
-}
-ul.messenger-theme-flat .messenger-message .messenger-actions a {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  -ms-border-radius: 4px;
-  -o-border-radius: 4px;
-  border-radius: 4px;
-  text-decoration: none;
-  color: #aaaaaa;
-  background: #2e2e2e;
-  display: inline-block;
-  padding: 10px;
-  margin-right: 10px;
-  padding: 4px 11px 6px;
-  text-transform: capitalize;
-}
-ul.messenger-theme-flat .messenger-message .messenger-actions a:hover {
-  color: #f0f0f0;
-  background: #2e2e2e;
-}
-ul.messenger-theme-flat .messenger-message .messenger-actions a:active {
-  background: #292929;
-  color: #aaaaaa;
-}
-ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase {
-  display: none;
-}
-ul.messenger-theme-flat .messenger-message .messenger-message-inner:before {
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  -ms-border-radius: 50%;
-  -o-border-radius: 50%;
-  border-radius: 50%;
-  position: absolute;
-  left: 17px;
-  display: block;
-  content: " ";
-  top: 50%;
-  margin-top: -8px;
-  height: 13px;
-  width: 13px;
-  z-index: 20;
-}
-ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
-  background: #5fca4a;
-}
-ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
-  background: #61c4b8;
-}
-ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
-  background: #dd6a45;
-}
-ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
-  width: 32px;
-  height: 32px;
-  background: transparent;
-}
-ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
-  background: #dd6a45;
-  -webkit-animation-duration: 20s;
-  -moz-animation-duration: 20s;
-  -ms-animation-duration: 20s;
-  -o-animation-duration: 20s;
-  animation-duration: 20s;
-  opacity: 1;
-}
-ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
-  content: "";
-  background: #292929;
-  position: absolute;
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  top: 3px;
-  left: 3px;
-  display: block;
-}
-ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
-  width: 32px;
-  height: 32px;
-  background: transparent;
-}
-ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
-  background: #dd6a45;
-  -webkit-animation-duration: 600s;
-  -moz-animation-duration: 600s;
-  -ms-animation-duration: 600s;
-  -o-animation-duration: 600s;
-  animation-duration: 600s;
-  opacity: 1;
-}
-ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
-  content: "";
-  background: #292929;
-  position: absolute;
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  top: 3px;
-  left: 3px;
-  display: block;
-}
-ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message {
-  -webkit-border-radius: 4px 4px 0px 0px;
-  -moz-border-radius: 4px 4px 0px 0px;
-  -ms-border-radius: 4px 4px 0px 0px;
-  -o-border-radius: 4px 4px 0px 0px;
-  border-radius: 4px 4px 0px 0px;
-  -webkit-box-shadow: inset 48px 0px 0px #292929;
-  -moz-box-shadow: inset 48px 0px 0px #292929;
-  box-shadow: inset 48px 0px 0px #292929;
-}
-ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message {
-  -webkit-border-radius: 0px 0px 4px 4px;
-  -moz-border-radius: 0px 0px 4px 4px;
-  -ms-border-radius: 0px 0px 4px 4px;
-  -o-border-radius: 0px 0px 4px 4px;
-  border-radius: 0px 0px 4px 4px;
-  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
-  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
-  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
-}
-ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  -ms-border-radius: 4px;
-  -o-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 48px 0px 0px #292929;
-  -moz-box-shadow: inset 48px 0px 0px #292929;
-  box-shadow: inset 48px 0px 0px #292929;
-}
-ul.messenger-theme-flat .messenger-spinner {
-  display: block;
-  position: absolute;
-  left: 7px;
-  top: 50%;
-  margin-top: -18px;
-  z-index: 999;
-  height: 32px;
-  width: 32px;
-  z-index: 10;
 }

functions.php

@@ -148,10 +148,7 @@ function dw_scripts() {
 
 add_action('wp_footer', 'dw_html5shim', 21);
 function dw_html5shim() { ?>
-
-<!--[if lt IE 9]>
-	<script src="<?php echo get_template_directory_uri() . '/js/html5shiv.min.js'?>"></script>
-<![endif]-->
+<!--[if lt IE 9]><script src="<?php echo get_template_directory_uri() . '/js/html5shiv.min.js'?>"></script><![endif]-->
 <?php }
 	
 

inc/tweaks.php

@@ -92,10 +92,10 @@ function daw_is_online_options_page(  ) { ?>
 
 function dw_online_get_status() {
 	$dw_status = get_option('daw_is_online_settings');
-	if( $dw_status['daw_is_online_select_field_0'] == '1' ) { ?>
-		<script type="text/javascript">
-			function txt_dave(){$.ajax({url:"https://davidawindham.com/wha/phony/sms.php",dataType:"json",success:function(){}})}$(function(){var a;a=0,Messenger.options={extraClasses:"messenger-fixed messenger-on-bottom messenger-on-left",theme:"flat"};var b;b=Messenger().post({message:"I am currently online",type:"success",actions:{retry:{label:"Connect",delay:30,action:function(){txt_dave();var c;c=Messenger().run({errorMessage:"Please wait a moment while I get connected with you.",successMessage:"Connecting Now!",action:function(c){return b.hide(),++a<2?c.error({status:500,readyState:0,responseText:0}):(window.location.href="http://davidawindham.com/contact/chat",b.update({message:"Redirect to Chat",hideAfter:20,type:"success",actions:!1}))}})}},cancel:{label:"No Thanks",action:function(){return b.update({message:"Maybe Next Time",hideAfter:1,type:"error",actions:!1})}}}})});
-		</script>
+	if( $dw_status['daw_is_online_select_field_0'] == '1' ) { 
+	wp_enqueue_style( 'message', get_template_directory_uri() . '/css/message.css');
+?>
+<script type="text/javascript">function txt_dave(){$.ajax({url:"https://davidawindham.com/wha/phony/sms",dataType:"json",success:function(){}})}$(function(){var a;a=0,Messenger.options={extraClasses:"messenger-fixed messenger-on-bottom messenger-on-left",theme:"flat"};var b;b=Messenger().post({message:"I am currently online",type:"success",actions:{retry:{label:"Connect",delay:30,action:function(){txt_dave();var c;c=Messenger().run({errorMessage:"Please wait a moment while I get connected with you.",successMessage:"Connecting",action:function(c){return b.hide(),++a<2?c.error({status:500,readyState:0,responseText:0}):(window.location.href="http://davidawindham.com/contact/chat",b.update({message:"Redirect to Chat",hideAfter:20,type:"success",actions:!1}))}})}},cancel:{label:"No Thanks",action:function(){return b.update({message:"Maybe Next Time",hideAfter:1,type:"error",actions:!1})}}}})});</script>
 	<?php }
 }