مشکل با راست چین شدن rock tab - نسخه‌ی قابل چاپ

کد:
.roktabs-wrapper

 {

    

padding

: 

0

;







}



.roktabs-wrapper .light

 {

    

border

: 

1px solid #DCDCDC

;



    

position

: 

relative

;







}



.roktabs-wrapper .light .roktabs-container-inner

 {

    

overflow

: 

hidden

;



    

position

: 

relative

;







}



.roktabs-wrapper .light .roktabs-container-wrapper

 {

    

clear

: 

both

;



    

overflow

: 

hidden

;



    

position

: 

relative

;



    

width

: 

30000px

;







}



.roktabs-wrapper .light .roktabs-container-wrapper div

 {

    

float

: 

right

;







}



.roktabs-wrapper .light .roktabs-container-wrapper div.wrapper

 {

    

padding

: 

14px

;



    

width

: 

auto

;







}



.roktabs-wrapper .light .roktabs-links

 {

    

margin

: 

0

;



    

overflow

: 

hidden

;







}



.roktabs-wrapper .light .active-arrows .roktabs-links

 {

    

margin

: 

0 21px

;







}



.roktabs-wrapper .light .roktabs-links ul

 {

    

font-weight

: 

bold

;



    

list-style-type

: 

none

;



    

overflow

: 

hidden

;



    

padding

: 

0

;



    

text-align

: 

right

;







}



.roktabs-wrapper .light .roktabs-links ul.roktabs-top

 {

    

background

: 

url("tabbg-light.png") repeat-x scroll 0 0 transparent

;



    

height

: 

32px

;



    

margin

: 

0

;







}



.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom

 {

    

background

: 

url("tabbg-bottom-light.png") repeat-x scroll 0 0 transparent

;



    

height

: 

32px

;



    

margin

: 

0

;







}



.roktabs-wrapper .light .roktabs-links ul li

 {

    

border-bottom

: 

medium none

;



    

border-right

: 

1px solid #DCDCDC

;



    

color

: 

#666666

;



    

float

: 

right

;



    

height

: 

31px

;



    

line-height

: 

31px

;



    

margin

: 

0

;



    

padding

: 

0

;



    

position

: 

relative

;



    

text-decoration

: 

none

;







}



.roktabs-wrapper .light .roktabs-links ul li span

 {

    

padding

: 

0 10px

;







}



.roktabs-wrapper .light .roktabs-links ul li.first

 {

    

border-left

: 

0 none

;







}



.roktabs-wrapper .light .roktabs-links ul li.active.last

 {

    

border-right

: 

1px solid #DCDCDC

;







}



.roktabs-wrapper .light .roktabs-links ul li.last

 {

    

border-right

: 

0 none

;







}



.roktabs-wrapper .light .roktabs-links ul li.hover

 {

    

color

: 

#000000

;







}



.roktabs-wrapper .light .roktabs-links ul.roktabs-top li.active

 {

    

background

: 

url("tabbg-active-light.png") repeat-x scroll 0 0 transparent

;



    

border-bottom

: 

1px solid #FFFFFF

;



    

color

: 

#000000

;



    

height

: 

31px

;







}



.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom li.active

 {

    

background

: 

url("tabbg-active-bottom-light.png") repeat-x scroll 0 0 transparent

;



    

border-top

: 

1px solid #FFFFFF

;



    

color

: 

#000000

;



    

height

: 

31px

;



    

margin-top

: 

-1px

;







}



.roktabs-wrapper .light .roktabs-links ul li.active.first

 {

    

border-left

: 

0 none

;







}



.roktabs-wrapper .light .roktabs-scroller

 {

    

bottom

: 

0

;



    

height

: 

32px

;



    

position

: 

absolute

;



    

right

: 

0

;







}



.roktabs-wrapper .light .arrow-next, .roktabs-wrapper .light .arrow-prev

 {

    

border

: 

1px solid #DCDCDC

;



    

cursor

: 

pointer

;



    

float

: 

left

;



    

height

: 

29px

;



    

line-height

: 

29px

;



    

margin

: 

1px

;



    

position

: 

absolute

;



    

text-align

: 

center

;



    

top

: 

0

;



    

width

: 

17px

;



    

z-index

: 

2

;







}



.roktabs-wrapper .light .arrow-next

 {

    

background

: 

url("next-light.png") no-repeat scroll 50% 0 transparent

;



    

right

: 

0

;







}



.roktabs-wrapper .light .arrow-prev

 {

    

background

: 

url("prev-light.png") no-repeat scroll 50% 0 transparent

;



    

left

: 

0

;







}



.roktabs-wrapper .light .arrow-next-hover

 {

    

background-position

: 

50% -29px

;







}



.roktabs-wrapper .light .arrow-prev-hover

 {

    

background-position

: 

50% -29px

;







}



.roktabs-wrapper .light .arrow-prev span, .roktabs-wrapper .light .arrow-next span

 {

    

display

: 

none

;







}



.roktabs-wrapper  .light .roktabs-container-tr, .roktabs-wrapper .light  .roktabs-container-inner, .roktabs-wrapper .light .active-arrows

 {

    

background

: 

none repeat scroll 0 0 #FFFFFF

;







}



.clear

 {

    

clear

: 

both

;







}



.roktabs-wrapper .icon-left .tab-icon

 {

    

margin-right

: 

5px

;



    

vertical-align

: 

middle

;







}



.roktabs-wrapper .icon-right .tab-icon

 {

    

margin-left

: 

5px

;



    

vertical-align

: 

middle

;







}