Ignore:
Timestamp:
Nov 5, 2010, 3:51:47 PM (10 years ago)
Author:
work@…
Message:
  • refactored and redesigned search page
  • bugfixed the build information div
File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/grails-app/views/simpleQuery/mainPage.gsp

    r959 r1091  
    1818        <script type="text/javascript" src="${resource(dir: 'js', file: 'simpleQuery.js')}"></script>
    1919</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>
    20107</head>
    21108<body>
Note: See TracChangeset for help on using the changeset viewer.