PageRenderTime 66ms CodeModel.GetById 25ms RepoModel.GetById 0ms app.codeStats 0ms

/static/css/wowhead.css

https://github.com/cocely/wowhead
CSS | 3626 lines | 2986 code | 640 blank | 0 comment | 0 complexity | 39e8a62af0502538996df18c70bb1b1b MD5 | raw file
  1. form {
  2. display:inline;
  3. margin:0;
  4. padding:0;
  5. }
  6. img,iframe {
  7. border:0;
  8. }
  9. p {
  10. margin:0;
  11. padding:0;
  12. }
  13. body {
  14. background-color:#000;
  15. font-family:Arial,sans-serif;
  16. font-size:13px;
  17. color:#FFF;
  18. margin:0;
  19. padding:0;
  20. }
  21. a {
  22. color:#FFD100;
  23. cursor:pointer;
  24. outline:none;
  25. }
  26. a.selected,a.selected:hover {
  27. cursor:default;
  28. color:#FFF;
  29. font-weight:bold;
  30. text-decoration:none!important;
  31. }
  32. img.border {
  33. border:2px solid #404040;
  34. background-color:#080808;
  35. -webkit-border-radius:2px;
  36. -moz-border-radius:2px;
  37. border-radius:2px;
  38. }
  39. a:hover img.border {
  40. background-color:#101010;
  41. border-color:#505050;
  42. }
  43. .pad {
  44. padding-bottom:10px;
  45. }
  46. .pad2 {
  47. padding-bottom:1em;
  48. }
  49. .pad3 {
  50. padding-bottom:2em;
  51. }
  52. .clear {
  53. clear:both;
  54. }
  55. .has-tip-inside {
  56. cursor:help;
  57. }
  58. .tip {
  59. border-bottom:1px dotted gray;
  60. cursor:help;
  61. }
  62. a.tip {
  63. cursor:pointer!important;
  64. text-decoration:none;
  65. border-bottom-color:#404040;
  66. }
  67. a span.tip {
  68. cursor:pointer!important;
  69. }
  70. [unselectable] {
  71. -webkit-user-select:none;
  72. -khtml-user-select:none;
  73. -moz-user-select:none;
  74. -o-user-select:none;
  75. user-select:none;
  76. }
  77. .msg-success {
  78. color:#3c3;
  79. font-weight:bold;
  80. font-size:11px;
  81. }
  82. .msg-failure {
  83. color:#c33;
  84. font-weight:bold;
  85. font-size:11px;
  86. }
  87. .random-enchantments {
  88. float:left;
  89. width:47%;
  90. }
  91. h1.h1-icon {
  92. padding-top:5px;
  93. }
  94. div.h1-icon {
  95. float:left;
  96. position:relative;
  97. top:-4px;
  98. left:-4px;
  99. margin-right:2px;
  100. margin-bottom:-4px;
  101. }
  102. img.encounter-journal {
  103. margin-top:-64px;
  104. margin-bottom:-9px;
  105. height:55px;
  106. }
  107. a.premium-user-badge {
  108. float:right;
  109. position:relative;
  110. left:10px;
  111. top:-25px;
  112. width:324px;
  113. height:213px;
  114. background:url(../images/premium/user-badge.png) no-repeat;
  115. }
  116. .premium-feature-icon-small {
  117. width:74px;
  118. height:22px;
  119. background:url(../images/premium/premium-small.png) center right no-repeat;
  120. padding-right:74px;
  121. }
  122. .notice-box {
  123. color:#ddd;
  124. margin-bottom:10px;
  125. text-align:center;
  126. background:#141414;
  127. border:1px solid #101010;
  128. -webkit-border-radius:6px;
  129. -moz-border-radius:6px;
  130. border-radius:6px;
  131. padding:8px;
  132. }
  133. .reputation-negative-amount span {
  134. color:red;
  135. font-weight:bold;
  136. }
  137. .ad-leaderboard {
  138. width:728px;
  139. height:90px;
  140. }
  141. .ad-skyscraper {
  142. width:160px;
  143. height:600px;
  144. }
  145. .ad-medrect {
  146. width:300px;
  147. height:250px;
  148. }
  149. .header-bg {
  150. width:728px;
  151. height:90px;
  152. position:absolute;
  153. right:0;
  154. top:0;
  155. padding-top:10px;
  156. }
  157. .block-bgimg {
  158. width:300px;
  159. height:250px;
  160. background:transparent url(../images/backgrounds/block.png) no-repeat 0 0;
  161. }
  162. .sidebar-bgimg {
  163. width:160px;
  164. height:600px;
  165. background:transparent url(../images/backgrounds/sidebar.png) no-repeat 0 0;
  166. }
  167. .header-bgimg {
  168. background:transparent url(../images/backgrounds/header.png) no-repeat 0 10px;
  169. }
  170. #bh .block-bg {
  171. float:right;
  172. margin-left:10px;
  173. }
  174. div.announcement-pagetop div.announcement-inner {
  175. margin-top:10px;
  176. }
  177. div.announcement-pagetop div.announcement-inner,div.announcement-contenttop div.announcement-inner {
  178. background-color:#141414;
  179. border:1px solid #101010;
  180. -webkit-border-radius:6px;
  181. -moz-border-radius:6px;
  182. border-radius:6px;
  183. }
  184. div.announcement-inner {
  185. background-position:0 center;
  186. background-repeat:no-repeat;
  187. margin-bottom:10px;
  188. position:relative;
  189. padding:8px;
  190. }
  191. a.announcement-close {
  192. display:block;
  193. width:16px;
  194. height:16px;
  195. background:url(../images/icons/delete.gif) center center no-repeat;
  196. position:absolute;
  197. right:8px;
  198. top:8px;
  199. }
  200. div.announcement ul {
  201. margin:.25em 0!important;
  202. }
  203. div.announcement h3 {
  204. margin-top:0!important;
  205. margin-bottom:.25em!important;
  206. }
  207. div.announcement li {
  208. line-height:1.75em!important;
  209. }
  210. .comment-wrapper {
  211. padding:0 6px 6px;
  212. }
  213. .comment {
  214. color:#ddd;
  215. font-size:13px;
  216. line-height:1.5em!important;
  217. -webkit-border-radius:6px;
  218. -moz-border-radius:6px;
  219. border-radius:6px;
  220. padding:0 10px 20px;
  221. }
  222. .comment1 {
  223. background-color:#292929;
  224. }
  225. .comment2 {
  226. background:#1B1B1B;
  227. }
  228. .comment-collapsed .comment {
  229. background:#202020;
  230. padding:0 10px;
  231. }
  232. .comment-header {
  233. font-size:11px;
  234. color:#bbb;
  235. margin:0;
  236. padding:8px 2px 16px;
  237. }
  238. .comment-header var {
  239. font-style:normal;
  240. }
  241. .comment-header var a.q0 {
  242. color:#bbb!important;
  243. font-weight:normal;
  244. text-decoration:none;
  245. }
  246. .comment-header em {
  247. color:#ddd;
  248. font-style:normal;
  249. float:right;
  250. }
  251. .comment-collapsed .comment-header {
  252. padding:8px 2px;
  253. }
  254. .comment2 .comment-header {
  255. color:#888;
  256. }
  257. .comment-rating {
  258. float:right;
  259. color:#FFF;
  260. padding-left:20px;
  261. }
  262. .comment-rating b a {
  263. font-weight:bold;
  264. color:#FFF;
  265. text-decoration:none;
  266. }
  267. .comment-body,.comment-body-indent {
  268. overflow:auto;
  269. }
  270. .comment-bt,.comment-bt ol li div,.comment-bt li div {
  271. color:#999;
  272. }
  273. .comment-blue,.comment-blue ol li div,.comment-blue li div,.comment-blue ol li div,div.comment-blue li div {
  274. color:#00C0FF!important;
  275. }
  276. .comment-green,.comment-green ol li div,.comment-green li div {
  277. color:#5DF644!important;
  278. }
  279. .comment-gold,.comment-gold ol li div,.comment-gold li div {
  280. color:#D7CEA4!important;
  281. }
  282. .comment-pink,.comment-pink ol li div,.comment-pink li div {
  283. color:#F9F!important;
  284. }
  285. .comment-edit-modes a {
  286. padding:0 5px;
  287. }
  288. .comment-edit-buttons {
  289. padding-top:4px;
  290. }
  291. .comment-edit-body textarea {
  292. width:98%;
  293. height:11em;
  294. font-family:Arial,sans-serif;
  295. font-size:16px;
  296. margin:3px 0;
  297. }
  298. .comment-lastedit {
  299. padding-top:4px;
  300. font-style:italic;
  301. color:#9d9d9d;
  302. font-size:11px;
  303. }
  304. .comment-lastedit a {
  305. color:#9d9d9d;
  306. }
  307. .comment-links {
  308. text-align:right;
  309. font-size:11px;
  310. color:#ddd;
  311. padding:0 2px 2px 0;
  312. }
  313. .comment-links span,.comment-links span a {
  314. padding-left:6px;
  315. }
  316. .comment .text .quote {
  317. background-color:#0C0C0C;
  318. border-color:#080808;
  319. }
  320. #tab-comments .listview-mode-div,#tab-english-comments .listview-mode-div {
  321. padding-top:6px;
  322. }
  323. .listview-aci .comment-indent {
  324. padding-left:32px;
  325. }
  326. .menu-buttons {
  327. padding:4px 0 0 5px;
  328. }
  329. div.dialog {
  330. font-size:12px;
  331. background:#303030;
  332. padding:10px 10px 0;
  333. }
  334. div.dialog .text {
  335. background:#181818;
  336. padding:10px;
  337. }
  338. div.dialog th {
  339. text-align:right;
  340. font-weight:normal;
  341. white-space:nowrap;
  342. vertical-align:top;
  343. line-height:24px;
  344. padding:3px;
  345. }
  346. div.dialog td {
  347. vertical-align:top;
  348. padding:3px;
  349. }
  350. div.dialog textarea {
  351. font-family:Arial,sans-serif;
  352. font-size:16px;
  353. margin:3px 0;
  354. }
  355. .dialog-thumbup,a.dialog-thumbdown,a.dialog-check,a.dialog-x,a.dialog-question,a.dialog-arrow {
  356. padding-right:22px;
  357. line-height:22px;
  358. height:22px;
  359. display:block;
  360. float:right;
  361. color:#a0a0a0;
  362. text-transform:uppercase;
  363. text-decoration:none;
  364. font-size:15px;
  365. font-family:Tahoma,sans-serif!important;
  366. margin:10px 0 10px 10px;
  367. }
  368. .dialog-thumbup:hover,a.dialog-thumbdown:hover,a.dialog-check:hover,a.dialog-x:hover,a.dialog-question:hover,a.dialog-arrow:hover {
  369. color:#e0e0e0;
  370. }
  371. .dialog-x {
  372. padding-right:24px!important;
  373. background:url(../images/icons/dialog_icons.gif) right -66px no-repeat;
  374. }
  375. .dialog-thumbup {
  376. background:url(../images/icons/dialog_icons.gif) right 0 no-repeat;
  377. }
  378. .dialog-thumbup:hover {
  379. background-position:right -154px;
  380. }
  381. .dialog-thumbdown {
  382. background:url(../images/icons/dialog_icons.gif) right -22px no-repeat;
  383. }
  384. .dialog-thumbdown:hover {
  385. background-position:right -176px;
  386. }
  387. .dialog-check {
  388. background:url(../images/icons/dialog_icons.gif) right -44px no-repeat;
  389. }
  390. .dialog-check:hover {
  391. background-position:right -198px;
  392. }
  393. .dialog-x:hover {
  394. background-position:right -220px;
  395. }
  396. .dialog-question {
  397. background:url(../images/icons/dialog_icons.gif) right -88px no-repeat;
  398. }
  399. .dialog-question:hover {
  400. background-position:right -242px;
  401. }
  402. .dialog-arrow {
  403. background:url(../images/icons/dialog_icons.gif) right -132px no-repeat;
  404. }
  405. .dialog-arrow:hover {
  406. background-position:right -286px;
  407. }
  408. a.dialog-left {
  409. padding-left:22px;
  410. height:22px;
  411. display:block;
  412. float:left;
  413. background:url(../images/icons/dialog_icons.gif) 0 -110px no-repeat;
  414. }
  415. a.dialog-right {
  416. padding-right:22px;
  417. height:22px;
  418. display:block;
  419. float:left;
  420. background:url(../images/icons/dialog_icons.gif) right -264px no-repeat;
  421. }
  422. #fi table {
  423. border-collapse:collapse;
  424. border:0;
  425. }
  426. #fi table td {
  427. border:0;
  428. padding:0;
  429. }
  430. #fi .padded {
  431. padding-top:12px;
  432. white-space:nowrap;
  433. }
  434. #fi .padded2 {
  435. padding-top:8px;
  436. clear:both;
  437. }
  438. #fi .rightselect {
  439. margin-top:2px;
  440. }
  441. #fi .rightpanel {
  442. float:right;
  443. text-align:right;
  444. }
  445. #fi .rightpanel2 {
  446. float:right;
  447. text-align:right;
  448. padding-right:10px;
  449. }
  450. #fi .smalltextbox {
  451. text-align:center;
  452. width:2em;
  453. }
  454. #fi .smalltextbox2 {
  455. text-align:center;
  456. width:2.3em;
  457. }
  458. .criteria div {
  459. padding-bottom:4px;
  460. }
  461. #tw5ekjm9wex1 {
  462. background-color:#141414;
  463. float:left;
  464. border:1px solid #101010;
  465. -webkit-border-radius:6px;
  466. -moz-border-radius:6px;
  467. border-radius:6px;
  468. padding:10px;
  469. }
  470. #lnewwegnwe53 div {
  471. position:absolute;
  472. right:-9px;
  473. top:-33px;
  474. }
  475. #fi_weight {
  476. margin-top:10px;
  477. padding-top:12px;
  478. border-top:1px solid #484848;
  479. }
  480. .iconsmall,.iconmedium,.iconlarge,.iconblizzard {
  481. position:relative;
  482. z-index:0;
  483. }
  484. .iconlarge {
  485. width:68px;
  486. height:68px;
  487. }
  488. .iconblizzard {
  489. width:76px;
  490. height:76px;
  491. }
  492. .iconsmall ins,.iconmedium ins,.iconlarge ins,.iconblizzard ins {
  493. display:block;
  494. position:absolute;
  495. z-index:5;
  496. background-repeat:no-repeat;
  497. }
  498. .iconsmall ins {
  499. width:18px;
  500. height:18px;
  501. left:4px;
  502. top:4px;
  503. }
  504. .iconmedium ins {
  505. width:36px;
  506. height:36px;
  507. left:4px;
  508. top:4px;
  509. }
  510. .iconlarge ins {
  511. width:56px;
  512. height:56px;
  513. left:6px;
  514. top:6px;
  515. }
  516. .iconblizzard ins {
  517. width:64px;
  518. height:64px;
  519. left:6px;
  520. top:6px;
  521. }
  522. .iconsmall del,.iconmedium del,.iconlarge del,.iconblizzard del {
  523. display:block;
  524. position:absolute;
  525. left:0;
  526. top:0;
  527. z-index:10;
  528. background-repeat:no-repeat;
  529. }
  530. .iconsmall del {
  531. width:26px;
  532. height:26px;
  533. background-image:url(../images/Icon/small/border/default.png);
  534. }
  535. .iconmedium del {
  536. width:44px;
  537. height:44px;
  538. background-image:url(../images/Icon/medium/border/default.png);
  539. }
  540. .iconlarge del {
  541. width:68px;
  542. height:68px;
  543. background-image:url(../images/Icon/large/border/default.png);
  544. }
  545. .iconblizzard del {
  546. width:76px;
  547. height:76px;
  548. background-image:url(../images/Icon/blizzard/border/default.png);
  549. }
  550. .iconsmall var,.iconmedium var {
  551. display:block;
  552. position:absolute;
  553. z-index:15;
  554. background-repeat:no-repeat;
  555. }
  556. .iconsmall a,.iconmedium a,.iconlarge a {
  557. display:block;
  558. position:absolute;
  559. left:3px;
  560. top:3px;
  561. z-index:20;
  562. }
  563. .iconsmall a {
  564. width:20px;
  565. height:20px;
  566. background:url(../images/Icon/small/hilite/default.png) no-repeat 20px 0;
  567. }
  568. .iconmedium a {
  569. width:38px;
  570. height:38px;
  571. background:url(../images/Icon/medium/hilite/default.png) no-repeat 38px 0;
  572. }
  573. .iconlarge a {
  574. width:62px;
  575. height:62px;
  576. background:url(../images/Icon/large/hilite/default.png) no-repeat 62px 0;
  577. }
  578. .iconsmall-socket-meta-empty ins,.iconsmall-socket-yellow-empty ins,.iconsmall-socket-red-empty ins,.iconsmall-socket-blue-empty ins,.iconsmall-socket-prismatic-empty ins {
  579. background-image:url(../images/Icon/small/socket/background.jpg);
  580. }
  581. .iconsmall-socket-red-empty ins {
  582. background-position:-18px 0;
  583. }
  584. .iconsmall-socket-blue-empty ins {
  585. background-position:-54px 0;
  586. }
  587. .iconmedium-socket-meta-empty ins,.iconmedium-socket-yellow-empty ins,.iconmedium-socket-red-empty ins,.iconmedium-socket-blue-empty ins,.iconmedium-socket-prismatic-empty ins {
  588. background-image:url(../images/Icon/medium/socket/background.jpg);
  589. }
  590. .iconmedium-socket-blue-empty ins {
  591. background-position:-108px 0;
  592. }
  593. .iconmedium-socket-prismatic-empty ins {
  594. background-position:-144px 0;
  595. }
  596. .iconsmall-socket-meta del {
  597. background-image:url(../images/Icon/small/socket/meta1.png);
  598. }
  599. .iconsmall-socket-meta-empty del {
  600. background-image:url(../images/Icon/small/socket/meta0.png);
  601. }
  602. .iconsmall-socket-red del {
  603. background-image:url(../images/Icon/small/socket/red1.png);
  604. }
  605. .iconsmall-socket-red-empty del {
  606. background-image:url(../images/Icon/small/socket/red0.png);
  607. }
  608. .iconsmall-socket-yellow del {
  609. background-image:url(../images/Icon/small/socket/yellow1.png);
  610. }
  611. .iconsmall-socket-yellow-empty del {
  612. background-image:url(../images/Icon/small/socket/yellow0.png);
  613. }
  614. .iconsmall-socket-blue del {
  615. background-image:url(../images/Icon/small/socket/blue1.png);
  616. }
  617. .iconsmall-socket-blue-empty del {
  618. background-image:url(../images/Icon/small/socket/blue0.png);
  619. }
  620. .iconsmall-socket-prismatic del {
  621. background-image:url(../images/Icon/small/socket/prismatic1.png);
  622. }
  623. .iconsmall-socket-prismatic-empty del {
  624. background-image:url(../images/Icon/small/socket/prismatic0.png);
  625. }
  626. .iconmedium-socket-meta del {
  627. background-image:url(../images/Icon/medium/socket/meta1.png);
  628. }
  629. .iconmedium-socket-meta-empty del {
  630. background-image:url(../images/Icon/medium/socket/meta0.png);
  631. }
  632. .iconmedium-socket-red del {
  633. background-image:url(../images/Icon/medium/socket/red1.png);
  634. }
  635. .iconmedium-socket-red-empty del {
  636. background-image:url(../images/Icon/medium/socket/red0.png);
  637. }
  638. .iconmedium-socket-yellow del {
  639. background-image:url(../images/Icon/medium/socket/yellow1.png);
  640. }
  641. .iconmedium-socket-yellow-empty del {
  642. background-image:url(../images/Icon/medium/socket/yellow0.png);
  643. }
  644. .iconmedium-socket-blue del {
  645. background-image:url(../images/Icon/medium/socket/blue1.png);
  646. }
  647. .iconmedium-socket-blue-empty del {
  648. background-image:url(../images/Icon/medium/socket/blue0.png);
  649. }
  650. .iconmedium-socket-prismatic del {
  651. background-image:url(../images/Icon/medium/socket/prismatic1.png);
  652. }
  653. .iconmedium-socket-prismatic-empty del {
  654. background-image:url(../images/Icon/medium/socket/prismatic0.png);
  655. }
  656. .iconsmall-socket-meta var {
  657. background-image:url(../images/Icon/small/socket/anim-meta.gif);
  658. }
  659. .iconsmall-socket-yellow var {
  660. background-image:url(../images/Icon/small/socket/anim-yellow.gif);
  661. }
  662. .iconsmall-socket-red var {
  663. background-image:url(../images/Icon/small/socket/anim-red.gif);
  664. }
  665. .iconsmall-socket-blue var {
  666. background-image:url(../images/Icon/small/socket/anim-blue.gif);
  667. }
  668. .iconsmall-socket-prismatic var {
  669. background-image:url(../images/Icon/small/socket/anim-prismatic.gif);
  670. }
  671. .iconmedium-socket-meta var {
  672. background-image:url(../images/Icon/medium/socket/anim-meta.gif);
  673. }
  674. .iconmedium-socket-yellow var {
  675. background-image:url(../images/Icon/medium/socket/anim-yellow.gif);
  676. }
  677. .iconmedium-socket-red var {
  678. background-image:url(../images/Icon/medium/socket/anim-red.gif);
  679. }
  680. .iconmedium-socket-blue var {
  681. background-image:url(../images/Icon/medium/socket/anim-blue.gif);
  682. }
  683. .iconmedium-socket-prismatic var {
  684. background-image:url(../images/Icon/medium/socket/anim-prismatic.gif);
  685. }
  686. .iconsmall-socket-meta a,.iconsmall-socket-red a,.iconsmall-socket-yellow a,.iconsmall-socket-blue a,.iconsmall-socket-prismatic a {
  687. background-image:url(../images/Icon/small/hilite/socket1.png);
  688. }
  689. .iconsmall-socket-meta-empty a,.iconsmall-socket-red-empty a,.iconsmall-socket-yellow-empty a,.iconsmall-socket-blue-empty a,.iconsmall-socket-prismatic-empty a {
  690. background-image:url(../images/Icon/small/hilite/socket0.png);
  691. }
  692. .iconsmall .glow,.iconmedium .glow,.iconlarge .glow {
  693. z-index:15;
  694. font-weight:bold;
  695. cursor:default;
  696. line-height:normal;
  697. }
  698. .iconsmall .glow {
  699. font-size:11px;
  700. margin:2px 5px 2px 4px;
  701. }
  702. .iconmedium .glow {
  703. font-size:13px;
  704. margin:4px 6px;
  705. }
  706. .iconlarge .glow {
  707. font-size:18px;
  708. margin:4px 6px;
  709. }
  710. .iconsmall-premium del {
  711. background-image:url(../images/Icon/small/border/premium.png);
  712. }
  713. .iconmedium-premium del {
  714. background-image:url(../images/Icon/medium/border/premium.png);
  715. }
  716. .iconlarge-premium del {
  717. background-image:url(../images/Icon/large/border/premium.png);
  718. }
  719. .iconsmall-gold del {
  720. background-image:url(../images/Icon/small/border/gold.png);
  721. }
  722. .iconmedium-gold del {
  723. background-image:url(../images/Icon/medium/border/gold.png);
  724. }
  725. .iconlarge-gold del {
  726. background-image:url(../images/Icon/large/border/gold.png);
  727. }
  728. .iconmedium-gold-selected del {
  729. background-image:url(../images/Icon/medium/border/gold-selected.png);
  730. }
  731. .iconlarge-gold-selected del {
  732. background-image:url(../images/Icon/large/border/gold-selected.png);
  733. }
  734. .iconmedium-gold-selected a,.iconlarge-gold-selected a {
  735. background:none!important;
  736. cursor:default;
  737. }
  738. .iconsmall-q0 del {
  739. background-image:url(../images/Icon/small/border/q0.png);
  740. }
  741. .iconsmall-q1 del {
  742. background-image:url(../images/Icon/small/border/q1.png);
  743. }
  744. .iconsmall-q2 del {
  745. background-image:url(../images/Icon/small/border/q2.png);
  746. }
  747. .iconsmall-q3 del {
  748. background-image:url(../images/Icon/small/border/q3.png);
  749. }
  750. .iconsmall-q4 del {
  751. background-image:url(../images/Icon/small/border/q4.png);
  752. }
  753. .iconsmall-q5 del {
  754. background-image:url(../images/Icon/small/border/q5.png);
  755. }
  756. .iconsmall-q6 del {
  757. background-image:url(../images/Icon/small/border/q6.png);
  758. }
  759. .iconsmall-q7 del {
  760. background-image:url(../images/Icon/small/border/q7.png);
  761. }
  762. .iconsmall-q8 del {
  763. background-image:url(../images/Icon/small/border/q8.png);
  764. }
  765. .iconsmall-q9 del {
  766. background-image:url(../images/Icon/small/border/q9.png);
  767. }
  768. .iconsmall-q10 del {
  769. background-image:url(../images/Icon/small/border/q10.png);
  770. }
  771. .iconmedium-q0 del {
  772. background-image:url(../images/Icon/medium/border/q0.png);
  773. }
  774. .iconmedium-q1 del {
  775. background-image:url(../images/Icon/medium/border/q1.png);
  776. }
  777. .iconmedium-q2 del {
  778. background-image:url(../images/Icon/medium/border/q2.png);
  779. }
  780. .iconmedium-q3 del {
  781. background-image:url(../images/Icon/medium/border/q3.png);
  782. }
  783. .iconmedium-q4 del {
  784. background-image:url(../images/Icon/medium/border/q4.png);
  785. }
  786. .iconmedium-q5 del {
  787. background-image:url(../images/Icon/medium/border/q5.png);
  788. }
  789. .iconmedium-q6 del {
  790. background-image:url(../images/Icon/medium/border/q6.png);
  791. }
  792. .iconmedium-q7 del {
  793. background-image:url(../images/Icon/medium/border/q7.png);
  794. }
  795. .iconmedium-q8 del {
  796. background-image:url(../images/Icon/medium/border/q8.png);
  797. }
  798. .iconmedium-q9 del {
  799. background-image:url(../images/Icon/medium/border/q9.png);
  800. }
  801. .iconmedium-q10 del {
  802. background-image:url(../images/Icon/medium/border/q10.png);
  803. }
  804. .iconlarge-q0 del {
  805. background-image:url(../images/Icon/large/border/q0.png);
  806. }
  807. .iconlarge-q1 del {
  808. background-image:url(../images/Icon/large/border/q1.png);
  809. }
  810. .iconlarge-q2 del {
  811. background-image:url(../images/Icon/large/border/q2.png);
  812. }
  813. .iconlarge-q3 del {
  814. background-image:url(../images/Icon/large/border/q3.png);
  815. }
  816. .iconlarge-q4 del {
  817. background-image:url(../images/Icon/large/border/q4.png);
  818. }
  819. .iconlarge-q5 del {
  820. background-image:url(../images/Icon/large/border/q5.png);
  821. }
  822. .iconlarge-q6 del {
  823. background-image:url(../images/Icon/large/border/q6.png);
  824. }
  825. .iconlarge-q7 del {
  826. background-image:url(../images/Icon/large/border/q7.png);
  827. }
  828. .iconlarge-q8 del {
  829. background-image:url(../images/Icon/large/border/q8.png);
  830. }
  831. .iconlarge-q9 del {
  832. background-image:url(../images/Icon/large/border/q9.png);
  833. }
  834. .iconlarge-q10 del {
  835. background-image:url(../images/Icon/large/border/q10.png);
  836. }
  837. .icontiny {
  838. padding-left:18px!important;
  839. background:left center no-repeat;
  840. }
  841. .icontinyr {
  842. padding-right:18px!important;
  843. background:right center no-repeat;
  844. }
  845. .icon-add {
  846. padding-left:20px!important;
  847. background:url(../images/icons/add.gif) no-repeat left center;
  848. }
  849. .icon-alliance {
  850. padding-left:12px;
  851. background:url(../images/icons/alliance.gif) left center no-repeat;
  852. }
  853. .icon-alliance-padded {
  854. padding-left:18px;
  855. background:url(../images/icons/alliance.gif) 4px center no-repeat;
  856. }
  857. .icon-arrowrightbullet-right {
  858. padding-right:16px;
  859. background:url(../images/icons/arrow-right-bullet.gif) no-repeat right center;
  860. }
  861. .icon-bc {
  862. padding-left:34px;
  863. background:url(../images/icons/bc.gif) left center no-repeat;
  864. }
  865. .icon-bc-right {
  866. padding-right:34px;
  867. background:url(../images/icons/bc.gif) right center no-repeat;
  868. }
  869. .icon-bell {
  870. padding-left:21px;
  871. background:url(../images/icons/bell.gif) no-repeat left center;
  872. }
  873. .icon-blizzard {
  874. background:url(../images/icons/blizzard.gif) no-repeat left center;
  875. padding-left:26px;
  876. }
  877. .icon-book {
  878. padding-left:22px;
  879. background:url(../images/icons/book.gif) no-repeat left center;
  880. }
  881. .icon-boss {
  882. padding-left:15px!important;
  883. background:url(../images/icons/boss.gif) left center no-repeat;
  884. }
  885. .icon-boss-padded {
  886. padding-left:23px!important;
  887. background:url(../images/icons/boss.gif) 6px center no-repeat;
  888. }
  889. .icon-bubble {
  890. padding-left:22px;
  891. background:url(../images/icons/bubble.gif) left center no-repeat;
  892. }
  893. .icon-bubble-right {
  894. padding-right:22px;
  895. background:url(../images/icons/bubble.gif) right center no-repeat;
  896. }
  897. .icon-cata {
  898. padding-left:40px;
  899. background:url(../images/icons/cata.gif) no-repeat left center;
  900. }
  901. .icon-cata-right {
  902. padding-right:40px!important;
  903. background:url(../images/icons/cata.gif) no-repeat right center;
  904. }
  905. .icon-star {
  906. padding-left:21px;
  907. background:url(../images/icons/star.png) no-repeat left center;
  908. }
  909. .icon-delete {
  910. padding-left:19px;
  911. background:url(../images/icons/delete.gif) no-repeat left center;
  912. }
  913. .icon-edit {
  914. padding-left:21px;
  915. background:url(../images/icons/edit.gif) no-repeat left center;
  916. }
  917. .icon-email {
  918. padding-left:21px;
  919. background:url(../images/icons/email.gif) left center no-repeat;
  920. }
  921. .icon-facebook {
  922. padding-left:20px;
  923. background:url(../images/icons/facebook.gif) left center no-repeat;
  924. }
  925. .icon-ffa {
  926. padding-left:13px;
  927. background:url(../images/icons/ffa.gif) left center no-repeat;
  928. }
  929. .icon-help {
  930. padding-left:19px!important;
  931. background:url(../images/icons/help.gif) left center no-repeat;
  932. }
  933. .icon-heroic {
  934. padding-left:19px;
  935. background:url(../images/icons/heroic.gif) left center no-repeat;
  936. }
  937. .icon-horde {
  938. padding-left:18px;
  939. background:url(../images/icons/horde.gif) left center no-repeat;
  940. }
  941. .icon-instance1,.icon-instance2,.icon-instance3,.icon-instance4,.icon-instance5,.icon-instance7,.icon-instance8 {
  942. padding-left:19px;
  943. background:url(../images/icons/instance.gif) no-repeat;
  944. }
  945. .icon-instance1 {
  946. background-position:left center;
  947. }
  948. .icon-instance2 {
  949. background-position:-152px center;
  950. }
  951. .icon-instance3,.icon-instance7,.icon-instance8 {
  952. background-position:-357px center;
  953. }
  954. .icon-instance4 {
  955. background-position:-564px center;
  956. }
  957. .icon-instance5 {
  958. background-position:-734px center;
  959. }
  960. .icon-link {
  961. background:url(../images/icons/link.gif) no-repeat left center;
  962. padding-left:19px;
  963. }
  964. .icon-lock {
  965. padding-left:21px;
  966. background:url(../images/icons/locked.gif) no-repeat left center;
  967. }
  968. .icon-poll {
  969. padding-left:21px;
  970. background:url(../images/icons/poll.png) no-repeat 1px center;
  971. }
  972. .icon-print {
  973. padding-left:21px;
  974. background:url(../images/icons/print.gif) left center no-repeat;
  975. }
  976. .icon-refresh {
  977. padding-left:21px;
  978. background:url(../images/icons/refresh.gif) no-repeat left center;
  979. }
  980. .icon-report {
  981. padding-left:16px!important;
  982. background:url(../images/icons/report.gif) 3px center no-repeat;
  983. }
  984. .icon-return {
  985. padding-left:21px;
  986. background:url(../images/icons/return.gif) no-repeat left center;
  987. }
  988. .icon-rss {
  989. padding-left:18px;
  990. background:url(../images/icons/rss.gif) no-repeat left center;
  991. }
  992. .icon-save {
  993. padding-left:21px;
  994. background:url(../images/icons/save.gif) no-repeat left center;
  995. }
  996. .icon-sticky {
  997. padding-left:21px;
  998. background:url(../images/icons/sticky.gif) no-repeat left center;
  999. }
  1000. .icon-twitter {
  1001. padding-left:20px;
  1002. background:url(../images/icons/twitter.gif) left center no-repeat;
  1003. }
  1004. .icon-unlock {
  1005. padding-left:21px;
  1006. background:url(../images/icons/unlocked.gif) no-repeat left center;
  1007. }
  1008. .icon-wotlk {
  1009. padding-left:41px;
  1010. background:url(../images/icons/wotlk.gif) left center no-repeat;
  1011. }
  1012. .icon-wotlk-right {
  1013. padding-right:41px;
  1014. background:url(../images/icons/wotlk.gif) right center no-repeat;
  1015. }
  1016. .icon-wowhead {
  1017. padding-left:19px;
  1018. background:url(../images/icons/favicon.gif) left center no-repeat;
  1019. }
  1020. .icon-male {
  1021. padding-left:19px;
  1022. background:url(../images/icons/male.png) left center no-repeat;
  1023. }
  1024. .icon-female {
  1025. padding-left:19px;
  1026. background:url(../images/icons/female.png) left center no-repeat;
  1027. }
  1028. .icon-us-right {
  1029. padding-right:20px;
  1030. background:url(../images/icons/us.gif) right center no-repeat;
  1031. }
  1032. .icon-eu-right {
  1033. padding-right:20px;
  1034. background:url(../images/icons/eu.gif) right center no-repeat;
  1035. }
  1036. .icontab {
  1037. border-collapse:collapse;
  1038. margin-top:4px;
  1039. }
  1040. .icontab th,.icontab td {
  1041. border:0!important;
  1042. }
  1043. .icontab td {
  1044. width:10em;
  1045. font-size:12px;
  1046. line-height:1.5em;
  1047. padding:0;
  1048. }
  1049. .icontab th {
  1050. padding:0 3px 0 0;
  1051. }
  1052. .icontab-box {
  1053. margin-top:0;
  1054. border-spacing:0 6px;
  1055. border-collapse:separate;
  1056. }
  1057. .icontab-box th {
  1058. padding:0 0 0 4px;
  1059. }
  1060. .icontab-box td {
  1061. background-color:#141414;
  1062. -webkit-border-radius:3px;
  1063. -moz-border-radius:3px;
  1064. border-radius:3px;
  1065. padding:0 6px;
  1066. }
  1067. .lightbox-outer {
  1068. position:fixed;
  1069. left:50%;
  1070. top:50%;
  1071. width:1px;
  1072. height:1px;
  1073. z-index:60;
  1074. }
  1075. .lightbox-inner {
  1076. position:absolute;
  1077. z-index:70;
  1078. }
  1079. .lightbox-overlay {
  1080. position:absolute;
  1081. left:0;
  1082. top:0;
  1083. width:100%;
  1084. background:#000;
  1085. opacity:.8;
  1086. filter:alpha(opacity=80);
  1087. z-index:50;
  1088. }
  1089. .listview {
  1090. border:2px solid #404040;
  1091. clear:both;
  1092. }
  1093. .listview-band-top,.listview-band-bottom {
  1094. background-color:#404040;
  1095. color:#ccc;
  1096. }
  1097. .listview-band-top {
  1098. padding:3px 3px 6px 6px;
  1099. }
  1100. .listview-band-bottom {
  1101. padding:6px 3px 3px;
  1102. }
  1103. .listview-band-top input,.listview-band-bottom input,.listview-band-top select,.listview-band-bottom select {
  1104. font-size:11px;
  1105. margin-right:.5em;
  1106. }
  1107. .listview-quicksearch {
  1108. display:block;
  1109. float:right;
  1110. position:relative;
  1111. margin-right:1px;
  1112. }
  1113. .listview-quicksearch a {
  1114. position:absolute;
  1115. display:block;
  1116. top:0;
  1117. right:0;
  1118. padding:3px 3px 2px 2px;
  1119. }
  1120. .listview-quicksearch a span {
  1121. display:block;
  1122. width:12px;
  1123. height:12px;
  1124. background:url(../images/Listview/quicksearch-cancel.gif) no-repeat;
  1125. }
  1126. .listview-quicksearch a:hover span {
  1127. background-position:0 -12px;
  1128. }
  1129. .listview-quicksearch em {
  1130. position:absolute;
  1131. display:block;
  1132. right:2px;
  1133. top:2px;
  1134. width:13px;
  1135. height:13px;
  1136. background:url(../images/Listview/quicksearch.gif) no-repeat;
  1137. }
  1138. .listview-quicksearch input {
  1139. border:1px solid #a7a6aa;
  1140. height:13px;
  1141. padding-left:2px;
  1142. font-size:11px;
  1143. font-family:Arial,sans-serif;
  1144. background:#FFF;
  1145. color:#000;
  1146. margin:0;
  1147. }
  1148. .listview-withselected {
  1149. clear:left;
  1150. padding-left:33px;
  1151. background:url(../images/Listview/withselected.gif) 11px 6px no-repeat;
  1152. }
  1153. .listview-withselected2 {
  1154. padding-left:33px;
  1155. background:url(../images/Listview/withselected.gif) 11px -35px no-repeat;
  1156. }
  1157. .listview-nav {
  1158. float:right;
  1159. padding-right:1px;
  1160. margin-left:36px;
  1161. }
  1162. .listview-nav a,.listview-nav span {
  1163. margin-left:.5em;
  1164. }
  1165. .listview-note {
  1166. line-height:16px;
  1167. }
  1168. .listview th {
  1169. font-size:14px;
  1170. font-weight:bold;
  1171. border-bottom:1px solid #202020;
  1172. padding:0;
  1173. }
  1174. .listview .iconlist th {
  1175. border:none;
  1176. }
  1177. .listview thead div {
  1178. position:relative;
  1179. border-top:1px solid #707070;
  1180. border-left:1px solid #707070;
  1181. border-right:1px solid #303030;
  1182. border-bottom:1px solid #303030;
  1183. }
  1184. .listview thead a {
  1185. display:block;
  1186. text-decoration:none;
  1187. color:#FFF;
  1188. background-color:#585858;
  1189. padding:5px 2px;
  1190. }
  1191. .listview thead a span {
  1192. padding:0 4px;
  1193. }
  1194. .listview th a:hover {
  1195. background-color:#606060;
  1196. }
  1197. .listview th a.static:hover {
  1198. background-color:#585858;
  1199. }
  1200. .listview-mode-default,.listview-mode-div,.listview-mode-tiled,.listview-mode-calendar {
  1201. background-color:#141414;
  1202. }
  1203. .listview-mode-default th {
  1204. white-space:nowrap;
  1205. }
  1206. .listview-mode-default td {
  1207. color:#ddd;
  1208. text-align:center;
  1209. border:1px solid #404040;
  1210. padding:4px;
  1211. }
  1212. .listview-clip td {
  1213. border:none;
  1214. border-bottom:1px solid #303030;
  1215. }
  1216. .listview-mode-default .small2 {
  1217. font-size:11px;
  1218. padding-top:3px;
  1219. }
  1220. .listview-mode-default .small3 {
  1221. font-size:11px;
  1222. color:#707070;
  1223. }
  1224. .listview-mode-default .crop {
  1225. height:1.33333em;
  1226. overflow:hidden;
  1227. line-height:1.2;
  1228. }
  1229. .listview-mode-calendar th {
  1230. background-color:#404040;
  1231. padding:3px;
  1232. }
  1233. .listview-mode-calendar td {
  1234. vertical-align:top;
  1235. }
  1236. .listview-mode-calendar .calendar-today {
  1237. background-color:#404040;
  1238. font-weight:bold;
  1239. }
  1240. .listview-mode-calendar .calendar-date {
  1241. background-color:#242424;
  1242. padding:3px;
  1243. }
  1244. .listview-mode-calendar .calendar-event {
  1245. height:88px;
  1246. padding:3px;
  1247. }
  1248. .listview-cb {
  1249. text-align:center;
  1250. cursor:default;
  1251. }
  1252. .listview-nodata {
  1253. text-align:center;
  1254. background-color:#141414;
  1255. padding:4px;
  1256. }
  1257. .listview-clip {
  1258. overflow:auto;
  1259. background-color:#000;
  1260. }
  1261. .listview-indicators {
  1262. padding-left:3px;
  1263. }
  1264. .sortasc {
  1265. padding-right:15px!important;
  1266. background:url(../images/Listview/sort-asc.gif) no-repeat right center;
  1267. }
  1268. .sortdesc {
  1269. padding-right:15px!important;
  1270. background:url(../images/Listview/sort-desc.gif) no-repeat right center;
  1271. }
  1272. td.checked .listview-cb:hover {
  1273. background-color:#343434;
  1274. }
  1275. .mapper {
  1276. position:relative;
  1277. margin-top:10px;
  1278. border:3px solid #404040;
  1279. background-color:#000;
  1280. }
  1281. .mapper .pin {
  1282. position:absolute;
  1283. width:1px;
  1284. height:1px;
  1285. font-size:1px;
  1286. z-index:5;
  1287. }
  1288. .mapper .pin a {
  1289. position:relative;
  1290. width:11px;
  1291. height:11px;
  1292. left:-5px;
  1293. top:-5px;
  1294. background:url(../images/Mapper/pin-yellow.png) no-repeat;
  1295. display:block;
  1296. }
  1297. .mapper-pin,.mapper-pin-1,.mapper-pin-2,.mapper-pin-3,.mapper-pin-4 {
  1298. padding-left:13px;
  1299. background-image:url(../images/Mapper/pin-yellow.png);
  1300. background-repeat:no-repeat;
  1301. background-position:0 50%;
  1302. }
  1303. .mapper-pin-1,.mapper .pin-1 a {
  1304. background-image:url(../images/Mapper/pin-green.png);
  1305. }
  1306. .mapper-pin-2,.mapper .pin-2 a {
  1307. background-image:url(../images/Mapper/pin-red.png);
  1308. }
  1309. .mapper-pin-3,.mapper .pin-3 a {
  1310. background-image:url(../images/Mapper/pin-blue.png);
  1311. }
  1312. .mapper-pin-4,.mapper .pin-4 a {
  1313. background-image:url(../images/Mapper/pin-purple.png);
  1314. }
  1315. .mapper .pin-start a {
  1316. background-image:url(../images/Mapper/quest-start.png);
  1317. width:9px;
  1318. height:17px;
  1319. left:-4px;
  1320. top:-8px;
  1321. z-index:5;
  1322. }
  1323. .mapper .pin-end a {
  1324. background-image:url(../images/Mapper/quest-end.png);
  1325. width:12px;
  1326. height:18px;
  1327. left:-6px;
  1328. top:-9px;
  1329. z-index:5;
  1330. }
  1331. .mapper .pin-startend a {
  1332. background-image:url(../images/Mapper/quest-startend.png);
  1333. width:19px;
  1334. height:18px;
  1335. left:-9px;
  1336. top:-9px;
  1337. z-index:5;
  1338. }
  1339. .mapper .glow {
  1340. font-size:12px;
  1341. font-weight:bold;
  1342. color:#FFF;
  1343. cursor:default;
  1344. white-space:nowrap;
  1345. margin:0 2px;
  1346. }
  1347. .mapper-som-button {
  1348. float:left!important;
  1349. margin:0!important;
  1350. }
  1351. .mapper-legend {
  1352. float:left;
  1353. display:block;
  1354. background-color:#141414;
  1355. border:1px solid #101010;
  1356. font-size:11px;
  1357. white-space:nowrap;
  1358. -webkit-border-radius:4px;
  1359. -moz-border-radius:4px;
  1360. border-radius:4px;
  1361. margin:-4px 0 0 15px;
  1362. }
  1363. .mapper-legend-container {
  1364. padding:4px 8px;
  1365. }
  1366. .mapper-legend-pin {
  1367. margin:0 5px;
  1368. }
  1369. div.mapviewer-screen {
  1370. background-color:#000;
  1371. position:relative;
  1372. text-align:center;
  1373. }
  1374. div.mapviewer-screen a.mapviewer-cover {
  1375. display:block;
  1376. position:absolute;
  1377. z-index:100;
  1378. top:0;
  1379. margin:0 auto;
  1380. }
  1381. a.mapviewer-cover {
  1382. text-decoration:none;
  1383. left:325px;
  1384. }
  1385. a.mapviewer-cover b {
  1386. text-transform:uppercase;
  1387. text-decoration:none;
  1388. font-size:15px;
  1389. font-family:Tahoma,sans-serif!important;
  1390. font-weight:normal;
  1391. display:block;
  1392. height:22px;
  1393. line-height:22px;
  1394. padding-right:24px;
  1395. color:#e0e0e0;
  1396. background:url(../images/icons/dialog_icons.gif) right -220px no-repeat;
  1397. }
  1398. div.mapviewer-screen a.mapviewer-cover span {
  1399. display:block;
  1400. position:absolute;
  1401. top:10%;
  1402. background-color:#303030;
  1403. padding:10px;
  1404. }
  1405. .menu {
  1406. position:absolute;
  1407. z-index:100000002;
  1408. }
  1409. .menu .menu-outer {
  1410. float:left;
  1411. border:1px solid #181818;
  1412. -webkit-box-shadow:1px 1px 5px #000;
  1413. -moz-box-shadow:1px 1px 5px #000;
  1414. box-shadow:1px 1px 5px #000;
  1415. }
  1416. .menu .menu-inner {
  1417. border:2px solid #484848;
  1418. border-top:1px solid #484848;
  1419. }
  1420. .menu a {
  1421. display:block;
  1422. text-decoration:none;
  1423. border-top:1px solid #484848;
  1424. border-bottom:1px solid #101010;
  1425. white-space:nowrap;
  1426. font-size:13px;
  1427. padding:4px 4px 4px 24px;
  1428. }
  1429. .menu a span {
  1430. display:block;
  1431. padding-right:20px;
  1432. }
  1433. .menu a span.hassubmenu {
  1434. background:url(../images/Menu/arrow-right.gif) right center no-repeat;
  1435. }
  1436. .menu a.open,.menu a:hover,.menu a.open span,.menu a:hover span {
  1437. background-color:#383838;
  1438. }
  1439. .menu a.open,.menu a:hover {
  1440. border-bottom:1px solid #202020;
  1441. }
  1442. .menu a.separator {
  1443. color:#FFF;
  1444. font-weight:bold;
  1445. background-color:#181818;
  1446. padding:4px 8px;
  1447. }
  1448. .menu a.separator:hover {
  1449. text-decoration:underline;
  1450. background-color:#181818;
  1451. border-bottom:1px solid #101010;
  1452. }
  1453. .menu a.checked {
  1454. background-image:url(../images/Menu/check.gif);
  1455. background-position:9px center;
  1456. background-repeat:no-repeat;
  1457. }
  1458. .menu a.icon,.menu a.tinyicon {
  1459. background-position:4px center;
  1460. background-repeat:no-repeat;
  1461. padding-left:24px;
  1462. }
  1463. .menu a.socket-meta,.menu a.socket-red,.menu a.socket-yellow,.menu a.socket-blue,.menu a.socket-prismatic,.menu a.socket-hydraulic,.menu a.socket-cogwheel {
  1464. background-position:5px center;
  1465. }
  1466. span.menu-buttons a {
  1467. text-decoration:none;
  1468. color:#FFF;
  1469. font-size:13px;
  1470. white-space:nowrap;
  1471. padding:4px 11px;
  1472. }
  1473. span.menu-buttons a.open {
  1474. background-color:#484848;
  1475. border:1px solid #282828;
  1476. padding:3px 10px;
  1477. }
  1478. span.menu-buttons span.hassubmenu {
  1479. padding-right:13px;
  1480. background:url(../images/Menu/arrow-down.gif) right center no-repeat;
  1481. }
  1482. div.modelviewer a.dialog-x {
  1483. clear:right;
  1484. margin-top:5px;
  1485. }
  1486. div.modelviewer a.dialog-question {
  1487. margin-top:5px;
  1488. }
  1489. div.modelviewer-animation {
  1490. float:right;
  1491. line-height:22px;
  1492. height:22px;
  1493. display:block;
  1494. margin:10px 0 5px 10px;
  1495. }
  1496. div.modelviewer-screen {
  1497. background-color:#181818;
  1498. width:600px;
  1499. height:400px;
  1500. overflow:hidden;
  1501. text-align:center;
  1502. margin:0 auto;
  1503. }
  1504. div.modelviewer-quality {
  1505. line-height:22px;
  1506. height:22px;
  1507. display:block;
  1508. float:left;
  1509. margin:10px 10px 5px 0;
  1510. }
  1511. div.modelviewer-quality span {
  1512. float:left;
  1513. display:block;
  1514. line-height:22px;
  1515. }
  1516. div.modelviewer-model {
  1517. clear:left;
  1518. padding:5px 0 10px;
  1519. }
  1520. div.modelviewer-model var {
  1521. height:22px;
  1522. line-height:22px;
  1523. float:left;
  1524. margin-right:10px;
  1525. display:block;
  1526. color:#a0a0a0;
  1527. text-transform:uppercase;
  1528. text-decoration:none;
  1529. font-size:15px;
  1530. font-style:normal;
  1531. font-family:Tahoma,sans-serif;
  1532. }
  1533. .layout {
  1534. min-width:980px;
  1535. max-width:1240px;
  1536. margin:0 auto;
  1537. }
  1538. .layout.fullwidth {
  1539. min-width:0;
  1540. max-width:none;
  1541. }
  1542. .layout-inner {
  1543. padding-left:10px;
  1544. }
  1545. .layout.nosidebar .layout-inner {
  1546. padding-right:10px;
  1547. }
  1548. .header {
  1549. position:relative;
  1550. height:105px;
  1551. }
  1552. .header h1 {
  1553. position:absolute;
  1554. left:-2323px;
  1555. top:-2323px;
  1556. }
  1557. .header a.header-logo {
  1558. position:absolute;
  1559. display:block;
  1560. border:0;
  1561. left:0;
  1562. top:20px;
  1563. width:160px;
  1564. height:68px;
  1565. background:url(../images/logos/header.png) no-repeat;
  1566. }
  1567. .beta-ptr-links {
  1568. position:absolute;
  1569. left:2px;
  1570. top:2px;
  1571. font-size:11px;
  1572. font-weight:bold;
  1573. z-index:5;
  1574. }
  1575. .sidebar .sidebar-inner {
  1576. position:absolute;
  1577. right:0;
  1578. top:5px;
  1579. }
  1580. a.sidebar-featured {
  1581. display:block;
  1582. width:160px;
  1583. height:80px;
  1584. background:no-repeat left top;
  1585. margin-bottom:10px;
  1586. }
  1587. a.sidebar-featured:hover {
  1588. background-position:left bottom;
  1589. }
  1590. .wrapper {
  1591. margin-right:170px;
  1592. }
  1593. .layout.nosidebar .wrapper {
  1594. margin-right:0;
  1595. }
  1596. .wrapper-center {
  1597. width:1px;
  1598. height:1px;
  1599. position:relative;
  1600. margin:0 auto;
  1601. }
  1602. .wrapper-right {
  1603. width:1px;
  1604. height:1px;
  1605. position:relative;
  1606. float:right;
  1607. }
  1608. .toplinks {
  1609. float:right;
  1610. line-height:30px;
  1611. height:30px;
  1612. overflow:hidden;
  1613. }
  1614. .toplinks a {
  1615. font-size:13px;
  1616. }
  1617. .toptabs,.toptabs a {
  1618. height:32px;
  1619. }
  1620. .toptabs dl {
  1621. margin:0;
  1622. padding:0;
  1623. }
  1624. .toptabs dt {
  1625. display:block;
  1626. float:left;
  1627. margin:0 3px 0 0;
  1628. padding:0;
  1629. }
  1630. .toptabs a {
  1631. display:block;
  1632. overflow:hidden;
  1633. text-align:left;
  1634. white-space:nowrap;
  1635. line-height:37px;
  1636. padding-left:10px;
  1637. font-family:Arial,sans-serif;
  1638. font-weight:bold;
  1639. font-size:14px;
  1640. text-decoration:none;
  1641. text-transform:uppercase;
  1642. color:#FFCD55;
  1643. cursor:pointer;
  1644. background:url(../images/header/tabs.gif) left 0 no-repeat;
  1645. }
  1646. .toptabs a:hover,.toptabs a.open {
  1647. background-position:left -32px;
  1648. color:#F6E6B3;
  1649. }
  1650. .toptabs a:hover span,.toptabs a.open span {
  1651. background-position:right -32px;
  1652. }
  1653. .toptabs a.active {
  1654. position:relative;
  1655. top:1px;
  1656. line-height:32px;
  1657. background-position:left -64px!important;
  1658. color:#FFF!important;
  1659. }
  1660. .toptabs a.active span {
  1661. background-position:right -64px!important;
  1662. }
  1663. .toptabs a big {
  1664. font-size:16px;
  1665. }
  1666. .toptabs a span {
  1667. display:block;
  1668. padding-right:10px;
  1669. background:url(../images/header/tabs.gif) right 0 no-repeat;
  1670. height:32px;
  1671. }
  1672. .topbar {
  1673. background:#383838;
  1674. border:1px solid #484848;
  1675. height:30px;
  1676. overflow:hidden;
  1677. -webkit-border-radius:2px;
  1678. -moz-border-radius:2px;
  1679. border-radius:2px;
  1680. }
  1681. .topbar-search {
  1682. float:right;
  1683. position:relative;
  1684. right:3px;
  1685. top:3px;
  1686. }
  1687. .topbar-search a {
  1688. width:20px;
  1689. height:20px;
  1690. display:block;
  1691. position:absolute;
  1692. right:3px;
  1693. top:2px;
  1694. background:url(../images/header/search.gif) 2px 2px no-repeat;
  1695. }
  1696. .topbar-search input {
  1697. font-size:13px;
  1698. border:1px solid #adadad;
  1699. background:#FFF url(../images/ui/form/input-textbox-bg.gif) repeat-x;
  1700. outline:0;
  1701. width:250px;
  1702. -webkit-border-radius:3px;
  1703. -moz-border-radius:3px;
  1704. border-radius:3px;
  1705. margin:0;
  1706. padding:3px;
  1707. }
  1708. .topbar-buttons {
  1709. line-height:30px;
  1710. padding-left:3px;
  1711. }
  1712. .main-precontents {
  1713. background:#141414;
  1714. border-left:1px solid #101010;
  1715. border-right:1px solid #101010;
  1716. padding:10px;
  1717. }
  1718. .main-contents {
  1719. border:1px solid #404040;
  1720. background-color:#242424;
  1721. min-height:550px;
  1722. -webkit-border-radius:2px;
  1723. -moz-border-radius:2px;
  1724. border-radius:2px;
  1725. padding:10px;
  1726. }
  1727. .breadcrumb {
  1728. cursor:default;
  1729. font-size:15px;
  1730. background:url(../images/logos/favicon.png) left center no-repeat;
  1731. padding:5px 0 5px 20px;
  1732. }
  1733. span.breadcrumb-arrow {
  1734. padding-right:17px;
  1735. background:url(../images/Menu/arrow-right.gif) right center no-repeat;
  1736. }
  1737. span.breadcrumb-ellipsis {
  1738. padding-right:16px;
  1739. }
  1740. .footer {
  1741. font-size:11px;
  1742. text-align:center;
  1743. padding:50px 0;
  1744. }
  1745. .footer-copy {
  1746. margin-top:1em;
  1747. color:#666;
  1748. }
  1749. a.footer-copy-zam {
  1750. padding-left:26px;
  1751. background:url(../images/footer/zam.gif) no-repeat left 2px;
  1752. }
  1753. a.header-expandsite {
  1754. position:absolute;
  1755. display:block;
  1756. left:1px;
  1757. top:114px;
  1758. background:url(../images/header/expandsite.gif) no-repeat;
  1759. width:8px;
  1760. height:38px;
  1761. z-index:10;
  1762. }
  1763. a.header-expandsite:hover {
  1764. background-position:0 -38px;
  1765. }
  1766. .header-facebook-like {
  1767. position:absolute;
  1768. right:0;
  1769. top:78px;
  1770. }
  1771. .page-header {
  1772. position:relative;
  1773. background:repeat-x;
  1774. margin-bottom:10px;
  1775. }
  1776. .page-header,.page-header a {
  1777. height:125px;
  1778. }
  1779. .page-header var,.page-header span,.page-header a {
  1780. background:no-repeat;
  1781. display:block;
  1782. }
  1783. .page-header var,.page-header span {
  1784. position:absolute;
  1785. }
  1786. td.screenshot-cell {
  1787. cursor:pointer;
  1788. text-align:center;
  1789. padding:10px 4px;
  1790. }
  1791. td.screenshot-cell .listview-cb {
  1792. cursor:default;
  1793. margin-bottom:4px;
  1794. padding:2px;
  1795. }
  1796. td.screenshot-cell img {
  1797. border:2px solid #404040;
  1798. background-color:#080808;
  1799. margin-bottom:3px;
  1800. -webkit-border-radius:2px;
  1801. -moz-border-radius:2px;
  1802. border-radius:2px;
  1803. }
  1804. td.screenshot-cell:hover img {
  1805. background-color:#101010;
  1806. }
  1807. .screenshot-cell-user {
  1808. width:100%;
  1809. overflow:hidden;
  1810. font-size:11px;
  1811. padding-bottom:5px;
  1812. color:#ccc;
  1813. }
  1814. .screenshot-caption,.screenshot-caption-over {
  1815. width:100%;
  1816. position:absolute;
  1817. line-height:18px;
  1818. }
  1819. .screenshot-caption {
  1820. overflow:hidden;
  1821. height:1.33333em;
  1822. left:0;
  1823. top:0;
  1824. z-index:0;
  1825. padding:1px;
  1826. }
  1827. .screenshot-caption-over {
  1828. color:#FFF;
  1829. background-color:#505050;
  1830. border:1px solid #303030;
  1831. left:0;
  1832. top:0;
  1833. z-index:1;
  1834. padding:0;
  1835. }
  1836. .screenshot-caption span,.screenshot-caption-over span {
  1837. font-size:11px;
  1838. font-weight:bold;
  1839. }
  1840. div.screenshotviewer {
  1841. background-color:#303030;
  1842. padding:10px 10px 0;
  1843. }
  1844. div.screenshotviewer-screen {
  1845. background-color:#000;
  1846. position:relative;
  1847. text-align:center;
  1848. font-size:0;
  1849. }
  1850. div.screenshotviewer-screen a {
  1851. display:block;
  1852. position:absolute;
  1853. z-index:100;
  1854. top:0;
  1855. height:100%;
  1856. }
  1857. a.screenshotviewer-prev {
  1858. left:0;
  1859. width:50%;
  1860. text-decoration:none;
  1861. }
  1862. a.screenshotviewer-prev b {
  1863. display:block;
  1864. height:22px;
  1865. line-height:22px;
  1866. padding-left:22px;
  1867. color:#e0e0e0;
  1868. background:url(../images/icons/dialog_icons.gif) 0 -110px no-repeat;
  1869. }
  1870. a.screenshotviewer-next {
  1871. left:50.5%;
  1872. width:50%;
  1873. text-decoration:none;
  1874. }
  1875. a.screenshotviewer-next b {
  1876. display:block;
  1877. height:22px;
  1878. line-height:22px;
  1879. padding-right:22px;
  1880. color:#e0e0e0;
  1881. background:url(../images/icons/dialog_icons.gif) right -264px no-repeat;
  1882. }
  1883. a.screenshotviewer-cover {
  1884. left:0;
  1885. width:100%;
  1886. text-decoration:none;
  1887. }
  1888. a.screenshotviewer-cover b {
  1889. display:block;
  1890. height:22px;
  1891. line-height:22px;
  1892. padding-right:24px;
  1893. color:#a0a0a0;
  1894. background:url(../images/icons/dialog_icons.gif) right -66px no-repeat;
  1895. }
  1896. a.screenshotviewer-cover:hover b {
  1897. background-position:right -220px;
  1898. color:#e0e0e0;
  1899. }
  1900. a.screenshotviewer-next b,a.screenshotviewer-prev b,a.screenshotviewer-cover b {
  1901. text-transform:uppercase;
  1902. text-decoration:none;
  1903. font-size:15px;
  1904. font-family:Tahoma,sans-serif!important;
  1905. font-weight:normal;
  1906. }
  1907. div.screenshotviewer-screen a span {
  1908. display:none;
  1909. position:absolute;
  1910. top:10%;
  1911. background-color:#303030;
  1912. padding:10px;
  1913. }
  1914. a.screenshotviewer-next span {
  1915. right:0;
  1916. }
  1917. div.screenshotviewer-from {
  1918. padding-top:10px;
  1919. font-size:11px;
  1920. color:#ccc;
  1921. }
  1922. div.screenshotviewer-caption {
  1923. font-size:11px;
  1924. font-weight:bold;
  1925. padding:5px 0 10px;
  1926. }
  1927. div.screenshotviewer .bigger-links {
  1928. font-size:19px;
  1929. }
  1930. .slider-x {
  1931. width:100%;
  1932. height:25px;
  1933. }
  1934. .slider-y {
  1935. width:25px;
  1936. height:100%;
  1937. }
  1938. .slider-x .track,.slider-y .track {
  1939. position:absolute;
  1940. display:block;
  1941. width:100%;
  1942. height:100%;
  1943. z-index:8;
  1944. }
  1945. .slider-x .handle,.slider-y .handle {
  1946. position:absolute;
  1947. top:0;
  1948. left:0;
  1949. z-index:10;
  1950. }
  1951. .slider-x .handle {
  1952. background:url(../images/ui/misc/slider.gif) no-repeat top left;
  1953. cursor:e-resize;
  1954. height:22px;
  1955. width:9px;
  1956. }
  1957. .slider-y .handle {
  1958. background:url(../images/ui/misc/slider.gif) no-repeat top right;
  1959. cursor:n-resize;
  1960. height:9px;
  1961. width:22px;
  1962. }
  1963. .slider-x .handle:hover {
  1964. background-position:bottom left;
  1965. }
  1966. .slider-y .handle:hover {
  1967. background-position:bottom right;
  1968. }
  1969. .slider-x span,.slider-y span {
  1970. position:absolute;
  1971. background:#7e7e7e;
  1972. border:1px solid #404040;
  1973. z-index:5;
  1974. }
  1975. .slider-x span {
  1976. top:9px;
  1977. left:0;
  1978. width:100%;
  1979. height:2px;
  1980. }
  1981. .slider-y span {
  1982. top:0;
  1983. left:9px;
  1984. width:2px;
  1985. height:100%;
  1986. }
  1987. .tooltip-slider table {
  1988. width:100%;
  1989. }
  1990. .tabs {
  1991. list-style-type:none;
  1992. margin:0;
  1993. padding:0;
  1994. }
  1995. ul.tabs {
  1996. margin:0!important;
  1997. }
  1998. .tabs li {
  1999. float:left;
  2000. margin-right:3px;
  2001. height:30px;
  2002. }
  2003. .tabs a {
  2004. float:left;
  2005. position:relative;
  2006. display:block;
  2007. height:29px;
  2008. text-decoration:none;
  2009. white-space:nowrap;
  2010. background:#303030 url(../images/Tabs/corner-tr.gif) no-repeat top right;
  2011. border-bottom:1px solid #282828;
  2012. }
  2013. .tabs a:hover {
  2014. background-color:#383838;
  2015. border-bottom:1px solid #303030;
  2016. }
  2017. .tabs a.selected,.tabs a.selected:hover {
  2018. background-color:#404040;
  2019. border-bottom:1px solid #404040;
  2020. }
  2021. .tabs b {
  2022. display:block;
  2023. visibility:hidden;
  2024. padding:0 5px;
  2025. }
  2026. .tabs div {
  2027. position:absolute;
  2028. left:0;
  2029. top:0;
  2030. width:100%;
  2031. text-align:center;
  2032. line-height:30px;
  2033. background:url(../images/Tabs/corner-tl.gif) top left no-repeat;
  2034. }
  2035. .tabs-container {
  2036. position:relative;
  2037. overflow:hidden;
  2038. }
  2039. .tabs-levels {
  2040. position:absolute;
  2041. left:0;
  2042. bottom:0;
  2043. width:100%;
  2044. }
  2045. .tabs-level {
  2046. position:relative;
  2047. width:100%;
  2048. height:30px;
  2049. overflow:hidden;
  2050. }
  2051. .tabs-level ul {
  2052. position:absolute;
  2053. left:0!important;
  2054. padding-left:0!important;
  2055. margin:0!important;
  2056. }
  2057. .tabbed-contents {
  2058. border:1px solid #404040;
  2059. border-top-width:2px;
  2060. background-color:#141414;
  2061. clear:both;
  2062. padding:8px;
  2063. }
  2064. .listview .tabbed-contents {
  2065. border-width:0;
  2066. }
  2067. .tabbed-contents .tabbed-contents {
  2068. border-width:1px 0 0;
  2069. }
  2070. .tabbed-contents .infobox,.tabbed-contents .minibox,.tabbed-contents .quote,.tabbed-contents pre.code,.tabbed-contents .listview-nodata,.tabbed-contents .listview-mode-default,.tabbed-contents .listview-mode-div,.tabbed-contents .listview-mode-tiled,.tabbed-contents .grid {
  2071. background-color:#0C0C0C!important;
  2072. }
  2073. .tabbed-contents .infobox,.tabbed-contents .minibox,.tabbed-contents .quote,.tabbed-contents pre.code {
  2074. border-color:#080808!important;
  2075. }
  2076. .tabbed-contents .grid tr:hover {
  2077. background-color:#181818;
  2078. }
  2079. .text {
  2080. color:#ccc;
  2081. line-height:1.4em;
  2082. }
  2083. .text ul,.text ol {
  2084. margin:1em 0;
  2085. }
  2086. .text ol ul,.text ol ol,.text ul ol,.text ul ul {
  2087. margin-top:0;
  2088. margin-bottom:0;
  2089. }
  2090. .text ul {
  2091. padding-left:24px;
  2092. color:#c3030b;
  2093. list-style-type:square;
  2094. }
  2095. .text ol {
  2096. list-style-type:decimal!important;
  2097. color:#E5CC80;
  2098. }
  2099. .bluetracker ol,.bluetracker ul {
  2100. margin:0;
  2101. }
  2102. .text li {
  2103. list-style-position:outside;
  2104. line-height:2em;
  2105. }
  2106. .bluetracker li {
  2107. line-height:1.6em;
  2108. }
  2109. .text h1 {
  2110. color:#FFF;
  2111. font-size:21px;
  2112. font-weight:normal;
  2113. border-bottom:1px solid #505050;
  2114. line-height:1.1em;
  2115. margin:0 0 13px;
  2116. padding:0 0 5px;
  2117. }
  2118. .text h2,.comment-body h2,.forums-post-body h2 {
  2119. color:#FFF;
  2120. font-size:19px;
  2121. font-weight:normal;
  2122. border-bottom:1px solid #505050;
  2123. line-height:1.25em;
  2124. margin:26px 0 13px;
  2125. padding:0 0 3px;
  2126. }
  2127. .text h3,.comment-body h3,.forums-post-body h3 {
  2128. color:#FFF;
  2129. font-size:15px;
  2130. margin:1.5em 0 .5em;
  2131. padding:0;
  2132. }
  2133. .text h1 span.sub,.text h2 span.sub,.text h3 span.sub {
  2134. display:block;
  2135. font-weight:normal;
  2136. font-size:12px;
  2137. color:#909090;
  2138. }
  2139. .text hr {
  2140. height:1px;
  2141. color:#505050;
  2142. background:#505050;
  2143. border:none;
  2144. margin-top:13px;
  2145. margin-bottom:13px;
  2146. }
  2147. .text pre.code {
  2148. color:#eee;
  2149. background-color:#141414;
  2150. border:1px solid #101010;
  2151. line-height:normal;
  2152. font-family:'Bitstream Vera Sans Mono','Lucida Console','Courier New',Monaco,Courier,monospace;
  2153. overflow:auto;
  2154. white-space:pre-wrap!important;
  2155. -webkit-border-radius:6px;
  2156. -moz-border-radius:6px;
  2157. border-radius:6px;
  2158. margin:2px 15px 15px;
  2159. padding:10px;
  2160. }
  2161. .text .quote,.text blockquote {
  2162. display:table;
  2163. color:#eee;
  2164. background-color:#141414;
  2165. border:1px solid #101010;
  2166. line-height:normal;
  2167. -webkit-border-radius:6px;
  2168. -moz-border-radius:6px;
  2169. border-radius:6px;
  2170. margin:15px;
  2171. padding:10px;
  2172. }
  2173. .text blockquote {
  2174. margin:10px;
  2175. }
  2176. .text blockquote div {
  2177. color:#bbb;
  2178. padding-bottom:8px;
  2179. font-size:11px;
  2180. }
  2181. .text .quote .quote,.text blockquote blockquote {
  2182. border-color:#404040;
  2183. }
  2184. .text .spoiler {
  2185. display:table;
  2186. color:#0C0C0C;
  2187. background-color:#0C0C0C;
  2188. border:1px solid #080808;
  2189. line-height:normal;
  2190. -webkit-border-radius:6px;
  2191. -moz-border-radius:6px;
  2192. border-radius:6px;
  2193. margin:15px;
  2194. padding:10px;
  2195. }
  2196. .text .spoiler:hover {
  2197. color:#DDD;
  2198. }
  2199. .text .spoiler * {
  2200. visibility:hidden;
  2201. }
  2202. .text .spoiler:hover * {
  2203. visibility:visible;
  2204. }
  2205. .text .minibox {
  2206. float:right;
  2207. background-color:#141414;
  2208. border:1px solid #101010;
  2209. font-size:11px;
  2210. text-align:center;
  2211. -webkit-border-radius:6px;
  2212. -moz-border-radius:6px;
  2213. border-radius:6px;
  2214. margin:0 0 4px 10px;
  2215. padding:8px;
  2216. }
  2217. .text .minibox-left {
  2218. float:left;
  2219. margin-left:0;
  2220. margin-right:10px;
  2221. }
  2222. .text .minibox h2 {
  2223. font-size:15px;
  2224. border:none;
  2225. font-weight:bold;
  2226. margin:0 0 5px;
  2227. }
  2228. .text .minibox h3,.text .minibox h3 a:link,.text .minibox h3 a:visited {
  2229. color:#9d9d9d!important;
  2230. font-size:11px;
  2231. font-weight:normal;
  2232. margin:0;
  2233. }
  2234. .text .minibox h3 img {
  2235. vertical-align:middle;
  2236. }
  2237. .text sup,.text sub {
  2238. font-size:10px!important;
  2239. }
  2240. .text .first {
  2241. margin-top:0!important;
  2242. }
  2243. .text .last {
  2244. margin-bottom:0!important;
  2245. }
  2246. .text .encounter img {
  2247. vertical-align:text-bottom;
  2248. }
  2249. del.diffmod,del.diffdel {
  2250. opacity:.40;
  2251. filter:alpha(opacity=40);
  2252. text-decoration:none;
  2253. border-bottom:1px dotted;
  2254. }
  2255. ins.diffmod,ins.diffins {
  2256. color:#5DF644;
  2257. text-decoration:none;
  2258. border-bottom:1px dotted;
  2259. }
  2260. .disclosure-on,.disclosure-off {
  2261. background:url(../images/ui/misc/arrow-disclosure.gif) no-repeat left center;
  2262. padding-left:15px;
  2263. }
  2264. .disclosure-off {
  2265. background-position:-740px center;
  2266. }
  2267. a.disclosure-on,a.disclosure-off {
  2268. color:#FFF;
  2269. text-decoration:none;
  2270. font-weight:bold;
  2271. }
  2272. a.button-red {
  2273. position:relative;
  2274. display:block;
  2275. float:right;
  2276. text-decoration:none;
  2277. cursor:pointer;
  2278. line-height:21px;
  2279. color:#FFD100;
  2280. font-weight:bold;
  2281. font-size:11px;
  2282. background:url(../images/ui/button/wow-red.gif) left 0 no-repeat;
  2283. padding-left:13px;
  2284. white-space:nowrap;
  2285. outline:0;
  2286. margin-left:8px;
  2287. }
  2288. a.button-red span {
  2289. display:block;
  2290. position:relative;
  2291. z-index:5;
  2292. }
  2293. a.button-red i {
  2294. position:absolute;
  2295. left:-1px;
  2296. top:2px;
  2297. z-index:1;
  2298. font-style:normal;
  2299. color:#000;
  2300. }
  2301. a.button-red em {
  2302. display:block;
  2303. font-style:normal;
  2304. padding-right:13px;
  2305. background:url(../images/ui/button/wow-red.gif) right 0 no-repeat;
  2306. }
  2307. a.button-red b {
  2308. display:block;
  2309. position:absolute;
  2310. }
  2311. a:hover.button-red {
  2312. color:#FFF;
  2313. background-position:left -21px;
  2314. text-decoration:none!important;
  2315. }
  2316. a:hover.button-red em {
  2317. background-position:right -21px;
  2318. }
  2319. a:active.button-red {
  2320. background-position:left -63px;
  2321. }
  2322. a:active.button-red em {
  2323. background-position:right -63px;
  2324. }
  2325. a:active.button-red span,a:active.button-red i {
  2326. left:-2px;
  2327. }
  2328. a:active.button-red-disabled i {
  2329. left:-1px;
  2330. }
  2331. a.button-red-disabled,a:hover.button-red-disabled {
  2332. background-position:left -84px!important;
  2333. color:#A0A0A0;
  2334. cursor:default;
  2335. }
  2336. a.button-red-disabled em,a:hover.button-red-disabled em {
  2337. background-position:right -84px!important;
  2338. }
  2339. a.button-bigblue {
  2340. display:block;
  2341. float:left;
  2342. height:66px;
  2343. margin-right:30px;
  2344. background:url(../images/ui/button/big-blue.gif) no-repeat;
  2345. color:#FFF;
  2346. white-space:nowrap;
  2347. text-decoration:none;
  2348. position:relative;
  2349. }
  2350. a.button-bigblue:hover {
  2351. background-position:0 -66px;
  2352. }
  2353. a.button-bigblue:hover b {
  2354. background-position:right -66px;
  2355. }
  2356. a.button-bigblue span {
  2357. display:block;
  2358. height:66px;
  2359. background-repeat:no-repeat;
  2360. background-position:8px center;
  2361. padding:0 30px 0 60px;
  2362. }
  2363. a.button-bigblue ins {
  2364. display:block;
  2365. padding-top:15px;
  2366. text-decoration:none;
  2367. font-size:18px;
  2368. }
  2369. a.button-bigblue del {
  2370. display:block;
  2371. text-decoration:none;
  2372. font-size:11px;
  2373. color:#eee;
  2374. }
  2375. a.button-bigblue b {
  2376. position:absolute;
  2377. top:0;
  2378. right:-13px;
  2379. background:url(../images/ui/button/big-blue.gif) no-repeat right 0;
  2380. width:13px;
  2381. height:66px;
  2382. }
  2383. .linklist {
  2384. color:#666;
  2385. font-size:11px;
  2386. }
  2387. .linklist a {
  2388. text-decoration:none;
  2389. color:#FFCD55;
  2390. margin:0 .8em;
  2391. }
  2392. .linklist a:hover,.linklist a.open {
  2393. color:#F6E6B3;
  2394. text-decoration:underline;
  2395. }
  2396. .linklist a.hassubmenu {
  2397. padding-right:13px;
  2398. background:url(../images/Menu/arrow-down-ffcd55.gif) right center no-repeat;
  2399. }
  2400. .indicator {
  2401. float:left;
  2402. display:block;
  2403. background-color:#141414;
  2404. border:1px solid #101010;
  2405. white-space:nowrap;
  2406. -webkit-border-radius:4px;
  2407. -moz-border-radius:4px;
  2408. border-radius:4px;
  2409. margin:0 5px 10px 0;
  2410. padding:6px 10px;
  2411. }
  2412. .indicator-x {
  2413. font-size:11px;
  2414. margin-right:-10px;
  2415. padding:10px;
  2416. }
  2417. .listview-band-top .indicator {
  2418. background-color:#181818;
  2419. border-color:#141414;
  2420. }
  2421. .indicator-mode {
  2422. display:block;
  2423. text-align:center;
  2424. margin:0 auto;
  2425. }
  2426. .indicator-mode a {
  2427. color:#CCC;
  2428. }
  2429. .indicator-mode a span {
  2430. text-decoration:underline;
  2431. color:#FFD100;
  2432. }
  2433. .indicator-mode b {
  2434. display:block;
  2435. visibility:hidden;
  2436. height:0;
  2437. overflow:hidden;
  2438. font-weight:bold;
  2439. }
  2440. .infobox {
  2441. float:right;
  2442. background-color:#141414;
  2443. border:1px solid #404040;
  2444. -webkit-border-radius:6px;
  2445. -moz-border-radius:6px;
  2446. border-radius:6px;
  2447. padding-bottom:12px;
  2448. margin:0 0 10px 10px;
  2449. }
  2450. .infobox-spacer {
  2451. width:174px;
  2452. height:1px;
  2453. background-color:transparent;
  2454. }
  2455. .infobox th {
  2456. color:#FFF;
  2457. font-size:15px;
  2458. text-align:center;
  2459. font-weight:bold;
  2460. padding:12px 12px 10px;
  2461. }
  2462. .infobox th a {
  2463. text-decoration:none;
  2464. color:#FFF;
  2465. }
  2466. .infobox td {
  2467. font-size:13px;
  2468. line-height:1.75em;
  2469. white-space:nowrap;
  2470. padding:0 12px;
  2471. }
  2472. .infobox ul {
  2473. padding-left:13px;
  2474. margin:0;
  2475. }
  2476. .infobox li {
  2477. color:#c3030b;
  2478. list-style-type:square;
  2479. }
  2480. #infobox-sticky-ss,#infobox-sticky-vi {
  2481. text-align:center;
  2482. }
  2483. #infobox-sticky-ss img,#infobox-sticky-vi img {
  2484. margin-bottom:4px;
  2485. }
  2486. .series {
  2487. border-collapse:collapse;
  2488. line-height:1.5em;
  2489. }
  2490. .series th {
  2491. font-weight:normal;
  2492. text-align:right;
  2493. vertical-align:top;
  2494. padding:.2em 10px 0 0;
  2495. }
  2496. .inputbox {
  2497. width:30em;
  2498. color:#ccc;
  2499. background-color:#383838;
  2500. border-left:1px solid #606060;
  2501. border-top:1px solid #606060;
  2502. border-right:1px solid #101010;
  2503. border-bottom:1px solid #101010;
  2504. line-height:1.7em;
  2505. margin:0 auto;
  2506. padding:15px;
  2507. }
  2508. .inputbox table {
  2509. border-collapse:collapse;
  2510. }
  2511. .inputbox td {
  2512. padding:2px;
  2513. }
  2514. .inputbox h1 {
  2515. color:#FFF;
  2516. font-size:16px;
  2517. text-align:center;
  2518. padding-bottom:6px;
  2519. margin:0;
  2520. }
  2521. #inputbox-error {
  2522. color:#f33;
  2523. font-weight:bold;
  2524. font-size:14px;
  2525. padding-bottom:10px;
  2526. text-align:center;
  2527. }
  2528. .grid {
  2529. width:100%;
  2530. border-collapse:collapse;
  2531. background-color:#141414;
  2532. border:2px solid #404040;
  2533. }
  2534. .grid td {
  2535. color:#ddd;
  2536. font-size:13px;
  2537. padding:4px;
  2538. }
  2539. .grid th {
  2540. vertical-align:top;
  2541. font-weight:normal;
  2542. color:#FFF;
  2543. text-align:left;
  2544. white-space:nowrap;
  2545. padding:4px;
  2546. }
  2547. .grid td,.grid th {
  2548. border-top:1px solid #404040;
  2549. border-bottom:1px solid #404040;
  2550. border-left:1px solid #282828;
  2551. border-right:1px solid #282828;
  2552. }
  2553. .progressbar {
  2554. display:block;
  2555. border:none;
  2556. background-color:#000;
  2557. font-size:11px;
  2558. font-weight:bold;
  2559. line-height:1.5em;
  2560. color:#FFF;
  2561. text-decoration:none!important;
  2562. position:relative;
  2563. -webkit-border-radius:3px;
  2564. -moz-border-radius:3px;
  2565. border-radius:3px;
  2566. margin:2px 1px 4px;
  2567. }
  2568. .progressbar ins {
  2569. display:none;
  2570. text-decoration:none;
  2571. }
  2572. a.progressbar:hover ins {
  2573. display:inline;
  2574. }
  2575. .progressbar-text {
  2576. position:absolute;
  2577. left:0;
  2578. top:1px;
  2579. width:100%;
  2580. height:100%;
  2581. text-align:center;
  2582. }
  2583. .progressbar-hidden {
  2584. position:relative;
  2585. visibility:hidden;
  2586. height:1px;
  2587. width:auto;
  2588. margin-top:-1px;
  2589. }
  2590. .progressbar-rep0 {
  2591. border-top:1px solid #b82e21;
  2592. border-bottom:1px solid #9c2319;
  2593. background-color:#861c10;
  2594. -webkit-border-radius:3px;
  2595. -moz-border-radius:3px;
  2596. border-radius:3px;
  2597. }
  2598. .progressbar-rep1 {
  2599. border-top:1px solid #c9662b;
  2600. border-bottom:1px solid #b05421;
  2601. background-color:#994515;
  2602. -webkit-border-radius:3px;
  2603. -moz-border-radius:3px;
  2604. border-radius:3px;
  2605. }
  2606. .progressbar-rep2 {
  2607. border-top:1px solid #d59b31;
  2608. border-bottom:1px solid #bf8626;
  2609. background-color:#aa7419;
  2610. -webkit-border-radius:3px;
  2611. -moz-border-radius:3px;
  2612. border-radius:3px;
  2613. }
  2614. .progressbar-rep3 {
  2615. border-top:1px solid #d2b130;
  2616. border-bottom:1px solid #bb9b25;
  2617. background-color:#a68818;
  2618. -webkit-border-radius:3px;
  2619. -moz-border-radius:3px;
  2620. border-radius:3px;
  2621. }
  2622. .progressbar-rep4 {
  2623. border-top:1px solid #a4a201;
  2624. border-bottom:1px solid #8d8b01;
  2625. background-color:#777601;
  2626. -webkit-border-radius:3px;
  2627. -moz-border-radius:3px;
  2628. border-radius:3px;
  2629. }
  2630. .progressbar-rep5 {
  2631. border-top:1px solid #74a001;
  2632. border-bottom:1px solid #638701;
  2633. background-color:#527001;
  2634. -webkit-border-radius:3px;
  2635. -moz-border-radius:3px;
  2636. border-radius:3px;
  2637. }
  2638. .progressbar-rep6 {
  2639. border-top:1px solid #30a601;
  2640. border-bottom:1px solid #288b01;
  2641. background-color:#217201;
  2642. -webkit-border-radius:3px;
  2643. -moz-border-radius:3px;
  2644. border-radius:3px;
  2645. }
  2646. .progressbar-rep7 {
  2647. border-top:1px solid #0aa087;
  2648. border-bottom:1px solid #068870;
  2649. background-color:#007564;
  2650. -webkit-border-radius:3px;
  2651. -moz-border-radius:3px;
  2652. border-radius:3px;
  2653. }
  2654. .progressbar-ach0 {
  2655. border-top:1px solid #2b98c9;
  2656. border-bottom:1px solid #2082af;
  2657. background-color:#157099;
  2658. -webkit-border-radius:3px;
  2659. -moz-border-radius:3px;
  2660. border-radius:3px;
  2661. }
  2662. .progressbar-ach1 {
  2663. border-top:1px solid #7a7a7a;
  2664. border-bottom:1px solid #686868;
  2665. background-color:#575757;
  2666. -webkit-border-radius:3px;
  2667. -moz-border-radius:3px;
  2668. border-radius:3px;
  2669. }
  2670. .progressbar-green {
  2671. border-top:1px solid #3aca01;
  2672. border-bottom:1px solid #2b9401;
  2673. background-color:#207001;
  2674. -webkit-border-radius:3px;
  2675. -moz-border-radius:3px;
  2676. border-radius:3px;
  2677. }
  2678. .progressbar-yellow {
  2679. border-top:1px solid #e6e200;
  2680. border-bottom:1px solid #b1ae00;
  2681. background-color:#939000;
  2682. -webkit-border-radius:3px;
  2683. -moz-border-radius:3px;
  2684. border-radius:3px;
  2685. }
  2686. .progressbar-red {
  2687. border-top:1px solid #e60f00;
  2688. border-bottom:1px solid #b10c00;
  2689. background-color:#930900;
  2690. -webkit-border-radius:3px;
  2691. -moz-border-radius:3px;
  2692. border-radius:3px;
  2693. }
  2694. .listview .progressbar {
  2695. margin:3px;
  2696. }
  2697. .toolbar button {
  2698. padding-left:2px;
  2699. padding-right:2px;
  2700. padding-bottom:0;
  2701. margin-bottom:0;
  2702. margin-right:2px;
  2703. }
  2704. .toolbar img {
  2705. width:16px;
  2706. height:16px;
  2707. background:url(../images/ui/misc/toolbar.png) no-repeat;
  2708. }
  2709. .toolbar img.toolbar-b {
  2710. background-position:0 0!important;
  2711. }
  2712. .toolbar img.toolbar-i {
  2713. background-position:-16px 0!important;
  2714. }
  2715. .toolbar img.toolbar-u {
  2716. background-position:-32px 0!important;
  2717. }
  2718. .toolbar img.toolbar-s {
  2719. background-position:-48px 0!important;
  2720. }
  2721. .toolbar img.toolbar-url {
  2722. background-position:-64px 0!important;
  2723. }
  2724. .toolbar img.toolbar-small {
  2725. background-position:-80px 0!important;
  2726. }
  2727. .toolbar img.toolbar-quote {
  2728. background-position:-96px 0!important;
  2729. }
  2730. .toolbar img.toolbar-code {
  2731. background-position:-112px 0!important;
  2732. }
  2733. .toolbar img.toolbar-ul {
  2734. background-position:-128px 0!important;
  2735. }
  2736. .toolbar img.toolbar-ol {
  2737. background-position:-144px 0!important;
  2738. }
  2739. .toolbar img.toolbar-li {
  2740. background-position:-160px 0!important;
  2741. }
  2742. .toolbar img.toolbar-img {
  2743. background-position:-176px 0!important;
  2744. }
  2745. .toolbar img.toolbar-thumb {
  2746. background-position:-192px 0!important;
  2747. }
  2748. .toolbar img.toolbar-title {
  2749. background-position:-208px 0!important;
  2750. }
  2751. .toolbar img.toolbar-pad {
  2752. background-position:-224px 0!important;
  2753. }
  2754. .toolbar img.toolbar-winners {
  2755. background-position:-240px 0!important;
  2756. }
  2757. .toolbar img.toolbar-prizes {
  2758. background-position:-256px 0!important;
  2759. }
  2760. .toolbar img.toolbar-entryform {
  2761. background-position:-272px 0!important;
  2762. }
  2763. .toolbar img.toolbar-fromhtml {
  2764. background-position:-288px 0!important;
  2765. }
  2766. a.captcha {
  2767. display:block;
  2768. width:150px;
  2769. height:40px;
  2770. margin:8px 1px;
  2771. }
  2772. a.captcha:hover {
  2773. border:1px dotted #747474;
  2774. background-color:#343434;
  2775. margin:7px 0;
  2776. }
  2777. .tabbed-contents a.captcha:hover {
  2778. border:1px dotted #686868;
  2779. background-color:#282828;
  2780. }
  2781. .inputbox a.captcha:hover {
  2782. border:1px dotted #888;
  2783. background-color:#484848;
  2784. }
  2785. div.captcha-center {
  2786. width:318px;
  2787. margin:0 auto;
  2788. }
  2789. .pages var {
  2790. float:right;
  2791. color:#ccc;
  2792. font-style:normal;
  2793. margin:0;
  2794. padding:3px 0;
  2795. }
  2796. .pages var span {
  2797. color:#9d9d9d;
  2798. margin:0 6px;
  2799. }
  2800. .pages .gotopage {
  2801. margin-right:6px;
  2802. cursor:pointer;
  2803. background:url(../images/icons/pages.gif) no-repeat left center;
  2804. padding:0 9px;
  2805. }
  2806. .pages-numbers a,.pages-numbers span {
  2807. float:right;
  2808. font-size:11px;
  2809. margin:0 2px;
  2810. }
  2811. .pages-numbers a {
  2812. border:1px solid #404040;
  2813. background-color:#141414;
  2814. text-decoration:none;
  2815. padding:3px 6px;
  2816. }
  2817. .pages-numbers a:hover {
  2818. background-color:#303030;
  2819. }
  2820. .pages-numbers span {
  2821. font-size:13px;
  2822. padding:3px;
  2823. }
  2824. .pages-numbers span.selected {
  2825. color:#FFF;
  2826. background-color:#404040;
  2827. border:1px solid #404040;
  2828. font-weight:bold;
  2829. font-size:11px;
  2830. padding:3px 6px;
  2831. }
  2832. hgroup {
  2833. border-bottom:1px solid #505050;
  2834. display:block;
  2835. }
  2836. hgroup h1,hgroup h2,.text hgroup h1,.text hgroup h2 {
  2837. border-bottom:0;
  2838. }
  2839. small,.comment-edit-modes,.comment-edit-body,.listview-mode-default .small {
  2840. font-size:11px;
  2841. }
  2842. a:hover,a.open,.tabs li a.selected div,.tabs li a:hover div,.tabs li a.selected b,.tabs li a:hover b,.text b,.indicator:hover .indicator-mode a span,.indicator-mode a.selected,.indicator-mode a.selected span,.infobox li div,#inputbox-error b {
  2843. color:#FFF;
  2844. }
  2845. .ie7 img.encounter-journal,a.progressbar:hover del {
  2846. display:none;
  2847. }
  2848. .text>div.ad-medrect,#fi>div.ad-medrect,.profiler>div.ad-medrect,.text .block-bg,#fi .block-bg,.profiler .block-bg {
  2849. float:right;
  2850. margin:0 0 10px 10px;
  2851. }
  2852. .talentcalc-sidebar>div.ad-medrect,.talentcalc-sidebar .block-bg {
  2853. background-position:0 13px;
  2854. padding-top:13px;
  2855. }
  2856. .comment0,.listview tr.checked,.listview tr.upgraded {
  2857. background-color:#242424;
  2858. }
  2859. .comment-header var a,.comment-rating span,.listview tr.upgraded td,div.screenshotviewer-from a,.text h1 span.sub a,.text h2 span.sub a,.text h3 span.sub a {
  2860. font-weight:bold;
  2861. }
  2862. .comment-header var a.q0:hover,.comment-rating b a:hover,.listview-mode-default tbody a:hover,.mapper .glow a:hover,span.menu-buttons a:hover,.text .minibox h2 a:hover,.text .minibox h3 a:link,.text .minibox h3 a:visited,.text h1 a.header-link:hover,.text h2 a.header-link:hover,a.disclosure-on:hover,a.disclosure-off:hover,a.button-bigblue:hover ins,.infobox th a:hover {
  2863. text-decoration:underline;
  2864. }
  2865. .comment-rating span a,.tabs li a div,.tabs li a b {
  2866. color:#FFD100;
  2867. }
  2868. .comment-rating span a:hover,.text .minibox h2 a:link,.text .minibox h2 a:visited,.text h1 a.header-link,.text h2 a.header-link {
  2869. color:#FFF;
  2870. text-decoration:none;
  2871. }
  2872. .comment-links a,.text h3 small,.infobox th small {
  2873. font-weight:normal;
  2874. }
  2875. div.dialog table,.listview table {
  2876. width:100%;
  2877. border-collapse:collapse;
  2878. }
  2879. #fi,.text ol li div,.text li div,#recaptcha_instructions_image {
  2880. color:#ccc;
  2881. }
  2882. #lnewwegnwe53,.sidebar,.slider-x,.slider-y {
  2883. position:relative;
  2884. }
  2885. .iconsmall,.iconsmall var {
  2886. width:26px;
  2887. height:26px;
  2888. }
  2889. .iconmedium,.iconmedium var {
  2890. width:44px;
  2891. height:44px;
  2892. }
  2893. .iconsmall a:hover,.iconmedium a:hover,.iconlarge a:hover,.iconsmall-socket-meta-empty ins,.iconmedium-socket-meta-empty ins {
  2894. background-position:0 0;
  2895. }
  2896. .iconsmall-socket-yellow-empty ins,.iconmedium-socket-red-empty ins {
  2897. background-position:-36px 0;
  2898. }
  2899. .iconsmall-socket-prismatic-empty ins,.iconmedium-socket-yellow-empty ins {
  2900. background-position:-72px 0;
  2901. }
  2902. .icon-star-right,.menu a.icon-star-right span {
  2903. padding-right:21px;
  2904. background:url(../images/icons/star.png) no-repeat right center;
  2905. }
  2906. .icontab tr,.listview-mode-tiled td.empty-cell:hover {
  2907. background:none!important;
  2908. }
  2909. .listview thead a span span,.series td {
  2910. padding:0;
  2911. }
  2912. .listview th a.static,.listview-cb input,.toptabs a.unlinked,a.progressbar {
  2913. cursor:default;
  2914. }
  2915. .listview-mode-default tbody a,.mapper .glow a,.indicator-mode a.selected span,.progressbar del {
  2916. text-decoration:none;
  2917. }
  2918. .listview-mode-default tbody.clickable tr,.listview-mode-tiled td {
  2919. cursor:pointer;
  2920. }
  2921. .listview-mode-default tbody tr:hover,.listview-mode-tiled td:hover,td.checked,.grid tr:hover {
  2922. background-color:#202020;
  2923. }
  2924. .listview-mode-tiled td.empty-cell,a.button-red-disabled {
  2925. cursor:default!important;
  2926. }
  2927. .listview tr.checked:hover,.listview tr.upgraded:hover,td.checked:hover {
  2928. background-color:#2C2C2C;
  2929. }
  2930. div.mapviewer,div.modelviewer {
  2931. background-color:#303030;
  2932. font-size:13px;
  2933. padding:10px 10px 0;
  2934. }
  2935. div.mapviewer-screen a.mapviewer-cover:hover span,div.screenshotviewer-screen a:hover span {
  2936. display:inline-block;
  2937. }
  2938. a.mapviewer-cover span,a.screenshotviewer-cover span {
  2939. position:static!important;
  2940. margin:0 auto;
  2941. }
  2942. a.mapviewer-close,a.modelviewer-close,a.screenshotviewer-close {
  2943. float:right;
  2944. display:block;
  2945. padding:10px 0 10px 10px;
  2946. }
  2947. .menu a,.menu a span,td.screenshot-cell .listview-cb:hover {
  2948. background-color:#282828;
  2949. }
  2950. .menu a.unlinked,span.menu-buttons a.unlinked {
  2951. text-decoration:none!important;
  2952. cursor:default;
  2953. }
  2954. div.modelviewer-animation var,div.modelviewer-quality var {
  2955. float:left;
  2956. height:22px;
  2957. display:block;
  2958. color:#a0a0a0;
  2959. text-transform:uppercase;
  2960. text-decoration:none;
  2961. font-size:15px;
  2962. font-style:normal;
  2963. margin-right:10px;
  2964. font-family:Tahoma,sans-serif;
  2965. }
  2966. a.modelviewer-help,a.screenshotviewer-original {
  2967. float:right;
  2968. display:block;
  2969. margin-right:10px;
  2970. padding:10px 0 10px 10px;
  2971. }
  2972. a.screenshotviewer-prev span,a:active.button-red-disabled span {
  2973. left:0;
  2974. }
  2975. .text a b,.bluetracker ul {
  2976. color:inherit!important;
  2977. }
  2978. .text .h1-links,.text blockquote .bml-quote-date {
  2979. float:right;
  2980. }
  2981. .text .minibox h2,.text .minibox h2 b,.text .minibox h2 a:link,.text .minibox h2 a:visited,.text .minibox h3 a:hover {
  2982. color:#FFF!important;
  2983. }
  2984. .grid .iconsmall,.grid .iconmedium,.pages-left var,.pages-left .pages-numbers a,.pages-left .pages-numbers span {
  2985. float:left;
  2986. }