[dw-free] Put FAQ highlighting CSS into site scheme

[fu]

[commit: http://hg.dwscoalition.org/dw-free/rev/58bccbfc98ff]

http://bugs.dwscoalition.org/show_bug.cgi?id=3062

Tweak the CSS styling for search results, and put them into the site skin
stylesheets.

Patch by fu.

Files modified:

• cgi-bin/bml/scheme/global.look
• htdocs/stc/celerity/celerity.css
• htdocs/stc/gradation/gradation.css
• htdocs/stc/lynx/lynx.css
• htdocs/support/faqsearch.bml
• views/dev/classes.tt

--------------------------------------------------------------------------------
diff -r 512c7df69bca -r 58bccbfc98ff cgi-bin/bml/scheme/global.look
--- a/cgi-bin/bml/scheme/global.look	Tue Jan 25 16:37:35 2011 +0800
+++ b/cgi-bin/bml/scheme/global.look	Tue Jan 25 17:53:41 2011 +0800
@@ -164,12 +164,6 @@ AL=>{P}<i><a href="%%data1%%">%%data2%%<
 AL=>{P}<i><a href="%%data1%%">%%data2%%</a></i> <img src="/img/external_link.gif" width='16' height='11' align='absmiddle' />
 AWAYLINK=>{P}<i><a href="%%data1%%">%%data2%%</a></i> <img src="/img/external_link.gif" width='16' height='11' align='absmiddle' />
 
-SEARCHCSS<=
-{S}<style>
-span.searchhighlight { background-color: #ff0; }
-</style>
-<=SEARCHCSS
-
 H1=>{D}<h1>%%data%%</h1>
 H2=>{D}<h2>%%data%%</h2>
 
diff -r 512c7df69bca -r 58bccbfc98ff htdocs/stc/celerity/celerity.css
--- a/htdocs/stc/celerity/celerity.css	Tue Jan 25 16:37:35 2011 +0800
+++ b/htdocs/stc/celerity/celerity.css	Tue Jan 25 17:53:41 2011 +0800
@@ -395,6 +395,12 @@ a:active,
     background: #EEEECC;
     color: #000;
 }
+.searchhighlight {
+    background: #eeeecc;
+    color: #000;
+    padding: 0.2em;
+    font-weight: bold;
+}
 .inset-box {
     border-right: 1px solid #DDDDAA;
     border-bottom: 1px solid #DDDDAA;
diff -r 512c7df69bca -r 58bccbfc98ff htdocs/stc/gradation/gradation.css
--- a/htdocs/stc/gradation/gradation.css	Tue Jan 25 16:37:35 2011 +0800
+++ b/htdocs/stc/gradation/gradation.css	Tue Jan 25 17:53:41 2011 +0800
@@ -487,6 +487,12 @@ textarea, input {
     background: #333333;
     color: #fff;
 }
+.searchhighlight {
+    background: #333;
+    color: #fff;
+    padding: 0.2em;
+    font-weight: bold;
+}
 .inset-box {
     background: #111;
     border: 1px solid #888;
diff -r 512c7df69bca -r 58bccbfc98ff htdocs/stc/lynx/lynx.css
--- a/htdocs/stc/lynx/lynx.css	Tue Jan 25 16:37:35 2011 +0800
+++ b/htdocs/stc/lynx/lynx.css	Tue Jan 25 17:53:41 2011 +0800
@@ -58,6 +58,12 @@
     margin: 1em auto;
     padding: 0.5em;
 }
+.searchhighlight {
+    background: #ffd900;
+    color: #000;
+    padding: 0.2em;
+    font-weight: bold;
+}
 
 .highlight, .highlight-box {
 }
diff -r 512c7df69bca -r 58bccbfc98ff htdocs/support/faqsearch.bml
--- a/htdocs/support/faqsearch.bml	Tue Jan 25 16:37:35 2011 +0800
+++ b/htdocs/support/faqsearch.bml	Tue Jan 25 17:53:41 2011 +0800
@@ -118,7 +118,6 @@ title=><?_code return $title; _code?>
 title=><?_code return $title; _code?>
 body=><?_code  return $body; _code?>
 head<=
-<?searchcss?>
 <style type="text/css">
 ul.spaced li { margin-top: 0.7em; }
 </style>
diff -r 512c7df69bca -r 58bccbfc98ff views/dev/classes.tt
--- a/views/dev/classes.tt	Tue Jan 25 16:37:35 2011 +0800
+++ b/views/dev/classes.tt	Tue Jan 25 17:53:41 2011 +0800
@@ -278,6 +278,9 @@ highlight-box: small boxes of content im
     <li class="selected">item 3</li>
 </ul>
 
+<p>.searchhighlight</p>
+<p>Some search results with <span class='searchhighlight'>highlighted</span> text. <a href="#">A <span class='searchhighlight'>highlight</span>ed link</a> </p>
+
 <h3>Other Basic HTML Elements</h3>
 
 <h1>h1: automatically inserted as a page title on every page</h1>
--------------------------------------------------------------------------------