Your Ad Here

advanced code snippet search

Posted By

shinokada on 08/06/10


Tagged

mastercss


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

Elog


master.css

 / Published in: CSS
 
Expand | Embed | Plain Text 
  1. * {
  2. 	/* old-style reset here :) */
  3. 	border: 0px;
  4. 	padding: 0px;
  5. }
  6. body {
  7. 	font-family: Helvetica;
  8. 	background: white;
  9. /*	text-align: center;*/
  10. /*	background: url(../images/body.png) repeat-x;*/
  11. }
  12. body h1 {
  13. 	padding-top: 20px;
  14. 	font-size: 26px;
  15. 	color: #335;
  16. }
  17. #content td {
  18. border-bottom:medium none;
  19. padding:0;
  20. }
  21. #calmain table {
  22. 	border-collapse: separate;
  23. 	border: 1px solid #9DABCE;
  24. 	border-width: 0px 0px 1px 1px;
  25. 	margin: 10px auto;
  26. 	font-size: 20px;
  27. }
  28. #calmain td, #calmain th {
  29. 	width: 81px;
  30. 	height: 81px;
  31. 	text-align: center;
  32. 	vertical-align: middle;
  33. 	background: url(../images/cells.png);
  34. 	color: #444;
  35. 	position: relative;
  36. 	padding:0;
  37. }
  38. #calmain th {
  39. 	height: 30px;
  40. 	font-weight: bold;
  41. 	font-size: 14px;
  42. }
  43. #calmain td:hover, #calmain th:hover {
  44. 	background-position: 0px -81px;
  45. 	color: #222;
  46. }
  47. #calmain td.date_has_event {
  48. 	background-position: 162px 0px;
  49. 	color: white;
  50. }
  51. #calmain td.date_has_event:hover {
  52. 	background-position: 162px -81px;
  53. }
  54. #calmain td.padding {
  55. 	background: url(../images/calpad.jpg);
  56. }
  57. #calmain td#today {
  58. 	background-position: 81px 0px;
  59. 	color: white;
  60. }
  61. #calmain td#today:hover {
  62. 	background-position: 81px -81px;
  63. }
  64. #calmain .events {
  65. 	position: relative;
  66. }
  67. #calmain .events ul {
  68. 	text-align: left;
  69. 	position: absolute;
  70. 	display: none;
  71. 	z-index: 1000;
  72. 	padding: 15px;
  73. 	background: #E7ECF2 url(../images/popup.png) no-repeat;
  74. 	color: white;
  75. 	border: 1px solid white;
  76. 	font-size: 15px;
  77. 	width: 200px;
  78. 	-moz-border-radius: 3px;
  79. 	-khtml-border-radius: 3px;
  80. 	-webkit-border-radius: 3px;
  81. 	-border-radius: 3px;
  82. 	list-style: none;
  83. 	color: #444444;
  84. 	-webkit-box-shadow: 0px 8px 8px #333;
  85. }
  86. #calmain .events li {
  87. 	padding-bottom: 5px;
  88. }
  89. #calmain .events li span {
  90. 	display: block;
  91. 	font-size: 12px;
  92. 	text-align: justify;
  93. 	color: #555;
  94. }
  95. #calmain .events li span.title {
  96. 	font-weight: bold;
  97. 	color: #222;
  98. }
  99.  
  100. #calmain th a{
  101. text-decoration:none;
  102. font-size:120%;
  103. font-weight:bold;
  104. color: #000;
  105. outline-width:0;
  106. }
  107.  
  108. #content textarea, #content input{
  109. 	border: 1px solid #ccc;
  110. }
  111. /* Calendar */
  112.  
  113. #calmain{
  114. 	width: 50%;
  115. 	float: left;
  116. }
  117. #calleft{
  118. 	float: left;
  119. 	width: 20%;
  120. 	padding: 20px;
  121. }
  122. #calright {
  123. 	float: left;
  124. 	width:20%;
  125. 	padding: 20px;
  126. }

Report this snippet  

You need to login to post a comment.