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/

  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.