@@ -86,8 +86,8 @@ <p class="first"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> - <p> <span class="small">small text</span></p> - <p> <span class="gray">gray text</span></p> + <p> <span class="small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p> + <p> <span class="gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p> <hr /> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum. index.html @@ -7,12 +7,35 @@ light grey: #cfcfcf medium grey: #36393d dark grey: #1a1a1a + interactive action yellow #ffff88 */ -.small { font-size:11px; } -.gray { color:#999999; } -.hightlight { background-color:#FFFFCC; } +.small { + font-size: 11px; + font-style: normal; + font-weight: normal; + text-transform: normal; + letter-spacing: normal; + line-height: 1.4em; +} + +.gray { + color:#999999; + font-family: Georgia, serif; + font-size: 13px; + font-style: italic; + font-weight: normal; + text-transform: normal; + letter-spacing: normal; + line-height: 1.6em; +} + +.hightlight { + background-color: #ffff88; + font-weight: bold; + color: #36393d; +} a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #36393d; } a { -moz-outline: none; } @@ -67,6 +90,15 @@ hr { line-height: 1.2em; } +#main .block .content p { + font-size: 13px; + font-style: normal; + font-weight: normal; + text-transform: normal; + letter-spacing: normal; + line-height: 1.45em; +} + #sidebar .block { background: #FFF; } stylesheets/themes/drastic-dark/style.css df7c7fe323dab7d11416f0ed6254d0279c23ce78 Juan Maria Martinez Arce jmax@rachel.(none) http://github.com/pilu/web-app-theme/commit/599a62a954315b871cc1e8dc095e39e2415004e3 599a62a954315b871cc1e8dc095e39e2415004e3 2009-05-29T02:17:28-07:00 2009-05-28T11:47:23-07:00 [Working on Drastic Dark] - Add definitions for improving parragraphs presentation - Add definitions for improving highlighted text - Add definitions for improving small text presentation - Add definitions for improving gray text presentation Signed-off-by: Andrea Franz <andrea@gravityblast.com> 657dc45116e567df05aae59ac29e4a8092d5aa7a Andrea Franz andrea@gravityblast.com