/samples/css/modern.css

http://txt2tags.googlecode.com/ · CSS · 178 lines · 143 code · 24 blank · 11 comment · 0 complexity · bf7fe4411a87a2973835d300943dc206 MD5 · raw file

  1. /*
  2. modern.css - A modern look CSS sample file
  3. Author : Osvaldo Santana Neto <osantanabr (a) brturbo com>
  4. Date : June 2004
  5. License: GPL
  6. Part of the txt2tags project <http://txt2tags.org>
  7. */
  8. body {
  9. margin: 0px;
  10. padding: 0px;
  11. font-family: Garamond, Times, Serif;
  12. }
  13. div.header {
  14. border-bottom: 2px solid black;
  15. }
  16. div.header h1 {
  17. float: left;
  18. margin-left: 12pt;
  19. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  20. font-size: 18pt;
  21. font-weight: bold;
  22. }
  23. div.header h2 {
  24. text-align: right;
  25. margin-right: 12pt;
  26. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  27. font-size: 8pt;
  28. }
  29. div.header h3 {
  30. text-align: right;
  31. margin-right: 12pt;
  32. margin-bottom: 24pt;
  33. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  34. font-size: 8pt;
  35. font-weight: normal;
  36. }
  37. div.toc {
  38. float: right;
  39. width: 20%;
  40. padding-left: 6pt;
  41. padding-right: 6pt;
  42. }
  43. div.toc ul {
  44. padding-left: 6pt;
  45. }
  46. div.toc li {
  47. font-size: 8pt;
  48. }
  49. div.toc a {
  50. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  51. font-size: 14px/1.2;
  52. font-weight: bold;
  53. color: #C00;
  54. text-decoration: none;
  55. }
  56. div.toc a:hover {
  57. text-decoration: underline;
  58. }
  59. div.body {
  60. float: left;
  61. width: 75%;
  62. padding: 10px;
  63. border-right: 2px dotted black;
  64. text-align: justify;
  65. }
  66. div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 {
  67. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  68. }
  69. div.body h1 {
  70. text-align: left;
  71. margin-top: 24pt;
  72. margin-bottom: 18pt;
  73. font-size: 12pt;
  74. border-left: 4px solid black;
  75. border-bottom: 2px solid black;
  76. padding: 5px;
  77. background: #F0F0F0;
  78. }
  79. div.body h2 {
  80. text-align: left;
  81. margin-top: 24pt;
  82. margin-bottom: 18pt;
  83. font-size: 12pt;
  84. font-weight: normal;
  85. border-left: 4px solid black;
  86. border-bottom: 1px solid black;
  87. padding: 5px;
  88. background: #F0F0F0;
  89. }
  90. div.body h3 {
  91. text-align: left;
  92. margin-top: 24pt;
  93. margin-bottom: 16pt;
  94. font-size: 8pt;
  95. border-left: 1px solid black;
  96. border-bottom: 1px solid black;
  97. padding: 5px;
  98. background: #F0F0F0;
  99. }
  100. div.body h4 {
  101. text-align: left;
  102. margin-top: 24pt;
  103. margin-bottom: 16pt;
  104. font-size: 8pt;
  105. font-weight: normal;
  106. border-left: 1px solid black;
  107. border-bottom: 1px solid black;
  108. padding: 5px;
  109. }
  110. div.body h5 {
  111. width: 80%;
  112. text-align: left;
  113. margin-top: 6pt;
  114. margin-bottom: 16pt;
  115. font-size: 8pt;
  116. padding: 5px;
  117. }
  118. div.body a {
  119. font-family: monospace;
  120. font-size: 10pt;
  121. text-decoration: none;
  122. color: #C00;
  123. }
  124. div.body a:hover {
  125. text-decoration: underline;
  126. }
  127. div.body blockquote {
  128. border-top: 2px solid black;
  129. border-bottom: 2px solid black;
  130. background: #FFFFBB;
  131. padding: 15px;
  132. }
  133. div.body blockquote p {
  134. margin-top: 2pt;
  135. margin-bottom: 2pt;
  136. }
  137. div.body pre {
  138. background: #FFFFBB;
  139. padding: 15px;
  140. border: 1px dashed black;
  141. }
  142. div.body dt {
  143. background: #BBFFBB;
  144. padding: 3pt;
  145. border-left: 3px solid black;
  146. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  147. font-size: 10pt;
  148. margin-top: 18pt;
  149. margin-bottom: 8pt;
  150. }