autocomplete/css/tabsexamples.css

   1 /* CSS Document */\r
   2 body\r
   3 {\r
   4         background-color: #fff;\r
   5 }\r
   6 \r
   7 .pages\r
   8 {\r
   9         position: relative;\r
  10         float: none;\r
  11         clear: both;\r
  12         width: 100%;\r
  13     display: none;\r
  14     padding: 3px;\r
  15     border: 1px solid #560702;\r
  16     border-top-width: 0px;\r
  17     background-color: #F4783C;\r
  18     -moz-box-sizing: border-box;\r
  19 }\r
  20 \r
  21 span.hilite\r
  22 {\r
  23         color: #00f;\r
  24         background-color: #eee;\r
  25 }\r
  26 \r
  27 #navcontainer\r
  28 {\r
  29         position: relative;\r
  30         float: left;\r
  31         width: 100%;\r
  32     border-bottom: 1px solid #7ABBDA;\r
  33     -moz-box-sizing: border-box;\r
  34 }\r
  35 \r
  36 ul.navlist\r
  37 {\r
  38         position: relative;\r
  39         top: 1px;\r
  40         display: block;\r
  41         float: left;\r
  42         clear: both;\r
  43 \r
  44         margin-top: 0px;        \r
  45         margin-left: 0px;\r
  46         margin-bottom: 0px;\r
  47         padding-left: 9px;\r
  48         padding-bottom: 0px;\r
  49 \r
  50         font: 10px Verdana, sans-serif;\r
  51         list-style-type: none;\r
  52     -moz-box-sizing: border-box;\r
  53 }\r
  54 \r
  55 ul.navlist li\r
  56 {\r
  57         display: block;\r
  58         float: left;\r
  59         margin: 0;\r
  60         padding: 0;\r
  61         padding-right: 5px;\r
  62         width: auto;\r
  63         height: 23px;\r
  64         line-height: 23px;\r
  65         font-weight: bold;\r
  66         background-image: url(../i/iar.png);\r
  67         background-position: center right;\r
  68         background-repeat: no-repeat;\r
  69     -moz-box-sizing: border-box;        \r
  70 }\r
  71 \r
  72 ul.navlist li.tabactive\r
  73 {\r
  74         background-image: url(../i/ar.png);\r
  75 }\r
  76 \r
  77 ul.navlist li a, ul.navlist li a:link\r
  78 {\r
  79         color: #FFB098;\r
  80         text-decoration: none;\r
  81         padding: 0px 5px 0px 11px;\r
  82         display: block;\r
  83         background-image: url(../i/ial.png);\r
  84         background-repeat: no-repeat;\r
  85         background-position: 0px center;\r
  86 }\r
  87 \r
  88 ul.navlist li a:hover\r
  89 {\r
  90         color: #FFE5DD;\r
  91         cursor: pointer;\r
  92         background-image: url(../i/ial.png);\r
  93         background-repeat: no-repeat;\r
  94         background-position: 0px center;\r
  95 }\r
  96 \r
  97 ul.navlist li.tabactive a, ul.navlist li.tabactive a:link\r
  98 {\r
  99         color: #F8FFC8;\r
 100         cursor: default;\r
 101         background-image: url(../i/al.png);\r
 102 }\r
 103 \r
 104 ul.navlist li.tabactive a:hover\r
 105 {\r
 106         background-image: url(../i/al.png);\r
 107 }\r