[gimp-web/testing: 1/7] Add css + png to support search styling

[Pat David <patdavid src gnome org>]

commit 7c315fe33c0b280a5c07af3a55ec82b17921fde9
Author: Pat David <patdavid gmail com>
Date:   Fri May 27 16:39:25 2016 -0500

    Add css + png to support search styling
    
    Implementing tipuesearch on the site, need tipuesearch.css
    and search.png to support styling of assets.

 .../newgimp/static/css/tipuesearch/tipuesearch.css |  232 ++++++++++++++++++++
 themes/newgimp/static/images/search.png            |  Bin 0 -> 368 bytes
 2 files changed, 232 insertions(+), 0 deletions(-)
---
diff --git a/themes/newgimp/static/css/tipuesearch/tipuesearch.css 
b/themes/newgimp/static/css/tipuesearch/tipuesearch.css
new file mode 100644
index 0000000..e183fd9
--- /dev/null
+++ b/themes/newgimp/static/css/tipuesearch/tipuesearch.css
@@ -0,0 +1,232 @@
+
+/*
+Tipue Search 5.0
+Copyright (c) 2015 Tipue
+Tipue Search is released under the MIT License
+http://www.tipue.com/search
+*/
+
+
+#tipue_search_input
+{
+     font: 13px/1.6 'open sans', sans-serif;
+       color: #333;
+       padding: 12px 12px 12px 40px;
+       width: 170px;
+       border: 1px solid #e2e2e2;
+       border-radius: 0;
+       -moz-appearance: none;
+       -webkit-appearance: none;
+     box-shadow: none; 
+       outline: 0;
+       margin: 0;
+       background: #fff url('/theme/images/search.png') no-repeat 15px 15px;
+}
+
+#tipue_search_content
+{
+     max-width: 650px;
+       padding-top: 15px;
+       margin: 0;
+}
+#tipue_search_warning
+{
+     font: 300 15px/1.6 'Open Sans', sans-serif;
+       color: #555;
+       margin: 7px 0;
+}
+#tipue_search_warning a
+{
+     color: #396;
+     text-decoration: none;
+}
+#tipue_search_warning a:hover
+{
+     color: #555;  
+}
+#tipue_search_results_count
+{
+     font: 300 15px/1.7 'Open Sans', sans-serif;
+       color: #555;
+}
+.tipue_search_content_title
+{
+     font: 300 21px/1.7 'Open Sans', sans-serif;
+       margin-top: 23px;
+}
+.tipue_search_content_title a
+{
+     color: #333;
+     text-decoration: none;
+}
+.tipue_search_content_title a:hover
+{
+     color: #555;
+}
+.tipue_search_content_url
+{
+     font: 300 14px/1.9 'Open Sans', sans-serif;
+     word-wrap: break-word;
+     hyphens: auto;
+}
+.tipue_search_content_url a
+{
+     color: #396;
+     text-decoration: none;
+}
+.tipue_search_content_url a:hover
+{
+     color: #555;   
+}
+.tipue_search_content_text
+{
+     font: 300 15px/1.6 'Open Sans', sans-serif;
+       color: #555;
+     word-wrap: break-word;
+     hyphens: auto;
+     margin-top: 3px;
+}
+.tipue_search_content_debug
+{
+     font: 300 13px/1.6 'Open Sans', sans-serif;
+       color: #555;
+     margin: 5px 0;
+}
+.h01
+{
+     color: #333;
+     font-weight: 400;
+}
+
+#tipue_search_foot
+{
+     margin: 51px 0 21px 0;
+}
+#tipue_search_foot_boxes
+{
+       padding: 0;
+       margin: 0;
+     font: 12px 'Open Sans', sans-serif;
+}
+#tipue_search_foot_boxes li
+{
+       list-style: none;
+       margin: 0;
+       padding: 0;
+       display: inline;
+}
+#tipue_search_foot_boxes li a
+{
+       padding: 10px 17px 11px 17px;
+     background-color: #fff;
+     border: 1px solid #e2e2e2;
+     border-radius: 1px;
+       color: #333;
+       margin-right: 7px;
+       text-decoration: none;
+       text-align: center;
+}
+#tipue_search_foot_boxes li.current
+{
+       padding: 10px 17px 11px 17px;
+     background: #f6f6f6;
+     border: 1px solid #e2e2e2;
+     border-radius: 1px;
+       color: #333;
+       margin-right: 7px;
+       text-align: center;
+}
+#tipue_search_foot_boxes li a:hover
+{
+     background: #f6f6f6;
+}
+
+
+/* spinner */
+
+
+.tipue_search_spinner
+{
+     padding: 31px 0;
+     width: 50px;
+     height: 28px;
+}
+.tipue_search_spinner > div
+{
+     background-color: #777;
+     height: 100%;
+     width: 3px;
+     display: inline-block;
+     margin-right: 2px;
+     -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
+     animation: stretchdelay 1.2s infinite ease-in-out;
+}
+.tipue_search_spinner .tipue_search_rect2
+{
+     -webkit-animation-delay: -1.1s;
+     animation-delay: -1.1s;
+}
+.tipue_search_spinner .tipue_search_rect3
+{
+     -webkit-animation-delay: -1.0s;
+     animation-delay: -1.0s;
+}
+ -webkit-keyframes stretchdelay
+{
+     0%, 40%, 100%
+     {
+          -webkit-transform: scaleY(0.4)
+     }  
+     20%
+     {
+          -webkit-transform: scaleY(1.0)
+     }
+}
+ keyframes stretchdelay
+{
+     0%, 40%, 100%
+     { 
+          transform: scaleY(0.4);
+          -webkit-transform: scaleY(0.4);
+     }
+     20%
+     { 
+          transform: scaleY(1.0);
+          -webkit-transform: scaleY(1.0);
+     }
+}
+
+
+/* Modifications by Pat David for www.gimp.org */
+#tipue_search_content {
+    margin: 0 auto;
+}
+
+#tipue_search_input {
+    font-size: 1rem;
+    background-position: 5px 7px;
+    padding: 0 0 0 25px;
+}
+
+#tipue_search_input:focus {
+    width: 300px;
+}
+
+.tipue_search_content_title {
+    font-family: Questrial;
+    line-height: 1.5rem;
+}
+
+.tipue_search_content_title > a {
+    color: #497bad;
+    font-size: 1.2rem;
+}
+
+.tipue_search_content_title > a:hover {
+    text-decoration: underline;
+    color: #497bad;
+}
+
+.tipue_search_content_text {
+    font-weight: normal;
+}
diff --git a/themes/newgimp/static/images/search.png b/themes/newgimp/static/images/search.png
new file mode 100644
index 0000000..8c6943d
Binary files /dev/null and b/themes/newgimp/static/images/search.png differ