You are here

Home » API reference » Maintenance Countdown 6

light.css in Maintenance Countdown 6

Same filename and directory in other branches
  1. 7 styles/light.css
html, body {
	margin: 0;
	padding: 0;
}

body {
	font: 14px/1.5 Georgia, 'Times New Roman', serif;
	text-align: center;
	background-color:#FFF;
}

#page-title {
	font: 700 30px/1 Georgia,'Times New Roman',serif;
	font-size: 28pt;
	letter-spacing: 12px;
	border-bottom: 1px solid #ddd;
	margin: 0;
	text-transform:uppercase;
}

#content-content {
	margin-top: 0px;
	margin-bottom: 40px;
}

#container {
	margin: 5em auto 3em;
	width: 700px;
	color: #555;
}

#countdown_dashboard {
	height: 110px;
  display: inline-block;
  margin: auto;
}

.dash {
	width: 110px;
	height: 114px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}

.dash .digit {
	font-weight: bold;
	float: left;
	width: 55px;
	text-align: center;
	font: 700 55pt/115% Georgia, 'Times New Roman', serif;
	color: #555;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 6px;
	font-size: 9pt;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#complete_message {
  border: 1px solid #DDD;
  border-radius: 10px;
  clear: both;
  display: none;
  line-height: 2;
  margin: 2em 1em;
  padding: 1em;
}

kbd {
  background-color: #DDD;
  border-color: #EEE #CCC #CCC #EEE;
  border-radius: 4px;
  border-style: solid;
  border-width: 2px 4px 4px;
  font: 700 100% sans-serif;
  padding: 2px 5px;
  text-shadow: 1px 1px 1px #FFF;
}

#page_reload {
  background-color:#ddd;
  background-image: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#bbb));
  background-image: -webkit-linear-gradient(top, #ddd 0%,#bbb 100%);
  background-image: -o-linear-gradient(top, #ddd 0%,#bbb 100%);
  background-image: -ms-linear-gradient(top, #dddddd 0%,#bbbbbb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 );
  background-image: linear-gradient(top, #ddd 0%,#bbb 100%);
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 15pt;
  margin: 10px auto 0;
  padding: 2px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px #efefef, 1px 0 1px #e5e5e5;
  width: 50%;
}

#page_reload:hover {
  background-color: #bbbbbb;
  background-image: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#aaa));
  background-image: -webkit-linear-gradient(top, #ddd 0%,#aaa 100%);
  background-image: -o-linear-gradient(top, #ddd 0%,#aaa 100%);
  background-image: -ms-linear-gradient(top, #dddddd 0%,#aaaaaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#aaaaaa',GradientType=0 );
  background-image: linear-gradient(top, #ddd 0%,#aaa 100%);
}

File

styles/light.css
View source 
  1. html, body {

  2. 	margin: 0;

  3. 	padding: 0;

  4. }

  5. 

  6. body {

  7. 	font: 14px/1.5 Georgia, 'Times New Roman', serif;

  8. 	text-align: center;

  9. 	background-color:#FFF;

  10. }

  11. 

  12. #page-title {

  13. 	font: 700 30px/1 Georgia,'Times New Roman',serif;

  14. 	font-size: 28pt;

  15. 	letter-spacing: 12px;

  16. 	border-bottom: 1px solid #ddd;

  17. 	margin: 0;

  18. 	text-transform:uppercase;

  19. }

  20. 

  21. #content-content {

  22. 	margin-top: 0px;

  23. 	margin-bottom: 40px;

  24. }

  25. 

  26. #container {

  27. 	margin: 5em auto 3em;

  28. 	width: 700px;

  29. 	color: #555;

  30. }

  31. 

  32. #countdown_dashboard {

  33. 	height: 110px;

  34.   display: inline-block;

  35.   margin: auto;

  36. }

  37. 

  38. .dash {

  39. 	width: 110px;

  40. 	height: 114px;

  41. 	background: transparent url('../images/dash.png') 0 0 no-repeat;

  42. 	float: left;

  43. 	margin-left: 20px;

  44. 	position: relative;

  45. }

  46. 

  47. .dash .digit {

  48. 	font-weight: bold;

  49. 	float: left;

  50. 	width: 55px;

  51. 	text-align: center;

  52. 	font: 700 55pt/115% Georgia, 'Times New Roman', serif;

  53. 	color: #555;

  54. 	position: relative;

  55. }

  56. 

  57. .dash_title {

  58. 	position: absolute;

  59. 	display: block;

  60. 	bottom: 0px;

  61. 	right: 6px;

  62. 	font-size: 9pt;

  63. 	color: #555;

  64. 	text-transform: uppercase;

  65. 	letter-spacing: 2px;

  66. }

  67. 

  68. #complete_message {

  69.   border: 1px solid #DDD;

  70.   border-radius: 10px;

  71.   clear: both;

  72.   display: none;

  73.   line-height: 2;

  74.   margin: 2em 1em;

  75.   padding: 1em;

  76. }

  77. 

  78. kbd {

  79.   background-color: #DDD;

  80.   border-color: #EEE #CCC #CCC #EEE;

  81.   border-radius: 4px;

  82.   border-style: solid;

  83.   border-width: 2px 4px 4px;

  84.   font: 700 100% sans-serif;

  85.   padding: 2px 5px;

  86.   text-shadow: 1px 1px 1px #FFF;

  87. }

  88. 

  89. #page_reload {

  90.   background-color:#ddd;

  91.   background-image: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);

  92.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#bbb));

  93.   background-image: -webkit-linear-gradient(top, #ddd 0%,#bbb 100%);

  94.   background-image: -o-linear-gradient(top, #ddd 0%,#bbb 100%);

  95.   background-image: -ms-linear-gradient(top, #dddddd 0%,#bbbbbb 100%);

  96.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 );

  97.   background-image: linear-gradient(top, #ddd 0%,#bbb 100%);

  98.   border: 1px solid #aaa;

  99.   border-radius: 4px;

  100.   color: #555;

  101.   display: block;

  102.   font-size: 15pt;

  103.   margin: 10px auto 0;

  104.   padding: 2px 5px;

  105.   text-decoration: none;

  106.   text-shadow: 0 1px 1px #efefef, 1px 0 1px #e5e5e5;

  107.   width: 50%;

  108. }

  109. 

  110. #page_reload:hover {

  111.   background-color: #bbbbbb;

  112.   background-image: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);

  113.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#aaa));

  114.   background-image: -webkit-linear-gradient(top, #ddd 0%,#aaa 100%);

  115.   background-image: -o-linear-gradient(top, #ddd 0%,#aaa 100%);

  116.   background-image: -ms-linear-gradient(top, #dddddd 0%,#aaaaaa 100%);

  117.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#aaaaaa',GradientType=0 );

  118.   background-image: linear-gradient(top, #ddd 0%,#aaa 100%);

  119. }