Author: amc
Date: Thu Feb 17 21:11:47 2011
New Revision: 1071792

URL: http://svn.apache.org/viewvc?rev=1071792&view=rev
Log:
First very rough pass at CSS

Added:
    trafficserver/site/branches/ats-cms/content/styles/ts.css
Modified:
    trafficserver/site/branches/ats-cms/templates/single_narrative.html

Added: 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=1071792&view=auto
==============================================================================
--- trafficserver/site/branches/ats-cms/content/styles/ts.css (added)
+++ trafficserver/site/branches/ats-cms/content/styles/ts.css Thu Feb 17 
21:11:47 2011
@@ -0,0 +1,117 @@
+a:hover {
+  text-decoration:underline;
+}
+a {
+  color:#528DC8;text-decoration:none;
+}
+
+html {
+  background: url('http://trafficserver.apache.org/images/grey_paper.jpg');
+}
+
+body {
+  margin:0px;
+}
+
+#header {
+  height:75px;
+  margin:0px 0px 0px 0px;
+  padding:0px;
+  padding-top:12px;
+  color:#528DC8;
+/*
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+*/
+}
+
+#header a {
+  vertical-align:-18px; /* 12px of padding plus 75 height - 69 image */
+}
+
+img.logo {
+  border:0px;
+}
+
+span.title {
+  margin-left:2ex;
+  font-size:150%;
+  font-weight:bold;
+}
+
+#content {
+  background:white;
+}
+
+#content h1 {
+  background-color:#EEEEEE;
+  color:#528DC8;
+  height:1.5em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  font-size:150%;
+  font-weight:normal;
+  padding:0px;
+  padding-top:0.5ex;
+  padding-left:1ex;
+  margin:0px;
+}
+
+#content h2 {
+  font-size:133%;
+  font-weight:normal;
+  background-color:#EEEEEE;
+  color:#528DC8;
+  height:1.5em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  padding:0px;
+  padding-top:0.5ex;
+  padding-left:1ex;
+  margin:0px;
+  margin-left:1ex;
+}
+
+#content h3 {
+  font-size:125%;
+  font-weight:normal;
+  background-color:#EEEEEE;
+  color:#528DC8;
+  height:1.5em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  padding:0px;
+  padding-top:0.5ex;
+  padding-left:2ex;
+  margin:0px;
+  margin-left:1ex;
+}
+
+#content h4 {
+  font-size:110%;
+  font-weight:normal;
+  background-color:#EEEEEE;
+  color:#528DC8;
+  height:1.5em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  padding:0px;
+  padding-top:0.5ex;
+  padding-left:3ex;
+  margin:0px;
+  margin-left:1ex;
+}
+
+#content dl {
+  background:#EEEEEE;
+  margin-top:1ex;
+  margin-left:2ex;
+}
+
+#content p {
+  margin-left:2ex;
+}
+
+div.codehilite {
+  margin-left:2ex;
+}
\ No newline at end of file

Modified: trafficserver/site/branches/ats-cms/templates/single_narrative.html
URL: 
http://svn.apache.org/viewvc/trafficserver/site/branches/ats-cms/templates/single_narrative.html?rev=1071792&r1=1071791&r2=1071792&view=diff
==============================================================================
--- trafficserver/site/branches/ats-cms/templates/single_narrative.html 
(original)
+++ trafficserver/site/branches/ats-cms/templates/single_narrative.html Thu Feb 
17 21:11:47 2011
@@ -8,17 +8,19 @@
             type="application/atom+xml" title="{{ headers.atom.title }}" />
     {% endif %}
     <link rel="stylesheet" href="/styles/pygments_style.css" />
+    <link rel="stylesheet" href="/styles/ts.css" />
+    <!-- Needed for amc debugging.
+      <link rel="stylesheet" href="../../../../styles/ts.css" />
+    -->
     {% if headers.base %}<base href="{{ headers.base }}" />{% endif %}
     <title>{{ headers.title }}</title>
     {% if headers.notice %}<!-- {{ headers.notice }} -->{% endif %}
   </head>
 
   <body>
-    <div id="header">
-           <span id="ts_logo">
-                 <a href="http://trafficserver.apache.org/";><img alt="Apache 
Traffic Server" src="/images/ts75.png" /></a>
-         </span>
-           <h1>{{ headers.title }}</h1>
+    <div id="header" class="header">
+      <a href="http://trafficserver.apache.org/";><img class="logo" alt="Apache 
Traffic Server" 
src="http://trafficserver.apache.org/images/trans_logo_350x69.png"; /></a>
+      <span class="title">{{ headers.title }}</span>
     </div>
 
   <div id="content">


Reply via email to