advanced search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Ballyhoo

Posted By

masaya on 01/14/07


Tagged

css


Versions (?)


Who likes this?

3 people have marked this snippet as a favorite

basicmagic
markireland
stoker


content.css

Published in: CSS 

URL: http://masaya-sugawara.com/

Plain TextExpand 
  1. @charset "UTF-8";
  2.  
  3.  
  4.  
  5. /* ----------------------------------------------------------------------
  6. 	Common
  7. ---------------------------------------------------------------------- */
  8. body{
  9. 	background-color: #fff;
  10. 	color: #000;
  11. }
  12.  
  13. #head{
  14. 	border-bottom: 1px solid #ddd;
  15. 	padding: 0.9em 0;}
  16. #head .Container{
  17. 	max-width: 44em;
  18. 	margin: 0 auto;}
  19. #head .Container:after{
  20. 	content: ".";
  21. 	display: block;
  22. 	height: 0;
  23. 	clear: both;
  24. 	visibility: hidden;}
  25. #head h1{
  26. 	float: left;}
  27. #head h1 a{
  28. 	color: #000;
  29. 	font-family: Georgia, serif;
  30. 	text-decoration: none;}
  31. #head p{
  32. 	float: right;}
  33. #head p a{
  34. 	font-family: Georgia, serif;
  35. 	font-style: italic;
  36. }
  37.  
  38. #nav{
  39. 	border-bottom: 1px solid #ddd;
  40. 	padding: 0.45em 0;}
  41. #nav .Container{
  42. 	max-width: 44em;
  43. 	margin: 0 auto;}
  44. #nav .Container:after{
  45. 	content: ".";
  46. 	display: block;
  47. 	height: 0;
  48. 	clear: both;
  49. 	visibility: hidden;}
  50. #nav li{
  51. 	display: inline;
  52. 	margin-right: 2em;
  53. }
  54.  
  55. #content{
  56. 	border-bottom: 1px solid #ddd;
  57. 	padding: 1.8em 0;}
  58. #content .Container{
  59. 	max-width: 44em;
  60. 	margin: 0 auto;}
  61. #content .Container:after{
  62. 	content: ".";
  63. 	display: block;
  64. 	height: 0;
  65. 	clear: both;
  66. 	visibility: hidden;
  67. }
  68.  
  69. #main{
  70. 	float: left;
  71. 	width: 65%;}
  72. #main .Container{
  73. 	margin: 0 1em 1.8em 0;
  74. }
  75.  
  76. #sub{
  77. 	float: right;
  78. 	width: 35%;}
  79. #sub .Container{
  80. 	margin: 0 0 1.8em 1em;
  81. }
  82.  
  83. #extra{
  84. 	border-bottom: 1px solid #ddd;
  85. 	padding: 1.8em 0;}
  86. #extra .Container{
  87. 	max-width: 44em;
  88. 	margin: 0 auto;}
  89. #extra .Container:after{
  90. 	content: ".";
  91. 	display: block;
  92. 	height: 0;
  93. 	clear: both;
  94. 	visibility: hidden;
  95. }
  96.  
  97. #foot{
  98. 	padding: 1.8em 0;}
  99. #foot .Container{
  100. 	max-width: 44em;
  101. 	margin: 0 auto;}
  102. #foot p{
  103. 	text-align: center;
  104. 	font-size: 0.85714286em;
  105. 	line-height: 1.93333333;}
  106. #foot p a{
  107. 	font-size: 100%;
  108. }
  109.  
  110. /* ----------------------------------------------------------------------
  111. 	Main
  112. ---------------------------------------------------------------------- */
  113. #sample1{
  114. 	border-bottom: 1px dashed #000;}
  115. #sample1 p{
  116. 	margin-bottom: 1.8em;}
  117. #sample1 p img{
  118. 	width: 100%;
  119. 	height: auto;
  120. 	margin: 0.625em 0;
  121. }
  122.  
  123. /* ----------------------------------------------------------------------
  124. 	Sub
  125. ---------------------------------------------------------------------- */
  126. #sub h4{
  127. 	border-bottom: 1px solid #ddd;
  128. 	margin-bottom:0.45em;}
  129. #sub ul{
  130. 	list-style-type: none;}
  131. #sub li,
  132. #sub p{
  133. 	font-size: 0.85714286em;
  134. 	line-height: 1.93333333;}
  135. #sub li a,
  136. #sub p a{
  137. 	font-size: 100%;
  138. }
  139.  
  140. /* ----------------------------------------------------------------------
  141. 	Extra
  142. ---------------------------------------------------------------------- */
  143. #e1,
  144. #e2,
  145. #e3{
  146. 	float: left;
  147. 	width: 14em;}
  148. #e2{
  149. 	margin: 0 1em;
  150. }
  151.  
  152. #extra h5{
  153. 	text-align: center;
  154. 	border-bottom: 1px solid #ddd;
  155. 	margin-bottom: 0.52500004em;
  156. }
  157.  
  158. #extra p{
  159. 	font-size: 0.85714286em;
  160. 	line-height: 1.93333333;}
  161. #extra p a{
  162. 	font-size: 100%;
  163. }

Report this snippet 

You need to login to post a comment.