source: trunk/grails-app/views/simpleQuery/mainPage.gsp @ 1430

Last change on this file since 1430 was 1430, checked in by work@…, 10 years ago
  • set keyword expansion
  • Property svn:keywords set to Rev Author Date
File size: 3.4 KB
Line 
1<%--
2  Created by IntelliJ IDEA.
3  User: luddenv
4  Date: 26-mei-2010
5  Time: 13:17:50
6  To change this template use File | Settings | File Templates.
7--%>
8
9<%@ page contentType="text/html;charset=UTF-8" %>
10<html>
11<head>
12        <meta name="layout" content="main"/>
13<g:if env="production">
14    <link rel="stylesheet" href="${resource(dir: 'css', file: 'simpleQuery.min.css')}"/>
15        <script type="text/javascript" src="${resource(dir: 'js', file: 'simpleQuery.min.js')}"></script>
16</g:if><g:else>
17    <link rel="stylesheet" href="${resource(dir: 'css', file: 'simpleQuery.css')}"/>
18        <script type="text/javascript" src="${resource(dir: 'js', file: 'simpleQuery.js')}"></script>
19</g:else>
20 <style type="text/css">
21  #spotlight { display: block; align: center; padding: 0px; }
22  #spotlight #begin { display: inline-block; background-image: url(${resource(dir: 'images', file: 'simpleQuery/spotlight-begin.png')}); height: 30px; width: 140px; }
23  #spotlight #middle { display: inline-block; background-image: url(${resource(dir: 'images', file: 'simpleQuery/spotlight-middle.png')}); height: 30px; repeat-x top left; }
24  #spotlight #end { display: inline-block; background-image: url(${resource(dir: 'images', file: 'simpleQuery/spotlight-end.png')}); height: 30px; width: 28px; }
25  #spotlight #submit { display: inline-block; height: 30px; }
26
27        #simpleQuery {
28        }
29
30        #simpleQuery .search {
31                display: block;
32                height: 30px;
33                margin-bottom: 10px;
34                zoom: 1; /* IE 6 & 7 hack */
35                *display: inline; /* IE 6 & 7 hack */
36        }
37        #simpleQuery .search .begin {
38                margin: 0px;
39                padding: 0px;
40                display: inline-block;
41                background-image: url(${resource(dir: 'images', file: 'simpleQuery/spotlight-begin.png')});
42                height: 30px;
43                width: 140px;
44                vertical-align: top;
45                text-align: right;
46                zoom: 1; /* IE 6 & 7 hack */
47                *display: inline; /* IE 6 & 7 hack */
48        }
49  #simpleQuery .search .begin .label {
50          color: #fff;
51          font-face: Arial;
52          line-height: 30px;
53          text-shadow: 0px 0px 1px #006DBA;
54          font-size: 12px;
55    margin-right: 23px;
56  }
57  #simpleQuery .search .middle {
58                margin: 0px 0px -20px 0px;
59          padding: 0;
60          display: inline-block;
61          background-image: url(${resource(dir: 'images', file: 'simpleQuery/spotlight-middle.png')});
62          height: 30px;
63          width: 200px;
64          vertical-align: top;
65          zoom: 1; /* IE 6 & 7 hack */
66          *display: inline; /* IE 6 & 7 hack */
67  }
68  #simpleQuery .search .searchfield {
69          vertical-align: middle;
70                width: 100%;
71          height: 100%;
72          color: #006DBA;
73          border-width:0px;
74          border: none;
75          background-color:Transparent;
76          zoom: 1; /* IE 6 & 7 hack */
77          *display: inline; /* IE 6 & 7 hack */
78  }
79  #simpleQuery .search .end {
80          margin: 0px;
81          padding: 0px;
82          display: inline-block;
83          background-image: url(${resource(dir: 'images', file: 'simpleQuery/spotlight-end.png')});
84          height: 30px;
85          width: 28px;
86          zoom: 1; /* IE 6 & 7 hack */
87          *display: inline; /* IE 6 & 7 hack */
88  }
89        #simpleQuery .search .submit {
90                vertical-align: top;
91          margin: 0px;
92          padding: 0px;
93          display: inline-block;
94          height: 30px;
95          width: 100px;
96                border: 0;
97                zoom: 1; /* IE 6 & 7 hack */
98                *display: inline; /* IE 6 & 7 hack */
99  }
100        #simpleQuery .search .submit input {
101                width:30px;
102                height:30px;
103                border: 0px;
104                background-image: url(${resource(dir: 'images', file: 'simpleQuery/button.png')});
105        }
106 </style>
107</head>
108<body>
109<g:render template="common/query"/>
110</body>
111</html>
Note: See TracBrowser for help on using the repository browser.