PageRenderTime 48ms CodeModel.GetById 17ms RepoModel.GetById 0ms app.codeStats 0ms

/phpBB/styles/art_elegance/theme/layout_pages.css

https://bitbucket.org/enitarzi/phpbb3-gorgon
CSS | 576 lines | 461 code | 81 blank | 34 comment | 0 complexity | cb3bd1a51d311b2efd87c50de5db1aa5 MD5 | raw file
    

  1. /*

    2. 

  2.     Layouts for pages not covered in other css files

    3. 

  3. */

    4. 

  4. 

    5. 

  5. 

    6. 

  6. /* notification */

    7. 

  7. div#message, #confirm .panel, #agreement .panel {

    8. 

  8.     margin: 40px 0;

    9. 

  9.     font-size: 12px;

    10. 

  10. }

    11. 

  11. div#message .inner, #confirm .panel .inner, #agreement .panel .inner { 

    12. 

  12.     padding-bottom: 20px; 

    13. 

  13. }

    14. 

  14. div#message h2, #confirm h2, #agreement h2 { 

    15. 

  15.     margin-left: 0; 

    16. 

  16.     margin-bottom: 20px; 

    17. 

  17. }

    18. 

  18. 

    19. 

  19. /*

    20. 

  20.     UCP tabs

    21. 

  21. */

    22. 

  22. #tabs {

    23. 

  23.     margin: 10px 0 6px;

    24. 

  24. }

    25. 

  25. #navigation, #minitabs {

    26. 

  26.     margin: 4px 0;

    27. 

  27.     min-height: 1em;

    28. 

  28. }

    29. 

  29. #tabs ul, #navigation ul, #minitabs ul {

    30. 

  30.     list-style-type: none;

    31. 

  31. }

    32. 

  32. #tabs li, #navigation li, #minitabs li {

    33. 

  33.     display: block;

    34. 

  34.     float: left;

    35. 

  35. }

    36. 

  36. #tabs li a, #navigation li a, #minitabs li a {

    37. 

  37.     display: block;

    38. 

  38.     margin: 0;

    39. 

  39.     padding: 0;

    40. 

  40.     height: 24px;

    41. 

  41.     padding-left: 10px;

    42. 

  42.     background: url({T_THEME_PATH}/images/tabs_right.png) top left no-repeat;

    43. 

  43.     border-width: 0;

    44. 

  44.     outline-style: none;

    45. 

  45.     text-decoration: none;

    46. 

  46. }

    47. 

  47. #tabs li a span, #navigation li a span, #minitabs li a span {

    48. 

  48.     display: inline-block;

    49. 

  49.     font-size: 12px;

    50. 

  50.     line-height: 1em;

    51. 

  51.     white-space: nowrap;

    52. 

  52.     padding-top: 6px;

    53. 

  53.     padding-right: 10px;

    54. 

  54.     height: 18px;

    55. 

  55.     background: url({T_THEME_PATH}/images/tabs_left.png) top right no-repeat;

    56. 

  56.     color: #3083aa;

    57. 

  57.     text-shadow: rgba(0,0,0,0.1) 1px 1px 1px;

    58. 

  58. }

    59. 

  59. #tabs li a:hover, #tabs li.activetab a, #navigation li a:hover, #navigation li#active-subsection a, #minitabs li a:hover, #minitabs li.activetab a {

    60. 

  60.     background-position: bottom left;

    61. 

  61. }

    62. 

  62. #tabs li a:hover span, #tabs li.activetab a span, #navigation li a:hover span, #navigation li#active-subsection a span, #minitabs li a:hover span, #minitabs li.activetab a span {

    63. 

  63.     background-position: bottom right;

    64. 

  64.     color: #cb296a;

    65. 

  65. }

    66. 

  66. #tabs li.first a, #navigation li.first a, #minitabs li.first a {

    67. 

  67.     background-image: url({T_THEME_PATH}/images/tabs_left.png);

    68. 

  68.     padding-left: 14px;

    69. 

  69. }

    70. 

  70. 

    71. 

  71. #tabs li.last a, #navigation li.last a, #minitabs li.last a {

    72. 

  72.     background-position: top right;

    73. 

  73.     padding-right: 14px;

    74. 

  74.     padding-left: 0;

    75. 

  75. }

    76. 

  76. #tabs li.last a span, #navigation li.last a span, #minitabs li.last a span {

    77. 

  77.     background-image: url({T_THEME_PATH}/images/tabs_right.png);

    78. 

  78.     background-position: top left;

    79. 

  79.     padding-left: 10px;

    80. 

  80.     padding-right: 0;

    81. 

  81. }

    82. 

  82. 

    83. 

  83. #tabs li.last a:hover, #tabs li.activetab.last a, #navigation li.last a:hover, #navigation li#active-subsection.last a, #minitabs li.last a:hover, #minitabs li.activetab.last a {

    84. 

  84.     background-position: bottom right;

    85. 

  85. }

    86. 

  86. #tabs li.last a:hover span, #tabs li.activetab.last a span, #navigation li.last a:hover span, #navigation li#active-subsection.last a span, #minitabs li.last a:hover span, #minitabs li.activetab.last a span {

    87. 

  87.     background-position: bottom left;

    88. 

  88. }

    89. 

  89. #navigation strong, #tabs strong, #minitabs strong { 

    90. 

  90.     color: #3083aa; 

    91. 

  91.     font-weight: normal;

    92. 

  92. }

    93. 

  93. li.activetab strong, #active-subsection strong,

    94. 

  94. #navigation a:hover strong, #tabs a:hover strong, #minitabs a:hover strong {

    95. 

  95.     color: #cb296a;

    96. 

  96. }

    97. 

  97. 

    98. 

  98. 

    99. 

  99. 

    100. 

  100. /*

    101. 

  101.     UCP stuff

    102. 

  102. */

    103. 

  103. div.cp-panel {

    104. 

  104.     background: none;

    105. 

  105.     padding: 0;

    106. 

  106. }

    107. 

  107. p.linkmcp { color: #444; }

    108. 

  108. 

    109. 

  109. #cp-main > h2, #cp-main > form > h2 {

    110. 

  110.     font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;

    111. 

  111. 	font-weight: normal;

    112. 

  112. 	margin: 8px 0;

    113. 

  113. 	padding: 0;

    114. 

  114. 	font-size: 16px;

    115. 

  115. 	color: #cb296a;

    116. 

  116.     font-size: 20px;

    117. 

  117.     font-weight: normal;

    118. 

  118.     text-shadow: #ddd 2px 3px 1px;

    119. 

  119.     margin: 14px 2px;

    120. 

  120. }

    121. 

  121. 

    122. 

  122. #cp-main h3 {

    123. 

  123.     margin: 6px 0;

    124. 

  124. }

    125. 

  125. 

    126. 

  126. 

    127. 

  127. #cp-main .content {

    128. 

  128. 	padding: 0;

    129. 

  129. }

    130. 

  130. 

    131. 

  131. #cp-main .panel ol {

    132. 

  132. 	margin-left: 2em;

    133. 

  133. 	font-size: 11px;

    134. 

  134. }

    135. 

  135. 

    136. 

  136. ul.cplist {

    137. 

  137. 	margin-bottom: 5px;

    138. 

  138. }

    139. 

  139. 

    140. 

  140. #cp-main table.table1 {

    141. 

  141. 	margin-bottom: 1em;

    142. 

  142. }

    143. 

  143. 

    144. 

  144. #cp-main .pagination {

    145. 

  145. 	float: right;

    146. 

  146. 	width: auto;

    147. 

  147. 	padding-top: 1px;

    148. 

  148. }

    149. 

  149. 

    150. 

  150. #cp-main .postbody p {

    151. 

  151. 	font-size: 12px;

    152. 

  152. }

    153. 

  153. 

    154. 

  154. #cp-main .pm-message {

    155. 

  155. 	border: 1px solid #e2e2e2;

    156. 

  156. 	margin: 10px 0;

    157. 

  157. 	background-color: #fff;

    158. 

  158. 	width: auto;

    159. 

  159. 	float: none;

    160. 

  160. }

    161. 

  161. 

    162. 

  162. .pm-message h2 {

    163. 

  163. 	padding-bottom: 5px;

    164. 

  164. }

    165. 

  165. 

    166. 

  166. #cp-main .postbody h3, #cp-main .box2 h3 {

    167. 

  167. 	margin-top: 0;

    168. 

  168. }

    169. 

  169. 

    170. 

  170. #cp-main .buttons {

    171. 

  171. 	margin-left: 0;

    172. 

  172. }

    173. 

  173. 

    174. 

  174. #cp-main ul.linklist {

    175. 

  175. 	margin: 0;

    176. 

  176. }

    177. 

  177. 

    178. 

  178. /* MCP Specific tweaks */

    179. 

  179. .mcp-main .postbody {

    180. 

  180. 	width: 100%;

    181. 

  181. }

    182. 

  182. 

    183. 

  183. div.panel dl.panel, div.panel dl.panel .hdr2-last {

    184. 

  184.     padding: 10px;

    185. 

  185. }

    186. 

  186. 

    187. 

  187. 

    188. 

  188. /* Friends list */

    189. 

  189. .cp-mini {

    190. 

  190. 	background-color: #f9f9f9;

    191. 

  191. 	padding: 0 5px;

    192. 

  192. 	margin: 5px 5px 0 0;

    193. 

  193. 	float: left;

    194. 

  194. }

    195. 

  195. 

    196. 

  196. .cp-mini .inner {

    197. 

  197.     padding: 7px 5px;

    198. 

  198. }

    199. 

  199. 

    200. 

  200. dl.mini dt {

    201. 

  201. 	font-weight: normal;

    202. 

  202. 	color: #000;

    203. 

  203. 	font-size: 14px;

    204. 

  204. 	line-height: 1.3em;

    205. 

  205.     font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;

    206. 

  206. }

    207. 

  207. 

    208. 

  208. dl.mini dd {

    209. 

  209. 	padding-top: 4px;

    210. 

  210. }

    211. 

  211. 

    212. 

  212. .friend-online {

    213. 

  213. 	font-weight: bold;

    214. 

  214. }

    215. 

  215. 

    216. 

  216. .friend-offline {

    217. 

  217. 	font-style: italic;

    218. 

  218. }

    219. 

  219. 

    220. 

  220. /* PM Styles

    221. 

  221. ----------------------------------------*/

    222. 

  222. #pm-menu {

    223. 

  223. 	line-height: 2.5em;

    224. 

  224. }

    225. 

  225. 

    226. 

  226. /* PM panel adjustments */

    227. 

  227. .pm-panel-header {

    228. 

  228. }

    229. 

  229. 

    230. 

  230. .reply-all {

    231. 

  231. 	display: block; 

    232. 

  232. 	padding-top: 4px; 

    233. 

  233. 	clear: both;

    234. 

  234. 	float: left;

    235. 

  235. }

    236. 

  236. 

    237. 

  237. .pm-return-to {

    238. 

  238. 	padding-top: 23px;

    239. 

  239. }

    240. 

  240. 

    241. 

  241. #cp-main .pm-message-nav {

    242. 

  242. 	margin: 0; 

    243. 

  243. 	padding: 2px 10px 5px 10px; 

    244. 

  244. }

    245. 

  245. 

    246. 

  246. /* PM Message history */

    247. 

  247. .current {

    248. 

  248. 	color: #888;

    249. 

  249. }

    250. 

  250. 

    251. 

  251. /* Defined rules list for PM options */

    252. 

  252. ol.def-rules {

    253. 

  253. 	padding-left: 0;

    254. 

  254. }

    255. 

  255. 

    256. 

  256. ol.def-rules li {

    257. 

  257. 	line-height: 180%;

    258. 

  258. 	padding: 1px;

    259. 

  259. }

    260. 

  260. 

    261. 

  261. /* PM marking colours */

    262. 

  262. .pmlist li.bg1, .pmlist li.bg2 {

    263. 

  263. 	margin: 2px;

    264. 

  264. }

    265. 

  265. 

    266. 

  266. .pmlist li.bg1 dl, .pmlist li.bg2 dl {

    267. 

  267.     border: solid 1px #e8e8e8;

    268. 

  268.     border-color: rgba(214, 214, 214, 0.5);

    269. 

  269. 	border-width: 0 3px;

    270. 

  270. 	border-radius: 4px;

    271. 

  271. 	-moz-border-radius: 4px;

    272. 

  272. 	-webkit-border-radius: 4px;

    273. 

  273. }

    274. 

  274. 

    275. 

  275. .pmlist li.pm_message_reported_colour dl, .pm_message_reported_colour {

    276. 

  276. 	border-color: #cb296a;

    277. 

  277. }

    278. 

  278. 

    279. 

  279. .pmlist li.pm_marked_colour dl, .pm_marked_colour {

    280. 

  280. 	border-color: #cc8b29;

    281. 

  281. }

    282. 

  282. 

    283. 

  283. .pmlist li.pm_replied_colour dl, .pm_replied_colour {

    284. 

  284. 	border-color: #3083aa;

    285. 

  285. }

    286. 

  286. 

    287. 

  287. .pmlist li.pm_friend_colour dl, .pm_friend_colour {

    288. 

  288. 	border-color: #30ab57;

    289. 

  289. }

    290. 

  290. 

    291. 

  291. .pmlist li.pm_foe_colour dl, .pm_foe_colour {

    292. 

  292. 	border-color: #cb296a;

    293. 

  293. }

    294. 

  294. 

    295. 

  295. 

    296. 

  296. 

    297. 

  297. .pm-legend {

    298. 

  298. 	border-left-width: 10px;

    299. 

  299. 	border-left-style: solid;

    300. 

  300. 	border-right-width: 0;

    301. 

  301. 	margin-bottom: 3px;

    302. 

  302. 	padding-left: 3px;

    303. 

  303. }

    304. 

  304. 

    305. 

  305. /* Avatar gallery */

    306. 

  306. #gallery label {

    307. 

  307. 	position: relative;

    308. 

  308. 	float: left;

    309. 

  309. 	margin: 10px;

    310. 

  310. 	padding: 5px;

    311. 

  311. 	width: auto;

    312. 

  312. 	background: #f8f8f8;

    313. 

  313. 	border: 1px solid #ccc;

    314. 

  314. 	text-align: center;

    315. 

  315. }

    316. 

  316. 

    317. 

  317. #gallery label:hover {

    318. 

  318. 	border-color: #cf6690;

    319. 

  319. }

    320. 

  320. 

    321. 

  321. /* Topic review panel

    322. 

  322. ----------------------------------------*/

    323. 

  323. #review {

    324. 

  324. 	margin-top: 2em;

    325. 

  325. 	font-weight: normal;

    326. 

  326. 	font-size: 14px;

    327. 

  327. 	line-height: 1.4em;

    328. 

  328. 	color: #3083aa;

    329. 

  329. }

    330. 

  330. 

    331. 

  331. #topicreview {

    332. 

  332. 	padding-right: 5px;

    333. 

  333. 	overflow: auto;

    334. 

  334. 	height: 300px;

    335. 

  335. }

    336. 

  336. 

    337. 

  337. #topicreview .postbody {

    338. 

  338. 	width: auto;

    339. 

  339. 	float: none;

    340. 

  340. 	margin: 0;

    341. 

  341. 	height: auto;

    342. 

  342. }

    343. 

  343. 

    344. 

  344. #topicreview .post {

    345. 

  345. 	height: auto;

    346. 

  346. }

    347. 

  347. 

    348. 

  348. #topicreview h2 {

    349. 

  349. 	border-bottom-width: 0;

    350. 

  350. }

    351. 

  351. 

    352. 

  352. .post-ignore .postbody {

    353. 

  353. 	display: none;

    354. 

  354. }

    355. 

  355. 

    356. 

  356. /* MCP Post details

    357. 

  357. ----------------------------------------*/

    358. 

  358. #post_details

    359. 

  359. {

    360. 

  360. 	/* This will only work in IE7+, plus the others */

    361. 

  361. 	overflow: auto;

    362. 

  362. 	max-height: 300px;

    363. 

  363. }

    364. 

  364. 

    365. 

  365. #expand

    366. 

  366. {

    367. 

  367. 	clear: both;

    368. 

  368. }

    369. 

  369. 

    370. 

  370. 

    371. 

  371. /* FAQ */

    372. 

  372. dl.faq {

    373. 

  373. 	margin-top: 5px;

    374. 

  374. 	margin-bottom: 20px;

    375. 

  375. 	line-height: 1.4em;

    376. 

  376. }

    377. 

  377. 

    378. 

  378. dl.faq dt {

    379. 

  379. 	font-weight: normal;

    380. 

  380.     font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;

    381. 

  381. 	font-size: 14px;

    382. 

  382. 	color: #cb296a;

    383. 

  383. 	line-height: 1.4em;

    384. 

  384. }

    385. 

  385. dl.faq dt strong { font-weight: normal; }

    386. 

  386. 

    387. 

  387. .content dl.faq {

    388. 

  388. 	font-size: 12px;

    389. 

  389. 	margin-bottom: 0.5em;

    390. 

  390. }

    391. 

  391. 

    392. 

  392. .column1 {

    393. 

  393. 	float: left;

    394. 

  394. 	clear: left;

    395. 

  395. 	width: 49%;

    396. 

  396. }

    397. 

  397. 

    398. 

  398. .column2 {

    399. 

  399. 	float: right;

    400. 

  400. 	clear: right;

    401. 

  401. 	width: 49%;

    402. 

  402. }

    403. 

  403. 

    404. 

  404. 

    405. 

  405. /* Table styles

    406. 

  406. ----------------------------------------*/

    407. 

  407. table.table1 {

    408. 

  408.     width: 100%;

    409. 

  409. }

    410. 

  410. 

    411. 

  411. #ucp-main table.table1 {

    412. 

  412. 	margin: 2px;

    413. 

  413. }

    414. 

  414. 

    415. 

  415. table.table1 th {

    416. 

  416. 	font-weight: normal;

    417. 

  417.     border: solid 1px #d3d3d3;

    418. 

  418.     background: #4089ab url({T_THEME_PATH}/images/th.gif) 0 0 repeat-x;

    419. 

  419.     border-radius: 6px;

    420. 

  420.     -moz-border-radius: 6px;

    421. 

  421.     -webkit-border-radius: 6px;

    422. 

  422.     color: rgba(255, 255, 255, 0.9);

    423. 

  423.     font-size: 12px;

    424. 

  424.     font-family: 'Droid Sans', Verdana;

    425. 

  425.     line-height: 1.2em;

    426. 

  426.     padding: 3px 4px;

    427. 

  427. }

    428. 

  428. table.table1 thead th a, table.table1 thead th a:visited {

    429. 

  429.     color: rgba(255, 255, 255, 0.8);

    430. 

  430. }

    431. 

  431. .old-ie table.table1 th, .old-ie table.table1 thead th a, .old-ie table.table1 thead th a:visited {

    432. 

  432.     color: #fff;

    433. 

  433. }

    434. 

  434. table.table1 thead th a:hover {

    435. 

  435.     color: #fff;

    436. 

  436. }

    437. 

  437. 

    438. 

  438. table.table1 thead th span {

    439. 

  439. 	padding-left: 7px;

    440. 

  440. }

    441. 

  441. 

    442. 

  442. table.table1 tbody tr:hover, table.table1 tbody tr.hover {

    443. 

  443. 	background-color: #f4f4f4;

    444. 

  444. }

    445. 

  445. 

    446. 

  446. table.table1 td {

    447. 

  447. 	font-size: 12px;

    448. 

  448. 	padding: 4px;

    449. 

  449. 	border: 1px solid #e8e8e8;

    450. 

  450. 	border-color: rgba(214, 214, 214, 0.5);

    451. 

  451. 	border-radius: 4px;

    452. 

  452. 	-moz-border-radius: 4px;

    453. 

  453. 	-webkit-border-radius: 4px;

    454. 

  454. }

    455. 

  455. 

    456. 

  456. /* Specific column styles */

    457. 

  457. table.table1 .name		{ text-align: left; }

    458. 

  458. table.table1 .posts		{ text-align: center !important; width: 7%; }

    459. 

  459. table.table1 .joined	{ text-align: left; width: 15%; }

    460. 

  460. table.table1 .active	{ text-align: left; width: 15%; }

    461. 

  461. table.table1 .mark		{ text-align: center; width: 7%; }

    462. 

  462. table.table1 .info		{ text-align: left; width: 30%; }

    463. 

  463. table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }

    464. 

  464. table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }

    465. 

  465. table.table1 thead .autocol { padding-left: 1em; }

    466. 

  466. 

    467. 

  467. table.table1 span.rank-img {

    468. 

  468. 	float: right;

    469. 

  469. 	width: auto;

    470. 

  470. }

    471. 

  471. 

    472. 

  472. table.info td {

    473. 

  473. 	padding: 3px;

    474. 

  474. }

    475. 

  475. 

    476. 

  476. table.info tbody th {

    477. 

  477. 	padding: 3px;

    478. 

  478. 	text-align: right;

    479. 

  479. 	vertical-align: top;

    480. 

  480. 	color: #000;

    481. 

  481. 	font-weight: normal;

    482. 

  482. }

    483. 

  483. 

    484. 

  484. /* Jump to post link for now */

    485. 

  485. ul.searchresults {

    486. 

  486. 	list-style: none;

    487. 

  487. 	text-align: right;

    488. 

  488. 	clear: both;

    489. 

  489. }

    490. 

  490. .post ul.searchresults {

    491. 

  491.     width: 68%;

    492. 

  492.     clear: left;

    493. 

  493. }

    494. 

  494. 

    495. 

  495. /* Close popup */

    496. 

  496. body.simple #page-body > a { 

    497. 

  497.     display: block;

    498. 

  498.     text-align: center; 

    499. 

  499.     margin: 4px;

    500. 

  500. }

    501. 

  501. 

    502. 

  502. /* Login form */

    503. 

  503. form#login, form#register {

    504. 

  504.     margin-top: 20px;

    505. 

  505. }

    506. 

  506. 

    507. 

  507. 

    508. 

  508. /*

    509. 

  509.     Dropdown tabs

    510. 

  510. */

    511. 

  511. #tabs { overflow: visible; }

    512. 

  512. div.dropdown-tabs {

    513. 

  513.     position: relative;

    514. 

  514.     float: left;

    515. 

  515.     margin: 0;

    516. 

  516.     margin-right: 16px;

    517. 

  517.     padding: 0;

    518. 

  518.     padding-left: 12px;

    519. 

  519.     height: 24px;

    520. 

  520.     background: url({T_THEME_PATH}/images/tabs_left.png) top left no-repeat;

    521. 

  521. }

    522. 

  522. div.dropdown-tabs > a {

    523. 

  523.     display: inline-block;

    524. 

  524.     font-size: 12px;

    525. 

  525.     line-height: 1em;

    526. 

  526.     white-space: nowrap;

    527. 

  527.     margin: 0;

    528. 

  528.     margin-right: -10px;

    529. 

  529.     padding-top: 6px;

    530. 

  530.     padding-right: 24px;

    531. 

  531.     height: 18px;

    532. 

  532.     color: #3083AA;

    533. 

  533.     text-shadow: rgba(0,0,0,0.1) 1px 1px 1px;

    534. 

  534.     background: url({T_THEME_PATH}/images/tabs_popup.png) top right no-repeat;

    535. 

  535. }

    536. 

  536. div.dropdown-tabs:hover { background-position: bottom left; }

    537. 

  537. div.dropdown-tabs:hover > a { background-position: bottom right; color: #CB296A; }

    538. 

  538. div.dropdown-tabs > ul { 

    539. 

  539.     display: none;

    540. 

  540.     position: absolute;

    541. 

  541.     top: 24px;

    542. 

  542.     left: 0;

    543. 

  543.     z-index: 2;

    544. 

  544.     background: #f8f8f8;

    545. 

  545.     padding: 0;

    546. 

  546.     border: solid 1px #ccc;

    547. 

  547.     border-radius: 6px;

    548. 

  548.     -moz-border-radius: 6px;

    549. 

  549.     -webkit-border-radius: 6px;

    550. 

  550.     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);

    551. 

  551.     -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);

    552. 

  552.     -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);

    553. 

  553. }

    554. 

  554. div.dropdown-tabs:hover > ul { display: block; }

    555. 

  555. .dropdown-tabs li a, .dropdown-tabs span,

    556. 

  556. #tabs .dropdown-tabs li a, #tabs .dropdown-tabs li a span { 

    557. 

  557.     background: none;

    558. 

  558.     margin: 0;

    559. 

  559.     padding: 0;

    560. 

  560.     line-height: 1em;

    561. 

  561.     height: auto;

    562. 

  562. }

    563. 

  563. .dropdown-tabs li a, #tabs div.dropdown-tabs ul li a {

    564. 

  564.     padding: 8px 6px;

    565. 

  565. }

    566. 

  566. .dropdown-tabs li, #tabs .dropdown-tabs li { 

    567. 

  567.     margin: 0;

    568. 

  568.     padding: 0;

    569. 

  569.     display: block;

    570. 

  570.     float: none;

    571. 

  571.     border-top: solid 1px #fff;

    572. 

  572.     border-bottom: solid 1px #ddd;

    573. 

  573. }

    574. 

  574. .dropdown-tabs li:first-child, #tabs .dropdown-tabs li:first-child { border-top-width: 0; }

    575. 

  575. .dropdown-tabs li:last-child, #tabs .dropdown-tabs li:last-child { border-bottom-width: 0; }

    576. 

  576. .cp-mini dl.mini { max-height: 140px; overflow: auto; }

    577. 

  577.