ui/css/src/scss/components/advanced-search.scss

// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements.  See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership.  The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License.  You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied.  See the License for the
// specific language governing permissions and limitations
// under the License.

#advanced_search {
  position: absolute;
  z-index: $z-index-search;
  top: 4px;
  left: 139px;
  width: 15px;
  background: none;
}

#advanced_search .icon {
  /*+opacity:56%;*/
  opacity: 0.56;
  position: absolute;
  z-index: $z-index-install-wizard2;
  top: 1px;
  left: -1px;
  padding: 10px;
  background: url('../images/sprites.png') no-repeat -62px -162px;
  filter: alpha(opacity=56);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=56);
  -moz-opacity: 0.56;
}

#advanced_search:hover .icon {
  /*+opacity:100%;*/
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-opacity: 1;
}

#advanced_search .form-container {
  /*+opacity:91%;*/
  opacity: 0.91;
  display: inline-block;
  position: absolute;
  top: 2px;
  /*+box-shadow:0px 5px 9px #B6B0B0;*/
  left: -290px;
  padding: 18px;
  border: 1px solid #808080;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 5px 9px #b6b0b0;
  /*+border-radius:0 0 4px 4px;*/
  background: #ffffff;
  cursor: default;
  filter: alpha(opacity=91);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=91);
  -moz-opacity: 0.91;
  -moz-box-shadow: 0 5px 9px #b6b0b0;
  -webkit-box-shadow: 0 5px 9px #b6b0b0;
  -o-box-shadow: 0 5px 9px #b6b0b0;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -khtml-border-radius: 0 0 4px 4px;
}

#advanced_search .form-container .name {
  float: left;
  width: 66px;
}

#advanced_search .form-container .value {
  float: left;
  width: 186px;
}

#advanced_search .form-container .form-item {
  width: 268px;
  height: 40px;
  margin-bottom: 15px;
}

#advanced_search .form-container .form-item input,
#advanced_search .form-container .form-item select {
  width: 97%;
  padding: 3px;
}

#advanced_search input[type='submit'] {
  float: right;
  padding: 8px 20px;
  /*+box-shadow:0px 2px 5px #858585;*/
  border: 1px solid #606060;
  border-top: 0;
  border-radius: 4px;
  box-shadow: 0 2px 5px #858585;
  background: url('../images/bg-gradients.png') 0 -220px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 1px 1px #000000;
  /*+text-shadow:0px 1px 1px #000000;*/
  cursor: pointer;
  -moz-box-shadow: 0 2px 5px #858585;
  -webkit-box-shadow: 0 2px 5px #858585;
  -o-box-shadow: 0 2px 5px #858585;
  /*+border-radius:4px;*/
  -moz-text-shadow: 0 1px 1px #000000;
  -webkit-text-shadow: 0 1px 1px #000000;
  -o-text-shadow: 0 1px 1px #000000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}

#advanced_search input[type='submit']:hover {
  /*+box-shadow:inset 0px 2px 3px #000000;*/
  box-shadow: inset 0 2px 3px #000000;
  -moz-box-shadow: inset 0 2px 3px #000000;
  -webkit-box-shadow: inset 0 2px 3px #000000;
  -o-box-shadow: inset 0 2px 3px #000000;
}

#advanced_search .button.cancel {
  position: relative;
  float: right;
  top: 13px;
  left: -32px;
  /*+placement:shift -32px 13px;*/
  background: url('noen');
  font-size: 12px;
  font-weight: bold;
  color: #9a9a9a;
}

#advanced_search .button.cancel:hover {
  color: #494949;
}