advanced code snippet search

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/

Expand | Embed | Plain Text 
  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.