Advertisement
Guest User

css1k-columns-alpha

a guest
Jul 2nd, 2011
196
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* CSS1K entry
  2.  * "Columns" by Alexander Makarov (http://rmcreative.ru)
  3.  * This file is unminified for legibility, for size proof add '-min' to the end of the filename */
  4.  
  5. /*clearfix*/
  6. article:before, article:after,
  7. body > header nav ul:before, body > header nav ul:after {
  8.     content: "\0020"; display: block; height: 0; overflow: hidden;
  9. }
  10. article:after, body > header nav ul:after { clear: both; }
  11. article, body > header nav ul { zoom: 1; }
  12.  
  13. /* --- */
  14.  
  15. body {
  16.     font: 11pt/1.8em Georgia,'Times New Roman',Times,serif;
  17.     background: #fff;
  18.     max-width: 1000px;
  19.     padding: 0 10px;
  20.     margin: 0 auto;
  21. }
  22.  
  23. ol {
  24.     padding-left: 1.5em;
  25. }
  26.  
  27. h1, h2 {
  28.     font-weight: normal;
  29. }
  30.  
  31. h2 {
  32.     font: 1.5em/1.8em Georgia,'Times New Roman',Times,serif;
  33.     text-transform: uppercase;
  34. }
  35.  
  36. a {
  37.     border-bottom: 1px solid #666;
  38.     color: #666;
  39.     outline: medium none;
  40.     padding: 1px 2px;
  41.     text-decoration: none;
  42. }
  43. a:hover {
  44.     background-color: #444;
  45.     border: medium none;
  46.     color: white;
  47. }
  48.  
  49. body>header {
  50.     margin-top: 80px;
  51. }
  52.  
  53. body>header h1 {
  54.     font-size: 60pt;
  55.     line-height: 1;
  56.     margin: 0;
  57. }
  58.  
  59. body>header h1 small {
  60.     color: #ccc;
  61.     vertical-align: top;
  62.     font-size: 30pt;
  63. }
  64.  
  65. body>header h2 {
  66.     float: left;
  67.     margin: 0 20px 0 0;
  68.     color: #666;
  69.     font-size: 11pt;
  70. }
  71.  
  72. body>header nav {
  73.     width: 160px;
  74.     float: right;
  75. }
  76.  
  77.  
  78. body>header nav ul {
  79.     margin: 0; padding: 0;
  80. }
  81.  
  82. body>header nav li {
  83.     display: block;
  84.     margin-bottom: 10px;
  85. }
  86.  
  87. body>header nav li a {
  88.     display: block;
  89.     border: none;
  90. }
  91.  
  92. body>header nav li a:nth-child(2) {
  93.     display: block;
  94. }
  95.  
  96. article {
  97.     clear: left;
  98. }
  99.  
  100. article header, article section {
  101.     float: left;
  102.     margin-right: 30px;
  103. }
  104.  
  105. article header {
  106.     width: 200px;
  107. }
  108.  
  109. article section:nth-child(2)
  110. {
  111.     width: 250px;
  112. }
  113.  
  114. article section:nth-child(3)
  115. {
  116.     width: 300px;
  117. }
  118.  
  119. footer {
  120.     font-size: 10pt;
  121.     border-top:  2px solid #CFCFCF;
  122.     clear: both;
  123.     text-align: right;
  124.     margin-top: 60px;
  125. }
Advertisement
RAW Paste Data Copied
Advertisement