Add pull quote macro

[oss-web.git] / in / style / default.css

diff --git a/in/style/default.css b/in/style/default.css
index 5b5ae7506ec7c2922b07db43f35a9a959f9c1a06..204210ad1cce1c73e82f569da19832cc4e983895 100644 (file)
--- a/in/style/default.css
+++ b/in/style/default.css
@@ -9,10 +9,10 @@
 }\r
 \r
 .clearfix:after {\r
-       content: "."; \r
-       display: block; \r
-       height: 1px; \r
-       clear: both; \r
+       content: ".";\r
+       display: block;\r
+       height: 1px;\r
+       clear: both;\r
        visibility: hidden;\r
 }\r
 \r
@@ -43,13 +43,11 @@ body {
        font-size: 14px;\r
        color: #494949;\r
        background-color: #FFF;\r
+       margin: 16px 24px;\r
 }\r
 \r
 #container {\r
-       width: 955px;\r
-       margin-left: auto;\r
-       margin-right: auto;\r
-       background-image: url(/style/sidebar_border.gif);\r
+       background-image: url(sidebar_border.gif);\r
        background-repeat: repeat-y;\r
 }\r
 \r
@@ -64,12 +62,9 @@ body {
 ================================================ */\r
 \r
 #header {\r
-       margin-bottom: 18px;\r
-       width: 955px;\r
-       margin-left: auto;\r
-       margin-right: auto;\r
-       padding: 16px 0;\r
        height: 86px;\r
+       padding-bottom: 16px;\r
+       margin-bottom: 18px;\r
 }\r
 \r
 #homeLink {\r
@@ -86,7 +81,7 @@ body {
        display: block;\r
        width: 280px;\r
        height: 86px;\r
-       background-image: url(/style/banner.jpg);\r
+       background-image: url(banner.jpg);\r
        background-repeat: no-repeat;\r
        background-position: 0px 5px;\r
 }\r
@@ -105,7 +100,6 @@ body {
 ================================================ */\r
 \r
 #topInfo {\r
-       float: right;\r
 }\r
 \r
 #topInfo p {\r
@@ -251,9 +245,18 @@ h4 {
        border: 0;\r
 }\r
 \r
+.articleBody h3 {\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       /* font-size: 16px; */\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       line-height: normal;\r
+       padding-bottom: 10px;\r
+       border: 0;\r
+}\r
+\r
 #content .articleBody h3.listingTitle {\r
        font-weight: normal;\r
-       padding-bottom: 0px;\r
 }\r
 \r
 #content .articleBody h3.listingTitle a,\r
@@ -272,9 +275,8 @@ h4 {
 ================================================ */\r
 \r
 #content {\r
-       width: 636px;\r
-       float: right;\r
        margin-top: 6px;\r
+       margin-left: 319px;\r
 }\r
 \r
 /* =============================================\r
@@ -332,7 +334,7 @@ h4 {
 \r
 #content .articleBody p {\r
        color: #444444;\r
-       line-height: 18px;\r
+       line-height: 140%;\r
        margin-bottom: 16px;\r
 }\r
 \r
@@ -404,7 +406,7 @@ h4 {
 \r
 #content .articleBody ul {\r
        list-style: none;\r
-       padding-bottom: 24px;\r
+       padding-bottom: 5px;\r
        color: #444444;\r
 }\r
 \r
@@ -415,9 +417,9 @@ h4 {
 \r
 #content .articleBody ul li,\r
 #content .articleBody ol li {\r
-       line-height: 16px;\r
+       line-height: 140%;\r
        margin-left: 14px;\r
-       padding: 5px 0 10px;\r
+       padding: 5px 0 5px;\r
 }\r
 \r
 #content .articleBody ul li ul,\r
@@ -429,7 +431,7 @@ h4 {
 \r
 #content .articleBody ul li {\r
        padding-left: 15px;\r
-       background-image: url(/style/list_style_image.gif);\r
+       background-image: url(list_style_image.gif);\r
        background-repeat: no-repeat;\r
        background-position: 0 9px;\r
 }\r
@@ -595,11 +597,14 @@ h4 {
        border-top: 1px solid #d4d4d4;\r
 }\r
 \r
-#sidebar .articleListing ul.directory li.active a,\r
-#sidebar .articleListing ul.directory li a:hover {\r
+#sidebar .articleListing ul.directory li.active a {\r
        background-color: #F0F2F6;\r
 }\r
 \r
+#sidebar .articleListing ul.directory li a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
 #sidebar .entryTitle {\r
        margin-top: 6px;\r
        margin-bottom: 30px;\r
@@ -631,22 +636,28 @@ h4 {
 .sidebar5, .sitemap5 { padding-left: 90px; }\r
 .sidebar6, .sitemap6 { padding-left: 108px; }\r
 \r
+/* =============================================\r
+  Misc\r
+================================================ */\r
+\r
+hr {\r
+       width: 80%;\r
+       color: #d4d4d4;\r
+       background-color: #d4d4d4;\r
+       height: 1px;\r
+       margin-bottom: 18px;\r
+}\r
+\r
 /* =============================================\r
   Footer\r
 ================================================ */\r
 \r
 #footer {\r
-       margin: 18px 0 0 0;\r
        border-top: 1px solid #d4d4d4;\r
-       background-color: #F0F2F6;\r
-       padding-bottom: 20px;\r
-       border-bottom: 1px solid #d4d4d4;\r
+       margin: 16px 0;\r
 }\r
 \r
 #footerInner {\r
-       width: 955px;\r
-       margin-left: auto;\r
-       margin-right: auto;\r
        margin-top: 18px;\r
        color: #23292F;\r
        font-family: Arial, Helvetica, sans-serif;\r
@@ -659,3 +670,24 @@ h4 {
        font-style: normal;\r
        font-weight: bold;\r
 }\r
+\r
+/* =============================================\r
+  Pull Quotes (pquote)\r
+================================================ */\r
+\r
+.pquote {\r
+       float: right;\r
+       width: 8em;\r
+       background: url(pquote.gif) top left no-repeat;\r
+       color: #030;\r
+       font-size: 2em;\r
+       line-height: 0.9;\r
+       font-style: italic;\r
+       padding: 0.5em;\r
+       margin: 0;\r
+}\r
+\r
+.pquote p:first-letter {\r
+       font-size: 1.5em;\r
+       font-weight: bold;\r
+}\r