Visual Studio 2010 Launch Countdown Sidebar Widget

  • Article

image

With Visual Studio 2010 Beta2 out the door we’re getting very excited about wrapping the project up and launching on March 22, 2010.  As part of that, we’ve created a sidebar widget that you’ll see around town to help us countdown to the big day.  If you’d like to include it on your blog as well, here’s the script to add:

<style type="text/css">

div#widget { position: relative; width: 250px; height: 155px; }

body ul#cntdwn { width: 250px; height: 80px; background: transparent url(https://toysfortweets.com/visualstudiowidget/cntdwn-bg.png) no-repeat scroll left top; list-style-type: none; text-align: center; padding: 74px 0 0 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

body ul#cntdwn li { float: left; margin: 0 8px 0 0; background: transparent url(https://toysfortweets.com/visualstudiowidget/number-bg.png) no-repeat scroll left top; padding: 0 0 5px 7px; }

body ul#cntdwn li.first { margin-left: 20px; }

body ul#cntdwn li em { display: block;  color: #111; font-size: 1.6em; font-style: normal; font-weight: bold; background: transparent url(https://toysfortweets.com/visualstudiowidget/number-cap.png) no-repeat scroll right top; padding: 3px 7px 0 0; height: 35px; margin-bottom: -5px; }

div#widget a#link { display: block; width: 250px; height: 155px; position: absolute; top: 0; left: 0; }

</style>
<script language="javascript" src="https://toysfortweets.com/visualstudiowidget/countdown.js"> </script>