Skip to content

Instantly share code, notes, and snippets.

@jackysee

jackysee/ccal.html

Created June 1, 2010 03:24
Show Gist options
  • Save jackysee/420527 to your computer and use it in GitHub Desktop.
Save jackysee/420527 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ccal.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Calendar</title>
<style>
.calendar{ color: green; border: 1px solid green; width: 300px; padding: 4px 10px;}
.year,.month,.month_c{float: left; width:100px; font-size: 120%}
.month{text-align:center;font-size: 120%}
.month_c{text-align:right;font-size: 120%}
.date{ clear:both; text-align:center; font-size: 1400%; font-weight: bold; font-family:'Arial Black';line-height:0.8em; margin-bottom: 20px;}
.info{ border: 2px solid green; border-top-width:5px; border-bottom-width:5px; border-radius: 5px; padding: 2px}
.weekday_c{width: 120px; background-color:green; color: white; font-weight:bold; border-radius: 3px; margin:1px auto; text-align: center;
padding: 1px 3px;font-size: 200%; line-height:1.1em; letter-spacing: 1px}
.weekday{width: 120px; margin: 1px auto; text-align:center; letter-spacing: 11px; font-weight:bold; font-family: 'Arial Black'; line-height: 1em}
.lunar{width:120px; margin: 3px auto; text-align:center; font-size: 270%; font-family:'標楷體'; letter-spacing: 5px; font-weight: bold;}
</style>
</head>
<body>
<div class="calendar">
<div class="year">2010</div>
<div class="month">JUNE</div>
<div class="month_c">六月</div>
<div class="date">4</div>
<div class="info">
<div class="weekday_c">星期五</div>
<div class="weekday">FRIDAY</div>
<div class="lunar">廿二</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment