/source/Plug-in/jq/themes/default/tabs.css

http://prosporous.googlecode.com/ · CSS · 188 lines · 186 code · 2 blank · 0 comment · 0 complexity · ae3e74b8fcd4faed676e270335df4855 MD5 · raw file 

    

  1. .tabs-container{

    2. 

  2. 	overflow:hidden;

    3. 

  3. 	background:#fff;

    4. 

  4. }

    5. 

  5. .tabs-header{

    6. 

  6. 	border:1px solid #8DB2E3;

    7. 

  7. 	background:#E0ECFF;

    8. 

  8. 	border-bottom:0px;

    9. 

  9. 	position:relative;

    10. 

  10. 	overflow:hidden;

    11. 

  11. 	padding:0px;

    12. 

  12. 	padding-top:2px;

    13. 

  13. 	overflow:hidden;

    14. 

  14. }

    15. 

  15. .tabs-header-noborder{

    16. 

  16. 	border:0px;

    17. 

  17. }

    18. 

  18. .tabs-header-plain{

    19. 

  19. 	border:0px;

    20. 

  20. 	background:transparent;

    21. 

  21. }

    22. 

  22. .tabs-scroller-left{

    23. 

  23. 	position:absolute;

    24. 

  24. 	left:0px;

    25. 

  25. 	top:-1px;

    26. 

  26. 	width:18px;

    27. 

  27. 	height:28px!important;

    28. 

  28. 	height:30px;

    29. 

  29. 	border:1px solid #8DB2E3;

    30. 

  30. 	font-size:1px;

    31. 

  31. 	display:none;

    32. 

  32. 	cursor:pointer;

    33. 

  33. 	background:#E0ECFF url('images/tabs_leftarrow.png') no-repeat 1px 5px;

    34. 

  34. }

    35. 

  35. .tabs-scroller-right{

    36. 

  36. 	position:absolute;

    37. 

  37. 	right:0;

    38. 

  38. 	top:-1px;

    39. 

  39. 	width:18px;

    40. 

  40. 	height:28px!important;

    41. 

  41. 	height:30px;

    42. 

  42. 	border:1px solid #8DB2E3;

    43. 

  43. 	font-size:1px;

    44. 

  44. 	display:none;

    45. 

  45. 	cursor:pointer;

    46. 

  46. 	background:#E0ECFF url('images/tabs_rightarrow.png') no-repeat 2px 5px;

    47. 

  47. }

    48. 

  48. .tabs-tool{

    49. 

  49. 	position:absolute;

    50. 

  50. 	top:-1px;

    51. 

  51. 	border:1px solid #8DB2E3;

    52. 

  52. 	padding:1px;

    53. 

  53. 	background:#E0ECFF;

    54. 

  54. 	overflow:hidden;

    55. 

  55. }

    56. 

  56. .tabs-header-plain .tabs-scroller-left{

    57. 

  57. 	top:2px;

    58. 

  58. 	height:25px!important;

    59. 

  59. 	height:27px;

    60. 

  60. }

    61. 

  61. .tabs-header-plain .tabs-scroller-right{

    62. 

  62. 	top:2px;

    63. 

  63. 	height:25px!important;

    64. 

  64. 	height:27px;

    65. 

  65. }

    66. 

  66. .tabs-header-plain .tabs-tool{

    67. 

  67. 	top:2px;

    68. 

  68. 	padding-top:0;

    69. 

  69. }

    70. 

  70. .tabs-scroller-over{

    71. 

  71. 	background-color:#ECF9F9;

    72. 

  72. }

    73. 

  73. .tabs-wrap{

    74. 

  74. 	position:relative;

    75. 

  75. 	left:0px;

    76. 

  76. 	overflow:hidden;

    77. 

  77. 	width:100%;

    78. 

  78. 	margin:0px;

    79. 

  79. 	padding:0px;

    80. 

  80. }

    81. 

  81. .tabs-scrolling{

    82. 

  82. 	margin-left:18px;

    83. 

  83. 	margin-right:18px;

    84. 

  84. }

    85. 

  85. .tabs{

    86. 

  86. 	list-style-type:none;

    87. 

  87. 	height:26px;

    88. 

  88. 	margin:0px;

    89. 

  89. 	padding:0px;

    90. 

  90. 	padding-left:4px;

    91. 

  91. 	font-size:12px;

    92. 

  92. 	width:5000px;

    93. 

  93. 	border-bottom:1px solid #8DB2E3;

    94. 

  94. }

    95. 

  95. .tabs li{

    96. 

  96. 	float:left;

    97. 

  97. 	display:inline-block;

    98. 

  98. 	margin1:0px 1px;

    99. 

  99. 	margin-right:4px;

    100. 

  100. 	margin-bottom:-1px;

    101. 

  101. 	padding:0;

    102. 

  102. 	position:relative;

    103. 

  103. 	border:1px solid #8DB2E3;

    104. 

  104. 	-moz-border-radius-topleft:5px;

    105. 

  105. 	-moz-border-radius-topright:5px;

    106. 

  106. 	-webkit-border-top-left-radius:5px;

    107. 

  107. 	-webkit-border-top-right-radius:5px;

    108. 

  108. }

    109. 

  109. .tabs li a.tabs-inner{

    110. 

  110. 	display:inline-block;

    111. 

  111. 	text-decoration:none;

    112. 

  112. 	color:#416AA3;

    113. 

  113. 	background:url('images/tabs_enabled.png') repeat-x left top;

    114. 

  114. 	margin:0px;

    115. 

  115. 	padding:0px 10px;

    116. 

  116. 	height:25px;

    117. 

  117. 	line-height:25px;

    118. 

  118. 	text-align:center;

    119. 

  119. 	white-space:nowrap;

    120. 

  120. 	-moz-border-radius-topleft:5px;

    121. 

  121. 	-moz-border-radius-topright:5px;

    122. 

  122. 	-webkit-border-top-left-radius:5px;

    123. 

  123. 	-webkit-border-top-right-radius:5px;

    124. 

  124. }

    125. 

  125. .tabs li a.tabs-inner:hover{

    126. 

  126. 	background:url('images/tabs_active.png') repeat-x left bottom;

    127. 

  127. }

    128. 

  128. .tabs li.tabs-selected{

    129. 

  129. 	border:1px solid #8DB2E3;

    130. 

  130. 	border-bottom:1px solid #fff;

    131. 

  131. 	border-top1:2px solid #8DB2E3;

    132. 

  132. }

    133. 

  133. .tabs li.tabs-selected a{

    134. 

  134. 	color:#416AA3;

    135. 

  135. 	font-weight:bold;

    136. 

  136. 	background:#fff;

    137. 

  137. 	background:#7eabcd url('images/tabs_active.png') repeat-x left bottom;

    138. 

  138. 	outline: none;

    139. 

  139. }

    140. 

  140. .tabs li.tabs-selected a:hover{

    141. 

  141. 	cursor:default;

    142. 

  142. 	pointer:default;

    143. 

  143. }

    144. 

  144. .tabs-with-icon{

    145. 

  145. 	padding-left:18px;

    146. 

  146. }

    147. 

  147. .tabs-icon{

    148. 

  148. 	position:absolute;

    149. 

  149. 	width:16px;

    150. 

  150. 	height:16px;

    151. 

  151. 	left:10px;

    152. 

  152. 	top:5px;

    153. 

  153. }

    154. 

  154. .tabs-closable{

    155. 

  155. 	padding-right:8px;

    156. 

  156. }

    157. 

  157. .tabs li a.tabs-close{

    158. 

  158. 	position:absolute;

    159. 

  159. 	font-size:1px;

    160. 

  160. 	display:block;

    161. 

  161. 	padding:0px;

    162. 

  162. 	width:11px;

    163. 

  163. 	height:11px;

    164. 

  164. 	top:7px;

    165. 

  165. 	right:5px;

    166. 

  166. 	opacity:0.6;

    167. 

  167. 	filter:alpha(opacity=60);

    168. 

  168. 	background:url('images/tabs_close.gif') no-repeat 2px 2px;

    169. 

  169. }

    170. 

  170. .tabs li a:hover.tabs-close{

    171. 

  171. 	opacity:1;

    172. 

  172. 	filter:alpha(opacity=100);

    173. 

  173. 	cursor:hand;

    174. 

  174. 	cursor:pointer;

    175. 

  175. 	background-color:#8DB2E3;

    176. 

  176. }

    177. 

  177. 

    178. 

  178. 

    179. 

  179. .tabs-panels{

    180. 

  180. 	margin:0px;

    181. 

  181. 	padding:0px;

    182. 

  182. 	border:1px solid #8DB2E3;

    183. 

  183. 	border-top:0px;

    184. 

  184. 	overflow:hidden;

    185. 

  185. }

    186. 

  186. .tabs-panels-noborder{

    187. 

  187. 	border:0px;

    188. 

  188. }
    189.