DeskSupport/Status Tumblr Template.htm

## Status Tumblr Template.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Assistly Status</title>
	<link rel="icon" type="image/vnd.microsoft.icon" href="http://www.desk.com/favicon.ico">
	<link rel="icon" type="image/png" href="http://webassets.assistly.com/images/favicon.png">

<link rel="alternate" type="application/rss+xml" title="Expect Wow » Feed" href="http://www.desk.com/blog/feed/">
<link rel="alternate" type="application/rss+xml" title="Expect Wow » Comments Feed" href="http://www.desk.com/blog/comments/feed/">

  <style>

/******************************
Resets
*******************************/

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dt, dd, dl {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	outline: 0;
	padding: 0;
}

ul {
	list-style: none;
}

.hide { display: none !important; }
.nobg { background-image: none !important; }
.nopad { padding: 0 !important; }
.nomargin { margin: 0 !important; }

/******************************
Clearfix
*******************************/

* html .clearfix { height: 1%; overflow: visible; }
*+html .clearfix { min-height: 1%; }
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}


/******************************
Globals
*******************************/

#company-content {
	padding: 30px 0;
}

body {
	background: url("http://webassets.assistly.com/new/images/icons.gif") center 170px no-repeat #F3F3F3;
}


.wrapper {
	margin: 0 auto;
	width: 940px;
}

a {
	color: #533f6E;
	text-decoration: none;
	outline: 0;
}

#content {
	width: 580px;
    margin-top:-36px;
	padding: 0 0 40px;
	float: left;
}

#content h2 {
	margin: 36px 0 20px 0;
	font-size: 18px;
    width:590px;
    padding-bottom:2px;
	border-bottom:1px solid #000;
}


p,
#content ul {
	color: #666;
	font-size: 14px;
    font-weight:bold;
    line-height:18px;
    margin-bottom: 18px;

}

#primary h3 {
    margin-bottom: 9px;
    font-size:14px;
}

#primary p {
    font-size:12px;
    font-weight:normal;
}


/******************************
Layouts (Single Column)
*******************************/

.layout-single .main {
	background: #FFF;
	border: 1px solid #CDCDCD;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.centered .main {
	border-top: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.layout-single .main .feature {
	margin: 0 0 30px;
	padding: 0 40px;
}

.layout-single .main .first {
	padding: 115px 40px 0;
	margin: 0 0 30px;
}


#assistly-header-new .container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#assistly-header-new nav {
	background: #2B2B2B;
	padding: 15px 0;
}

#assistly-header-new nav ul {
	margin: 0;
	padding: 0;
}

#assistly-header-new nav li {
	float: right;
}

#assistly-header-new nav a {
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding: 11px 0 2px;
}

#assistly-header-new nav .a-home {
	float: left;
}

#assistly-header-new nav .a-home a {
 background: url(http://webassets.desk.com/new/images/desk-logo-sprite.png) no-repeat 0 0;
 width: 180px;
 height: 36px;
	float: left;
	overflow: hidden;
	padding: 0;
	text-indent: -10000px;
}

#assistly-header-new nav .a-last {
	border-left: 1px dotted #747474;
	color: #5C5C5C;
	margin-left: 20px;
	padding: 0 0 0 20px;
}

#assistly-header-new nav .a-last a {
	color: #5C5C5C;
	margin: 0 0 6px;
	border-bottom: 2px solid #2B2B2B;
}

#assistly-header-new nav a:hover {
	border-bottom: 2px solid #555;
}

#assistly-header-new nav .a-last a:hover {
	color: #777;
}

#assistly-header-new nav .a-home a:hover {
	border: 0;
}

#assistly-header-new nav .a-active {
	border-bottom: 2px solid #555;
	padding: 11px 0 2px;
}

#assistly-header-new nav .a-button:hover {
	border-width: 1px;
}

.a-button, .a-button-secondary, .a-button-white,
#register_button_v2 {
	background: #CCFE8B;
	background: -moz-linear-gradient(100% 100% 90deg, #99C757, #CCFE8B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCFE8B), to(#99C757));
	border: 1px solid #6f9a4d;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	color: #385214 !important;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 15px!important;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
	text-decoration: none !important;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.a-button:hover {
	color: #192a04 !important;
	border-color: #547c1c;
}

img {
	border: 0;
}

.layout-single .main {
	padding: 40px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top: 0;
}

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 200px;
	margin: 0;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}


.one-column #content {
	margin: 0 auto;
	width: 640px;
}

#section-header {
	padding: 20px 40px;
	background: #000;
	border: 1px solid #666;
}

#section-header h1 {
	color: #fff;
    font-size:36px;
	margin-bottom:9px;
    text-shadow: 0 0 0 #000;
    letter-spacing:1px;
}
#section-header .subheading p {
	color: #ccc;
	font-size:20px;
    font-weight: bold;
    line-height:24px;
    text-shadow: 0 0 0 #000;
}

#section-header .subheading.up p {
	color: #66ff00;
}

#section-header .subheading.up p a {
    color: #66ff00;
    text-decoration:underline;
}

#section-header .subheading.warning p, #content p.warning {
    color: #ff9900;
}

#section-header .subheading.maintenance p, #content p.maintenance {
    color: #ff9900;
}


#section-header .subheading.down p, #content p.down {
    color: #ff0033;
}

ul#status-dashboard {
    margin:19px 0 0 -45px;
    padding:0;
}

ul#status-dashboard li {
    color: #FFF;
    float: left;
	font-size: 24px;
	font-weight: bold;
    list-style: disc outside none;
	margin: 0 0 0 50px;
	padding: 0 0 2px 0px;
}

#status-dashboard li.heading {
    list-style: none;
    text-transform:uppercase;
}

ul#status-dashboard li span {
    color: #fff;
    font-size: 50%;
    vertical-align: middle;
    padding:0; margin:0 0 0 -6px;
    line-height:24px;

    }

ul#status-dashboard li.heading span { color: #999; margin-right:0; }

#content li {
    list-style: disc;
    font-size: 200%;
    line-height:24px;
}

#content li.up, #status-dashboard li.up {
    color: #66ff00;
}

#content li.warning, #status-dashboard li.warning {
    color: #ff9900;
}

#content li.maintenance, #status-dashboard li.maintenance {
    color: #ff9900;
}


#content li.down, #status-dashboard li.down {
    color: #ff0033;
}

.status-body {
    color: #666;
    font-size: 50%;
    font-weight: normal;
    vertical-align:top;
    }

.status-body a{
    vertical-align: top;
    text-decoration:underline;}


.daily-status {
    padding-left: 30px;
}

#assistly-footer {background: #222;
    color: #FFF;
    padding: 30px 0;
    clear: both;
    }

#assistly-footer .grid_2 {float: left; width: 140px; margin: 0 10px 20px;}

#assistly-footer .grid_8 { float: left; width: 620px;margin: 0 10px 0 0;}

#assistly-footer .grid_4 { float: left; width: 300px; margin-right: 0;}

#assistly-footer li {float: left; width: 100%;}

#assistly-footer a {color:#FFF !important; font-size: 14px;}

#assistly-footer .last { margin: 0 0 20px 10px;}
#assistly-footer .first { margin: 0 10px 20px 0; }

#assistly-footer li strong {
  float: left;
  clear: both;
  width: 100%;
}

#assistly-footer li a {
  float: left;
  clear: both;
  width: 100%;
color: #FFF !important;
}

#assistly-footer a:hover {
  text-decoration: underline;
}

#assistly-footer strong {
  display: block;
  font-size: 17px;
  color: #666;
  margin: 0 0 10px;
}

#assistly-footer .phone {
  color: #666;
  font-size: 12px;
}

#assistly-footer .phone strong {
  padding-top: 20px  ;
  color: #FFF;
  font-size: 24px;
  margin: 0;
}

#assistly-footer .icons {
  padding-top: 30px;
}

#assistly-footer .icons a {
    background: url("http://webassets.assistly.com/new/images/footer-icons.gif") -3px 0 no-repeat;
  float: right;
  width: 35px;
  height: 35px;
  overflow: hidden;
  text-indent: -900px;
  margin: 0 5px 0 0;
}

#assistly-footer .icons .facebook {
  background-position: -44px 0;
  margin: 0;
}

#assistly-footer .icons .rss {
  background-position: -80px 0;
}

#assistly-footer .icons .linkedin {
  background-position: -124px 0;
}

#assistly-footer .icons .youtube {
  background-position: -170px 0;
}

  </style>

</head>
<body class="blog">
<!--[if IE]> <div id="ie"> <![endif]-->
<!--[if IE 6]> <div id="ie6"> <![endif]-->
	<div id="assistly-header-new">
	  <header>
		<nav>
			<div class="container_16">
				<ul class="clearfix">
					<li class="a-home">
						<a href="http://www.desk.com/">Desk.com Customer Support Home</a>
					</li>
					<li class="a-last">
						<a href="http://www.desk.com/blog">Blog</a>
						/
						<a href="http://support.desk.com/">Help</a>
					</li>
					<li>
						<a href="http://www.desk.com/register" class="a-button">Get Started</a>
					</li>
					<li>
						<a href="http://www.desk.com/pricing">Pricing</a>
					</li>
					<li>
						<a href="http://www.desk.com/customers">Customers</a>
					</li>
					<li>
						<a href="http://www.desk.com/product">Features</a>
					</li>
					<li>
						<a href="http://www.desk.com/why-desk">Why Desk.com?</a>
					</li>
				</ul>
			</div>
		</nav>
	</header>
	</div>

	<div id="company-content">
		<div class="wrapper clearfix">
			<div id="section-header" class="clearfix">
                <h1 class="header-blog">System Status</h1>
                <div id="current-status" class="subheading"><p>Fetching status...</p></div>

<ul id="status-dashboard">
    <li class="heading"><span>Current Status:</span></li>
    <li class="up"><span>Agent Desktop</span></li>
    <li class="up"><span>Admin Panel</li>
    <li class="up"><span>Reporting & Analytics</span></li>
    <li class="up"><span>API</span></li>
    <li class="up"><span>Support Centers</span></li>
</ul>

			</div>
			<div class="layout-single clearfix">
				<div class="main clearfix">
					<div class="clearfix">
	<div id="container">
			<div id="content" role="main">
   {block:Posts}
      {block:NewDayDate}
<h2>{DayOfWeek}, {Month} {DayOfMonth}, {Year}</h2>
{/block:NewDayDate}
   <ul class="daily-status">
         {block:Text}
       <li class="{title}"><span class="status-body">{Plaintextbody} - {block:Date}Updated: {12Hour}:{Minutes}{AmPm} PST{/block:Date}</span></li>
   {/block:Text}
   </ul>
   {/block:Posts}
			</div><!-- #content -->
		</div><!-- #container -->

    	<div id="primary" class="widget-area" role="complementary">
  {block:Twitter}
    <div id="twitter" style="display:none;">
        <h3>Latest updates From <a href="http://twitter.com/{TwitterUsername}">@desk_ops</a></h3>

        <div id="tweets"></div>
    </div>

    <script type="text/javascript">
        function recent_tweets(data) {
            for (i=0; i<data.length; i++) {
                document.getElementById("tweets").innerHTML =
                    document.getElementById("tweets").innerHTML +
                    '<a href="http://twitter.com/{TwitterUsername}/status/' +
                    (data[i].id_str ? data[i].id_str : data[i].id) +
                    '"><p class="content">' + data[i].text +
                    '</p></a>';
            }
            document.getElementById("twitter").style.display = 'block';
        }
    </script>
{/block:Twitter}
<h3>Support Information</h3>
<p>You can find the latest status of our services here.</p>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 200,
  height: 350,
  theme: {
    shell: {
      background: '#cecece',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#b207eb'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('desk_ops').start();
</script><br />
<p>If you have problems and can’t find what you’re looking for here, please email us at: <a href="mailto:support@desk.com">support@desk.com</a>.</p>

		</div><!-- #primary .widget-area -->

				</div>
			</div>
		</div>
	</div>
</div>


<div id="assistly-footer">
  <div class="wrapper clearfix">
    <div class="clearfix">
      <ul class="grid_2 first">
        <li>
          <strong>Product</strong>
          <a href="http://www.desk.com/" title="Home">Home</a>
        </li>
        <li>
          <a href="http://www.desk.com/why-desk" title="Why Desk.com?">Why Desk.com?</a>
        </li>
        <li>
          <a href="http://www.desk.com/product" title="Tour">Features</a>
        </li>
        <li>
          <a href="http://reg.assistly.com/free-trial" title="Pricing">Free Trial</a>
        </li>
      </ul>
      <ul class="grid_2">
        <li>
          <strong>Company</strong>
          <a href="http://www.desk.com/about" title="About">About</a>
        </li>
        <li>
          <a href="http://www.desk.com/customers" title="Customers">Customers</a>
        </li>
        <li>
          <a href="http://www.desk.com/careers" title="Careers">Careers</a>
        </li>
      </ul>
      <ul class="grid_2">
        <li>
          <strong>Support</strong>
          <a href="http://support.assistly.com/" title="Support Center">Help Center</a>
        </li>
        <li>
          <a href="http://dev.assistly.com/" title="API">API</a>
        </li>
      </ul>
      <ul class="grid_2">
        <li>
          <strong>Partners</strong>
          <a href="http://www.desk.com/partners/google" title="Google">Google™</a>
        </li>
        <li>
          <a href="http://www.desk.com/partners/getsatisfaction" title="Get Satisfaction">Get Satisfaction</a>
        </li>
      </ul>
      <ul class="grid_2">
        <li>
          <strong>Blog</strong>
          <a href="http://www.desk.com/blog" title="Recent Customer Support Articles">Recent Articles</a>
        </li>
        <li>
          <a href="http://feeds.feedburner.com/assistly" title="Subscribe">Subscribe</a>
        </li>
      </ul>
      <ul class="grid_2 last">
        <li>
          <strong>Get In Touch</strong>
          <a href="http://www.desk.com/contact" title="contact">Contact Us</a>
        </li>
        <li>
          <a href="mailto:info@desk.com">info@desk.com</a>
        </li>
        <li>
          <a href="mailto:sales@desk.com">sales@desk.com</a>
        </li>
        <li>
          <a href="mailto:support@desk.com">support@desk.com</a>
        </li>
      </ul>
    </div>
    <div class="clearfix">
      <div class="grid_8 phone">
        <strong>1-877-226-9212</strong>
        ©2011 Assistly Inc. All Rights Reserved. <a href="http://www.desk.com/terms" title="Terms of Use">Terms</a> &amp; <a href="http://www.desk.com/privacy" title="Privacy Policy">Privacy</a>.
      </div>
      <div class="grid_4 icons">
        <a href="http://feeds.feedburner.com/assistly" class="rss">RSS</a>
        <a href="http://www.linkedin.com/company/desk" class="linkedin">LinkedIn</a>
        <a href="http://www.youtube.com/user/desk" class="youtube">YouTube</a>
        <a href="http://www.facebook.com/deskdotcom" class="facebook">Facebook</a>
        <a href="http://www.twitter.com/desk" class="twitter">Twitter</a>
      </div>
    </div>
  </div>
</div>


<!--[if IE 6]> </div> <![endif]-->
<!--[if IE]> </div> <![endif]-->

   <!-- Put this at the bottom of the page -->
{block:Twitter}
    <script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
<script src="http://webassets.assistly.com/new/javascripts/assistlyanalytics.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">


    $(document).ready(function(){
        $.ajax({
        	url: 'http://api.tumblr.com/v2/blog/status.desk.com/posts?api_key=nNL2DsGq2dg7TSr8j2fzCe5zfoA97Qub6wTw35C8GRC6K9Xw2r&limit=1&jsonp=tumblrCallback',
        	type: 'GET',
        	dataType: 'jsonp',
        	jsonpCallback: 'tumblrCallback',
        	success: function(data) {
                console.log(data);
                $("#current-status").html(data.response.posts[0].body.replace("<br />", ""));
                $("#current-status").addClass(data.response.posts[0].title);
        	}
        });
	});
</script>


</body></html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>Assistly Status</title>
	<link rel="icon" type="image/vnd.microsoft.icon" href="http://www.desk.com/favicon.ico">
	<link rel="icon" type="image/png" href="http://webassets.assistly.com/images/favicon.png">

	<link rel="alternate" type="application/rss+xml" title="Expect Wow » Feed" href="http://www.desk.com/blog/feed/">
	<link rel="alternate" type="application/rss+xml" title="Expect Wow » Comments Feed" href="http://www.desk.com/blog/comments/feed/">

	<style>

	/******************************
	Resets
	*******************************/

	body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dt, dd, dl {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	outline: 0;
	padding: 0;
	}

	ul {
	list-style: none;
	}

	.hide { display: none !important; }
	.nobg { background-image: none !important; }
	.nopad { padding: 0 !important; }
	.nomargin { margin: 0 !important; }

	/******************************
	Clearfix
	*******************************/

	* html .clearfix { height: 1%; overflow: visible; }
	*+html .clearfix { min-height: 1%; }
	.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
	}



	/******************************
	Globals
	*******************************/

	#company-content {
	padding: 30px 0;
	}

	body {
	background: url("http://webassets.assistly.com/new/images/icons.gif") center 170px no-repeat #F3F3F3;
	}


	.wrapper {
	margin: 0 auto;
	width: 940px;
	}

	a {
	color: #533f6E;
	text-decoration: none;
	outline: 0;
	}

	#content {
	width: 580px;
	margin-top:-36px;
	padding: 0 0 40px;
	float: left;
	}

	#content h2 {
	margin: 36px 0 20px 0;
	font-size: 18px;
	width:590px;
	padding-bottom:2px;
	border-bottom:1px solid #000;
	}


	p,
	#content ul {
	color: #666;
	font-size: 14px;
	font-weight:bold;
	line-height:18px;
	margin-bottom: 18px;

	}

	#primary h3 {
	margin-bottom: 9px;
	font-size:14px;
	}

	#primary p {
	font-size:12px;
	font-weight:normal;
	}


	/******************************
	Layouts (Single Column)
	*******************************/

	.layout-single .main {
	background: #FFF;
	border: 1px solid #CDCDCD;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

	.centered .main {
	border-top: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}

	.layout-single .main .feature {
	margin: 0 0 30px;
	padding: 0 40px;
	}

	.layout-single .main .first {
	padding: 115px 40px 0;
	margin: 0 0 30px;
	}


	#assistly-header-new .container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	}

	#assistly-header-new nav {
	background: #2B2B2B;
	padding: 15px 0;
	}

	#assistly-header-new nav ul {
	margin: 0;
	padding: 0;
	}

	#assistly-header-new nav li {
	float: right;
	}

	#assistly-header-new nav a {
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding: 11px 0 2px;
	}

	#assistly-header-new nav .a-home {
	float: left;
	}

	#assistly-header-new nav .a-home a {
	background: url(http://webassets.desk.com/new/images/desk-logo-sprite.png) no-repeat 0 0;
	width: 180px;
	height: 36px;
	float: left;
	overflow: hidden;
	padding: 0;
	text-indent: -10000px;
	}

	#assistly-header-new nav .a-last {
	border-left: 1px dotted #747474;
	color: #5C5C5C;
	margin-left: 20px;
	padding: 0 0 0 20px;
	}

	#assistly-header-new nav .a-last a {
	color: #5C5C5C;
	margin: 0 0 6px;
	border-bottom: 2px solid #2B2B2B;
	}

	#assistly-header-new nav a:hover {
	border-bottom: 2px solid #555;
	}

	#assistly-header-new nav .a-last a:hover {
	color: #777;
	}

	#assistly-header-new nav .a-home a:hover {
	border: 0;
	}

	#assistly-header-new nav .a-active {
	border-bottom: 2px solid #555;
	padding: 11px 0 2px;
	}

	#assistly-header-new nav .a-button:hover {
	border-width: 1px;
	}

	.a-button, .a-button-secondary, .a-button-white,
	#register_button_v2 {
	background: #CCFE8B;
	background: -moz-linear-gradient(100% 100% 90deg, #99C757, #CCFE8B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCFE8B), to(#99C757));
	border: 1px solid #6f9a4d;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	color: #385214 !important;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 15px!important;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
	text-decoration: none !important;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}

	.a-button:hover {
	color: #192a04 !important;
	border-color: #547c1c;
	}

	img {
	border: 0;
	}

	.layout-single .main {
	padding: 40px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top: 0;
	}

	#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
	}
	#primary,
	#secondary {
	float: right;
	overflow: hidden;
	width: 200px;
	margin: 0;
	}
	#secondary {
	clear: right;
	}
	#footer {
	clear: both;
	width: 100%;
	}


	.one-column #content {
	margin: 0 auto;
	width: 640px;
	}

	#section-header {
	padding: 20px 40px;
	background: #000;
	border: 1px solid #666;
	}

	#section-header h1 {
	color: #fff;
	font-size:36px;
	margin-bottom:9px;
	text-shadow: 0 0 0 #000;
	letter-spacing:1px;
	}
	#section-header .subheading p {
	color: #ccc;
	font-size:20px;
	font-weight: bold;
	line-height:24px;
	text-shadow: 0 0 0 #000;
	}

	#section-header .subheading.up p {
	color: #66ff00;
	}

	#section-header .subheading.up p a {
	color: #66ff00;
	text-decoration:underline;
	}

	#section-header .subheading.warning p, #content p.warning {
	color: #ff9900;
	}

	#section-header .subheading.maintenance p, #content p.maintenance {
	color: #ff9900;
	}


	#section-header .subheading.down p, #content p.down {
	color: #ff0033;
	}

	ul#status-dashboard {
	margin:19px 0 0 -45px;
	padding:0;
	}

	ul#status-dashboard li {
	color: #FFF;
	float: left;
	font-size: 24px;
	font-weight: bold;
	list-style: disc outside none;
	margin: 0 0 0 50px;
	padding: 0 0 2px 0px;
	}

	#status-dashboard li.heading {
	list-style: none;
	text-transform:uppercase;
	}

	ul#status-dashboard li span {
	color: #fff;
	font-size: 50%;
	vertical-align: middle;
	padding:0; margin:0 0 0 -6px;
	line-height:24px;

	}

	ul#status-dashboard li.heading span { color: #999; margin-right:0; }

	#content li {
	list-style: disc;
	font-size: 200%;
	line-height:24px;
	}

	#content li.up, #status-dashboard li.up {
	color: #66ff00;
	}

	#content li.warning, #status-dashboard li.warning {
	color: #ff9900;
	}

	#content li.maintenance, #status-dashboard li.maintenance {
	color: #ff9900;
	}


	#content li.down, #status-dashboard li.down {
	color: #ff0033;
	}

	.status-body {
	color: #666;
	font-size: 50%;
	font-weight: normal;
	vertical-align:top;
	}

	.status-body a{
	vertical-align: top;
	text-decoration:underline;}


	.daily-status {
	padding-left: 30px;
	}

	#assistly-footer {background: #222;
	color: #FFF;
	padding: 30px 0;
	clear: both;
	}

	#assistly-footer .grid_2 {float: left; width: 140px; margin: 0 10px 20px;}

	#assistly-footer .grid_8 { float: left; width: 620px;margin: 0 10px 0 0;}

	#assistly-footer .grid_4 { float: left; width: 300px; margin-right: 0;}

	#assistly-footer li {float: left; width: 100%;}

	#assistly-footer a {color:#FFF !important; font-size: 14px;}

	#assistly-footer .last { margin: 0 0 20px 10px;}
	#assistly-footer .first { margin: 0 10px 20px 0; }

	#assistly-footer li strong {
	float: left;
	clear: both;
	width: 100%;
	}

	#assistly-footer li a {
	float: left;
	clear: both;
	width: 100%;
	color: #FFF !important;
	}

	#assistly-footer a:hover {
	text-decoration: underline;
	}

	#assistly-footer strong {
	display: block;
	font-size: 17px;
	color: #666;
	margin: 0 0 10px;
	}

	#assistly-footer .phone {
	color: #666;
	font-size: 12px;
	}

	#assistly-footer .phone strong {
	padding-top: 20px ;
	color: #FFF;
	font-size: 24px;
	margin: 0;
	}

	#assistly-footer .icons {
	padding-top: 30px;
	}

	#assistly-footer .icons a {
	background: url("http://webassets.assistly.com/new/images/footer-icons.gif") -3px 0 no-repeat;
	float: right;
	width: 35px;
	height: 35px;
	overflow: hidden;
	text-indent: -900px;
	margin: 0 5px 0 0;
	}

	#assistly-footer .icons .facebook {
	background-position: -44px 0;
	margin: 0;
	}

	#assistly-footer .icons .rss {
	background-position: -80px 0;
	}

	#assistly-footer .icons .linkedin {
	background-position: -124px 0;
	}

	#assistly-footer .icons .youtube {
	background-position: -170px 0;
	}

	</style>

	</head>
	<body class="blog">
	<!--[if IE]> <div id="ie"> <![endif]-->
	<!--[if IE 6]> <div id="ie6"> <![endif]-->
	<div id="assistly-header-new">
	<header>
	<nav>
	<div class="container_16">
	<ul class="clearfix">
	<li class="a-home">
	<a href="http://www.desk.com/">Desk.com Customer Support Home</a>
	</li>
	<li class="a-last">
	<a href="http://www.desk.com/blog">Blog</a>
	/
	<a href="http://support.desk.com/">Help</a>
	</li>
	<li>
	<a href="http://www.desk.com/register" class="a-button">Get Started</a>
	</li>
	<li>
	<a href="http://www.desk.com/pricing">Pricing</a>
	</li>
	<li>
	<a href="http://www.desk.com/customers">Customers</a>
	</li>
	<li>
	<a href="http://www.desk.com/product">Features</a>
	</li>
	<li>
	<a href="http://www.desk.com/why-desk">Why Desk.com?</a>
	</li>
	</ul>
	</div>
	</nav>
	</header>
	</div>

	<div id="company-content">
	<div class="wrapper clearfix">
	<div id="section-header" class="clearfix">
	<h1 class="header-blog">System Status</h1>
	<div id="current-status" class="subheading"><p>Fetching status...</p></div>

	<ul id="status-dashboard">
	<li class="heading"><span>Current Status:</span></li>
	<li class="up"><span>Agent Desktop</span></li>
	<li class="up"><span>Admin Panel</li>
	<li class="up"><span>Reporting & Analytics</span></li>
	<li class="up"><span>API</span></li>
	<li class="up"><span>Support Centers</span></li>
	</ul>

	</div>
	<div class="layout-single clearfix">
	<div class="main clearfix">
	<div class="clearfix">
	<div id="container">
	<div id="content" role="main">
	{block:Posts}
	{block:NewDayDate}
	<h2>{DayOfWeek}, {Month} {DayOfMonth}, {Year}</h2>
	{/block:NewDayDate}
	<ul class="daily-status">
	{block:Text}
	<li class="{title}"><span class="status-body">{Plaintextbody} - {block:Date}Updated: {12Hour}:{Minutes}{AmPm} PST{/block:Date}</span></li>
	{/block:Text}
	</ul>
	{/block:Posts}
	</div><!-- #content -->
	</div><!-- #container -->

	<div id="primary" class="widget-area" role="complementary">
	{block:Twitter}
	<div id="twitter" style="display:none;">
	<h3>Latest updates From <a href="http://twitter.com/{TwitterUsername}">@desk_ops</a></h3>

	<div id="tweets"></div>
	</div>

	<script type="text/javascript">
	function recent_tweets(data) {
	for (i=0; i<data.length; i++) {
	document.getElementById("tweets").innerHTML =
	document.getElementById("tweets").innerHTML +
	'<a href="http://twitter.com/{TwitterUsername}/status/' +
	(data[i].id_str ? data[i].id_str : data[i].id) +
	'"><p class="content">' + data[i].text +
	'</p></a>';
	}
	document.getElementById("twitter").style.display = 'block';
	}
	</script>
	{/block:Twitter}
	<h3>Support Information</h3>
	<p>You can find the latest status of our services here.</p>
	<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
	<script>
	new TWTR.Widget({
	version: 2,
	type: 'profile',
	rpp: 4,
	interval: 30000,
	width: 200,
	height: 350,
	theme: {
	shell: {
	background: '#cecece',
	color: '#000000'
	},
	tweets: {
	background: '#ffffff',
	color: '#000000',
	links: '#b207eb'
	}
	},
	features: {
	scrollbar: true,
	loop: false,
	live: true,
	behavior: 'all'
	}
	}).render().setUser('desk_ops').start();
	</script><br />
	<p>If you have problems and can’t find what you’re looking for here, please email us at: <a href="mailto:support@desk.com">support@desk.com</a>.</p>

	</div><!-- #primary .widget-area -->

	</div>
	</div>
	</div>
	</div>
	</div>



	<div id="assistly-footer">
	<div class="wrapper clearfix">
	<div class="clearfix">
	<ul class="grid_2 first">
	<li>
	<strong>Product</strong>
	<a href="http://www.desk.com/" title="Home">Home</a>
	</li>
	<li>
	<a href="http://www.desk.com/why-desk" title="Why Desk.com?">Why Desk.com?</a>
	</li>
	<li>
	<a href="http://www.desk.com/product" title="Tour">Features</a>
	</li>
	<li>
	<a href="http://reg.assistly.com/free-trial" title="Pricing">Free Trial</a>
	</li>
	</ul>
	<ul class="grid_2">
	<li>
	<strong>Company</strong>
	<a href="http://www.desk.com/about" title="About">About</a>
	</li>
	<li>
	<a href="http://www.desk.com/customers" title="Customers">Customers</a>
	</li>
	<li>
	<a href="http://www.desk.com/careers" title="Careers">Careers</a>
	</li>
	</ul>
	<ul class="grid_2">
	<li>
	<strong>Support</strong>
	<a href="http://support.assistly.com/" title="Support Center">Help Center</a>
	</li>
	<li>
	<a href="http://dev.assistly.com/" title="API">API</a>
	</li>
	</ul>
	<ul class="grid_2">
	<li>
	<strong>Partners</strong>
	<a href="http://www.desk.com/partners/google" title="Google">Google™</a>
	</li>
	<li>
	<a href="http://www.desk.com/partners/getsatisfaction" title="Get Satisfaction">Get Satisfaction</a>
	</li>
	</ul>
	<ul class="grid_2">
	<li>
	<strong>Blog</strong>
	<a href="http://www.desk.com/blog" title="Recent Customer Support Articles">Recent Articles</a>
	</li>
	<li>
	<a href="http://feeds.feedburner.com/assistly" title="Subscribe">Subscribe</a>
	</li>
	</ul>
	<ul class="grid_2 last">
	<li>
	<strong>Get In Touch</strong>
	<a href="http://www.desk.com/contact" title="contact">Contact Us</a>
	</li>
	<li>
	<a href="mailto:info@desk.com">info@desk.com</a>
	</li>
	<li>
	<a href="mailto:sales@desk.com">sales@desk.com</a>
	</li>
	<li>
	<a href="mailto:support@desk.com">support@desk.com</a>
	</li>
	</ul>
	</div>
	<div class="clearfix">
	<div class="grid_8 phone">
	<strong>1-877-226-9212</strong>
	©2011 Assistly Inc. All Rights Reserved. <a href="http://www.desk.com/terms" title="Terms of Use">Terms</a> & <a href="http://www.desk.com/privacy" title="Privacy Policy">Privacy</a>.
	</div>
	<div class="grid_4 icons">
	<a href="http://feeds.feedburner.com/assistly" class="rss">RSS</a>
	<a href="http://www.linkedin.com/company/desk" class="linkedin">LinkedIn</a>
	<a href="http://www.youtube.com/user/desk" class="youtube">YouTube</a>
	<a href="http://www.facebook.com/deskdotcom" class="facebook">Facebook</a>
	<a href="http://www.twitter.com/desk" class="twitter">Twitter</a>
	</div>
	</div>
	</div>
	</div>



	<!--[if IE 6]> </div> <![endif]-->
	<!--[if IE]> </div> <![endif]-->

	<!-- Put this at the bottom of the page -->
	{block:Twitter}
	<script type="text/javascript" src="/tweets.js"></script>
	{/block:Twitter}
	<script src="http://webassets.assistly.com/new/javascripts/assistlyanalytics.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">


	$(document).ready(function(){
	$.ajax({
	url: 'http://api.tumblr.com/v2/blog/status.desk.com/posts?api_key=nNL2DsGq2dg7TSr8j2fzCe5zfoA97Qub6wTw35C8GRC6K9Xw2r&limit=1&jsonp=tumblrCallback',
	type: 'GET',
	dataType: 'jsonp',
	jsonpCallback: 'tumblrCallback',
	success: function(data) {
	console.log(data);
	$("#current-status").html(data.response.posts[0].body.replace("<br />", ""));
	$("#current-status").addClass(data.response.posts[0].title);
	}
	});
	});
	</script>


	</body></html>