/samples/css/modern.css
CSS | 178 lines | 143 code | 24 blank | 11 comment | 0 complexity | bf7fe4411a87a2973835d300943dc206 MD5 | raw file
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