svn commit: r1142718 - /trafficserver/site/branches/ats-cms/content/styles/ts.css

[ig...@apache.org]

Author: igalic
Date: Mon Jul  4 15:33:37 2011
New Revision: 1142718

URL: http://svn.apache.org/viewvc?rev=1142718&view=rev
Log:
Trying to implement a few readability guidelines into our CSS

Modified:
    trafficserver/site/branches/ats-cms/content/styles/ts.css

Modified: trafficserver/site/branches/ats-cms/content/styles/ts.css
URL: http://svn.apache.org/viewvc/trafficserver/site/branches/ats-cms/content/styles/ts.css?rev=1142718&r1=1142717&r2=1142718&view=diff
==============================================================================
--- trafficserver/site/branches/ats-cms/content/styles/ts.css (original)
+++ trafficserver/site/branches/ats-cms/content/styles/ts.css Mon Jul  4 15:33:37 2011
@@ -10,14 +10,14 @@ html {
 }
 
 body {
-  margin:10px; // content was too close to edges.
+  margin:10px; /* content was too close to edges. */
   font-family: sans-serif
 }
 
 #header {
   height:75px;
   margin:0px 0px 0px 0px;
-//  padding-top:12px; //added a margin around whole doc instead. 
+/*  padding-top:12px; */ /* added a margin around whole doc instead.  */
   color:#528DC8;
 /*
   -moz-border-radius: 5px;
@@ -48,7 +48,7 @@ div.nav {
   background:black;
   color:white;
   font-size:110%;
-//  font-family:"DejaVu Sans"; // font change looks out of place.
+/*  font-family:"DejaVu Sans"; */ /* font change looks out of place. */
   padding-top:1ex;
   padding-bottom:1ex;
   padding-left:1em;
@@ -79,25 +79,30 @@ div.main {
   background:white;
 }
 
+#content p {
+  font-size: 12pt;  /* keep this ratio */
+  width: 36pc;
+}
+
 #content h1 {
   background-color:#EEEEEE;
   color:#528DC8;
   height:1.5em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
-  font-size:100%; // relying on color to highlight.  
+  font-size:100%; /* relying on color to highlight.  */
   font-weight:bold;
   padding:0px;
   padding-top:0.5ex;
   padding-left:1ex;
-  left:-10px; // moving this out towards border to show more structure.  Content after heading is not targetable, so won't be indented.
+  left:-10px; /* moving this out towards border to show more structure.  Content after heading is not targetable, so won't be indented. */
   position:relative;
 }
 
 #content h2 {
   font-size:100%;
   font-weight:bold;
-//  background-color:#EEEEEE; // too much background color
+/*  background-color:#EEEEEE; */ /* too much background color */
   color:#528DC8;
   height:1.5em;
 /*  -moz-border-radius: 5px;
@@ -113,7 +118,7 @@ div.main {
 #content h3 {
   font-size:100%;
   font-weight:bold;
-//  background-color:#EEEEEE; // too much background color
+/*  background-color:#EEEEEE; */ /* too much background color */
   color:#528DC8;
   height:1.5em;
 /*  -moz-border-radius: 5px;
@@ -129,7 +134,7 @@ div.main {
 #content h4 {
   font-size:100%;
   font-weight:bold;
-//  background-color:#EEEEEE; // too much background color
+/*  background-color:#EEEEEE; */ /* too much background color */
   color:#528DC8;
   height:1.5em;
 /*  -moz-border-radius: 5px;
@@ -143,7 +148,7 @@ div.main {
 }
 
 #content dl {
-//  background:#EEEEEE; // too much background color
+/*  background:#EEEEEE; */ /* too much background color */
   margin-top:1ex;
 }
 
@@ -153,4 +158,4 @@ span#apache_logo{
 
 #footer{
     margin:10px;
-}
\ No newline at end of file
+}