jappixmini/jappix/css/search.css

   1 /*
   2
   3 Jappix - An open social platform
   4 This is the search tool CSS stylesheet for Jappix
   5
   6 -------------------------------------------------
   7
   8 License: AGPL
   9 Author: Vanaryon
  10 Last revision: 23/01/11
  11
  12 */
  13
  14 .search {
  15         position: relative;
  16 }
  17
  18 .search input.suggested {
  19         border-bottom: 1px solid white;
  20         border-bottom-right-radius: 0;
  21         border-bottom-left-radius: 0;
  22         -moz-border-radius-bottomright: 0;
  23         -moz-border-radius-bottomleft: 0;
  24         -webkit-border-bottom-right-radius: 0;
  25         -webkit-border-bottom-left-radius: 0;
  26 }
  27
  28 .search ul {
  29         background-color: rgb(255,255,255);
  30         background-color: rgba(255,255,255,0.9);
  31         border-color: #e1a014;
  32         border-style: solid;
  33         border-width: 0 1px 1px 1px;
  34         position: absolute;
  35         z-index: 1;
  36         padding: 3px 0;
  37         list-style: none;
  38         overflow: auto;
  39         border-bottom-right-radius: 3px;
  40         border-bottom-left-radius: 3px;
  41         -moz-border-radius-bottomright: 3px;
  42         -moz-border-radius-bottomleft: 3px;
  43         -webkit-border-bottom-right-radius: 3px;
  44         -webkit-border-bottom-left-radius: 3px;
  45 }
  46
  47 .search ul li {
  48         padding: 2px 6px;
  49         color: #3d3d3d;
  50         text-shadow: none;
  51 }
  52
  53 .search ul li:hover {
  54         cursor: pointer;
  55 }
  56
  57 .search ul li.hovered {
  58         background-color: rgb(225,160,20);
  59         background-color: rgba(225,160,20,0.3);
  60 }