2 Name: Sliding encounteredit Panel with jQuery 1.3.2
3 Author: Jeremie Tisseau
4 Author URI: http://web-kreation.com/
8 Copyright 2009 Jeremie Tisseau
9 "Sliding encounteredit Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
10 http://www.gnu.org/licenses/gpl-3.0.html
13 /***** clearfix *****/
14 .clear {clear: both
;height: 0;line-height: 0;}
15 .clearfix:after {content: ".";display: block
;height: 0;clear: both
;visibility: hidden
;}
16 .clearfix {display: inline-block
;}
17 /* Hides from IE-mac \*/
18 * html
.clearfix
{height: 1%;}
19 .clearfix {display: block
;}
20 /* End hide from IE-mac */
21 .clearfix {height: 1%;}
22 .clearfix {display: block
;}
24 /* Panel slidetab/button */
26 /* background: url(../images/tab_b.png) repeat-x 0 0 !important; */
27 background: url
(../images/tab_b.png) repeat-x
0 0 !important
;
32 width: 95.9% !important
;
35 .slidetab ul.encounteredit {
51 .slidetab ul.encounteredit li.left {
52 /* background: url(../images/tab_l.png) no-repeat left 0; */
53 background: url
(../images/WidgetHandLeft.png) no-repeat left
0;
62 .slidetab ul.encounteredit li.right {
63 /* background: url(../images/tab_r.png) no-repeat left 0; */
64 background: url
(../images/WidgetHandRight.png) no-repeat left
0;
73 .slidetab ul.encounteredit li {
79 /* background: url(../images/tab_m.png) repeat-x 0 0; */
80 background: url
(../images/WidgetHandMiddle.png) repeat-x
0 0;
83 .slidetab ul.encounteredit li a {
87 .slidetab ul.encounteredit li a:hover {
91 .slidetab .sep {color:#414141}
93 .slidetab a.open, .slidetab a.close {
95 line-height: 20px !important
;
96 padding-left: 30px !important
;
104 /*.slidetab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
105 .slidetab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
106 .slidetab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
107 .slidetab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}
111 position: absolute
; /*Panel will overlap content */
112 /*position: relative;*/ /*Panel will "push" the content down */
125 background: #b7d2ff;/*#272727;*/
130 /* border:5px solid #0068a4; */
131 border-top:5px solid
#0068a4;
132 border-right:5px solid
#0068a4;
133 border-left:5px solid
#0068a4;
156 text-decoration: none
;
177 #panel .content
.left
{
181 border-left: 1px solid
#333;
184 #panel .content
.right
{
185 border-right: 1px solid
#333;
188 #panel .content form
{
192 #panel .content label
{
200 #panel .content input
.field
{
201 border: 1px #1A1A1A solid
;
210 #panel .content
input:focus
.field
{
215 /* encounteredit buttons */
216 #panel .content input
.bt_login
,
217 #panel .content input
.bt_register
{
229 #panel .content input
.bt_login
{
231 background: transparent url
(../images/bt_login.png) no-repeat
0 0;
234 #panel .content input
.bt_register
{
237 background: transparent url
(../images/bt_register.png) no-repeat
0 0;
246 text-decoration: underline
;