API tools faq
paste
Flordibel

DTI 2023 Dark Mode (with Stylus)

Flordibel
Oct 30th, 2023 (edited)
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 107.06 KB | None | 0 0
raw download clone embed print report
  1. @import url("https://fonts.googleapis.com/css?family=Droid+Sans:400,700");
  2. @import url("https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic");
  3. @import url("https://fonts.googleapis.com/css?family=Calligraffitti");
  4. @font-face {
  5. font-family: Delicious;
  6. src: local("Delicious"), url(/assets/Delicious-Roman-ca656e6bcc695252708778e6c2d96867592af6df55a6339759824bec5e4b0c8c.otf)
  7. }
  8. @font-face {
  9. font-family: Delicious;
  10. font-weight: bold;
  11. src: local("Delicious"), url(/assets/Delicious-Bold-d38712ee0b9db2aa7fc40ad3ad80f7fab3c74934369c206cfc0868ebeaab9705.otf)
  12. }
  13. @font-face {
  14. font-family: Delicious;
  15. font-style: italic;
  16. src: local("Delicious"), url(/assets/Delicious-Italic-4346b301afbdfd8d5632264d0ffecbb5141f931c4721e57c2abb0a44c2337155.otf)
  17. }
  18. html,
  19. body,
  20. div,
  21. span,
  22. applet,
  23. object,
  24. iframe,
  25. h1,
  26. h2,
  27. h3,
  28. h4,
  29. h5,
  30. h6,
  31. p,
  32. blockquote,
  33. pre,
  34. a,
  35. abbr,
  36. acronym,
  37. address,
  38. big,
  39. cite,
  40. code,
  41. del,
  42. dfn,
  43. em,
  44. font,
  45. img,
  46. ins,
  47. kbd,
  48. q,
  49. s,
  50. samp,
  51. small,
  52. strike,
  53. strong,
  54. sub,
  55. sup,
  56. tt,
  57. var,
  58. b,
  59. u,
  60. i,
  61. center,
  62. dl,
  63. dt,
  64. dd,
  65. ol,
  66. ul,
  67. li,
  68. fieldset,
  69. form,
  70. label,
  71. legend,
  72. table,
  73. caption,
  74. tbody,
  75. tfoot,
  76. thead,
  77. tr,
  78. th,
  79. td {
  80. margin: 0;
  81. padding: 0;
  82. border: 0;
  83. outline: 0;
  84. font-size: 100%;
  85. vertical-align: baseline;
  86. background: transparent
  87. }
  88. html,
  89. body {
  90. height: 100%
  91. }
  92. body {
  93. background: #201d1d;
  94. color: #ba93f2;
  95. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  96. font-size: 90%;
  97. line-height: 1.5
  98. }
  99. a[href] {
  100. color: #b2a0e3
  101. }
  102. p {
  103. font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif
  104. }
  105. input,
  106. button,
  107. select {
  108. font-family: inherit;
  109. font-size: 100%
  110. }
  111. p {
  112. margin-bottom: 1em
  113. }
  114. h1,
  115. h2,
  116. h3 {
  117. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif
  118. }
  119. h1 {
  120. font-size: 3em;
  121. line-height: 1;
  122. margin-bottom: 0.50em
  123. }
  124. h2 {
  125. font-size: 2em;
  126. margin-bottom: 0.75em
  127. }
  128. h3 {
  129. font-size: 1.5em;
  130. line-height: 1;
  131. margin-bottom: 1.00em
  132. }
  133. .inline-image {
  134. margin-right: 1em;
  135. vertical-align: middle
  136. }
  137. #container {
  138. margin: .25em auto;
  139. padding-top: 2.5em;
  140. position: relative;
  141. width: 800px
  142. }
  143. input,
  144. button,
  145. select,
  146. label {
  147. cursor: pointer
  148. }
  149. input[type=text],
  150. input[type=password],
  151. input[type=search],
  152. input[type=number],
  153. select,
  154. textarea {
  155. border-radius: 3px;
  156. background: #201d1d;
  157. border: 1px solid #cfc3df;
  158. color: #927cae;
  159. padding: .25em
  160. }
  161. input[type=text]:focus,
  162. input[type=text]:active,
  163. input[type=password]:focus,
  164. input[type=password]:active,
  165. input[type=search]:focus,
  166. input[type=search]:active,
  167. input[type=number]:focus,
  168. input[type=number]:active,
  169. select:focus,
  170. select:active,
  171. textarea:focus,
  172. textarea:active {
  173. color: inherit
  174. }
  175. textarea {
  176. font: inherit
  177. }
  178. a.button,
  179. input[type=submit],
  180. button {
  181. border-radius: 5px;
  182. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  183. border: 0;
  184. display: inline-block;
  185. padding: .5em .75em .45em;
  186. color: #201d1d !important;
  187. text-decoration: none;
  188. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  189. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  190. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  191. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  192. position: relative;
  193. font-weight: bold;
  194. line-height: 1
  195. }
  196. a.button:hover,
  197. input[type=submit]:hover,
  198. button:hover {
  199. background-color: #716495 !important
  200. }
  201.  
  202. /*weird button hover*/
  203. a.button:hover,
  204. input[type=submit]:hover,
  205. button:hover {
  206. color: #201d1d !important
  207. }
  208. a.button:active,
  209. input[type=submit]:active,
  210. button:active {
  211. transform: translateY(1px)
  212. }
  213. a.button.loud,
  214. input.loud[type=submit],
  215. button.loud {
  216. background: #ff5c00 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  217. font-size: 125%;
  218. padding: 8px 14px 9px
  219. }
  220. a.button.loud:hover,
  221. input.loud[type=submit]:hover,
  222. button.loud:hover {
  223. background-color: #ee4b00
  224. }
  225. ul.buttons {
  226. margin-bottom: 1em
  227. }
  228. ul.buttons li {
  229. list-style: none;
  230. margin: 0 .5em
  231. }
  232. ul.buttons li,
  233. ul.buttons li form {
  234. display: inline
  235. }
  236. #footer {
  237. clear: both;
  238. font-size: 75%;
  239. margin-bottom: 1em;
  240. padding-top: 2em;
  241. text-align: center
  242. }
  243. #footer ul,
  244. #footer div {
  245. display: inline;
  246. margin: 0 1em
  247. }
  248. #footer li,
  249. #footer div ul {
  250. display: inline;
  251. margin: 0 .5em
  252. }
  253. #footer #locale-form {
  254. float: right
  255. }
  256. .notice,
  257. .alert,
  258. .warning {
  259. margin-bottom: 1em;
  260. padding: .25em .5em;
  261. text-align: center
  262. }
  263. .notice {
  264. background: #dbc2ef;
  265. border: 1px solid #9580d8;
  266. color: #3e0944
  267. }
  268. .alert {
  269. background: #fbe3e4;
  270. border: 1px solid #fbc2c4;
  271. color: #8a1f11
  272. }
  273. .warning {
  274. background: #fff6bf;
  275. border: 1px solid #ffd324;
  276. color: #514721
  277. }
  278. #userbar {
  279. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  280. position: absolute;
  281. right: 0;
  282. top: 0
  283. }
  284. #userbar > * {
  285. display: inline;
  286. margin: 0 .25em
  287. }
  288. #userbar-image-mode {
  289. font-weight: bold;
  290. margin-right: 1em;
  291. text-decoration: none
  292. }
  293. #userbar-image-mode img {
  294. bottom: -2px;
  295. height: 16px;
  296. position: relative;
  297. width: 16px
  298. }
  299. #userbar-log-in {
  300. text-decoration: none
  301. }
  302. #userbar-log-in img {
  303. margin-bottom: -4px;
  304. margin-right: .25em
  305. }
  306. #userbar-log-in span {
  307. text-decoration: underline
  308. }
  309. #userbar-log-in:hover span {
  310. text-decoration: none
  311. }
  312. .object {
  313. display: -moz-inline-box;
  314. -moz-box-orient: vertical;
  315. display: inline-block;
  316. vertical-align: middle;
  317. *display: inline;
  318. *vertical-align: auto;
  319. margin: 8px 0;
  320. padding: 0 8px;
  321. position: relative;
  322. text-align: center;
  323. vertical-align: top;
  324. width: 100px
  325. }
  326. .object a {
  327. text-decoration: none
  328. }
  329. .object a img {
  330. -moz-opacity: 0.75;
  331. -webkit-opacity: 0.75;
  332. -o-opacity: 0.75;
  333. -khtml-opacity: 0.75
  334. }
  335. .object img {
  336. display: block;
  337. height: 80px;
  338. margin: 0 auto;
  339. width: 80px
  340. }
  341. .object:hover img,
  342. .object a:hover img {
  343. -moz-opacity: 1;
  344. -webkit-opacity: 1;
  345. -o-opacity: 1;
  346. -khtml-opacity: 1
  347. }
  348. .object .nc-icon,
  349. .object .closeted-icons {
  350. -moz-opacity: 1;
  351. -webkit-opacity: 1;
  352. -o-opacity: 1;
  353. -khtml-opacity: 1;
  354. background: rgba(255, 255, 255, 0.75);
  355. line-height: 1;
  356. position: absolute;
  357. top: 64px
  358. }
  359. .object .nc-icon:hover,
  360. .object .closeted-icons:hover {
  361. -moz-opacity: 0.5;
  362. -webkit-opacity: 0.5;
  363. -o-opacity: 0.5;
  364. -khtml-opacity: 0.5;
  365. background: transparent
  366. }
  367. .object .nc-icon,
  368. .object .closeted-icons img {
  369. display: inline;
  370. height: 16px;
  371. width: 16px
  372. }
  373. .object .nc-icon {
  374. right: 18px
  375. }
  376. .object .closeted-icons {
  377. left: 18px
  378. }
  379. dt {
  380. font-weight: bold
  381. }
  382. dd {
  383. margin: 0 0 1.5em 1em
  384. }
  385. #home-link {
  386. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  387. font-size: 175%;
  388. font-weight: bold;
  389. left: 0;
  390. line-height: 1;
  391. padding-left: .25em;
  392. padding-right: .25em;
  393. position: absolute;
  394. top: 0
  395. }
  396. #home-link:hover {
  397. background: #201d1d;
  398. text-decoration: none
  399. }
  400. #home-link span:before {
  401. content: "<< "
  402. }
  403. #home-link,
  404. #userbar {
  405. padding-top: 6px;
  406. padding-bottom: 6px
  407. }
  408. .pagination a,
  409. .pagination span {
  410. margin: 0 .5em
  411. }
  412. .pagination .current {
  413. font-weight: bold
  414. }
  415. @font-face {
  416. font-family: Delicious;
  417. src: local("Delicious"), url(/assets/Delicious-Roman-ca656e6bcc695252708778e6c2d96867592af6df55a6339759824bec5e4b0c8c.otf)
  418. }
  419. @font-face {
  420. font-family: Delicious;
  421. font-weight: bold;
  422. src: local("Delicious"), url(/assets/Delicious-Bold-d38712ee0b9db2aa7fc40ad3ad80f7fab3c74934369c206cfc0868ebeaab9705.otf)
  423. }
  424. @font-face {
  425. font-family: Delicious;
  426. font-style: italic;
  427. src: local("Delicious"), url(/assets/Delicious-Italic-4346b301afbdfd8d5632264d0ffecbb5141f931c4721e57c2abb0a44c2337155.otf)
  428. }
  429. div.jGrowl {
  430. padding: 10px;
  431. z-index: 9999;
  432. color: #201d1d;
  433. font-size: 12px
  434. }
  435. div.ie6 {
  436. position: absolute
  437. }
  438. div.ie6.top-right {
  439. right: auto;
  440. bottom: auto;
  441. left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth: document.body.clientWidth) + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  442. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  443. }
  444. div.ie6.top-left {
  445. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  446. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  447. }
  448. div.ie6.bottom-right {
  449. left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth: document.body.clientWidth) + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  450. top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight: document.body.clientHeight) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  451. }
  452. div.ie6.bottom-left {
  453. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  454. top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight: document.body.clientHeight) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  455. }
  456. div.ie6.center {
  457. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  458. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
  459. width: 100%
  460. }
  461. body > div.jGrowl {
  462. position: fixed
  463. }
  464. body > div.jGrowl.top-left {
  465. left: 0px;
  466. top: 0px
  467. }
  468. body > div.jGrowl.top-right {
  469. right: 0px;
  470. top: 0px
  471. }
  472. body > div.jGrowl.bottom-left {
  473. left: 0px;
  474. bottom: 0px
  475. }
  476. body > div.jGrowl.bottom-right {
  477. right: 0px;
  478. bottom: 0px
  479. }
  480. body > div.jGrowl.center {
  481. top: 0px;
  482. width: 50%;
  483. left: 25%
  484. }
  485. div.center div.jGrowl-notification,
  486. div.center div.jGrowl-closer {
  487. margin-left: auto;
  488. margin-right: auto
  489. }
  490. div.jGrowl div.jGrowl-notification,
  491. div.jGrowl div.jGrowl-closer {
  492. background-color: #000;
  493. opacity: .85;
  494. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  495. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  496. zoom: 1;
  497. width: 235px;
  498. padding: 10px;
  499. margin-top: 5px;
  500. margin-bottom: 5px;
  501. font-family: Tahoma, Arial, Helvetica, sans-serif;
  502. font-size: 1em;
  503. text-align: left;
  504. display: none;
  505. -moz-border-radius: 5px;
  506. -webkit-border-radius: 5px
  507. }
  508. div.jGrowl div.jGrowl-notification {
  509. min-height: 40px
  510. }
  511. div.jGrowl div.jGrowl-notification div.header {
  512. font-weight: bold;
  513. font-size: .85em
  514. }
  515. div.jGrowl div.jGrowl-notification div.close {
  516. z-index: 99;
  517. float: right;
  518. font-weight: bold;
  519. font-size: 1em;
  520. cursor: pointer
  521. }
  522. div.jGrowl div.jGrowl-closer {
  523. padding-top: 4px;
  524. padding-bottom: 4px;
  525. cursor: pointer;
  526. font-size: .9em;
  527. font-weight: bold;
  528. text-align: center
  529. }
  530. @media print {
  531. div.jGrowl {
  532. display: none
  533. }
  534. }
  535. body.campaigns-show,
  536. body.campaigns-current {
  537. color: #9181bf
  538. }
  539. body.campaigns-show .campaign-progress-wrapper,
  540. body.campaigns-current .campaign-progress-wrapper {
  541. border-radius: 8px;
  542. background: #c99cc2;
  543. background-image: linear-gradient(color-stops(#eddeeb, #c99cc2));
  544. border: 4px solid #9181bf;
  545. clear: both;
  546. margin-bottom: 1em;
  547. margin-top: .5em;
  548. position: relative
  549. }
  550. body.campaigns-show .campaign-progress-wrapper .button,
  551. body.campaigns-current .campaign-progress-wrapper .button {
  552. border-radius: 5px;
  553. background: #006400 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  554. border: 0;
  555. display: inline-block;
  556. padding: .5em .75em .45em;
  557. color: #fff;
  558. text-decoration: none;
  559. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  560. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  561. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  562. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  563. position: relative;
  564. font-weight: bold;
  565. line-height: 1;
  566. background: #004 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  567. font-size: 75%;
  568. margin-left: 1em;
  569. padding: .25em .75em
  570. }
  571. body.campaigns-show .campaign-progress-wrapper .button:hover,
  572. body.campaigns-current .campaign-progress-wrapper .button:hover {
  573. background-color: #9181bf
  574. }
  575. body.campaigns-show .campaign-progress-wrapper .button:hover,
  576. body.campaigns-current .campaign-progress-wrapper .button:hover {
  577. color: #201d1d
  578. }
  579. body.campaigns-show .campaign-progress-wrapper .button:active,
  580. body.campaigns-current .campaign-progress-wrapper .button:active {
  581. transform: translateY(1px)
  582. }
  583. body.campaigns-show .campaign-progress-wrapper .button:hover,
  584. body.campaigns-current .campaign-progress-wrapper .button:hover {
  585. background-color: #000033
  586. }
  587. body.campaigns-show .campaign-progress,
  588. body.campaigns-current .campaign-progress {
  589. background: #9181bf;
  590. background-image: linear-gradient(color-stops(#c54bb1, #9181bf));
  591. border-right: 1px solid #9181bf
  592. }
  593. body.campaigns-show .campaign-progress-wrapper,
  594. body.campaigns-show .campaign-progress,
  595. body.campaigns-current .campaign-progress-wrapper,
  596. body.campaigns-current .campaign-progress {
  597. height: 2.5em
  598. }
  599. body.campaigns-show .campaign-progress-label,
  600. body.campaigns-current .campaign-progress-label {
  601. text-shadow: 1px 1px 0 #9181bf;
  602. color: #201d1d;
  603. font-size: 150%;
  604. left: 0;
  605. position: absolute;
  606. top: 0;
  607. text-align: center;
  608. width: 100%
  609. }
  610. body.campaigns-show .campaign-progress-label a,
  611. body.campaigns-current .campaign-progress-label a {
  612. color: inherit;
  613. display: block;
  614. text-decoration: none
  615. }
  616. body.campaigns-show .campaign-progress-label .button,
  617. body.campaigns-current .campaign-progress-label .button {
  618. position: relative;
  619. top: -2px
  620. }
  621. body.campaigns-show.campaign-loaded .campaign-progress-wrapper,
  622. body.campaigns-current.campaign-loaded .campaign-progress-wrapper {
  623. visibility: visible
  624. }
  625. body.campaigns-show a,
  626. body.campaigns-current a {
  627. color: #b2a0e3 !important
  628. }
  629. body.campaigns-show #home-link:hover,
  630. body.campaigns-current #home-link:hover {
  631. background-color: #201d1d
  632. }
  633. body.campaigns-show #userbar,
  634. body.campaigns-show #footer,
  635. body.campaigns-current #userbar,
  636. body.campaigns-current #footer {
  637. color: #ba93f2
  638. }
  639. body.campaigns-show #userbar a,
  640. body.campaigns-show #footer a,
  641. body.campaigns-current #userbar a,
  642. body.campaigns-current #footer a {
  643. color: #b2a0e3
  644. }
  645. body.campaigns-show #home-link,
  646. body.campaigns-current #home-link {
  647. color: #b2a0e3
  648. }
  649. body.campaigns-show #title,
  650. body.campaigns-current #title {
  651. display: none
  652. }
  653. body.campaigns-show #donation-form,
  654. body.campaigns-current #donation-form {
  655. background: #201d1d;
  656. border: 1px solid #9181bf;
  657. padding: 1em;
  658. background: #201d1d;
  659. border-color: #9181bf;
  660. display: flex;
  661. flex-direction: row;
  662. margin-top: 1em;
  663. margin-bottom: 1.5em;
  664. padding-bottom: 32px;
  665. padding-left: 24px;
  666. padding-right: 24px;
  667. padding-top: 32px;
  668. position: relative
  669. }
  670. body.campaigns-show #donation-form::after,
  671. body.campaigns-current #donation-form::after {
  672. background-image: url(/assets/campaigns/purple-1e9daa5c8125444129c2eba26b56b315ea1a3262079d529acec5b72eb57581fc.png);
  673. background-repeat: no-repeat;
  674. bottom: 0;
  675. content: " ";
  676. height: 123px;
  677. position: absolute;
  678. right: 4px;
  679. width: 150px
  680. }
  681. body.campaigns-show #donation-form header,
  682. body.campaigns-show #donation-form #donation-fields,
  683. body.campaigns-current #donation-form header,
  684. body.campaigns-current #donation-form #donation-fields {
  685. flex: 1
  686. }
  687. body.campaigns-show #donation-form #donation-form-title,
  688. body.campaigns-current #donation-form #donation-form-title {
  689. font-size: 125%;
  690. font-weight: bold;
  691. margin-bottom: .25em;
  692. margin-top: 0
  693. }
  694. body.campaigns-show #donation-form p,
  695. body.campaigns-current #donation-form p {
  696. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  697. font-size: 85%;
  698. margin-bottom: 0;
  699. margin-top: .5em
  700. }
  701. body.campaigns-show #donation-form #donation-fields,
  702. body.campaigns-current #donation-form #donation-fields {
  703. margin-left: 20px;
  704. padding-top: 7px
  705. }
  706. body.campaigns-show #donation-form #amount-header,
  707. body.campaigns-current #donation-form #amount-header {
  708. font-size: 85%;
  709. font-weight: bold;
  710. line-height: 1
  711. }
  712. body.campaigns-show #donation-form #amount-choices,
  713. body.campaigns-current #donation-form #amount-choices {
  714. display: flex;
  715. flex-direction: row;
  716. margin-bottom: .75em;
  717. margin-top: .5em
  718. }
  719. body.campaigns-show #donation-form #amount-choices li,
  720. body.campaigns-current #donation-form #amount-choices li {
  721. border: 1px solid #c99cc2;
  722. border-radius: 5px;
  723. display: block;
  724. flex: 1;
  725. list-style: none;
  726. overflow: hidden;
  727. text-align: center
  728. }
  729. body.campaigns-show #donation-form #amount-choices li:not(:last-of-type),
  730. body.campaigns-current #donation-form #amount-choices li:not(:last-of-type) {
  731. margin-right: .75em
  732. }
  733. body.campaigns-show #donation-form #amount-choices li input[type=radio],
  734. body.campaigns-current #donation-form #amount-choices li input[type=radio] {
  735. height: 0;
  736. margin: 0;
  737. padding: 0;
  738. opacity: 0;
  739. position: absolute;
  740. width: 0
  741. }
  742. body.campaigns-show #donation-form #amount-choices li label,
  743. body.campaigns-current #donation-form #amount-choices li label {
  744. border: 1px solid transparent;
  745. box-sizing: border-box;
  746. display: block;
  747. padding: .5em .5em;
  748. width: 100%
  749. }
  750. body.campaigns-show #donation-form #amount-choices li input[type=radio]:checked ~ label,
  751. body.campaigns-current #donation-form #amount-choices li input[type=radio]:checked ~ label {
  752. background: #e4cde0;
  753. font-weight: bold
  754. }
  755. body.campaigns-show #donation-form #amount-choices li input[type=radio]:focus ~ label,
  756. body.campaigns-current #donation-form #amount-choices li input[type=radio]:focus ~ label {
  757. border-color: #201d1d;
  758. border-radius: 5px
  759. }
  760. body.campaigns-show #donation-form #amount-choices li #amount-custom-fields,
  761. body.campaigns-current #donation-form #amount-choices li #amount-custom-fields {
  762. display: none
  763. }
  764. body.campaigns-show #donation-form #amount-choices li #amount-custom-fields input[type=text],
  765. body.campaigns-current #donation-form #amount-choices li #amount-custom-fields input[type=text] {
  766. font-family: inherit;
  767. font-size: inherit;
  768. line-height: 1;
  769. padding: 0;
  770. text-align: center
  771. }
  772. body.campaigns-show #donation-form #amount-choices li #amount-custom:checked ~ #amount-custom-fields,
  773. body.campaigns-current #donation-form #amount-choices li #amount-custom:checked ~ #amount-custom-fields {
  774. display: block
  775. }
  776. body.campaigns-show #donation-form #amount-choices li #amount-custom:checked ~ label[for=amount-custom],
  777. body.campaigns-current #donation-form #amount-choices li #amount-custom:checked ~ label[for=amount-custom] {
  778. display: none
  779. }
  780. body.campaigns-show #donation-form input[type=text],
  781. body.campaigns-current #donation-form input[type=text] {
  782. border-color: #cce;
  783. color: #9580d8;
  784. width: 3em
  785. }
  786. body.campaigns-show #donation-form #donation-controls button,
  787. body.campaigns-current #donation-form #donation-controls button {
  788. background: #b2a0e3 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  789. font-size: 120%
  790. }
  791. body.campaigns-show #donation-form #donation-controls button:hover,
  792. body.campaigns-current #donation-form #donation-controls button:hover {
  793. background-color: #8c78cb
  794. }
  795. body.campaigns-show #campaign-text[data-campaign-complete] #description,
  796. body.campaigns-current #campaign-text[data-campaign-complete] #description {
  797. display: none
  798. }
  799. body.campaigns-show #campaign-text[data-campaign-complete] #description[data-show],
  800. body.campaigns-current #campaign-text[data-campaign-complete] #description[data-show] {
  801. display: block
  802. }
  803. body.campaigns-show #success-thanks,
  804. body.campaigns-current #success-thanks {
  805. border: 1px dashed #9181bf;
  806. margin-bottom: 1em;
  807. padding: 1em;
  808. position: relative
  809. }
  810. body.campaigns-show #success-thanks p:last-child,
  811. body.campaigns-current #success-thanks p:last-child {
  812. margin-bottom: 0
  813. }
  814. body.campaigns-show #success-thanks-toggle-description,
  815. body.campaigns-current #success-thanks-toggle-description {
  816. position: absolute;
  817. bottom: 1em;
  818. font-style: italic;
  819. right: 1em
  820. }
  821. body.campaigns-show #outfits,
  822. body.campaigns-current #outfits {
  823. font-size: 0;
  824. list-style: none;
  825. text-align: center
  826. }
  827. body.campaigns-show #outfits > li,
  828. body.campaigns-current #outfits > li {
  829. display: -moz-inline-box;
  830. -moz-box-orient: vertical;
  831. display: inline-block;
  832. vertical-align: middle;
  833. *display: inline;
  834. *vertical-align: auto;
  835. overflow: hidden;
  836. position: relative;
  837. font-size: 14px
  838. }
  839. body.campaigns-show #outfits > li .outfit-star,
  840. body.campaigns-current #outfits > li .outfit-star {
  841. bottom: -2px;
  842. height: 16px;
  843. position: relative;
  844. width: 16px;
  845. background-image: url(/assets/unstarred-54792d2b7885656ad033c05d6108fd761651e01bfdc6f14e8661cc1af205080f.png);
  846. background-position: left top;
  847. background-repeat: no-repeat;
  848. cursor: pointer;
  849. display: block;
  850. float: left;
  851. margin-right: 8px
  852. }
  853. body.campaigns-show #outfits > li.starred .outfit-star,
  854. body.campaigns-current #outfits > li.starred .outfit-star {
  855. background-image: url(/assets/star-837d4c96e47ae9ba62d8ea546761e6a45432d25c8365475b6586ee1e774eaf86.png)
  856. }
  857. body.campaigns-show #outfits > li.loading .outfit-star,
  858. body.campaigns-current #outfits > li.loading .outfit-star {
  859. background-image: url(/assets/loading-7206dff50c999a9919b583fc63cd70a5cd02d6690ca84d9dd586197cafac8d17.gif)
  860. }
  861. body.campaigns-show #outfits > li header,
  862. body.campaigns-show #outfits > li footer,
  863. body.campaigns-current #outfits > li header,
  864. body.campaigns-current #outfits > li footer {
  865. color: #000;
  866. left: 0;
  867. position: absolute;
  868. z-index: 2;
  869. background: #000;
  870. background: rgba(255, 255, 255, 255)
  871. }
  872. body.campaigns-show #outfits > li header,
  873. body.campaigns-current #outfits > li header {
  874. bottom: 0
  875. }
  876. body.campaigns-show #outfits > li footer,
  877. body.campaigns-current #outfits > li footer {
  878. top: 0
  879. }
  880. body.campaigns-show #outfits > li a,
  881. body.campaigns-current #outfits > li a {
  882. color: #201d1d
  883. }
  884. body.campaigns-show #outfits > li,
  885. body.campaigns-current #outfits > li {
  886. display: -moz-inline-box;
  887. -moz-box-orient: vertical;
  888. display: inline-block;
  889. vertical-align: middle;
  890. *display: inline;
  891. *vertical-align: auto;
  892. overflow: hidden;
  893. position: relative;
  894. height: 150px;
  895. margin: 2px;
  896. width: 150px
  897. }
  898. body.campaigns-show #outfits > li .outfit-star,
  899. body.campaigns-current #outfits > li .outfit-star {
  900. bottom: -2px;
  901. height: 16px;
  902. position: relative;
  903. width: 16px;
  904. background-image: url(/assets/unstarred-54792d2b7885656ad033c05d6108fd761651e01bfdc6f14e8661cc1af205080f.png);
  905. background-position: left top;
  906. background-repeat: no-repeat;
  907. cursor: pointer;
  908. display: block;
  909. float: left;
  910. margin-right: 8px
  911. }
  912. body.campaigns-show #outfits > li.starred .outfit-star,
  913. body.campaigns-current #outfits > li.starred .outfit-star {
  914. background-image: url(/assets/star-837d4c96e47ae9ba62d8ea546761e6a45432d25c8365475b6586ee1e774eaf86.png)
  915. }
  916. body.campaigns-show #outfits > li.loading .outfit-star,
  917. body.campaigns-current #outfits > li.loading .outfit-star {
  918. background-image: url(/assets/loading-7206dff50c999a9919b583fc63cd70a5cd02d6690ca84d9dd586197cafac8d17.gif)
  919. }
  920. body.campaigns-show #outfits > li header,
  921. body.campaigns-show #outfits > li footer,
  922. body.campaigns-current #outfits > li header,
  923. body.campaigns-current #outfits > li footer {
  924. color: #000;
  925. left: 0;
  926. position: absolute;
  927. z-index: 2;
  928. background: #000;
  929. background: rgba(255, 251, 251, 0.75)
  930. }
  931. body.campaigns-show #outfits > li header,
  932. body.campaigns-current #outfits > li header {
  933. bottom: 0
  934. }
  935. body.campaigns-show #outfits > li footer,
  936. body.campaigns-current #outfits > li footer {
  937. top: 0
  938. }
  939. body.campaigns-show #outfits > li a,
  940. body.campaigns-current #outfits > li a {
  941. color: #201d1d
  942. }
  943. body.campaigns-show #outfits > li header,
  944. body.campaigns-show #outfits > li footer,
  945. body.campaigns-current #outfits > li header,
  946. body.campaigns-current #outfits > li footer {
  947. font-size: 85%;
  948. padding: 2px 4px;
  949. width: 142px
  950. }
  951. body.campaigns-show #outfits > li img,
  952. body.campaigns-current #outfits > li img {
  953. height: 150px;
  954. width: 150px
  955. }
  956. body.campaigns-show #outfits > li.banner,
  957. body.campaigns-current #outfits > li.banner {
  958. background-image: url(http://images.neopets.com/themes/004_bir_a2e60/footer_bg.png);
  959. background-position: 0 -60px;
  960. border: 2px solid #006;
  961. color: #201d1d;
  962. height: 100px;
  963. line-height: 100px;
  964. margin: 4px 0;
  965. text-shadow: #335 2px 2px 1px;
  966. width: 796px
  967. }
  968. body.campaigns-show #outfits > li.banner span,
  969. body.campaigns-current #outfits > li.banner span {
  970. display: -moz-inline-box;
  971. -moz-box-orient: vertical;
  972. display: inline-block;
  973. vertical-align: middle;
  974. *display: inline;
  975. *vertical-align: auto;
  976. font-size: 32px;
  977. font-weight: bold;
  978. line-height: 1.5;
  979. vertical-align: middle
  980. }
  981. body.campaigns-show #last-years-donors,
  982. body.campaigns-current #last-years-donors {
  983. font-weight: bold;
  984. margin-top: 1em;
  985. text-align: center
  986. }
  987. body.campaigns-show #outfits-header > *,
  988. body.campaigns-current #outfits-header > * {
  989. display: inline-block
  990. }
  991. body.campaigns-show #all-campaigns-list li,
  992. body.campaigns-current #all-campaigns-list li {
  993. display: inline-block;
  994. list-style: none;
  995. margin-left: 1em
  996. }
  997. body.campaigns-show #fine-print,
  998. body.campaigns-current #fine-print {
  999. font-size: 85%;
  1000. margin-top: 2em
  1001. }
  1002. body.closet_hangers-index .campaign-progress-wrapper {
  1003. border-radius: 8px;
  1004. background: #c99cc2;
  1005. background-image: linear-gradient(color-stops(#eddeeb, #c99cc2));
  1006. border: 4px solid #9181bf;
  1007. clear: both;
  1008. margin-bottom: 1em;
  1009. margin-top: .5em;
  1010. position: relative
  1011. }
  1012. body.closet_hangers-index .campaign-progress-wrapper .button {
  1013. border-radius: 5px;
  1014. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1015. border: 0;
  1016. display: inline-block;
  1017. padding: .5em .75em .45em;
  1018. color: #201d1d;
  1019. text-decoration: none;
  1020. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1021. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1022. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1023. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1024. position: relative;
  1025. font-weight: bold;
  1026. line-height: 1;
  1027. background: #004 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1028. font-size: 75%;
  1029. margin-left: 1em;
  1030. padding: .25em .75em
  1031. }
  1032. body.closet_hangers-index .campaign-progress-wrapper .button:hover {
  1033. background-color: #9181bf
  1034. }
  1035. body.closet_hangers-index .campaign-progress-wrapper .button:hover {
  1036. color: #201d1d
  1037. }
  1038. body.closet_hangers-index .campaign-progress-wrapper .button:active {
  1039. transform: translateY(1px)
  1040. }
  1041. body.closet_hangers-index .campaign-progress-wrapper .button:hover {
  1042. background-color: #000033
  1043. }
  1044. body.closet_hangers-index .campaign-progress {
  1045. background: #9181bf;
  1046. background-image: linear-gradient(color-stops(#c54bb1, #9181bf));
  1047. border-right: 1px solid #9181bf
  1048. }
  1049. body.closet_hangers-index .campaign-progress-wrapper,
  1050. body.closet_hangers-index .campaign-progress {
  1051. height: 2.5em
  1052. }
  1053. body.closet_hangers-index .campaign-progress-label {
  1054. text-shadow: 1px 1px 0 #9181bf;
  1055. color: #201d1d;
  1056. font-size: 150%;
  1057. left: 0;
  1058. position: absolute;
  1059. top: 0;
  1060. text-align: center;
  1061. width: 100%
  1062. }
  1063. body.closet_hangers-index .campaign-progress-label a {
  1064. color: inherit;
  1065. display: block;
  1066. text-decoration: none
  1067. }
  1068. body.closet_hangers-index .campaign-progress-label .button {
  1069. position: relative;
  1070. top: -2px
  1071. }
  1072. body.closet_hangers-index.campaign-loaded .campaign-progress-wrapper {
  1073. visibility: visible
  1074. }
  1075. body.closet_hangers-index #title {
  1076. float: left;
  1077. margin-right: .5em
  1078. }
  1079. body.closet_hangers-index .flash {
  1080. clear: both
  1081. }
  1082. body.closet_hangers-index #secondary-nav {
  1083. display: block;
  1084. margin-top: .75em
  1085. }
  1086. body.closet_hangers-index #title {
  1087. margin-bottom: 0
  1088. }
  1089. body.closet_hangers-index #import-link {
  1090. border-radius: 5px;
  1091. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1092. border: 0;
  1093. display: inline-block;
  1094. padding: .5em .75em .45em;
  1095. color: #201d1d;
  1096. text-decoration: none;
  1097. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1098. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1099. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1100. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1101. position: relative;
  1102. font-weight: bold;
  1103. line-height: 1;
  1104. background: #ff5c00 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x
  1105. }
  1106. body.closet_hangers-index #import-link:hover {
  1107. background-color: #9181bf
  1108. }
  1109. body.closet_hangers-index #import-link:hover {
  1110. color: #201d1d
  1111. }
  1112. body.closet_hangers-index #import-link:active {
  1113. transform: translateY(1px)
  1114. }
  1115. body.closet_hangers-index #import-link:hover {
  1116. background-color: #ee4b00
  1117. }
  1118. body.closet_hangers-index #closet-hangers-items-search {
  1119. float: right
  1120. }
  1121. body.closet_hangers-index #closet-hangers-items-search input.loading[name=q] {
  1122. background-image: url(/assets/loading-7206dff50c999a9919b583fc63cd70a5cd02d6690ca84d9dd586197cafac8d17.gif);
  1123. background-position: 2px center;
  1124. background-repeat: no-repeat;
  1125. padding-left: 20px
  1126. }
  1127. body.closet_hangers-index #closet-hangers-contact {
  1128. clear: both;
  1129. color: #927cae;
  1130. margin-bottom: 1em;
  1131. margin-left: 2em;
  1132. min-height: image-height("neomail.png")
  1133. }
  1134. body.closet_hangers-index #closet-hangers-contact a {
  1135. color: inherit;
  1136. margin-right: .5em;
  1137. text-decoration: none
  1138. }
  1139. body.closet_hangers-index #closet-hangers-contact a:hover {
  1140. text-decoration: underline
  1141. }
  1142. body.closet_hangers-index #closet-hangers-contact a,
  1143. body.closet_hangers-index #closet-hangers-contact > form {
  1144. background-position: left center;
  1145. background-repeat: no-repeat;
  1146. padding-left: image-width("neomail.png") 4px
  1147. }
  1148. body.closet_hangers-index #closet-hangers-contact a.neomail,
  1149. body.closet_hangers-index #closet-hangers-contact > form {
  1150. background-image: url(/assets/neomail-36fcaf21833b77b7af869b91899f002b54fb0e42febf3d72354958f49e09e449.png)
  1151. }
  1152. body.closet_hangers-index #closet-hangers-contact a.lookup {
  1153. background-image: url(/assets/lookup-6ac56470a678a80dd7e8d7f14e1df7d39ddf42f941f55b7de85f58d961ce682f.png)
  1154. }
  1155. body.closet_hangers-index #closet-hangers-contact select {
  1156. width: 10em
  1157. }
  1158. body.closet_hangers-index #closet-hangers-contact label {
  1159. font-weight: bold;
  1160. margin-right: .5em
  1161. }
  1162. body.closet_hangers-index #closet-hangers-contact label:after {
  1163. content: ":"
  1164. }
  1165. body.closet_hangers-index #toggle-help,
  1166. body.closet_hangers-index #toggle-compare {
  1167. border-radius: 5px;
  1168. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1169. border: 0;
  1170. display: inline-block;
  1171. padding: .5em .75em .45em;
  1172. color: #201d1d;
  1173. text-decoration: none;
  1174. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1175. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1176. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1177. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1178. position: relative;
  1179. font-weight: bold;
  1180. line-height: 1;
  1181. cursor: pointer;
  1182. display: none
  1183. }
  1184. body.closet_hangers-index #toggle-help:hover,
  1185. body.closet_hangers-index #toggle-compare:hover {
  1186. background-color: #9181bf
  1187. }
  1188. body.closet_hangers-index #toggle-help:hover,
  1189. body.closet_hangers-index #toggle-compare:hover {
  1190. color: #201d1d
  1191. }
  1192. body.closet_hangers-index #toggle-help:active,
  1193. body.closet_hangers-index #toggle-compare:active {
  1194. transform: translateY(1px)
  1195. }
  1196. body.closet_hangers-index #closet-hangers-help.hidden {
  1197. display: none
  1198. }
  1199. body.closet_hangers-index #closet-hangers-extras {
  1200. font-size: 85%;
  1201. margin-bottom: 2em;
  1202. margin-top: 2em;
  1203. text-align: center
  1204. }
  1205. body.closet_hangers-index #closet-hangers-extras a {
  1206. border-radius: 5px;
  1207. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1208. border: 0;
  1209. display: inline-block;
  1210. padding: .5em .75em .45em;
  1211. color: #201d1d;
  1212. text-decoration: none;
  1213. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1214. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1215. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1216. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1217. position: relative;
  1218. font-weight: bold;
  1219. line-height: 1;
  1220. margin: 0 0.5em
  1221. }
  1222. body.closet_hangers-index #closet-hangers-extras a:hover {
  1223. background-color: #9181bf
  1224. }
  1225. body.closet_hangers-index #closet-hangers-extras a:hover {
  1226. color: #201d1d
  1227. }
  1228. body.closet_hangers-index #closet-hangers-extras a:active {
  1229. transform: translateY(1px)
  1230. }
  1231. body.closet_hangers-index #closet-hangers-share {
  1232. margin-bottom: 1em
  1233. }
  1234. body.closet_hangers-index #closet-hangers-share label {
  1235. font-weight: bold;
  1236. margin-right: .5em
  1237. }
  1238. body.closet_hangers-index #closet-hangers-share input {
  1239. width: 30em
  1240. }
  1241. body.closet_hangers-index .bulk-actions {
  1242. display: none
  1243. }
  1244. body.closet_hangers-index #closet-hangers {
  1245. clear: both;
  1246. text-align: center
  1247. }
  1248. body.closet_hangers-index #closet-hangers .object .quantity {
  1249. -moz-opacity: 0.75;
  1250. -webkit-opacity: 0.75;
  1251. -o-opacity: 0.75;
  1252. -khtml-opacity: 0.75;
  1253. background: #201d1d;
  1254. padding: 6px 4px 4px;
  1255. position: absolute;
  1256. left: 18px;
  1257. line-height: 1;
  1258. text-align: left;
  1259. top: 0
  1260. }
  1261. body.closet_hangers-index #closet-hangers .object .quantity span,
  1262. body.closet_hangers-index #closet-hangers .object .quantity input[type=number] {
  1263. font-size: 16px;
  1264. font-weight: bold
  1265. }
  1266. body.closet_hangers-index #closet-hangers .object form {
  1267. display: none
  1268. }
  1269. body.closet_hangers-index #closet-hangers .object[data-quantity="1"] .quantity {
  1270. display: none
  1271. }
  1272. body.closet_hangers-index #closet-hangers .object a {
  1273. display: block
  1274. }
  1275. body.closet_hangers-index #closet-hangers .object a:hover {
  1276. text-decoration: underline
  1277. }
  1278. body.closet_hangers-index #closet-hangers .object .object {
  1279. margin: 0
  1280. }
  1281. body.closet_hangers-index #closet-hangers .object label {
  1282. display: block
  1283. }
  1284. body.closet_hangers-index #closet-hangers .object input[type=checkbox] {
  1285. display: none;
  1286. position: absolute;
  1287. top: 0;
  1288. right: 18px;
  1289. height: 16px;
  1290. width: 16px
  1291. }
  1292. body.closet_hangers-index #closet-hangers .object input[type=checkbox]:checked {
  1293. display: block
  1294. }
  1295. body.closet_hangers-index #closet-hangers .object input[type=checkbox]:checked + label {
  1296. background: #201d1d;
  1297. outline: 1px solid #9181bf
  1298. }
  1299. body.closet_hangers-index .closet-hangers-group {
  1300. border-top: 1px solid #9181bf;
  1301. margin-bottom: 2em;
  1302. padding-bottom: 1em
  1303. }
  1304. body.closet_hangers-index .closet-hangers-group > header {
  1305. border-bottom: 1px solid #9181bf;
  1306. display: block;
  1307. margin-bottom: .25em;
  1308. padding: .25em 0;
  1309. position: relative
  1310. }
  1311. body.closet_hangers-index .closet-hangers-group > header h3 {
  1312. font-size: 250%;
  1313. margin: 0
  1314. }
  1315. body.closet_hangers-index .closet-hangers-group > header .add-closet-list {
  1316. border-radius: 5px;
  1317. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1318. border: 0;
  1319. display: inline-block;
  1320. padding: .5em .75em .45em;
  1321. color: #201d1d;
  1322. text-decoration: none;
  1323. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1324. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1325. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1326. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1327. position: relative;
  1328. font-weight: bold;
  1329. line-height: 1;
  1330. bottom: 50%;
  1331. margin-bottom: -1em;
  1332. position: absolute;
  1333. right: 1em
  1334. }
  1335. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:hover {
  1336. background-color: #9181bf
  1337. }
  1338. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:hover {
  1339. color: #201d1d
  1340. }
  1341. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:active {
  1342. transform: translateY(1px)
  1343. }
  1344. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:active {
  1345. margin-bottom: -1.1em;
  1346. top: auto
  1347. }
  1348. body.closet_hangers-index .closet-hangers-group > header span.show,
  1349. body.closet_hangers-index .closet-hangers-group > header span.hide {
  1350. color: #927cae;
  1351. display: none;
  1352. font-size: 85%;
  1353. left: 1em;
  1354. position: absolute;
  1355. top: 1em
  1356. }
  1357. body.closet_hangers-index .closet-hangers-group > header span.show:hover,
  1358. body.closet_hangers-index .closet-hangers-group > header span.hide:hover {
  1359. color: inherit;
  1360. text-decoration: underline
  1361. }
  1362. body.closet_hangers-index .closet-list {
  1363. border-bottom: 1px solid #9181bf;
  1364. padding: .5em 0;
  1365. position: relative
  1366. }
  1367. body.closet_hangers-index .closet-list .visibility-form {
  1368. font-size: 85%;
  1369. left: .5em;
  1370. position: absolute;
  1371. text-align: left;
  1372. top: .25em;
  1373. z-index: 10
  1374. }
  1375. body.closet_hangers-index .closet-list .visibility-form input,
  1376. body.closet_hangers-index .closet-list .visibility-form select {
  1377. font-size: inherit;
  1378. margin-bottom: 0;
  1379. margin-top: 0
  1380. }
  1381. body.closet_hangers-index .closet-list .visibility-form select {
  1382. border-color: #201d1d
  1383. }
  1384. body.closet_hangers-index .closet-list .visibility-form input[type=submit] {
  1385. border-radius: 5px;
  1386. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1387. border: 0;
  1388. display: inline-block;
  1389. padding: .5em .75em .45em;
  1390. color: #201d1d;
  1391. text-decoration: none;
  1392. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1393. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1394. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1395. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1396. position: relative;
  1397. font-weight: bold;
  1398. line-height: 1;
  1399. background: #aaa url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1400. -moz-opacity: 0.9;
  1401. -webkit-opacity: 0.9;
  1402. -o-opacity: 0.9;
  1403. -khtml-opacity: 0.9;
  1404. font-size: 80%;
  1405. font-size: inherit;
  1406. visibility: hidden
  1407. }
  1408. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover {
  1409. background-color: #9181bf
  1410. }
  1411. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover {
  1412. color: #201d1d
  1413. }
  1414. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:active {
  1415. transform: translateY(1px)
  1416. }
  1417. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover {
  1418. background-color: #999999
  1419. }
  1420. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:active {
  1421. top: 1px
  1422. }
  1423. body.closet_hangers-index .closet-list .visibility-form .visibility-descriptions {
  1424. -moz-opacity: 0.75;
  1425. -webkit-opacity: 0.75;
  1426. -o-opacity: 0.75;
  1427. -khtml-opacity: 0.75;
  1428. background: #201d1d;
  1429. font-style: italic;
  1430. list-style: none;
  1431. padding: 0 .5em
  1432. }
  1433. body.closet_hangers-index .closet-list .visibility-form .visibility-descriptions li {
  1434. display: none
  1435. }
  1436. body.closet_hangers-index .closet-list .visibility-form:hover .visibility-descriptions li.current {
  1437. display: block
  1438. }
  1439. body.closet_hangers-index .closet-list header {
  1440. display: block;
  1441. position: relative
  1442. }
  1443. body.closet_hangers-index .closet-list h4 {
  1444. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  1445. font-size: 150%;
  1446. line-height: 1;
  1447. margin: 0 auto .67em;
  1448. width: 50%
  1449. }
  1450. body.closet_hangers-index .closet-list .empty-list {
  1451. display: none;
  1452. font-style: italic
  1453. }
  1454. body.closet_hangers-index .closet-list .closet-list-controls {
  1455. display: none;
  1456. position: absolute;
  1457. right: 1em;
  1458. top: 0
  1459. }
  1460. body.closet_hangers-index .closet-list .closet-list-controls a,
  1461. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit],
  1462. body.closet_hangers-index .closet-list .closet-list-controls button {
  1463. border-radius: 5px;
  1464. background: #006400 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1465. border: 0;
  1466. display: inline-block;
  1467. padding: .5em .75em .45em;
  1468. color: #fff;
  1469. text-decoration: none;
  1470. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1471. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1472. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1473. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1474. position: relative;
  1475. font-weight: bold;
  1476. line-height: 1;
  1477. background: #aaa url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1478. -moz-opacity: 0.9;
  1479. -webkit-opacity: 0.9;
  1480. -o-opacity: 0.9;
  1481. -khtml-opacity: 0.9;
  1482. font-size: 80%
  1483. }
  1484. body.closet_hangers-index .closet-list .closet-list-controls a:hover,
  1485. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover,
  1486. body.closet_hangers-index .closet-list .closet-list-controls button:hover {
  1487. background-color: #9181bf
  1488. }
  1489. body.closet_hangers-index .closet-list .closet-list-controls a:hover,
  1490. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover,
  1491. body.closet_hangers-index .closet-list .closet-list-controls button:hover {
  1492. color: #201d1d
  1493. }
  1494. body.closet_hangers-index .closet-list .closet-list-controls a:active,
  1495. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:active,
  1496. body.closet_hangers-index .closet-list .closet-list-controls button:active {
  1497. transform: translateY(1px)
  1498. }
  1499. body.closet_hangers-index .closet-list .closet-list-controls a:hover,
  1500. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover,
  1501. body.closet_hangers-index .closet-list .closet-list-controls button:hover {
  1502. background-color: #9181bf
  1503. }
  1504. body.closet_hangers-index .closet-list .closet-list-controls form {
  1505. display: inline
  1506. }
  1507. body.closet_hangers-index .closet-list[data-hangers-count="0"] .empty-list {
  1508. display: block
  1509. }
  1510. body.closet_hangers-index .closet-list.unlisted h4 {
  1511. font-size: 125%;
  1512. font-style: italic
  1513. }
  1514. body.closet_hangers-index .closet-list:hover .closet-list-controls {
  1515. display: block
  1516. }
  1517. body.closet_hangers-index .closet-list:hover .visibility-form input[type=submit] {
  1518. visibility: visible
  1519. }
  1520. body.closet_hangers-index .closet-list:hover .visibility-form select {
  1521. border-color: #9181bf
  1522. }
  1523. body.closet_hangers-index .closet-list:last-child {
  1524. border-bottom: 0
  1525. }
  1526. body.closet_hangers-index .closet-list.droppable-active {
  1527. border-radius: 1em;
  1528. background: #201d1d;
  1529. border: 1px solid #9181bf;
  1530. padding: 1em;
  1531. border-bottom-width: 1px;
  1532. border-style: dotted;
  1533. margin: 1em 0
  1534. }
  1535. body.closet_hangers-index .closet-list.droppable-active .object {
  1536. -moz-opacity: 0.25;
  1537. -webkit-opacity: 0.25;
  1538. -o-opacity: 0.25;
  1539. -khtml-opacity: 0.25
  1540. }
  1541. body.closet_hangers-index .closet-list.droppable-active .object.ui-draggable-dragging {
  1542. -moz-opacity: 1;
  1543. -webkit-opacity: 1;
  1544. -o-opacity: 1;
  1545. -khtml-opacity: 1
  1546. }
  1547. body.closet_hangers-index .closet-list.droppable-active .closet-list-controls {
  1548. display: none
  1549. }
  1550. body.closet_hangers-index .closet-list.droppable-active .closet-list-hangers {
  1551. overflow: hidden
  1552. }
  1553. body.closet_hangers-index .closet-list.droppable-active .visibility-form {
  1554. display: none
  1555. }
  1556. body.closet_hangers-index .closet-hangers-group-autocomplete-item span,
  1557. body.closet_hangers-index .closet-list-autocomplete-item span {
  1558. -moz-opacity: 0.5;
  1559. -webkit-opacity: 0.5;
  1560. -o-opacity: 0.5;
  1561. -khtml-opacity: 0.5;
  1562. font-style: italic;
  1563. padding: .2em .4em
  1564. }
  1565. body.closet_hangers-index .closet-list-autocomplete-item a,
  1566. body.closet_hangers-index .closet-list-autocomplete-item span {
  1567. font-size: 85%;
  1568. padding-left: 2em
  1569. }
  1570. body.closet_hangers-index .closet-hangers-group[data-owned=true] .user-wants,
  1571. body.closet_hangers-index .closet-hangers-group[data-owned=false] .user-owns {
  1572. background: #201d1d;
  1573. font-weight: bold
  1574. }
  1575. body.closet_hangers-index.current-user #closet-hangers .object:hover form {
  1576. display: inline
  1577. }
  1578. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy {
  1579. position: absolute;
  1580. right: 18px;
  1581. top: 52px
  1582. }
  1583. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input {
  1584. border-radius: 5px;
  1585. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1586. border: 0;
  1587. display: inline-block;
  1588. padding: .5em .75em .45em;
  1589. color: #201d1d;
  1590. text-decoration: none;
  1591. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1592. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1593. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1594. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1595. position: relative;
  1596. font-weight: bold;
  1597. line-height: 1;
  1598. background: #aaa url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1599. -moz-opacity: 0.9;
  1600. -webkit-opacity: 0.9;
  1601. -o-opacity: 0.9;
  1602. -khtml-opacity: 0.9;
  1603. font-size: 80%
  1604. }
  1605. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover {
  1606. background-color: #9181bf
  1607. }
  1608. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover {
  1609. color: #201d1d
  1610. }
  1611. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:active {
  1612. transform: translateY(1px)
  1613. }
  1614. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover {
  1615. background-color: #999999
  1616. }
  1617. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity {
  1618. -moz-opacity: 1;
  1619. -webkit-opacity: 1;
  1620. -o-opacity: 1;
  1621. -khtml-opacity: 1;
  1622. background: transparent;
  1623. top: 0;
  1624. padding: 0
  1625. }
  1626. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity span {
  1627. display: none
  1628. }
  1629. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=number] {
  1630. padding: 2px;
  1631. width: 2em
  1632. }
  1633. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=submit] {
  1634. font-size: 85%
  1635. }
  1636. body.closet_hangers-index.current-user #closet-hangers .object:hover input[type=checkbox] {
  1637. display: block
  1638. }
  1639. body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity {
  1640. display: block
  1641. }
  1642. body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=number] {
  1643. width: 2.5em
  1644. }
  1645. body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=submit] {
  1646. display: none
  1647. }
  1648. body.closet_hangers-index.current-user.js #closet-hangers .object.loading {
  1649. background: #201d1d;
  1650. outline: 1px solid #9181bf
  1651. }
  1652. body.closet_hangers-index.current-user.js #closet-hangers .object.loading .quantity {
  1653. display: block
  1654. }
  1655. body.closet_hangers-index.current-user.js #closet-hangers .object.loading .quantity span:after {
  1656. content: "…"
  1657. }
  1658. body.closet_hangers-index.current-user.js .bulk-actions {
  1659. background: #201d1d;
  1660. border-top: 1px solid #9181bf;
  1661. box-sizing: border-box;
  1662. display: block;
  1663. font-size: 85%;
  1664. padding: .5em 1em;
  1665. text-align: center;
  1666. width: 800px
  1667. }
  1668. body.closet_hangers-index.current-user.js .bulk-actions.isStuck {
  1669. border-bottom: 1px solid #9181bf;
  1670. border-top: 0;
  1671. z-index: 11
  1672. }
  1673. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-intro,
  1674. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-target-desc-singular {
  1675. display: none
  1676. }
  1677. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-target-desc {
  1678. display: inline-block
  1679. }
  1680. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options {
  1681. display: inline-block;
  1682. list-style: none
  1683. }
  1684. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options > li {
  1685. display: inline-block;
  1686. margin-left: .75em
  1687. }
  1688. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options > li form {
  1689. display: inline-block
  1690. }
  1691. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options > li:not(:first-child)::before {
  1692. content: " or ";
  1693. display: inline-block;
  1694. margin-right: .75em
  1695. }
  1696. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="0"] .bulk-actions-intro {
  1697. display: block
  1698. }
  1699. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="0"] .bulk-actions-form {
  1700. display: none
  1701. }
  1702. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="1"] .bulk-actions-target-desc-singular {
  1703. display: inline
  1704. }
  1705. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="1"] .bulk-actions-target-desc-plural {
  1706. display: none
  1707. }
  1708. body.closet_hangers-index.current-user.js #closet-hangers-contact input[type=submit] {
  1709. display: none
  1710. }
  1711. body.closet_hangers-index.current-user.js .closet-hangers-group header .show,
  1712. body.closet_hangers-index.current-user.js .closet-hangers-group header .hide {
  1713. cursor: pointer
  1714. }
  1715. body.closet_hangers-index.current-user.js .closet-hangers-group header .hide {
  1716. display: block
  1717. }
  1718. body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .hide,
  1719. body.closet_hangers-index.current-user.js .closet-hangers-group.hidden .closet-hangers-group-content {
  1720. display: none
  1721. }
  1722. body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .show {
  1723. display: block
  1724. }
  1725. body.closet_hangers-index.current-user.js #toggle-help {
  1726. display: inline-block
  1727. }
  1728. body.closet_hangers-index.current-user.js .remove-all {
  1729. display: none
  1730. }
  1731. body.closet_hangers-index.current-user.js .select-all {
  1732. display: inline-block
  1733. }
  1734. body.closet_hangers-index.js #toggle-compare {
  1735. display: inline-block
  1736. }
  1737. body.closet_hangers-index.js #closet-hangers.comparing .object {
  1738. display: none
  1739. }
  1740. body.closet_hangers-index.js #closet-hangers.comparing .closet-hangers-group[data-owned=true] .user-wants,
  1741. body.closet_hangers-index.js #closet-hangers.comparing .closet-hangers-group[data-owned=false] .user-owns {
  1742. display: inline-block
  1743. }
  1744. body.closet_hangers-petpage #title {
  1745. float: left;
  1746. margin-right: .5em
  1747. }
  1748. body.closet_hangers-petpage .flash {
  1749. clear: both
  1750. }
  1751. body.closet_hangers-petpage #secondary-nav {
  1752. display: block;
  1753. margin-top: .75em
  1754. }
  1755. body.closet_hangers-petpage #intro {
  1756. clear: both
  1757. }
  1758. body.closet_hangers-petpage #petpage-closet-lists {
  1759. overflow: hidden;
  1760. display: inline-block;
  1761. border-radius: 10px;
  1762. border: 1px solid #9181bf;
  1763. margin-bottom: 1.5em;
  1764. padding: .5em 1.5em
  1765. }
  1766. body.closet_hangers-petpage #petpage-closet-lists {
  1767. display: block
  1768. }
  1769. body.closet_hangers-petpage #petpage-closet-lists > div {
  1770. margin: .25em 0
  1771. }
  1772. body.closet_hangers-petpage #petpage-closet-lists h4 {
  1773. display: inline-block;
  1774. vertical-align: middle
  1775. }
  1776. body.closet_hangers-petpage #petpage-closet-lists h4::after {
  1777. content: ":"
  1778. }
  1779. body.closet_hangers-petpage #petpage-closet-lists ul {
  1780. list-style: none;
  1781. margin: 0;
  1782. padding: 0
  1783. }
  1784. body.closet_hangers-petpage #petpage-closet-lists ul li {
  1785. display: inline-block;
  1786. font-size: 85%;
  1787. margin: .25em .5em;
  1788. padding: 1px
  1789. }
  1790. body.closet_hangers-petpage #petpage-closet-lists ul li label {
  1791. padding: .25em .75em .25em .25em
  1792. }
  1793. body.closet_hangers-petpage #petpage-closet-lists ul li.checked {
  1794. background: #201d1d;
  1795. border-radius: 3px;
  1796. border: 1px solid #9181bf;
  1797. padding: 0
  1798. }
  1799. body.closet_hangers-petpage #petpage-closet-lists ul li.unlisted {
  1800. font-style: italic
  1801. }
  1802. body.closet_hangers-petpage #petpage-closet-lists input[type=submit] {
  1803. float: right
  1804. }
  1805. body.closet_hangers-petpage #petpage-output {
  1806. display: block;
  1807. height: 30em;
  1808. margin: 0 auto;
  1809. width: 50%
  1810. }
  1811. body.closet_lists-new #title,
  1812. body.closet_lists-create #title,
  1813. body.closet_lists-edit #title,
  1814. body.closet_lists-update #title {
  1815. float: left;
  1816. margin-right: .5em
  1817. }
  1818. body.closet_lists-new .flash,
  1819. body.closet_lists-create .flash,
  1820. body.closet_lists-edit .flash,
  1821. body.closet_lists-update .flash {
  1822. clear: both
  1823. }
  1824. body.closet_lists-new #secondary-nav,
  1825. body.closet_lists-create #secondary-nav,
  1826. body.closet_lists-edit #secondary-nav,
  1827. body.closet_lists-update #secondary-nav {
  1828. display: block;
  1829. margin-top: .75em
  1830. }
  1831. body.closet_lists-new form ul.fields,
  1832. body.closet_lists-create form ul.fields,
  1833. body.closet_lists-edit form ul.fields,
  1834. body.closet_lists-update form ul.fields {
  1835. clear: both;
  1836. list-style: none
  1837. }
  1838. body.closet_lists-new form ul.fields label,
  1839. body.closet_lists-create form ul.fields label,
  1840. body.closet_lists-edit form ul.fields label,
  1841. body.closet_lists-update form ul.fields label {
  1842. float: left;
  1843. font-weight: bold;
  1844. margin-right: 1em
  1845. }
  1846. body.closet_lists-new form ul.fields li,
  1847. body.closet_lists-create form ul.fields li,
  1848. body.closet_lists-edit form ul.fields li,
  1849. body.closet_lists-update form ul.fields li {
  1850. padding: 0.75em 0;
  1851. width: 35em
  1852. }
  1853. body.closet_lists-new form ul.fields input,
  1854. body.closet_lists-new form ul.fields textarea,
  1855. body.closet_lists-new form ul.fields select,
  1856. body.closet_lists-create form ul.fields input,
  1857. body.closet_lists-create form ul.fields textarea,
  1858. body.closet_lists-create form ul.fields select,
  1859. body.closet_lists-edit form ul.fields input,
  1860. body.closet_lists-edit form ul.fields textarea,
  1861. body.closet_lists-edit form ul.fields select,
  1862. body.closet_lists-update form ul.fields input,
  1863. body.closet_lists-update form ul.fields textarea,
  1864. body.closet_lists-update form ul.fields select {
  1865. clear: both;
  1866. display: block;
  1867. margin-top: .25em;
  1868. width: 80%
  1869. }
  1870. body.closet_lists-new form ul.fields textarea,
  1871. body.closet_lists-create form ul.fields textarea,
  1872. body.closet_lists-edit form ul.fields textarea,
  1873. body.closet_lists-update form ul.fields textarea {
  1874. height: 12em
  1875. }
  1876. body.closet_lists-new form ul.fields .hint,
  1877. body.closet_lists-create form ul.fields .hint,
  1878. body.closet_lists-edit form ul.fields .hint,
  1879. body.closet_lists-update form ul.fields .hint {
  1880. display: block;
  1881. font-size: 85%
  1882. }
  1883. body.donations-show #thank-you {
  1884. border: 3px solid #9181bf;
  1885. display: block;
  1886. margin: 0 auto 1em
  1887. }
  1888. body.donations-show #edit-donation ul {
  1889. list-style: none
  1890. }
  1891. body.donations-show #edit-donation label {
  1892. display: -moz-inline-box;
  1893. -moz-box-orient: vertical;
  1894. display: inline-block;
  1895. vertical-align: middle;
  1896. *display: inline;
  1897. *vertical-align: auto;
  1898. width: 16em
  1899. }
  1900. body.donations-show #edit-donation .name input[type=text] {
  1901. width: 10em
  1902. }
  1903. body.donations-show #edit-donation .feature input[type=text] {
  1904. width: 23em
  1905. }
  1906. body.donations-show #edit-donation .choose-outfit {
  1907. font-size: 85%;
  1908. margin-left: 1em
  1909. }
  1910. body.donations-show #edit-donation .choose-outfit select {
  1911. width: 10em
  1912. }
  1913. body.neopets_page_import_tasks-new #title,
  1914. body.neopets_page_import_tasks-create #title {
  1915. float: left
  1916. }
  1917. body.neopets_page_import_tasks-new .flash,
  1918. body.neopets_page_import_tasks-create .flash {
  1919. clear: both
  1920. }
  1921. body.neopets_page_import_tasks-new #back-to-items,
  1922. body.neopets_page_import_tasks-create #back-to-items {
  1923. border-radius: 5px;
  1924. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  1925. border: 0;
  1926. display: inline-block;
  1927. padding: .5em .75em .45em;
  1928. color: #201d1d;
  1929. text-decoration: none;
  1930. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1931. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1932. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1933. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1934. position: relative;
  1935. font-weight: bold;
  1936. line-height: 1;
  1937. margin-left: 1em;
  1938. margin-top: .75em
  1939. }
  1940. body.neopets_page_import_tasks-new #back-to-items:hover,
  1941. body.neopets_page_import_tasks-create #back-to-items:hover {
  1942. background-color: #9181bf
  1943. }
  1944. body.neopets_page_import_tasks-new #back-to-items:hover,
  1945. body.neopets_page_import_tasks-create #back-to-items:hover {
  1946. color: #201d1d
  1947. }
  1948. body.neopets_page_import_tasks-new #back-to-items:active,
  1949. body.neopets_page_import_tasks-create #back-to-items:active {
  1950. transform: translateY(1px)
  1951. }
  1952. body.neopets_page_import_tasks-new #closet-page-form,
  1953. body.neopets_page_import_tasks-create #closet-page-form {
  1954. overflow: hidden;
  1955. display: inline-block;
  1956. clear: both;
  1957. margin-bottom: 1em;
  1958. text-align: right
  1959. }
  1960. body.neopets_page_import_tasks-new #closet-page-form,
  1961. body.neopets_page_import_tasks-create #closet-page-form {
  1962. display: block
  1963. }
  1964. body.neopets_page_import_tasks-new #closet-page-form > *,
  1965. body.neopets_page_import_tasks-create #closet-page-form > * {
  1966. text-align: left
  1967. }
  1968. body.neopets_page_import_tasks-new #closet-page-frame-wrapper,
  1969. body.neopets_page_import_tasks-create #closet-page-frame-wrapper {
  1970. float: left;
  1971. margin-right: 2%;
  1972. width: 48%
  1973. }
  1974. body.neopets_page_import_tasks-new #closet-page-frame,
  1975. body.neopets_page_import_tasks-create #closet-page-frame {
  1976. height: 19em;
  1977. width: 100%
  1978. }
  1979. body.neopets_page_import_tasks-new #closet-page-source,
  1980. body.neopets_page_import_tasks-create #closet-page-source {
  1981. float: left;
  1982. width: 50%
  1983. }
  1984. body.neopets_page_import_tasks-new #closet-page-source label,
  1985. body.neopets_page_import_tasks-create #closet-page-source label {
  1986. font-weight: bold
  1987. }
  1988. body.neopets_page_import_tasks-new #closet-page-source textarea,
  1989. body.neopets_page_import_tasks-create #closet-page-source textarea {
  1990. height: 19em
  1991. }
  1992. body.neopets_page_import_tasks-new ol,
  1993. body.neopets_page_import_tasks-create ol {
  1994. padding-left: 1em
  1995. }
  1996. body.neopets_page_import_tasks-new ol > li,
  1997. body.neopets_page_import_tasks-create ol > li {
  1998. margin-bottom: 1em
  1999. }
  2000. body.neopets_page_import_tasks-new ol ul,
  2001. body.neopets_page_import_tasks-create ol ul {
  2002. font-size: 85%;
  2003. margin-bottom: 1em;
  2004. margin-top: 0;
  2005. padding-left: 1em
  2006. }
  2007. body.neopets_page_import_tasks-new ol p,
  2008. body.neopets_page_import_tasks-create ol p {
  2009. margin: 0
  2010. }
  2011. body.neopets_users-new #title,
  2012. body.neopets_users-create #title {
  2013. float: left;
  2014. margin-right: .5em
  2015. }
  2016. body.neopets_users-new .flash,
  2017. body.neopets_users-create .flash {
  2018. clear: both
  2019. }
  2020. body.neopets_users-new #secondary-nav,
  2021. body.neopets_users-create #secondary-nav {
  2022. display: block;
  2023. margin-top: .75em
  2024. }
  2025. body.neopets_users-new #neopets-user-form,
  2026. body.neopets_users-create #neopets-user-form {
  2027. clear: both
  2028. }
  2029. body.neopets_users-new #neopets-user-form label,
  2030. body.neopets_users-create #neopets-user-form label {
  2031. font-weight: bold;
  2032. margin-right: 1em
  2033. }
  2034. body.neopets_users-new #neopets-user-form label:after,
  2035. body.neopets_users-create #neopets-user-form label:after {
  2036. content: ":"
  2037. }
  2038. body.contributions-index {
  2039. text-align: center
  2040. }
  2041. body.contributions-index .contributions li {
  2042. list-style: none;
  2043. height: 80px;
  2044. overflow: hidden;
  2045. padding: 1em 0 0 100px;
  2046. position: relative;
  2047. text-align: left
  2048. }
  2049. body.contributions-index .contributions .point-value {
  2050. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  2051. color: #201d1d;
  2052. font-size: 80px;
  2053. left: 0;
  2054. line-height: 1;
  2055. position: absolute;
  2056. text-align: center;
  2057. text-shadow: 2px 2px 0 #000;
  2058. top: 0;
  2059. width: 80px;
  2060. z-index: 3
  2061. }
  2062. body.contributions-index .contributions .point-value:hover {
  2063. -moz-opacity: 0.5;
  2064. -webkit-opacity: 0.5;
  2065. -o-opacity: 0.5;
  2066. -khtml-opacity: 0.5
  2067. }
  2068. body.contributions-index .contributions img {
  2069. height: 80px;
  2070. left: 0;
  2071. position: absolute;
  2072. top: 0;
  2073. width: 80px;
  2074. z-index: 2
  2075. }
  2076. body.contributions-index .contributions .username,
  2077. body.contributions-index .contributions .contributed-name {
  2078. font-weight: bold
  2079. }
  2080. body.contributions-index .contributions .time-ago {
  2081. display: block;
  2082. font-size: 75%
  2083. }
  2084. body.items {
  2085. text-align: center
  2086. }
  2087. body.items .campaign-progress-wrapper {
  2088. border-radius: 8px;
  2089. background: #c99cc2;
  2090. background-image: linear-gradient(color-stops(#eddeeb, #c99cc2));
  2091. border: 4px solid #9181bf;
  2092. clear: both;
  2093. margin-bottom: 1em;
  2094. margin-top: .5em;
  2095. position: relative
  2096. }
  2097. body.items .campaign-progress-wrapper .button {
  2098. border-radius: 5px;
  2099. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  2100. border: 0;
  2101. display: inline-block;
  2102. padding: .5em .75em .45em;
  2103. color: #201d1d;
  2104. text-decoration: none;
  2105. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2106. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2107. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  2108. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  2109. position: relative;
  2110. font-weight: bold;
  2111. line-height: 1;
  2112. background: #004 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  2113. font-size: 75%;
  2114. margin-left: 1em;
  2115. padding: .25em .75em
  2116. }
  2117. body.items .campaign-progress-wrapper .button:hover {
  2118. background-color: #9181bf
  2119. }
  2120. body.items .campaign-progress-wrapper .button:hover {
  2121. color: #201d1d
  2122. }
  2123. body.items .campaign-progress-wrapper .button:active {
  2124. transform: translateY(1px)
  2125. }
  2126. body.items .campaign-progress-wrapper .button:hover {
  2127. background-color: #000033
  2128. }
  2129. body.items .campaign-progress {
  2130. background: #9181bf;
  2131. background-image: linear-gradient(color-stops(#c54bb1, #9181bf));
  2132. border-right: 1px solid #9181bf
  2133. }
  2134. body.items .campaign-progress-wrapper,
  2135. body.items .campaign-progress {
  2136. height: 2.5em
  2137. }
  2138. body.items .campaign-progress-label {
  2139. text-shadow: 1px 1px 0 #9181bf;
  2140. color: #201d1d;
  2141. font-size: 150%;
  2142. left: 0;
  2143. position: absolute;
  2144. top: 0;
  2145. text-align: center;
  2146. width: 100%
  2147. }
  2148. body.items .campaign-progress-label a {
  2149. color: inherit;
  2150. display: block;
  2151. text-decoration: none
  2152. }
  2153. body.items .campaign-progress-label .button {
  2154. position: relative;
  2155. top: -2px
  2156. }
  2157. body.items.campaign-loaded .campaign-progress-wrapper {
  2158. visibility: visible
  2159. }
  2160. body.items input[type=text] {
  2161. font-size: 125%;
  2162. width: 15em
  2163. }
  2164. body.items h1 {
  2165. margin-bottom: 1em
  2166. }
  2167. body.items h1 img {
  2168. height: 80px;
  2169. margin-bottom: -0.5em;
  2170. width: 80px
  2171. }
  2172. body.items h1 a {
  2173. text-decoration: none
  2174. }
  2175. body.items h1 a span {
  2176. text-decoration: underline
  2177. }
  2178. body.items h1 a:hover span {
  2179. text-decoration: none
  2180. }
  2181. body.items-index form {
  2182. margin-bottom: 2em
  2183. }
  2184. body.items-index #search-info {
  2185. float: left;
  2186. width: 49%;
  2187. padding-right: 1%
  2188. }
  2189. body.items-index #search-info h2 {
  2190. font-size: 125%
  2191. }
  2192. body.items-index #search-info dl {
  2193. text-align: left
  2194. }
  2195. body.items-index #search-info dd {
  2196. margin-bottom: 1em
  2197. }
  2198. body.items-index #species-search-links {
  2199. float: left;
  2200. width: 49%;
  2201. padding-left: 1%
  2202. }
  2203. body.items-index #species-search-links h2 {
  2204. font-size: 125%
  2205. }
  2206. body.items-index #species-search-links img {
  2207. height: 80px;
  2208. width: 80px
  2209. }
  2210. body.items-show #item-header {
  2211. border-bottom: 1px solid #9181bf;
  2212. display: block;
  2213. margin-bottom: 1em;
  2214. padding: 1em 0
  2215. }
  2216. body.items-show #item-header div,
  2217. body.items-show #item-header img {
  2218. display: -moz-inline-box;
  2219. -moz-box-orient: vertical;
  2220. display: inline-block;
  2221. vertical-align: middle;
  2222. *display: inline;
  2223. *vertical-align: auto
  2224. }
  2225. body.items-show #item-header div {
  2226. text-align: left
  2227. }
  2228. body.items-show #item-header a {
  2229. font-size: 75%;
  2230. margin-left: 1em
  2231. }
  2232. body.items-show #item-thumbnail {
  2233. border: 1px solid #9181bf;
  2234. height: 80px;
  2235. margin-right: .5em;
  2236. width: 80px
  2237. }
  2238. body.items-show #item-name {
  2239. margin-bottom: 0
  2240. }
  2241. body.items-show #item-preview {
  2242. overflow: hidden;
  2243. display: inline-block
  2244. }
  2245. body.items-show #item-preview {
  2246. display: block
  2247. }
  2248. body.items-show #item-preview > div,
  2249. body.items-show #item-preview > ul {
  2250. float: left
  2251. }
  2252. body.items-show #item-preview-species {
  2253. display: block;
  2254. width: 400px
  2255. }
  2256. body.items-show #item-preview-species .pet-type,
  2257. body.items-show #item-preview-species img {
  2258. height: 50px;
  2259. width: 50px
  2260. }
  2261. body.items-show #item-preview-species .pet-type {
  2262. display: -moz-inline-box;
  2263. -moz-box-orient: vertical;
  2264. display: inline-block;
  2265. vertical-align: middle;
  2266. *display: inline;
  2267. *vertical-align: auto
  2268. }
  2269. body.items-show #item-preview-species .pet-type.current {
  2270. background: #201d1d;
  2271. outline: 1px solid #9181bf
  2272. }
  2273. body.items-show #item-preview-species .pet-type.deactivated img {
  2274. filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  2275. filter: gray;
  2276. -webkit-filter: grayscale(100%);
  2277. -moz-opacity: 0.5;
  2278. -webkit-opacity: 0.5;
  2279. -o-opacity: 0.5;
  2280. -khtml-opacity: 0.5
  2281. }
  2282. body.items-show #item-preview-species .pet-type.deactivated.current {
  2283. background: transparent;
  2284. outline-color: #fbc2c4
  2285. }
  2286. body.items-show #item-preview-species ul,
  2287. body.items-show #item-preview-species li {
  2288. display: inline
  2289. }
  2290. body.items-show #item-preview-error {
  2291. display: none;
  2292. padding: 20px 10px 0;
  2293. width: 380px
  2294. }
  2295. body.items-show #item-preview-swf {
  2296. height: 300px;
  2297. overflow: hidden;
  2298. width: 300px
  2299. }
  2300. body.items-show #item-zones {
  2301. font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  2302. font-size: 85%;
  2303. margin-bottom: 1em
  2304. }
  2305. body.items-show #item-zones p {
  2306. display: inline
  2307. }
  2308. body.items-show #item-zones p:first-child {
  2309. margin-right: 1em
  2310. }
  2311. body.items-show #trade-hangers {
  2312. font-size: 85%;
  2313. margin-bottom: 3em;
  2314. text-align: left
  2315. }
  2316. body.items-show #trade-hangers p {
  2317. position: relative
  2318. }
  2319. body.items-show #trade-hangers p:first-child {
  2320. margin-bottom: .5em
  2321. }
  2322. body.items-show #trade-hangers p.overflows .toggle {
  2323. display: block
  2324. }
  2325. body.items-show #trade-hangers p.showing-more .toggle .less {
  2326. display: block
  2327. }
  2328. body.items-show #trade-hangers p.showing-more .toggle .more {
  2329. display: none
  2330. }
  2331. body.items-show #trade-hangers .toggle {
  2332. background: #201d1d;
  2333. bottom: 0;
  2334. cursor: pointer;
  2335. display: none;
  2336. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  2337. padding: 0 1em;
  2338. position: absolute;
  2339. right: 0
  2340. }
  2341. body.items-show #trade-hangers .toggle:hover {
  2342. text-decoration: underline
  2343. }
  2344. body.items-show #trade-hangers .toggle .less {
  2345. display: none
  2346. }
  2347. body.items-show #item-contributors {
  2348. border-color: #9181bf;
  2349. border-style: solid;
  2350. border-width: 1px 0;
  2351. font-size: 85%;
  2352. margin: 1em 0;
  2353. padding: .5em 0;
  2354. text-align: center;
  2355. clear: both;
  2356. margin-bottom: 0;
  2357. margin-top: 2em
  2358. }
  2359. body.items-show #item-contributors header {
  2360. display: inline;
  2361. font-weight: bold;
  2362. margin-right: .25em
  2363. }
  2364. body.items-show #item-contributors footer {
  2365. display: inline
  2366. }
  2367.  
  2368. body.items-show #item-contributors ul li::after {
  2369. content: ", "
  2370. }
  2371. body.items-show #item-contributors ul li:last-child::after {
  2372. content: "."
  2373. }
  2374. body.items-show #item-preview-header {
  2375. clear: both
  2376. }
  2377. body.items-show #item-preview-header h3,
  2378. body.items-show #item-preview-header a {
  2379. display: -moz-inline-box;
  2380. -moz-box-orient: vertical;
  2381. display: inline-block;
  2382. vertical-align: middle;
  2383. *display: inline;
  2384. *vertical-align: auto
  2385. }
  2386. body.items-show #item-preview-header a {
  2387. font-size: 85%;
  2388. margin: -1.5em 0 0 1em
  2389. }
  2390. body.items-show .nc-icon {
  2391. height: 16px;
  2392. width: 16px
  2393. }
  2394. body.items-show #closet-hangers {
  2395. border: 1px solid #9181bf;
  2396. float: right;
  2397. font-size: 85%;
  2398. margin-bottom: 3em;
  2399. margin-left: 1em;
  2400. padding: 1em;
  2401. width: 30em;
  2402. position: relative;
  2403. z-index: 2
  2404. }
  2405. body.items-show #closet-hangers h3 {
  2406. font-size: 150%;
  2407. font-weight: bold;
  2408. margin-bottom: .25em
  2409. }
  2410. body.items-show #closet-hangers #closet-hangers-ownership-groups {
  2411. overflow: hidden;
  2412. display: inline-block;
  2413. margin-bottom: .5em
  2414. }
  2415. body.items-show #closet-hangers #closet-hangers-ownership-groups {
  2416. display: block
  2417. }
  2418. body.items-show #closet-hangers #closet-hangers-ownership-groups div {
  2419. float: left;
  2420. margin: 0 5%;
  2421. text-align: left;
  2422. width: 40%
  2423. }
  2424. body.items-show #closet-hangers #closet-hangers-ownership-groups div li {
  2425. list-style: none;
  2426. word-wrap: break-word
  2427. }
  2428. body.items-show #closet-hangers #closet-hangers-ownership-groups div li label.unlisted {
  2429. font-style: italic
  2430. }
  2431. body.items-show #closet-hangers form {
  2432. padding: .5em 0
  2433. }
  2434. body.items-show #closet-hangers select {
  2435. width: 9em
  2436. }
  2437. body.items-show #closet-hangers input[type=number] {
  2438. margin-right: .5em;
  2439. width: 3em
  2440. }
  2441. body.items-show.js #trade-hangers p {
  2442. max-height: 3em;
  2443. overflow: hidden
  2444. }
  2445. body.items-show.js #trade-hangers p.showing-more {
  2446. max-height: none
  2447. }
  2448. body.outfits-index #outfits {
  2449. font-size: 0;
  2450. list-style: none
  2451. }
  2452. body.outfits-index #outfits > li {
  2453. display: -moz-inline-box;
  2454. -moz-box-orient: vertical;
  2455. display: inline-block;
  2456. vertical-align: middle;
  2457. *display: inline;
  2458. *vertical-align: auto;
  2459. overflow: hidden;
  2460. position: relative;
  2461. font-size: 14px
  2462. }
  2463. body.outfits-index #outfits > li .outfit-star {
  2464. bottom: -2px;
  2465. height: 16px;
  2466. position: relative;
  2467. width: 16px;
  2468. background-image: url(/assets/unstarred-54792d2b7885656ad033c05d6108fd761651e01bfdc6f14e8661cc1af205080f.png);
  2469. background-position: left top;
  2470. background-repeat: no-repeat;
  2471. cursor: pointer;
  2472. display: block;
  2473. float: left;
  2474. margin-right: 8px
  2475. }
  2476. body.outfits-index #outfits > li.starred .outfit-star {
  2477. background-image: url(/assets/star-837d4c96e47ae9ba62d8ea546761e6a45432d25c8365475b6586ee1e774eaf86.png)
  2478. }
  2479. body.outfits-index #outfits > li.loading .outfit-star {
  2480. background-image: url(/assets/loading-7206dff50c999a9919b583fc63cd70a5cd02d6690ca84d9dd586197cafac8d17.gif)
  2481. }
  2482. body.outfits-index #outfits > li header,
  2483. body.outfits-index #outfits > li footer {
  2484. color: #eee;
  2485. left: 0;
  2486. position: absolute;
  2487. z-index: 2;
  2488. background: black;
  2489. background: rgba(0, 0, 0, 0.75)
  2490. }
  2491. body.outfits-index #outfits > li header {
  2492. bottom: 0
  2493. }
  2494. body.outfits-index #outfits > li footer {
  2495. top: 0
  2496. }
  2497. body.outfits-index #outfits > li a {
  2498. color: #eee
  2499. }
  2500. body.outfits-index #outfits > li {
  2501. height: 150px;
  2502. margin: 2px;
  2503. width: 150px
  2504. }
  2505. body.outfits-index #outfits > li header,
  2506. body.outfits-index #outfits > li footer {
  2507. padding: 2px 4px;
  2508. width: 142px
  2509. }
  2510. body.outfits-index #outfits > li footer {
  2511. display: none
  2512. }
  2513. body.outfits-index #outfits > li footer .outfit-edit-link {
  2514. float: left;
  2515. text-decoration: none
  2516. }
  2517. body.outfits-index #outfits > li footer form {
  2518. float: right
  2519. }
  2520. body.outfits-index #outfits > li footer form .outfit-delete-button {
  2521. margin: 0;
  2522. padding: 0
  2523. }
  2524. body.outfits-index #outfits > li footer .outfit-edit-link:hover,
  2525. body.outfits-index #outfits > li footer .outfit-delete-button:hover {
  2526. text-decoration: underline
  2527. }
  2528. body.outfits-index #outfits > li .outfit-star {
  2529. cursor: auto
  2530. }
  2531. body.outfits-index #outfits > li .outfit-name {
  2532. text-decoration: none
  2533. }
  2534. body.outfits-index #outfits > li .outfit-name:hover {
  2535. text-decoration: underline
  2536. }
  2537. body.outfits-index #outfits > li:hover footer {
  2538. display: block
  2539. }
  2540. body.outfits-index #outfits .outfit-delete-button {
  2541. border-radius: 0;
  2542. background: transparent;
  2543. display: inline;
  2544. padding: 0;
  2545. color: inherit;
  2546. -moz-box-shadow: none;
  2547. -webkit-box-shadow: none;
  2548. text-shadow: none;
  2549. border-bottom: 0;
  2550. position: static;
  2551. font-weight: normal;
  2552. line-height: inherit
  2553. }
  2554. body.outfits-index #outfits .outfit-delete-button:hover {
  2555. background: transparent;
  2556. color: inherit
  2557. }
  2558. body.outfits-index #outfits .outfit-delete-button:active {
  2559. top: auto
  2560. }
  2561. body.outfits-new .campaign-progress-wrapper {
  2562. border-radius: 8px;
  2563. background: #c99cc2;
  2564. background-image: linear-gradient(color-stops(#eddeeb, #c99cc2));
  2565. border: 4px solid #9181bf;
  2566. clear: both;
  2567. margin-bottom: 1em;
  2568. margin-top: .5em;
  2569. position: relative
  2570. }
  2571. body.outfits-new .campaign-progress-wrapper .button {
  2572. border-radius: 5px;
  2573. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  2574. border: 0;
  2575. display: inline-block;
  2576. padding: .5em .75em .45em;
  2577. color: #201d1d;
  2578. text-decoration: none;
  2579. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2580. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2581. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  2582. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  2583. position: relative;
  2584. font-weight: bold;
  2585. line-height: 1;
  2586. background: #004 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  2587. font-size: 75%;
  2588. margin-left: 1em;
  2589. padding: .25em .75em
  2590. }
  2591. body.outfits-new .campaign-progress-wrapper .button:hover {
  2592. background-color: #9181bf
  2593. }
  2594. body.outfits-new .campaign-progress-wrapper .button:hover {
  2595. color: #201d1d
  2596. }
  2597. body.outfits-new .campaign-progress-wrapper .button:active {
  2598. transform: translateY(1px)
  2599. }
  2600. body.outfits-new .campaign-progress-wrapper .button:hover {
  2601. background-color: #000033
  2602. }
  2603. body.outfits-new .campaign-progress {
  2604. background: #9181bf;
  2605. background-image: linear-gradient(color-stops(#c54bb1, #9181bf));
  2606. border-right: 1px solid #9181bf
  2607. }
  2608. body.outfits-new .campaign-progress-wrapper,
  2609. body.outfits-new .campaign-progress {
  2610. height: 2.5em
  2611. }
  2612. body.outfits-new .campaign-progress-label {
  2613. text-shadow: 1px 1px 0 #9181bf;
  2614. color: #201d1d;
  2615. font-size: 150%;
  2616. left: 0;
  2617. position: absolute;
  2618. top: 0;
  2619. text-align: center;
  2620. width: 100%
  2621. }
  2622. body.outfits-new .campaign-progress-label a {
  2623. color: inherit;
  2624. display: block;
  2625. text-decoration: none
  2626. }
  2627. body.outfits-new .campaign-progress-label .button {
  2628. position: relative;
  2629. top: -2px
  2630. }
  2631. body.outfits-new.campaign-loaded .campaign-progress-wrapper {
  2632. visibility: visible
  2633. }
  2634. body.outfits-new .pardon-our-dust {
  2635. border: 1px solid #3d8bfd;
  2636. border-radius: .5em;
  2637. color: #72a5ee;
  2638. padding: .25em .5em;
  2639. margin-bottom: 1em;
  2640. display: grid;
  2641. grid-template-areas: "thumbnail header" "thumbnail body1" "thumbnail body2";
  2642. grid-template-columns: auto 1fr;
  2643. column-gap: .75em;
  2644. align-items: center
  2645. }
  2646. body.outfits-new .pardon-our-dust .thumbnail {
  2647. grid-area: thumbnail;
  2648. border: 1px solid #cfe2ff;
  2649. border-radius: .25em;
  2650. width: 60px;
  2651. height: 60px
  2652. }
  2653. body.outfits-new .pardon-our-dust header {
  2654. grid-area: header;
  2655. font-weight: bold;
  2656. font-size: 1.25em
  2657. }
  2658. body.outfits-new .pardon-our-dust p {
  2659. margin-bottom: 0;
  2660. line-height: 1.75
  2661. }
  2662. body.outfits-new .pardon-our-dust a {
  2663. color: #72a5ee
  2664. }
  2665.  
  2666. body.outfits-new .pardon-our-dust a:hover {
  2667. color: #cfe2ff
  2668. }
  2669. body.outfits-new #pet-not-found {
  2670. display: none
  2671. }
  2672. body.outfits-new #outfit-forms {
  2673. overflow: hidden;
  2674. display: inline-block;
  2675. background: #201d1d;
  2676. border: 1px solid #9181bf;
  2677. padding: 1em;
  2678. position: relative
  2679. }
  2680. body.outfits-new #outfit-forms {
  2681. display: block
  2682. }
  2683. body.outfits-new #outfit-forms h1 {
  2684. margin-bottom: 0
  2685. }
  2686. body.outfits-new #outfit-forms h2 {
  2687. font-size: 150%;
  2688. font-style: italic;
  2689. text-indent: 1em
  2690. }
  2691. body.outfits-new #outfit-forms #pet-preview {
  2692. float: left;
  2693. height: 300px;
  2694. margin-right: 2em;
  2695. position: relative;
  2696. width: 300px
  2697. }
  2698. body.outfits-new #outfit-forms #pet-preview img {
  2699. height: 100%;
  2700. width: 100%
  2701. }
  2702. body.outfits-new #outfit-forms #pet-preview.loading img {
  2703. -moz-opacity: 0.5;
  2704. -webkit-opacity: 0.5;
  2705. -o-opacity: 0.5;
  2706. -khtml-opacity: 0.5
  2707. }
  2708. body.outfits-new #outfit-forms #pet-preview.hidden img {
  2709. display: none
  2710. }
  2711. body.outfits-new #outfit-forms #pet-preview.loaded {
  2712. cursor: pointer
  2713. }
  2714. body.outfits-new #outfit-forms #pet-preview span {
  2715. background: gray;
  2716. background: rgba(0, 0, 0, 0.5);
  2717. bottom: 0;
  2718. color: #201d1d;
  2719. padding: .25em .5em;
  2720. position: absolute;
  2721. right: 0
  2722. }
  2723. body.outfits-new #outfit-forms #pet-preview span:empty {
  2724. display: none
  2725. }
  2726. body.outfits-new #outfit-forms fieldset {
  2727. position: relative;
  2728. left: 16px
  2729. }
  2730. body.outfits-new #outfit-forms fieldset legend {
  2731. margin-left: -16px
  2732. }
  2733. body.outfits-new #outfit-forms .primary {
  2734. margin-bottom: 2em;
  2735. margin-top: 3em
  2736. }
  2737. body.outfits-new #outfit-forms .primary input {
  2738. font-size: 115%;
  2739. padding: .5em;
  2740. width: 10em
  2741. }
  2742. body.outfits-new #outfit-forms .primary button {
  2743. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  2744. font-size: 125%;
  2745. padding: 8px 14px 9px
  2746. }
  2747. body.outfits-new #outfit-forms .primary button:hover {
  2748. background-color: #716495
  2749. }
  2750. body.outfits-new #outfit-forms .primary legend {
  2751. font-size: 175%
  2752. }
  2753. body.outfits-new #outfit-forms .primary select {
  2754. font-size: 120%
  2755. }
  2756. body.outfits-new #description,
  2757. body.outfits-new #top-contributors {
  2758. float: left
  2759. }
  2760. body.outfits-new #description {
  2761. margin-right: 2%;
  2762. width: 64%
  2763. }
  2764. body.outfits-new #top-contributors {
  2765. border: 1px solid #cfc3df;
  2766. margin-top: 1em;
  2767. padding: 1%;
  2768. width: 30%
  2769. }
  2770. body.outfits-new #top-contributors ol {
  2771. margin-left: 2em;
  2772. padding-left: 1em
  2773. }
  2774. body.outfits-new #top-contributors > a {
  2775. font-size: 80%;
  2776. display: block;
  2777. text-align: right
  2778. }
  2779. body.outfits-new #how-can-i-help,
  2780. body.outfits-new #i-found-something {
  2781. background: #201d1d;
  2782. border: 1px solid #9181bf;
  2783. padding: 1em;
  2784. float: left;
  2785. padding: 1%;
  2786. width: 46%
  2787. }
  2788. body.outfits-new #how-can-i-help h2,
  2789. body.outfits-new #i-found-something h2 {
  2790. font-style: italic
  2791. }
  2792. body.outfits-new #how-can-i-help input,
  2793. body.outfits-new #how-can-i-help button,
  2794. body.outfits-new #i-found-something input,
  2795. body.outfits-new #i-found-something button {
  2796. font-size: 115%
  2797. }
  2798. body.outfits-new #how-can-i-help input[type=text],
  2799. body.outfits-new #i-found-something input[type=text] {
  2800. border-color: #9181bf;
  2801. width: 12em
  2802. }
  2803. body.outfits-new #how-can-i-help {
  2804. margin-right: 1%
  2805. }
  2806. body.outfits-new #i-found-something {
  2807. margin-left: 1%
  2808. }
  2809. body.outfits-new #i-found-something a {
  2810. float: right;
  2811. font-size: 87.5%;
  2812. margin-top: 1em
  2813. }
  2814. body.outfits-new #sections {
  2815. overflow: hidden;
  2816. display: inline-block;
  2817. display: table;
  2818. list-style: none;
  2819. margin-top: 1em
  2820. }
  2821. body.outfits-new #sections {
  2822. display: block
  2823. }
  2824. body.outfits-new #sections h3 {
  2825. margin-bottom: .25em
  2826. }
  2827. body.outfits-new #sections li {
  2828. border-left-color: #9181bf;
  2829. border-left-style: solid;
  2830. border-left-width: 1px;
  2831. display: table-cell;
  2832. padding: 0.5em;
  2833. position: relative;
  2834. width: 33.3333333333%
  2835. }
  2836. body.outfits-new #sections li:first-child {
  2837. border-left: 0
  2838. }
  2839. body.outfits-new #sections div {
  2840. color: #927cae;
  2841. font-size: 75%;
  2842. margin-left: 1em;
  2843. z-index: 2
  2844. }
  2845. body.outfits-new #sections h4,
  2846. body.outfits-new #sections input {
  2847. font-size: 116%
  2848. }
  2849. body.outfits-new #sections h4,
  2850. body.outfits-new #sections input[type=text] {
  2851. color: inherit
  2852. }
  2853. body.outfits-new #sections h4 a {
  2854. background: #201d1d
  2855. }
  2856. body.outfits-new #sections img {
  2857. -moz-opacity: 0.75;
  2858. -webkit-opacity: 0.75;
  2859. -o-opacity: 0.75;
  2860. -khtml-opacity: 0.75;
  2861. float: right;
  2862. margin-left: .5em
  2863. }
  2864. body.outfits-new #sections img:hover {
  2865. -moz-opacity: 1;
  2866. -webkit-opacity: 1;
  2867. -o-opacity: 1;
  2868. -khtml-opacity: 1
  2869. }
  2870. body.outfits-new #sections p {
  2871. min-height: 4.5em
  2872. }
  2873. body.outfits-new #whats-new {
  2874. margin-bottom: 1em
  2875. }
  2876. body.outfits-new #whats-new h3 {
  2877. font-size: 125%;
  2878. font-style: italic;
  2879. margin-bottom: .5em
  2880. }
  2881. body.outfits-new #whats-new #modeling-neopets-users {
  2882. float: right;
  2883. font-size: 85%;
  2884. margin-top: -5px;
  2885. max-width: 55%;
  2886. text-align: right
  2887. }
  2888. body.outfits-new #whats-new #modeling-neopets-users ul {
  2889. display: inline
  2890. }
  2891. body.outfits-new #whats-new #modeling-neopets-users li,
  2892. body.outfits-new #whats-new #modeling-neopets-users form {
  2893. display: inline-block
  2894. }
  2895. body.outfits-new #whats-new #modeling-neopets-users li {
  2896. border-radius: 6px;
  2897. border: 1px solid #9181bf;
  2898. line-height: 1;
  2899. margin: 0 4px;
  2900. padding: 2px 4px 2px 8px
  2901. }
  2902. body.outfits-new #whats-new #modeling-neopets-users li button {
  2903. border-radius: 0;
  2904. background: transparent;
  2905. display: inline;
  2906. padding: 0;
  2907. color: inherit;
  2908. -moz-box-shadow: none;
  2909. -webkit-box-shadow: none;
  2910. text-shadow: none;
  2911. border-bottom: 0;
  2912. position: static;
  2913. font-weight: normal;
  2914. line-height: inherit;
  2915. margin-left: 6px
  2916. }
  2917. body.outfits-new #whats-new #modeling-neopets-users li button:hover {
  2918. background: transparent;
  2919. color: inherit
  2920. }
  2921. body.outfits-new #whats-new #modeling-neopets-users li button:active {
  2922. top: auto
  2923. }
  2924. body.outfits-new #whats-new #newest-unmodeled-items {
  2925. clear: both;
  2926. list-style: none
  2927. }
  2928. body.outfits-new #whats-new #newest-unmodeled-items > li {
  2929. overflow: hidden;
  2930. display: inline-block;
  2931. margin: .5em 0
  2932. }
  2933. body.outfits-new #whats-new #newest-unmodeled-items > li {
  2934. display: block
  2935. }
  2936. body.outfits-new #whats-new #newest-unmodeled-items a.header {
  2937. background: #7d7984;
  2938. border: 1px solid #9181bf;
  2939. border-left: 0;
  2940. border-radius: 0 6px 6px 0;
  2941. color: #201d1d;
  2942. display: block;
  2943. margin-left: 81px;
  2944. padding: .5em 8px;
  2945. position: relative;
  2946. text-decoration: none;
  2947. text-shadow: #ba93f2 1px 1px 2px
  2948. }
  2949. body.outfits-new #whats-new #newest-unmodeled-items a.header:hover,
  2950. body.outfits-new #whats-new #newest-unmodeled-items .image-link:hover + a.header {
  2951. text-decoration: underline
  2952. }
  2953. body.outfits-new #whats-new #newest-unmodeled-items h2 {
  2954. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  2955. font-size: 120%;
  2956. margin: 0;
  2957. position: relative;
  2958. z-index: 2
  2959. }
  2960. body.outfits-new #whats-new #newest-unmodeled-items .meter {
  2961. background: #cab8ea;
  2962. display: block;
  2963. height: 100%;
  2964. left: 0;
  2965. position: absolute;
  2966. top: 0;
  2967. z-index: 1
  2968. }
  2969. body.outfits-new #whats-new #newest-unmodeled-items .image-link {
  2970. float: left
  2971. }
  2972. body.outfits-new #whats-new #newest-unmodeled-items .image-link img {
  2973. border: 1px solid #9181bf;
  2974. border-radius: 6px 0 6px 6px;
  2975. height: 80px;
  2976. width: 80px
  2977. }
  2978. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies,
  2979. body.outfits-new #whats-new #newest-unmodeled-items .models {
  2980. margin-left: 82px;
  2981. padding-left: 8px;
  2982. padding-right: 8px
  2983. }
  2984. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies {
  2985. font-size: 85%;
  2986. padding-bottom: .5em;
  2987. padding-top: .5em
  2988. }
  2989. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies p {
  2990. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  2991. margin-bottom: .5em
  2992. }
  2993. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies .modeled {
  2994. color: #927cae;
  2995. text-decoration: line-through
  2996. }
  2997. body.outfits-new #whats-new #newest-unmodeled-items .models {
  2998. font-size: 85%
  2999. }
  3000. body.outfits-new #whats-new #newest-unmodeled-items .models li {
  3001. display: inline-block;
  3002. margin-bottom: 2px;
  3003. margin-right: 2px
  3004. }
  3005. body.outfits-new #whats-new #newest-unmodeled-items .models button {
  3006. border-radius: 0;
  3007. background: transparent;
  3008. display: inline;
  3009. padding: 0;
  3010. color: inherit;
  3011. -moz-box-shadow: none;
  3012. -webkit-box-shadow: none;
  3013. text-shadow: none;
  3014. border-bottom: 0;
  3015. position: static;
  3016. font-weight: normal;
  3017. line-height: inherit;
  3018. border-radius: 4px;
  3019. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3020. background: #201d1d;
  3021. border: 1px solid #9181bf;
  3022. padding-right: 8px;
  3023. text-align: left
  3024. }
  3025. body.outfits-new #whats-new #newest-unmodeled-items .models button:hover {
  3026. background: transparent;
  3027. color: inherit
  3028. }
  3029. body.outfits-new #whats-new #newest-unmodeled-items .models button:active {
  3030. top: auto
  3031. }
  3032. body.outfits-new #whats-new #newest-unmodeled-items .models button:active {
  3033. position: relative;
  3034. top: 1px
  3035. }
  3036. body.outfits-new #whats-new #newest-unmodeled-items .models img,
  3037. body.outfits-new #whats-new #newest-unmodeled-items .models div {
  3038. display: inline-block;
  3039. vertical-align: top
  3040. }
  3041. body.outfits-new #whats-new #newest-unmodeled-items .models img {
  3042. height: 40px;
  3043. margin-right: 8px;
  3044. width: 40px
  3045. }
  3046. body.outfits-new #whats-new #newest-unmodeled-items .models div {
  3047. line-height: 1.25;
  3048. padding-top: 10px
  3049. }
  3050. body.outfits-new #whats-new #newest-unmodeled-items .models .pet-name,
  3051. body.outfits-new #whats-new #newest-unmodeled-items .models .message {
  3052. display: block
  3053. }
  3054. body.outfits-new #whats-new #newest-unmodeled-items .models .message {
  3055. font-style: italic;
  3056. font-size: 85%
  3057. }
  3058. body.outfits-new #whats-new #newest-modeled-items {
  3059. text-align: center
  3060. }
  3061. body.outfits-new #whats-new #newest-modeled-items .object {
  3062. margin: 2px;
  3063. padding: 0;
  3064. width: 80px
  3065. }
  3066. body.outfits-new #whats-new #newest-modeled-items .object .name {
  3067. display: none
  3068. }
  3069. body.outfits-new #whats-new #newest-modeled-items .object img {
  3070. margin: 0
  3071. }
  3072. body.outfits-new #whats-new #newest-modeled-items .object .nc-icon {
  3073. right: 0
  3074. }
  3075. body.outfits-new #latest-contribution {
  3076. border-color: #9181bf;
  3077. border-style: solid;
  3078. border-width: 1px 0;
  3079. font-size: 85%;
  3080. margin: 1em 0;
  3081. padding: .5em 0;
  3082. text-align: center
  3083. }
  3084. body.outfits-new #latest-contribution #recent-contributions-link {
  3085. font-weight: bold;
  3086. margin-right: .5em
  3087. }
  3088. body.outfits-new #latest-contribution #recent-contributions-link::after {
  3089. content: ":"
  3090. }
  3091. body.outfits-new #latest-contribution #latest-contribution-created-at {
  3092. color: #927cae;
  3093. margin-left: .5em
  3094. }
  3095. body.outfits-show .campaign-progress-wrapper {
  3096. border-radius: 8px;
  3097. background: #c99cc2;
  3098. background-image: linear-gradient(color-stops(#eddeeb, #c99cc2));
  3099. border: 4px solid #9181bf;
  3100. clear: both;
  3101. margin-bottom: 1em;
  3102. margin-top: .5em;
  3103. position: relative
  3104. }
  3105. body.outfits-show .campaign-progress-wrapper .button {
  3106. border-radius: 5px;
  3107. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  3108. border: 0;
  3109. display: inline-block;
  3110. padding: .5em .75em .45em;
  3111. color: #201d1d;
  3112. text-decoration: none;
  3113. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3114. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3115. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  3116. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  3117. position: relative;
  3118. font-weight: bold;
  3119. line-height: 1;
  3120. background: #004 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  3121. font-size: 75%;
  3122. margin-left: 1em;
  3123. padding: .25em .75em
  3124. }
  3125. body.outfits-show .campaign-progress-wrapper .button:hover {
  3126. background-color: #9181bf
  3127. }
  3128. body.outfits-show .campaign-progress-wrapper .button:hover {
  3129. color: #201d1d
  3130. }
  3131. body.outfits-show .campaign-progress-wrapper .button:active {
  3132. transform: translateY(1px)
  3133. }
  3134. body.outfits-show .campaign-progress-wrapper .button:hover {
  3135. background-color: #000033
  3136. }
  3137. body.outfits-show .campaign-progress {
  3138. background: #9181bf;
  3139. background-image: linear-gradient(color-stops(#c54bb1, #9181bf));
  3140. border-right: 1px solid #9181bf
  3141. }
  3142. body.outfits-show .campaign-progress-wrapper,
  3143. body.outfits-show .campaign-progress {
  3144. height: 2.5em
  3145. }
  3146. body.outfits-show .campaign-progress-label {
  3147. text-shadow: 1px 1px 0 #9181bf;
  3148. color: #201d1d;
  3149. font-size: 150%;
  3150. left: 0;
  3151. position: absolute;
  3152. top: 0;
  3153. text-align: center;
  3154. width: 100%
  3155. }
  3156. body.outfits-show .campaign-progress-label a {
  3157. color: inherit;
  3158. display: block;
  3159. text-decoration: none
  3160. }
  3161. body.outfits-show .campaign-progress-label .button {
  3162. position: relative;
  3163. top: -2px
  3164. }
  3165. body.outfits-show.campaign-loaded .campaign-progress-wrapper {
  3166. visibility: visible
  3167. }
  3168. body.outfits-show #title {
  3169. float: left
  3170. }
  3171. body.outfits-show #outfit-wardrobe-link {
  3172. float: left;
  3173. font-size: 85%;
  3174. margin-left: 2em;
  3175. margin-top: .75em
  3176. }
  3177. body.outfits-show #outfit-user {
  3178. float: right;
  3179. margin-top: 1em
  3180. }
  3181. body.outfits-show #prank-color-message {
  3182. clear: both
  3183. }
  3184. body.outfits-show #preview-wrapper {
  3185. clear: both;
  3186. height: 600px;
  3187. margin: 0 auto 1em;
  3188. position: relative;
  3189. width: 600px
  3190. }
  3191. body.outfits-show #preview-wrapper #preview-swf {
  3192. left: 0;
  3193. position: absolute;
  3194. top: 0
  3195. }
  3196. body.outfits-show #outfit-items {
  3197. text-align: center
  3198. }
  3199. body.pets-bulk #needed-items-form,
  3200. body.pets-bulk #bulk-pets-form {
  3201. text-align: center
  3202. }
  3203. body.pets-bulk #needed-items-form #needed-items-pet {
  3204. border-top: 1px solid #9181bf;
  3205. display: none;
  3206. margin-top: 1em;
  3207. padding-top: 1em
  3208. }
  3209. body.pets-bulk #needed-items-form #needed-items-pet h4 {
  3210. font-size: 150%;
  3211. margin-bottom: .5em
  3212. }
  3213. body.pets-bulk #needed-items-form #needed-items-pet #needed-items-reload {
  3214. display: -moz-inline-box;
  3215. -moz-box-orient: vertical;
  3216. display: inline-block;
  3217. vertical-align: middle;
  3218. *display: inline;
  3219. *vertical-align: auto;
  3220. font-size: 12px;
  3221. margin-left: 1em;
  3222. vertical-align: middle
  3223. }
  3224. body.pets-bulk #needed-items-form #needed-items-alert {
  3225. display: none;
  3226. margin-top: .5em
  3227. }
  3228. body.pets-bulk #needed-items-form #needed-items-pet-thumbnail {
  3229. height: 50px;
  3230. width: 50px
  3231. }
  3232. body.pets-bulk #needed-items-form #needed-items-pet-items li.owned {
  3233. background: #201d1d;
  3234. border: 1px solid #9181bf
  3235. }
  3236. body.pets-bulk #needed-items-form .object-owned {
  3237. color: #927cae;
  3238. display: block;
  3239. font-size: 75%;
  3240. font-style: italic;
  3241. padding-bottom: .25em
  3242. }
  3243. body.pets-bulk #needed-items-form.loading-pet #needed-items-pet-name-field,
  3244. body.pets-bulk #needed-items-form.loading-items #needed-items-pet-name-field {
  3245. background-image: url(/assets/loading-7206dff50c999a9919b583fc63cd70a5cd02d6690ca84d9dd586197cafac8d17.gif);
  3246. background-position: center right;
  3247. background-repeat: no-repeat
  3248. }
  3249. body.pets-bulk #needed-items-form.loading-pet #needed-items-pet-items,
  3250. body.pets-bulk #needed-items-form.loading-items #needed-items-pet-items {
  3251. -moz-opacity: 0.5;
  3252. -webkit-opacity: 0.5;
  3253. -o-opacity: 0.5;
  3254. -khtml-opacity: 0.5
  3255. }
  3256. body.pets-bulk #needed-items-form.loading-pet #needed-items-pet h4 {
  3257. -moz-opacity: 0.5;
  3258. -webkit-opacity: 0.5;
  3259. -o-opacity: 0.5;
  3260. -khtml-opacity: 0.5
  3261. }
  3262. body.pets-bulk #needed-items-form.loaded #needed-items-pet {
  3263. display: block
  3264. }
  3265. body.pets-bulk #needed-items-form.failed #needed-items-alert {
  3266. display: block
  3267. }
  3268. body.pets-bulk #bulk-pets-form {
  3269. border-top: 1px solid #9181bf;
  3270. margin-top: 12px;
  3271. padding-top: 12px
  3272. }
  3273. body.pets-bulk #bulk-pets-form textarea {
  3274. display: -moz-inline-box;
  3275. -moz-box-orient: vertical;
  3276. display: inline-block;
  3277. vertical-align: middle;
  3278. *display: inline;
  3279. *vertical-align: auto;
  3280. border-radius: 3px;
  3281. background: #201d1d;
  3282. border: 1px solid #9181bf;
  3283. color: #9181bf;
  3284. padding: .25em;
  3285. display: inline;
  3286. font: inherit;
  3287. height: 1.5em;
  3288. overflow: hidden;
  3289. resize: none
  3290. }
  3291. body.pets-bulk #bulk-pets-form textarea:focus,
  3292. body.pets-bulk #bulk-pets-form textarea:active {
  3293. color: inherit
  3294. }
  3295. body.pets-bulk #bulk-pets-form ul {
  3296. list-style: none;
  3297. margin-top: 1em
  3298. }
  3299. body.pets-bulk #bulk-pets-form ul li {
  3300. display: -moz-inline-box;
  3301. -moz-box-orient: vertical;
  3302. display: inline-block;
  3303. vertical-align: middle;
  3304. *display: inline;
  3305. *vertical-align: auto;
  3306. background: #eee;
  3307. margin: 0 auto;
  3308. min-width: 25%;
  3309. text-align: left
  3310. }
  3311. body.pets-bulk #bulk-pets-form ul li .waiting-message,
  3312. body.pets-bulk #bulk-pets-form ul li .loading-message,
  3313. body.pets-bulk #bulk-pets-form ul li .response {
  3314. display: none;
  3315. font-size: 75%;
  3316. font-style: italic;
  3317. margin-left: 75px
  3318. }
  3319. body.pets-bulk #bulk-pets-form ul li.waiting .waiting-message,
  3320. body.pets-bulk #bulk-pets-form ul li.loading .loading-message,
  3321. body.pets-bulk #bulk-pets-form ul li.loaded .response,
  3322. body.pets-bulk #bulk-pets-form ul li.failed .response {
  3323. display: block
  3324. }
  3325. body.pets-bulk #bulk-pets-form ul li.loaded {
  3326. background: #333235
  3327. }
  3328. body.pets-bulk #bulk-pets-form ul li.failed {
  3329. background: #333235
  3330. }
  3331. body.pets-bulk #bulk-pets-form ul img {
  3332. float: left;
  3333. height: 50px;
  3334. width: 50px;
  3335. margin-right: 1em;
  3336. vertical-align: middle
  3337. }
  3338. body.pets-bulk.js .noscript {
  3339. display: none
  3340. }
  3341. body.pets-bulk.js .script-only {
  3342. display: block
  3343. }
  3344. body.pets-bulk .script-only {
  3345. display: none
  3346. }
  3347. body.static-image_mode h2 {
  3348. margin-bottom: .25em;
  3349. margin-top: 1.25em
  3350. }
  3351. body.static-image_mode ol,
  3352. body.static-image_mode ul {
  3353. font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  3354. margin-bottom: 1em;
  3355. padding-left: 3em
  3356. }
  3357. body.static-pardon_our_dust .header-image {
  3358. max-width: 100%
  3359. }
  3360. body.static-pardon_our_dust main ul {
  3361. padding-left: 2em;
  3362. margin-bottom: 1em
  3363. }
  3364. body.static-terms {
  3365. text-align: center
  3366. }
  3367. body.swf_assets-links #swf-assets li {
  3368. border-radius: .5em;
  3369. display: -moz-inline-box;
  3370. -moz-box-orient: vertical;
  3371. display: inline-block;
  3372. vertical-align: middle;
  3373. *display: inline;
  3374. *vertical-align: auto;
  3375. border: 1px solid #9181bf;
  3376. margin: .5em;
  3377. padding: .5em;
  3378. text-align: center;
  3379. vertical-align: top;
  3380. width: 150px
  3381. }
  3382. body.swf_assets-links #swf-assets li img,
  3383. body.swf_assets-links #swf-assets li span,
  3384. body.swf_assets-links #swf-assets li input {
  3385. display: block;
  3386. width: 100%
  3387. }
  3388. body.swf_assets-links #swf-assets li img {
  3389. height: 150px;
  3390. width: 150px
  3391. }
  3392. body.swf_assets-links #swf-assets li span {
  3393. font-size: 75%;
  3394. word-wrap: break-word
  3395. }
  3396. body.users-top_contributors {
  3397. text-align: center
  3398. }
  3399. body.users-top_contributors #top-contributors {
  3400. border-spacing: 0;
  3401. border-width: 1px 1px 0 0;
  3402. margin: 1em auto
  3403. }
  3404. body.users-top_contributors #top-contributors,
  3405. body.users-top_contributors #top-contributors td,
  3406. body.users-top_contributors #top-contributors th {
  3407. border-color: #9181bf;
  3408. border-style: solid
  3409. }
  3410. body.users-top_contributors #top-contributors td,
  3411. body.users-top_contributors #top-contributors th {
  3412. border-width: 0 0 1px 1px;
  3413. padding: .5em 1em
  3414. }
  3415.  
  3416. /*New Stuff*/
  3417. .css-1wl3ya1 {
  3418. color: #ba93f2;
  3419. }
  3420.  
  3421. .css-1uq1fqh {
  3422. border-color: #9181bf;
  3423. }
  3424.  
  3425. body.items-show .item-header .item-subpages-nav a {
  3426. background: transparent;
  3427. border: 1px solid #9181bf;
  3428. }
  3429.  
  3430. body.item_trades-index .item-header .item-subpages-nav a {
  3431. background: transparent;
  3432. border: 1px solid #9181bf;
  3433. }
  3434.  
  3435. body.item_trades-index .item-header .item-subpages-nav a[data-is-current=true], body.items-show .item-header .item-subpages-nav a[data-is-current=true] {
  3436. background: #332f2f;
  3437. }
  3438.  
  3439. body.items-show .item-header .user-lists-form, body.item_trades-index .item-header .user-lists-form {
  3440. background: transparent;
  3441. border: 1px solid #cfc3df;
  3442. }
  3443.  
  3444. body.item_trades-index .item-header, body.items-show .item-header {
  3445. border-bottom: 1px solid #cfc3df;
  3446. }
  3447.  
  3448. #outfit-preview-root > div > div > div.css-t0qwj > div.css-1xhj18k > div > select {
  3449. background: #201d1d;
  3450. border-color: #cfc3df;
  3451. border-radius: .3em;
  3452. color: #ba93f2;
  3453. }
  3454.  
  3455. .css-mrx90l:focus, .css-mrx90l[data-focus] {
  3456. box-shadow: none;
  3457. }
  3458.  
  3459. #outfit-preview-root > div > div > div.css-t0qwj > div.css-1xhj18k > div > select > option {
  3460. background-color: #201d1d;
  3461. }
  3462.  
  3463. input:checked+.css-r1wsxt {
  3464. background: #9181bf;
  3465. box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04),#716495 0 0 2px 2px;
  3466. }
  3467.  
  3468. #outfit-preview-root > div > div > div.chakra-aspect-ratio.css-1uq1fqh > div > a {
  3469. border-radius: 5px;
  3470. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  3471. border: 0;
  3472. text-decoration: none;
  3473. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3474. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3475. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  3476. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  3477. font-weight: bold;
  3478. color: #201d1d !important;
  3479. }
  3480.  
  3481. input:focus+.css-1xl2d69, input:checked+.css-1xl2d69 {
  3482. border-radius: 5px;
  3483. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  3484. border: 0;
  3485. text-decoration: none;
  3486. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3487. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3488. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  3489. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  3490. font-weight: bold;
  3491. box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04),#716495 0 0 2px 2px;
  3492. color: #201d1d !important;
  3493. }
  3494.  
  3495. .css-q3m6pw, .css-x655rd, .css-jlaudg, .css-14lqdmp {
  3496. color: #ba93f2 !important;
  3497. }
  3498.  
  3499. .chakra-ui-light, .css-lu5y35 {
  3500. background: #201d1d !important;
  3501. color: #ba93f2 !important;
  3502. }
  3503.  
  3504. .css-1tu59u4 > div > div > select {
  3505. background-color: #201d1d;
  3506. border-color: #cfc3df;
  3507. color: #ba93f2;
  3508. }
  3509.  
  3510. .css-yl8uc9:focus, .css-yl8uc9[data-focus], .css-yl8uc9:hover, .css-t7qmtx:focus, .css-t7qmtx[data-focus] {
  3511. box-shadow: none;
  3512. border-color: #cdc3df;
  3513. color: #ba93f2;
  3514. }
  3515.  
  3516. .css-yl8uc9 >option, .css-yl8uc9 >optgroup {
  3517. background: #201d1d;
  3518. }
  3519.  
  3520. .css-1kc7s1q, .css-t7qmtx {
  3521. --popper-bg: #201d1d;
  3522. --popper-arrow-shadow-color: #cdc3df;
  3523. border-color: #cdc3df;
  3524. }
  3525.  
  3526. .css-1kc7s1q:focus, .css-1kc7s1q[data-focus], .css-t7qmtx:focus, .css-t7qmtx[data-focus] {
  3527. outline: none;
  3528. outline-offset: 0;
  3529. box-shadow: none;
  3530. }
  3531.  
  3532. .css-1psy9xh {
  3533. border: 0px solid #9181bf;
  3534. transition: .1s;
  3535. }
  3536.  
  3537. input:checked+* .css-1psy9xh {
  3538. border-width: 3px;
  3539. }
  3540.  
  3541. .css-q8w7yo {
  3542. border-color: #9181bf;
  3543. }
  3544.  
  3545. .css-149bb1m:focus, .css-149bb1m:hover, .css-149bb1m.is-open {
  3546. border-color: #cdc3df !important;
  3547. }
  3548.  
  3549. .css-zzgeeb:hover * {
  3550. background-color: transparent !important;
  3551. border-color: #cdc3df !important;
  3552. }
  3553.  
  3554. .css-149bb1m.is-open {
  3555. border-width: 1px !important;
  3556. }
  3557.  
  3558. .css-drw3sr > a, .chakra-stack.css-udhrj3 > div > div > a, .chakra-stack.css-udhrj3 > div > div > button, .css-5qdtfp {
  3559. background: #9181bf url(/assets/alert-overlay-cab76d5….png) repeat-x;
  3560. border: 0;
  3561. display: inline-block;
  3562. padding: .5em .75em .45em;
  3563. color: #201d1d !important;
  3564. text-decoration: none;
  3565. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3566. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3567. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  3568. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  3569. }
  3570.  
  3571. .css-drw3sr > a:hover, .chakra-stack.css-udhrj3 > div > div > a:hover, .chakra-stack.css-udhrj3 > div > div > button:hover {
  3572. background-color: #716495;
  3573. }
  3574.  
  3575. #popover-trigger-7 {
  3576. background: #9181bf;
  3577. border: 0;
  3578. }
  3579.  
  3580. #popover-trigger-7:hover {
  3581. background-color: #9181bf !important;
  3582. border: 0;
  3583. }
  3584.  
  3585. .css-jax3vu, .css-8833g4 {
  3586. color: #ba93f2;
  3587. }
  3588.  
  3589. .css-8833g4 {
  3590. font-weight: bold;
  3591. }
  3592.  
  3593. .css-r6z5ec > *, .css-r6z5ec:where(.chakra-css-reset, .chakra-portal) *, :where(.chakra-css-reset, .chakra-portal) *::before, :where(.chakra-css-reset, .chakra-portal) *::after {
  3594. background: #201d1d !important;
  3595. border: 1px solid #cdc3df !important;
  3596. }
  3597.  
  3598. .css-r6z5ec:hover * {
  3599. background: transparent !important;
  3600. background-color: transparent !important;
  3601. color: #ba93f2 !important;
  3602. cursor: pointer !important;
  3603. }
  3604.  
  3605. #menu-list-13-menuitem-17 {
  3606. background: #201d1d;
  3607. color: #ba93f2 !important;
  3608. font-weight: normal;
  3609. }
  3610.  
  3611. .css-19fyywa {
  3612. background: #201d1d;
  3613. }
  3614.  
  3615. .chakra-input__group.css-1pue098 > input {
  3616. padding-left: 2.5em;
  3617. }
  3618.  
  3619. body.closet_hangers-index #closet-hangers-contact a, body.closet_hangers-index #closet-hangers-contact > form {
  3620. padding-left: 1.5em;
  3621. }
  3622.  
  3623. .css-1uq1fqh {
  3624. border: inherit;
  3625. }
  3626.  
  3627. #item-contributors ul * {
  3628. display: inline;
  3629. }
  3630.  
  3631. .css-j7qwjs > div > div > label > div:hover, .css-13ou80w > label:nth-child(n) *:hover {
  3632. background-color: #332f2f !important
  3633. }
  3634.  
  3635. .css-j7qwjs > div > div > label > div:not(active), div.css-13ou80w > label:nth-child(n) > :not(active) {
  3636. background-color: #201d1d !important;
  3637. }
  3638.  
  3639.  
  3640. .css-1lgo8nc {
  3641. background-color: #201d1d
  3642. }
  3643.  
  3644. .chakra-wrap.css-1t82b4c > ul > li > div > a {
  3645. color: #1a202c;
  3646. }
  3647.  
  3648. .chakra-stack.css-1byv5eb > div > div > a {
  3649. background: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
  3650. color: #201d1d
  3651. }
  3652.  
  3653. .chakra-stack.css-1byv5eb > div > div > a:hover {
  3654. background-color: #716495;
  3655. }
  3656.  
  3657. #menu-list-4 #menu-list-4-menuitem-5, #menu-list-4-menuitem-6 {
  3658. background: #201d1d !important;
  3659. color: #ba93f2 !important;
  3660. -webkit-box-shadow: none;
  3661. }
  3662.  
  3663. .css-rpfyf0:focus, .css-rpfyf0[data-focus], .css-5qdtfp:focus, .css-5qdtfp[data-focus], .css-7lpeeq:active, .css-7lpeeq[data-active] {
  3664. box-shadow: none;
  3665. }
  3666.  
  3667. .css-r0htyf {
  3668. background-color: #201d1d !important;
  3669. border-color: #cfc3df !important;
  3670. color: #ba93f2 !important;
  3671. }
  3672.  
  3673. .css-r0htyf:hover {
  3674. box-shadow: none !important;
  3675. border-color: #cdc3df !important;
  3676. color: #ba93f2 !important;
  3677. background-color: #201d1d !important;
  3678. }
  3679.  
  3680. input:checked+.css-1ue7w1b {
  3681. border-color: #cdc3df !important;
  3682. }
  3683.  
  3684. :host, :root, [data-theme] {--chakra-ring-color: transparent !important;}
  3685.  
  3686. .css-11tm1ir:focus, .css-11tm1ir[data-focus], .css-1jmhy9s:focus, .css-1jmhy9s[data-focus] {
  3687. box-shadow: none !important;
  3688. border-radius: 3px !important;
  3689. border: 2px solid #cfc3df !important;
  3690. }
  3691.  
  3692. .css-18k6dpg ul * {
  3693. background-color: #201d1d;
  3694. }
  3695.  
  3696. .css-ujuxil {
  3697. background: #201d1d !important
  3698. }
  3699.  
  3700. .css-qfq9qr {
  3701. background: #201d1d;
  3702. border: 1px solid #cfc3df !important;
  3703. color: #ba93f2;
  3704. }
  3705.  
  3706. .css-7lpeeq:active, .css-7lpeeq[data-active] {
  3707. background: none;
  3708. outline: none;
  3709. }
  3710.  
  3711. .css-1iqbypn:focus, .css-1iqbypn[data-focus], .chakra-input__right-element.css-mpqqfk *:focus, .chakra-input__right-element.css-mpqqfk *[data-focus] {
  3712. box-shadow: none;
  3713. }
  3714.  
  3715.  
  3716. .css-namc8d {
  3717.  
  3718. box-shadow: none !important;
  3719. -webkit-box-shadow: none !important;
  3720. border: 0px transparent !important
  3721. }
  3722.  
  3723. .css-alf8m7:focus, .css-alf8m7:hover {
  3724. background-color: transparent !important;
  3725. color: #716495 !important;
  3726. }
  3727.  
  3728. .chakra-wrap.css-sllbpf > ul > li * {
  3729. background-color: #cfc3df !important;
  3730. color: #000
  3731. }
  3732.  
  3733. input:checked:focus+.css-3ax5mz {
  3734. border: 1px solid #cfc3df;
  3735. }
  3736.  
  3737. .css-namc8d > a > svg > path {
  3738. fill: #9181bf url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x !important;
  3739. }
  3740.  
  3741. .css-namc8d > a > svg {
  3742. background-color: #201d1d;
  3743. }
  3744.  
  3745. .css-namc8d > button > svg > g {
  3746. fill: #9181bf !important;
  3747. background-color: #201d1d;
  3748. }
  3749.  
  3750. .css-namc8d > button {
  3751. box-shadow: none !important;
  3752. -webkit-box-shadow: none !important;
  3753. border: 0px transparent !important
  3754. }
  3755.  
  3756. .css-namc8d *:hover {
  3757. fill: #716495 !important;
  3758. }
  3759.  
  3760. .css-namc8d > button {
  3761. background: transparent !important;
  3762. }
  3763.  
  3764. input:active+.css-3ax5mz {
  3765. border: 1px solid #cfc3df !important;
  3766. }
  3767.  
  3768. .css-m8ulvk:not(:last-of-type)::after {
  3769. border: transparent !important;
  3770. outline: transparent !important;
  3771. }
  3772.  
  3773. .css-1uq1fqh::before {
  3774. border: transparent !important;
  3775. outline: transparent !important;
  3776. }
  3777.  
  3778. .chakra-aspect-ratio.css-1uq1fqh > div > div {
  3779. border-width: 2px;
  3780. border-style: solid;
  3781. border-color: #cfc3df;
  3782. border-radius: .5em !important;
  3783. }
  3784.  
  3785. .chakra-select__wrapper.css-ca5ku2 > select * {
  3786. background-color: #201d1d;
  3787. }
  3788.  
  3789. #react-autowhatever-1 > ul *:hover {
  3790. background-color: #332f2f
  3791. }
  3792.  
  3793. body.outfits-new #outfit-forms #pet-preview span {
  3794. background-color: #201d1de3;
  3795. color: #cfc3df
  3796. }
  3797.  
  3798. body.outfits-index #outfits .outfit-delete-button {
  3799. color: #cfc3df !important;
  3800. }
  3801.  
  3802. body.outfits-index #outfits .outfit-delete-button:hover {
  3803. text-decoration: underline;
  3804. background-color: transparent !important;
  3805. }
  3806.  
  3807. :where(.chakra-css-reset, .chakra-portal) {
  3808. color: #9181bf;
  3809. }
  3810.  
  3811. body.outfits-new .announcement, outfit-viewer {
  3812. border: 1px solid #9181bf;
  3813. }
  3814.  
  3815. body.outfits-new #sections li:not(:first-child) {
  3816. border-left: 1px solid #9181bf;
  3817. }
  3818.  
  3819. #react-autowhatever-1 > ul * {
  3820. background-color: #201d1d;
  3821. }
  3822.  
  3823. #wardrobe-2020-root > div > div > div > div.css-19fyywa > div > div.css-1p64t0f > div > div > div.css-pocmpu > div > div > a {
  3824. background-color: #9181bf;
  3825. color: #201d1d;
  3826. }
  3827.  
  3828. #wardrobe-2020-root > div > div > div > div.css-19fyywa > div > div.css-1p64t0f > div > div > div.css-pocmpu > div > div > button.chakra-button.css-4o5e5l {
  3829. background-color: #9181bf;
  3830. color: #201d1d;
  3831. border: none;
  3832. }
  3833.  
  3834. #popover-trigger-9 {
  3835. background-color: #9181bf;
  3836. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!