/samples/css/modern.css

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