|
1 |
|
2 /************************************************************\ |
|
3 * |
|
4 * Skinned Select Box Copyright 2007 Derek Harvey |
|
5 * www.lotsofcode.com |
|
6 * |
|
7 * This file is part of Skinned Select Box . |
|
8 * |
|
9 * Skinned Select Boxis free software; you can redistribute it and/or modify |
|
10 * it under the terms of the GNU General Public License as published by |
|
11 * the Free Software Foundation; either version 2 of the License, or |
|
12 * (at your option) any later version. |
|
13 * |
|
14 * Skinned Select Box is distributed in the hope that it will be useful, |
|
15 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
16 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
17 * GNU General Public License for more details. |
|
18 * |
|
19 * You should have received a copy of the GNU General Public License |
|
20 * along with Skinned Select Box; if not, write to the Free Software |
|
21 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA |
|
22 * |
|
23 \************************************************************/ |
|
24 |
|
25 /* skinned select */ |
|
26 |
|
27 div.skinned-select { |
|
28 background: url('images/select-skin.png') no-repeat scroll 0pt 100%; |
|
29 float:right; |
|
30 } |
|
31 div.skinned-select select { |
|
32 opacity: 0; |
|
33 filter: alpha(opacity = 0); |
|
34 moz-opacity: 0; |
|
35 position: relative; |
|
36 z-index: 100; |
|
37 } |
|
38 div.skinned-select .select-text { |
|
39 position: absolute; |
|
40 text-indent: 10px; |
|
41 line-height: 19px; |
|
42 width: 150px; |
|
43 z-index: 1; |
|
44 } |
|
45 div.skinned-select .select-text, |
|
46 div.skinned-select select, |
|
47 div.skinned-select select option { |
|
48 width: 150px; |
|
49 font-size: 11px; |
|
50 color: #316D89; |
|
51 } |
|
52 |
|
53 /* non javascript version select */ |
|
54 |
|
55 .my-skinnable-select select { |
|
56 width: 150px; |
|
57 font-size: 11px; |
|
58 border: 1px solid #D5E6EE; |
|
59 } |