Flordibel

DTI Night Mode for Stylus Extension

May 30th, 2020
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 138.51 KB | None | 0 0
  1. @charset "UTF-8";
  2. @import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);
  3. @import url(//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
  4. @import url(//fonts.googleapis.com/css?family=Calligraffitti);
  5. html,
  6. body,
  7. div,
  8. span,
  9. applet,
  10. object,
  11. iframe,
  12. h1,
  13. h2,
  14. h3,
  15. h4,
  16. h5,
  17. h6,
  18. p,
  19. blockquote,
  20. pre,
  21. a,
  22. abbr,
  23. acronym,
  24. address,
  25. big,
  26. cite,
  27. code,
  28. del,
  29. dfn,
  30. em,
  31. font,
  32. img,
  33. ins,
  34. kbd,
  35. q,
  36. s,
  37. samp,
  38. small,
  39. strike,
  40. strong,
  41. sub,
  42. sup,
  43. tt,
  44. var,
  45. b,
  46. u,
  47. i,
  48. center,
  49. dl,
  50. dt,
  51. dd,
  52. ol,
  53. ul,
  54. li,
  55. fieldset,
  56. form,
  57. label,
  58. legend,
  59. table,
  60. caption,
  61. tbody,
  62. tfoot,
  63. thead,
  64. tr,
  65. th,
  66. td {
  67. margin: 0;
  68. padding: 0;
  69. border: 0;
  70. outline: 0;
  71. font-size: 100%;
  72. vertical-align: baseline;
  73. background: transparent
  74. }
  75. html,
  76. body {
  77. height: 100%
  78. }
  79. body {
  80. background: #201d1d;
  81. color: #ba93f2;
  82. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  83. font-size: 90%;
  84. line-height: 1.5
  85. }
  86. a[href] {
  87. color: #b2a0e3
  88. }
  89. p {
  90. font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif
  91. }
  92. input,
  93. button,
  94. select {
  95. font-family: inherit;
  96. font-size: 100%
  97. }
  98. p {
  99. margin-bottom: 1em
  100. }
  101. h1,
  102. h2,
  103. h3 {
  104. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif
  105. }
  106. h1 {
  107. font-size: 3em;
  108. line-height: 1;
  109. margin-bottom: 0.5em
  110. }
  111. h2 {
  112. font-size: 2em;
  113. margin-bottom: 0.75em
  114. }
  115. h3 {
  116. font-size: 1.5em;
  117. line-height: 1;
  118. margin-bottom: 1em
  119. }
  120. .inline-image,
  121. body.pets-bulk #bulk-pets-form ul img {
  122. margin-right: 1em;
  123. vertical-align: middle
  124. }
  125. #container {
  126. margin: 0.25em auto;
  127. padding-top: 2.5em;
  128. position: relative;
  129. width: 800px
  130. }
  131. input,
  132. button,
  133. select,
  134. label {
  135. cursor: pointer
  136. }
  137. input[type=text],
  138. body.pets-bulk #bulk-pets-form textarea,
  139. input[type=password],
  140. input[type=search],
  141. input[type=number],
  142. select,
  143. textarea {
  144. -moz-border-radius: 3px;
  145. -webkit-border-radius: 3px;
  146. background: #201d1d;
  147. border: 1px solid #cfc3df;
  148. color: #927cae;
  149. padding: 0.25em
  150. }
  151. input[type=text]:focus,
  152. body.pets-bulk #bulk-pets-form textarea:focus,
  153. input[type=text]:active,
  154. body.pets-bulk #bulk-pets-form textarea:active,
  155. input[type=password]:focus,
  156. input[type=password]:active,
  157. input[type=search]:focus,
  158. input[type=search]:active,
  159. input[type=number]:focus,
  160. input[type=number]:active,
  161. select:focus,
  162. select:active,
  163. textarea:focus,
  164. textarea:active {
  165. color: inherit
  166. }
  167. textarea {
  168. font: inherit
  169. }
  170. a.button,
  171. input[type=submit],
  172. button {
  173. -moz-border-radius: 5px;
  174. -webkit-border-radius: 5px;
  175. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  176. border: 0;
  177. display: inline-block;
  178. padding: 0.5em 0.75em 0.45em;
  179. color: #201d1d;
  180. text-decoration: none;
  181. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  182. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  183. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  184. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  185. position: relative;
  186. font-weight: bold;
  187. line-height: 1
  188. }
  189. a.button:hover,
  190. input[type=submit]:hover,
  191. button:hover {
  192. background-color: #716495
  193. }
  194. a.button:hover,
  195. input[type=submit]:hover,
  196. button:hover {
  197. color: #201d1d
  198. }
  199. a.button:active,
  200. input[type=submit]:active,
  201. button:active {
  202. top: 1px
  203. }
  204. a.button.loud,
  205. input[type=submit].loud,
  206. button.loud {
  207. background: #ff5c00 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  208. font-size: 125%;
  209. padding: 8px 14px 9px
  210. }
  211. a.button.loud:hover,
  212. input[type=submit].loud:hover,
  213. button.loud:hover {
  214. background-color: #ee4b00
  215. }
  216. ul.buttons {
  217. margin-bottom: 1em
  218. }
  219. ul.buttons li {
  220. list-style: none;
  221. margin: 0 0.5em
  222. }
  223. ul.buttons li,
  224. ul.buttons li form {
  225. display: inline
  226. }
  227. #footer {
  228. clear: both;
  229. font-size: 75%;
  230. margin-bottom: 1em;
  231. padding-top: 2em;
  232. text-align: center
  233. }
  234. #footer ul,
  235. #footer div {
  236. display: inline;
  237. margin: 0 1em
  238. }
  239. #footer li,
  240. #footer div ul {
  241. display: inline;
  242. margin: 0 0.5em
  243. }
  244. #footer #locale-form {
  245. float: right
  246. }
  247. .success,
  248. .alert,
  249. .warning {
  250. margin-bottom: 1em;
  251. padding: 0.25em 0.5em;
  252. text-align: center
  253. }
  254. .success {
  255. background: #dbc2ef;
  256. border: 1px solid #9580d8;
  257. color: #3e0944
  258. }
  259. .alert {
  260. background: #fbe3e4;
  261. border: 1px solid #fbc2c4;
  262. color: #8a1f11
  263. }
  264. .warning {
  265. background: #201d1d;
  266. border: 1px solid #ffd324;
  267. color: #b0983d
  268. }
  269. #userbar {
  270. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  271. position: absolute;
  272. right: 0;
  273. top: 0
  274. }
  275. #userbar > * {
  276. display: inline;
  277. margin: 0 0.25em
  278. }
  279. #userbar-image-mode {
  280. font-weight: bold;
  281. margin-right: 1em;
  282. text-decoration: none
  283. }
  284. #userbar-image-mode img {
  285. bottom: -2px;
  286. height: 16px;
  287. position: relative;
  288. width: 16px
  289. }
  290. #userbar-log-in {
  291. text-decoration: none
  292. }
  293. #userbar-log-in img {
  294. margin-bottom: -4px;
  295. margin-right: 0.25em
  296. }
  297. #userbar-log-in span {
  298. text-decoration: underline
  299. }
  300. #userbar-log-in:hover span {
  301. text-decoration: none
  302. }
  303. .object {
  304. display: -moz-inline-box;
  305. -moz-box-orient: vertical;
  306. display: inline-block;
  307. vertical-align: middle;
  308. *display: inline;
  309. *vertical-align: auto;
  310. margin: 8px 0;
  311. padding: 0 8px;
  312. position: relative;
  313. text-align: center;
  314. vertical-align: top;
  315. width: 100px
  316. }
  317. .object a {
  318. text-decoration: none
  319. }
  320. .object a img {
  321. -moz-opacity: 0.75;
  322. -webkit-opacity: 0.75;
  323. -o-opacity: 0.75;
  324. -khtml-opacity: 0.75
  325. }
  326. .object img {
  327. display: block;
  328. height: 80px;
  329. margin: 0 auto;
  330. width: 80px
  331. }
  332. .object:hover img,
  333. .object a:hover img {
  334. -moz-opacity: 1;
  335. -webkit-opacity: 1;
  336. -o-opacity: 1;
  337. -khtml-opacity: 1
  338. }
  339. .object .nc-icon,
  340. .object .closeted-icons {
  341. -moz-opacity: 1;
  342. -webkit-opacity: 1;
  343. -o-opacity: 1;
  344. -khtml-opacity: 1;
  345. background: rgba(255, 255, 255, 0.75);
  346. line-height: 1;
  347. position: absolute;
  348. top: 64px
  349. }
  350. .object .nc-icon:hover,
  351. .object .closeted-icons:hover {
  352. -moz-opacity: 0.5;
  353. -webkit-opacity: 0.5;
  354. -o-opacity: 0.5;
  355. -khtml-opacity: 0.5;
  356. background: transparent
  357. }
  358. .object .nc-icon,
  359. .object .closeted-icons img {
  360. display: inline;
  361. height: 16px;
  362. width: 16px
  363. }
  364. .object .nc-icon {
  365. right: 18px
  366. }
  367. .object .closeted-icons {
  368. left: 18px
  369. }
  370. dt {
  371. font-weight: bold
  372. }
  373. dd {
  374. margin: 0 0 1.5em 1em
  375. }
  376. #home-link {
  377. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  378. font-size: 175%;
  379. font-weight: bold;
  380. left: 0;
  381. line-height: 1;
  382. padding-left: 0.25em;
  383. padding-right: 0.25em;
  384. position: absolute;
  385. top: 0
  386. }
  387. #home-link:hover {
  388. background: #201d1d;
  389. text-decoration: none
  390. }
  391. #home-link span:before {
  392. content: "<< "
  393. }
  394. #home-link,
  395. #userbar {
  396. padding-top: 6px;
  397. padding-bottom: 6px
  398. }
  399. .pagination a,
  400. .pagination span {
  401. margin: 0 0.5em
  402. }
  403. .pagination .current {
  404. font-weight: bold
  405. }
  406. @font-face {
  407. font-family: Delicious;
  408. src: local("Delicious"), url(/assets/Delicious-Roman-2bc9fd204b5f831152f5c73656854fe5.otf)
  409. }
  410. @font-face {
  411. font-family: Delicious;
  412. font-weight: bold;
  413. src: local("Delicious"), url(/assets/Delicious-Bold-dd6bdd18722f96f3dcc1913bf651e35c.otf)
  414. }
  415. @font-face {
  416. font-family: Delicious;
  417. font-style: italic;
  418. src: local("Delicious"), url(/assets/Delicious-Italic-d2b73d97223dc2a70fc5374573e70da0.otf)
  419. }
  420. div.jGrowl {
  421. padding: 10px;
  422. z-index: 9999;
  423. color: #201d1d;
  424. font-size: 12px
  425. }
  426. div.ie6 {
  427. position: absolute
  428. }
  429. div.ie6.top-right {
  430. right: auto;
  431. bottom: auto;
  432. 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');
  433. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  434. }
  435. div.ie6.top-left {
  436. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  437. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  438. }
  439. div.ie6.bottom-right {
  440. 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');
  441. 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')
  442. }
  443. div.ie6.bottom-left {
  444. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  445. 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')
  446. }
  447. div.ie6.center {
  448. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  449. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
  450. width: 100%
  451. }
  452. body > div.jGrowl {
  453. position: fixed
  454. }
  455. body > div.jGrowl.top-left {
  456. left: 0px;
  457. top: 0px
  458. }
  459. body > div.jGrowl.top-right {
  460. right: 0px;
  461. top: 0px
  462. }
  463. body > div.jGrowl.bottom-left {
  464. left: 0px;
  465. bottom: 0px
  466. }
  467. body > div.jGrowl.bottom-right {
  468. right: 0px;
  469. bottom: 0px
  470. }
  471. body > div.jGrowl.center {
  472. top: 0px;
  473. width: 50%;
  474. left: 25%
  475. }
  476. div.center div.jGrowl-notification,
  477. div.center div.jGrowl-closer {
  478. margin-left: auto;
  479. margin-right: auto
  480. }
  481. div.jGrowl div.jGrowl-notification,
  482. div.jGrowl div.jGrowl-closer {
  483. background-color: #000;
  484. opacity: 0.85;
  485. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  486. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  487. zoom: 1;
  488. width: 235px;
  489. padding: 10px;
  490. margin-top: 5px;
  491. margin-bottom: 5px;
  492. font-family: Tahoma, Arial, Helvetica, sans-serif;
  493. font-size: 1em;
  494. text-align: left;
  495. display: none;
  496. -moz-border-radius: 5px;
  497. -webkit-border-radius: 5px
  498. }
  499. div.jGrowl div.jGrowl-notification {
  500. min-height: 40px
  501. }
  502. div.jGrowl div.jGrowl-notification div.header {
  503. font-weight: bold;
  504. font-size: 0.85em
  505. }
  506. div.jGrowl div.jGrowl-notification div.close {
  507. z-index: 99;
  508. float: right;
  509. font-weight: bold;
  510. font-size: 1em;
  511. cursor: pointer
  512. }
  513. div.jGrowl div.jGrowl-closer {
  514. padding-top: 4px;
  515. padding-bottom: 4px;
  516. cursor: pointer;
  517. font-size: 0.9em;
  518. font-weight: bold;
  519. text-align: center
  520. }
  521. @media print {
  522. div.jGrowl {
  523. display: none
  524. }
  525. }
  526. body.broken_image_reports-new #report-assets li {
  527. -moz-border-radius: 0.5em;
  528. -webkit-border-radius: 0.5em;
  529. display: -moz-inline-box;
  530. -moz-box-orient: vertical;
  531. display: inline-block;
  532. vertical-align: middle;
  533. *display: inline;
  534. *vertical-align: auto;
  535. border: 1px solid #9181bf;
  536. margin: 0.5em;
  537. padding: 0.5em;
  538. text-align: center;
  539. vertical-align: top;
  540. width: 150px
  541. }
  542. body.broken_image_reports-new #report-assets li img,
  543. body.broken_image_reports-new #report-assets li span,
  544. body.broken_image_reports-new #report-assets li input {
  545. display: block;
  546. width: 100%
  547. }
  548. body.broken_image_reports-new #report-assets li img {
  549. height: 150px;
  550. width: 150px
  551. }
  552. body.broken_image_reports-new #report-assets span {
  553. font-size: 85%
  554. }
  555. body.broken_image_reports-new #report-assets .manual a {
  556. display: block
  557. }
  558. body.campaigns-show,
  559. body.campaigns-current {
  560. color: #9181bf
  561. }
  562. body.campaigns-show .campaign-progress-wrapper,
  563. body.campaigns-current .campaign-progress-wrapper {
  564. -moz-border-radius: 8px;
  565. -webkit-border-radius: 8px;
  566. background: #c99cc2;
  567. background-image: linear-gradient(#eddeeb, #c99cc2);
  568. border: 4px solid #9181bf;
  569. clear: both;
  570. margin-bottom: 1em;
  571. margin-top: 0.5em;
  572. position: relative
  573. }
  574. body.campaigns-show .campaign-progress-wrapper .button,
  575. body.campaigns-current .campaign-progress-wrapper .button {
  576. -moz-border-radius: 5px;
  577. -webkit-border-radius: 5px;
  578. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  579. border: 0;
  580. display: inline-block;
  581. padding: 0.5em 0.75em 0.45em;
  582. color: #201d1d;
  583. text-decoration: none;
  584. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  585. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  586. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  587. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  588. position: relative;
  589. font-weight: bold;
  590. line-height: 1;
  591. background: #cdcde5 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  592. font-size: 75%;
  593. margin-left: 1em;
  594. padding: 0.25em 0.75em
  595. }
  596. body.campaigns-show .campaign-progress-wrapper .button:hover,
  597. body.campaigns-current .campaign-progress-wrapper .button:hover {
  598. background-color: #9181bf
  599. }
  600. body.campaigns-show .campaign-progress-wrapper .button:hover,
  601. body.campaigns-current .campaign-progress-wrapper .button:hover {
  602. color: #201d1d
  603. }
  604. body.campaigns-show .campaign-progress-wrapper .button:active,
  605. body.campaigns-current .campaign-progress-wrapper .button:active {
  606. top: 1px
  607. }
  608. body.campaigns-show .campaign-progress-wrapper .button:hover,
  609. body.campaigns-current .campaign-progress-wrapper .button:hover {
  610. background-color: #003
  611. }
  612. body.campaigns-show .campaign-progress,
  613. body.campaigns-current .campaign-progress {
  614. background: #9181bf;
  615. background-image: linear-gradient(#c54bb1, #9181bf);
  616. border-right: 1px solid #9181bf
  617. }
  618. body.campaigns-show .campaign-progress-wrapper,
  619. body.campaigns-show .campaign-progress,
  620. body.campaigns-current .campaign-progress-wrapper,
  621. body.campaigns-current .campaign-progress {
  622. height: 2.5em
  623. }
  624. body.campaigns-show .campaign-progress-label,
  625. body.campaigns-current .campaign-progress-label {
  626. text-shadow: 1px 1px 0 #9181bf;
  627. color: #201d1d;
  628. font-size: 150%;
  629. left: 0;
  630. position: absolute;
  631. top: 0;
  632. text-align: center;
  633. width: 100%
  634. }
  635. body.campaigns-show .campaign-progress-label a,
  636. body.campaigns-current .campaign-progress-label a {
  637. color: inherit;
  638. display: block;
  639. text-decoration: none
  640. }
  641. body.campaigns-show .campaign-progress-label .button,
  642. body.campaigns-current .campaign-progress-label .button {
  643. position: relative;
  644. top: -2px
  645. }
  646. body.campaigns-show.campaign-loaded .campaign-progress-wrapper,
  647. body.campaigns-current.campaign-loaded .campaign-progress-wrapper {
  648. visibility: visible
  649. }
  650. body.campaigns-show a,
  651. body.campaigns-current a {
  652. color: #b2a0e3 !important
  653. }
  654. body.campaigns-show #home-link:hover,
  655. body.campaigns-current #home-link:hover {
  656. background-color: #201d1d
  657. }
  658. body.campaigns-show #userbar,
  659. body.campaigns-show #footer,
  660. body.campaigns-current #userbar,
  661. body.campaigns-current #footer {
  662. color: #ba93f2
  663. }
  664. body.campaigns-show #userbar a,
  665. body.campaigns-show #footer a,
  666. body.campaigns-current #userbar a,
  667. body.campaigns-current #footer a {
  668. color: #b2a0e3
  669. }
  670. body.campaigns-show #zhome-link,
  671. body.campaigns-current #home-link {
  672. color: #b2a0e3
  673. }
  674. body.campaigns-show #title,
  675. body.campaigns-current #title {
  676. display: none
  677. }
  678. body.campaigns-show #donation-form,
  679. body.campaigns-current #donation-form {
  680. background: #201d1d;
  681. border: 1px solid #9181bf;
  682. padding: 1em;
  683. background: #201d1d;
  684. border-color: #9181bf;
  685. display: flex;
  686. flex-direction: row;
  687. margin-top: 1em;
  688. margin-bottom: 1.5em;
  689. padding-bottom: 32px;
  690. padding-left: 24px;
  691. padding-right: 24px;
  692. padding-top: 32px;
  693. position: relative
  694. }
  695. body.campaigns-show #donation-form::after,
  696. body.campaigns-current #donation-form::after {
  697. background-image: url("/assets/campaigns/purple-b2bd7f3ca1a6e8be2d183e323d218729.png");
  698. background-repeat: no-repeat;
  699. bottom: 0;
  700. content: " ";
  701. height: 123px;
  702. position: absolute;
  703. right: 4px;
  704. width: 150px
  705. }
  706. body.campaigns-show #donation-form header,
  707. body.campaigns-show #donation-form #donation-fields,
  708. body.campaigns-current #donation-form header,
  709. body.campaigns-current #donation-form #donation-fields {
  710. flex: 1
  711. }
  712. body.campaigns-show #donation-form #donation-form-title,
  713. body.campaigns-current #donation-form #donation-form-title {
  714. font-size: 125%;
  715. font-weight: bold;
  716. margin-bottom: 0.25em;
  717. margin-top: 0
  718. }
  719. body.campaigns-show #donation-form p,
  720. body.campaigns-current #donation-form p {
  721. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  722. font-size: 85%;
  723. margin-bottom: 0;
  724. margin-top: 0.5em
  725. }
  726. body.campaigns-show #donation-form #donation-fields,
  727. body.campaigns-current #donation-form #donation-fields {
  728. margin-left: 20px;
  729. padding-top: 7px
  730. }
  731. body.campaigns-show #donation-form #amount-header,
  732. body.campaigns-current #donation-form #amount-header {
  733. font-size: 85%;
  734. font-weight: bold;
  735. line-height: 1
  736. }
  737. body.campaigns-show #donation-form #amount-choices,
  738. body.campaigns-current #donation-form #amount-choices {
  739. display: flex;
  740. flex-direction: row;
  741. margin-bottom: 0.75em;
  742. margin-top: 0.5em
  743. }
  744. body.campaigns-show #donation-form #amount-choices li,
  745. body.campaigns-current #donation-form #amount-choices li {
  746. border: 1px solid #c99cc2;
  747. border-radius: 5px;
  748. display: block;
  749. flex: 1;
  750. list-style: none;
  751. overflow: hidden;
  752. text-align: center
  753. }
  754. body.campaigns-show #donation-form #amount-choices li:not(:last-of-type),
  755. body.campaigns-current #donation-form #amount-choices li:not(:last-of-type) {
  756. margin-right: 0.75em
  757. }
  758. body.campaigns-show #donation-form #amount-choices li input[type=radio],
  759. body.campaigns-current #donation-form #amount-choices li input[type=radio] {
  760. height: 0;
  761. margin: 0;
  762. padding: 0;
  763. opacity: 0;
  764. position: absolute;
  765. width: 0
  766. }
  767. body.campaigns-show #donation-form #amount-choices li label,
  768. body.campaigns-current #donation-form #amount-choices li label {
  769. border: 1px solid transparent;
  770. box-sizing: border-box;
  771. display: block;
  772. padding: 0.5em 0.5em;
  773. width: 100%
  774. }
  775. body.campaigns-show #donation-form #amount-choices li input[type=radio]:checked ~ label,
  776. body.campaigns-current #donation-form #amount-choices li input[type=radio]:checked ~ label {
  777. background: #e4cde0;
  778. font-weight: bold
  779. }
  780. body.campaigns-show #donation-form #amount-choices li input[type=radio]:focus ~ label,
  781. body.campaigns-current #donation-form #amount-choices li input[type=radio]:focus ~ label {
  782. border-color: #201d1d;
  783. border-radius: 5px
  784. }
  785. body.campaigns-show #donation-form #amount-choices li #amount-custom-fields,
  786. body.campaigns-current #donation-form #amount-choices li #amount-custom-fields {
  787. display: none
  788. }
  789. body.campaigns-show #donation-form #amount-choices li #amount-custom-fields input[type=text],
  790. body.campaigns-show #donation-form #amount-choices li #amount-custom-fields body.pets-bulk #bulk-pets-form textarea,
  791. body.pets-bulk #bulk-pets-form body.campaigns-show #donation-form #amount-choices li #amount-custom-fields textarea,
  792. body.campaigns-current #donation-form #amount-choices li #amount-custom-fields input[type=text],
  793. body.campaigns-current #donation-form #amount-choices li #amount-custom-fields body.pets-bulk #bulk-pets-form textarea,
  794. body.pets-bulk #bulk-pets-form body.campaigns-current #donation-form #amount-choices li #amount-custom-fields textarea {
  795. font-family: inherit;
  796. font-size: inherit;
  797. line-height: 1;
  798. padding: 0;
  799. text-align: center
  800. }
  801. body.campaigns-show #donation-form #amount-choices li #amount-custom:checked ~ #amount-custom-fields,
  802. body.campaigns-current #donation-form #amount-choices li #amount-custom:checked ~ #amount-custom-fields {
  803. display: block
  804. }
  805. body.campaigns-show #donation-form #amount-choices li #amount-custom:checked ~ label[for=amount-custom],
  806. body.campaigns-current #donation-form #amount-choices li #amount-custom:checked ~ label[for=amount-custom] {
  807. display: none
  808. }
  809. body.campaigns-show #donation-form input[type=text],
  810. body.campaigns-show #donation-form body.pets-bulk #bulk-pets-form textarea,
  811. body.pets-bulk #bulk-pets-form body.campaigns-show #donation-form textarea,
  812. body.campaigns-current #donation-form input[type=text],
  813. body.campaigns-current #donation-form body.pets-bulk #bulk-pets-form textarea,
  814. body.pets-bulk #bulk-pets-form body.campaigns-current #donation-form textarea {
  815. border-color: #cce;
  816. color: #9580d8;
  817. width: 3em
  818. }
  819. body.campaigns-show #donation-form #donation-controls button,
  820. body.campaigns-current #donation-form #donation-controls button {
  821. background: #b2a0e3 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  822. font-size: 120%
  823. }
  824. body.campaigns-show #donation-form #donation-controls button:hover,
  825. body.campaigns-current #donation-form #donation-controls button:hover {
  826. background-color: #8c78cb
  827. }
  828. body.campaigns-show #campaign-text[data-campaign-complete] #description,
  829. body.campaigns-current #campaign-text[data-campaign-complete] #description {
  830. display: none
  831. }
  832. body.campaigns-show #campaign-text[data-campaign-complete] #description[data-show],
  833. body.campaigns-current #campaign-text[data-campaign-complete] #description[data-show] {
  834. display: block
  835. }
  836. body.campaigns-show #success-thanks,
  837. body.campaigns-current #success-thanks {
  838. border: 1px dashed #9181bf;
  839. margin-bottom: 1em;
  840. padding: 1em;
  841. position: relative
  842. }
  843. body.campaigns-show #success-thanks p:last-child,
  844. body.campaigns-current #success-thanks p:last-child {
  845. margin-bottom: 0
  846. }
  847. body.campaigns-show #success-thanks-toggle-description,
  848. body.campaigns-current #success-thanks-toggle-description {
  849. position: absolute;
  850. bottom: 1em;
  851. font-style: italic;
  852. right: 1em
  853. }
  854. body.campaigns-show #outfits,
  855. body.campaigns-current #outfits {
  856. font-size: 0;
  857. list-style: none;
  858. text-align: center
  859. }
  860. body.campaigns-show #outfits > li,
  861. body.campaigns-current #outfits > li {
  862. display: -moz-inline-box;
  863. -moz-box-orient: vertical;
  864. display: inline-block;
  865. vertical-align: middle;
  866. *display: inline;
  867. *vertical-align: auto;
  868. overflow: hidden;
  869. position: relative;
  870. font-size: 14px
  871. }
  872. body.campaigns-show #outfits > li .outfit-star,
  873. body.campaigns-current #outfits > li .outfit-star {
  874. bottom: -2px;
  875. height: 16px;
  876. position: relative;
  877. width: 16px;
  878. background-image: url(/assets/unstarred-013e692e010d97de32dfd4cf5cc88456.png);
  879. background-position: left top;
  880. background-repeat: no-repeat;
  881. cursor: pointer;
  882. display: block;
  883. float: left;
  884. margin-right: 8px
  885. }
  886. body.campaigns-show #outfits > li.starred .outfit-star,
  887. body.campaigns-current #outfits > li.starred .outfit-star {
  888. background-image: url(/assets/star-fcfbc11621d90e8830718723ed661d8d.png)
  889. }
  890. body.campaigns-show #outfits > li.loading .outfit-star,
  891. body.campaigns-current #outfits > li.loading .outfit-star {
  892. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif)
  893. }
  894. body.campaigns-show #outfits > li header,
  895. body.campaigns-show #outfits > li footer,
  896. body.campaigns-current #outfits > li header,
  897. body.campaigns-current #outfits > li footer {
  898. color: #000;
  899. left: 0;
  900. position: absolute;
  901. z-index: 2;
  902. background: #000;
  903. background: rgba(255, 255, 255, .95)
  904. }
  905. body.campaigns-show #outfits > li header,
  906. body.campaigns-current #outfits > li header {
  907. bottom: 0
  908. }
  909. body.campaigns-show #outfits > li footer,
  910. body.campaigns-current #outfits > li footer {
  911. top: 0
  912. }
  913. body.campaigns-show #outfits > li a,
  914. body.campaigns-current #outfits > li a {
  915. color: #201d1d
  916. }
  917. body.campaigns-show #outfits > li,
  918. body.campaigns-current #outfits > li {
  919. display: -moz-inline-box;
  920. -moz-box-orient: vertical;
  921. display: inline-block;
  922. vertical-align: middle;
  923. *display: inline;
  924. *vertical-align: auto;
  925. overflow: hidden;
  926. position: relative;
  927. height: 150px;
  928. margin: 2px;
  929. width: 150px
  930. }
  931. body.campaigns-show #outfits > li .outfit-star,
  932. body.campaigns-current #outfits > li .outfit-star {
  933. bottom: -2px;
  934. height: 16px;
  935. position: relative;
  936. width: 16px;
  937. background-image: url(/assets/unstarred-013e692e010d97de32dfd4cf5cc88456.png);
  938. background-position: left top;
  939. background-repeat: no-repeat;
  940. cursor: pointer;
  941. display: block;
  942. float: left;
  943. margin-right: 8px
  944. }
  945. body.campaigns-show #outfits > li.starred .outfit-star,
  946. body.campaigns-current #outfits > li.starred .outfit-star {
  947. background-image: url(/assets/star-fcfbc11621d90e8830718723ed661d8d.png)
  948. }
  949. body.campaigns-show #outfits > li.loading .outfit-star,
  950. body.campaigns-current #outfits > li.loading .outfit-star {
  951. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif)
  952. }
  953. body.campaigns-show #outfits > li header,
  954. body.campaigns-show #outfits > li footer,
  955. body.campaigns-current #outfits > li header,
  956. body.campaigns-current #outfits > li footer {
  957. color: #000;
  958. left: 0;
  959. position: absolute;
  960. z-index: 2;
  961. background: #000;
  962. background: rgba(255, 251, 251, .95)
  963. }
  964. body.campaigns-show #outfits > li header,
  965. body.campaigns-current #outfits > li header {
  966. bottom: 0
  967. }
  968. body.campaigns-show #outfits > li footer,
  969. body.campaigns-current #outfits > li footer {
  970. top: 0
  971. }
  972. body.campaigns-show #outfits > li a,
  973. body.campaigns-current #outfits > li a {
  974. color: #201d1d
  975. }
  976. body.campaigns-show #outfits > li header,
  977. body.campaigns-show #outfits > li footer,
  978. body.campaigns-current #outfits > li header,
  979. body.campaigns-current #outfits > li footer {
  980. font-size: 85%;
  981. padding: 2px 4px;
  982. width: 142px
  983. }
  984. body.campaigns-show #outfits > li img,
  985. body.campaigns-current #outfits > li img {
  986. height: 150px;
  987. width: 150px
  988. }
  989. body.campaigns-show #outfits > li.banner,
  990. body.campaigns-current #outfits > li.banner {
  991. background-image: url(http://images.neopets.com/themes/004_bir_a2e60/footer_bg.png);
  992. background-position: 0 -60px;
  993. border: 2px solid #006;
  994. color: #201d1d;
  995. height: 100px;
  996. line-height: 100px;
  997. margin: 4px 0;
  998. text-shadow: #335 2px 2px 1px;
  999. width: 796px
  1000. }
  1001. body.campaigns-show #outfits > li.banner span,
  1002. body.campaigns-current #outfits > li.banner span {
  1003. display: -moz-inline-box;
  1004. -moz-box-orient: vertical;
  1005. display: inline-block;
  1006. vertical-align: middle;
  1007. *display: inline;
  1008. *vertical-align: auto;
  1009. font-size: 32px;
  1010. font-weight: bold;
  1011. line-height: 1.5;
  1012. vertical-align: middle
  1013. }
  1014. body.campaigns-show #last-years-donors,
  1015. body.campaigns-current #last-years-donors {
  1016. font-weight: bold;
  1017. margin-top: 1em;
  1018. text-align: center
  1019. }
  1020. body.campaigns-show #outfits-header > *,
  1021. body.campaigns-current #outfits-header > * {
  1022. display: inline-block
  1023. }
  1024. body.campaigns-show #all-campaigns-list li,
  1025. body.campaigns-current #all-campaigns-list li {
  1026. display: inline-block;
  1027. list-style: none;
  1028. margin-left: 1em
  1029. }
  1030. body.campaigns-show #fine-print,
  1031. body.campaigns-current #fine-print {
  1032. font-size: 85%;
  1033. margin-top: 2em
  1034. }
  1035. body.closet_hangers-index .campaign-progress-wrapper {
  1036. -moz-border-radius: 8px;
  1037. -webkit-border-radius: 8px;
  1038. background: #c99cc2;
  1039. background-image: linear-gradient(#eddeeb, #c99cc2);
  1040. border: 4px solid #9181bf;
  1041. clear: both;
  1042. margin-bottom: 1em;
  1043. margin-top: 0.5em;
  1044. position: relative
  1045. }
  1046. body.closet_hangers-index .campaign-progress-wrapper .button {
  1047. -moz-border-radius: 5px;
  1048. -webkit-border-radius: 5px;
  1049. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1050. border: 0;
  1051. display: inline-block;
  1052. padding: 0.5em 0.75em 0.45em;
  1053. color: #201d1d;
  1054. text-decoration: none;
  1055. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1056. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1057. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1058. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1059. position: relative;
  1060. font-weight: bold;
  1061. line-height: 1;
  1062. background: #004 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1063. font-size: 75%;
  1064. margin-left: 1em;
  1065. padding: 0.25em 0.75em
  1066. }
  1067. body.closet_hangers-index .campaign-progress-wrapper .button:hover {
  1068. background-color: #9181bf
  1069. }
  1070. body.closet_hangers-index .campaign-progress-wrapper .button:hover {
  1071. color: #201d1d
  1072. }
  1073. body.closet_hangers-index .campaign-progress-wrapper .button:active {
  1074. top: 1px
  1075. }
  1076. body.closet_hangers-index .campaign-progress-wrapper .button:hover {
  1077. background-color: #003
  1078. }
  1079. body.closet_hangers-index .campaign-progress {
  1080. background: #9181bf;
  1081. background-image: linear-gradient(#c54bb1, #9181bf);
  1082. border-right: 1px solid #9181bf
  1083. }
  1084. body.closet_hangers-index .campaign-progress-wrapper,
  1085. body.closet_hangers-index .campaign-progress {
  1086. height: 2.5em
  1087. }
  1088. body.closet_hangers-index .campaign-progress-label {
  1089. text-shadow: 1px 1px 0 #9181bf;
  1090. color: #201d1d;
  1091. font-size: 150%;
  1092. left: 0;
  1093. position: absolute;
  1094. top: 0;
  1095. text-align: center;
  1096. width: 100%
  1097. }
  1098. body.closet_hangers-index .campaign-progress-label a {
  1099. color: inherit;
  1100. display: block;
  1101. text-decoration: none
  1102. }
  1103. body.closet_hangers-index .campaign-progress-label .button {
  1104. position: relative;
  1105. top: -2px
  1106. }
  1107. body.closet_hangers-index.campaign-loaded .campaign-progress-wrapper {
  1108. visibility: visible
  1109. }
  1110. body.closet_hangers-index #title {
  1111. float: left;
  1112. margin-right: 0.5em
  1113. }
  1114. body.closet_hangers-index .flash {
  1115. clear: both
  1116. }
  1117. body.closet_hangers-index #secondary-nav {
  1118. display: block;
  1119. margin-top: 0.75em
  1120. }
  1121. body.closet_hangers-index #title {
  1122. margin-bottom: 0
  1123. }
  1124. body.closet_hangers-index #import-link {
  1125. -moz-border-radius: 5px;
  1126. -webkit-border-radius: 5px;
  1127. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1128. border: 0;
  1129. display: inline-block;
  1130. padding: 0.5em 0.75em 0.45em;
  1131. color: #201d1d;
  1132. text-decoration: none;
  1133. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1134. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1135. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1136. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1137. position: relative;
  1138. font-weight: bold;
  1139. line-height: 1;
  1140. background: #ff5c00 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x
  1141. }
  1142. body.closet_hangers-index #import-link:hover {
  1143. background-color: #9181bf
  1144. }
  1145. body.closet_hangers-index #import-link:hover {
  1146. color: #201d1d
  1147. }
  1148. body.closet_hangers-index #import-link:active {
  1149. top: 1px
  1150. }
  1151. body.closet_hangers-index #import-link:hover {
  1152. background-color: #ee4b00
  1153. }
  1154. body.closet_hangers-index #closet-hangers-items-search {
  1155. float: right
  1156. }
  1157. body.closet_hangers-index #closet-hangers-items-search input[name=q].loading {
  1158. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif);
  1159. background-position: 2px center;
  1160. background-repeat: no-repeat;
  1161. padding-left: 20px
  1162. }
  1163. body.closet_hangers-index #closet-hangers-contact {
  1164. clear: both;
  1165. color: #927cae;
  1166. margin-bottom: 1em;
  1167. margin-left: 2em;
  1168. min-height: 16px
  1169. }
  1170. body.closet_hangers-index #closet-hangers-contact a {
  1171. text-decoration: none;
  1172. color: inherit;
  1173. margin-right: 0.5em
  1174. }
  1175. body.closet_hangers-index #closet-hangers-contact a:hover {
  1176. text-decoration: underline
  1177. }
  1178. body.closet_hangers-index #closet-hangers-contact a,
  1179. body.closet_hangers-index #closet-hangers-contact > form {
  1180. background-position: left center;
  1181. background-repeat: no-repeat;
  1182. padding-left: 20px
  1183. }
  1184. body.closet_hangers-index #closet-hangers-contact a.neomail,
  1185. body.closet_hangers-index #closet-hangers-contact > form {
  1186. background-image: url(/assets/neomail-9c14f86b488e0e8b27aa4160fcf146ed.png)
  1187. }
  1188. body.closet_hangers-index #closet-hangers-contact a.lookup {
  1189. background-image: url(/assets/lookup-d2984e8412e9ddd670a43b535d6bae39.png)
  1190. }
  1191. body.closet_hangers-index #closet-hangers-contact select {
  1192. width: 10em
  1193. }
  1194. body.closet_hangers-index #closet-hangers-contact label {
  1195. font-weight: bold;
  1196. margin-right: 0.5em
  1197. }
  1198. body.closet_hangers-index #closet-hangers-contact label:after {
  1199. content: ":"
  1200. }
  1201. body.closet_hangers-index #toggle-help,
  1202. body.closet_hangers-index #toggle-compare {
  1203. -moz-border-radius: 5px;
  1204. -webkit-border-radius: 5px;
  1205. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1206. border: 0;
  1207. display: inline-block;
  1208. padding: 0.5em 0.75em 0.45em;
  1209. color: #201d1d;
  1210. text-decoration: none;
  1211. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1212. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1213. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1214. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1215. position: relative;
  1216. font-weight: bold;
  1217. line-height: 1;
  1218. cursor: pointer;
  1219. display: none
  1220. }
  1221. body.closet_hangers-index #toggle-help:hover,
  1222. body.closet_hangers-index #toggle-compare:hover {
  1223. background-color: #9181bf
  1224. }
  1225. body.closet_hangers-index #toggle-help:hover,
  1226. body.closet_hangers-index #toggle-compare:hover {
  1227. color: #201d1d
  1228. }
  1229. body.closet_hangers-index #toggle-help:active,
  1230. body.closet_hangers-index #toggle-compare:active {
  1231. top: 1px
  1232. }
  1233. body.closet_hangers-index #closet-hangers-help.hidden {
  1234. display: none
  1235. }
  1236. body.closet_hangers-index #closet-hangers-extras {
  1237. font-size: 85%;
  1238. margin-bottom: 2em;
  1239. margin-top: 2em;
  1240. text-align: center
  1241. }
  1242. body.closet_hangers-index #closet-hangers-extras a {
  1243. -moz-border-radius: 5px;
  1244. -webkit-border-radius: 5px;
  1245. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1246. border: 0;
  1247. display: inline-block;
  1248. padding: 0.5em 0.75em 0.45em;
  1249. color: #201d1d;
  1250. text-decoration: none;
  1251. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1252. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1253. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1254. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1255. position: relative;
  1256. font-weight: bold;
  1257. line-height: 1;
  1258. margin: 0 0.5em
  1259. }
  1260. body.closet_hangers-index #closet-hangers-extras a:hover {
  1261. background-color: #9181bf
  1262. }
  1263. body.closet_hangers-index #closet-hangers-extras a:hover {
  1264. color: #201d1d
  1265. }
  1266. body.closet_hangers-index #closet-hangers-extras a:active {
  1267. top: 1px
  1268. }
  1269. body.closet_hangers-index #closet-hangers-share {
  1270. margin-bottom: 1em
  1271. }
  1272. body.closet_hangers-index #closet-hangers-share label {
  1273. font-weight: bold;
  1274. margin-right: 0.5em
  1275. }
  1276. body.closet_hangers-index #closet-hangers-share input {
  1277. width: 30em
  1278. }
  1279. body.closet_hangers-index .bulk-actions {
  1280. display: none
  1281. }
  1282. body.closet_hangers-index #closet-hangers {
  1283. clear: both;
  1284. text-align: center
  1285. }
  1286. body.closet_hangers-index #closet-hangers .object .quantity {
  1287. -moz-opacity: 0.75;
  1288. -webkit-opacity: 0.75;
  1289. -o-opacity: 0.75;
  1290. -khtml-opacity: 0.75;
  1291. background: #201d1d;
  1292. padding: 6px 4px 4px;
  1293. position: absolute;
  1294. left: 18px;
  1295. line-height: 1;
  1296. text-align: left;
  1297. top: 0
  1298. }
  1299. body.closet_hangers-index #closet-hangers .object .quantity span,
  1300. body.closet_hangers-index #closet-hangers .object .quantity input[type=number] {
  1301. font-size: 16px;
  1302. font-weight: bold
  1303. }
  1304. body.closet_hangers-index #closet-hangers .object form {
  1305. display: none
  1306. }
  1307. body.closet_hangers-index #closet-hangers .object[data-quantity="1"] .quantity {
  1308. display: none
  1309. }
  1310. body.closet_hangers-index #closet-hangers .object a {
  1311. display: block
  1312. }
  1313. body.closet_hangers-index #closet-hangers .object a:hover {
  1314. text-decoration: underline
  1315. }
  1316. body.closet_hangers-index #closet-hangers .object .object {
  1317. margin: 0
  1318. }
  1319. body.closet_hangers-index #closet-hangers .object label {
  1320. display: block
  1321. }
  1322. body.closet_hangers-index #closet-hangers .object input[type=checkbox] {
  1323. display: none;
  1324. position: absolute;
  1325. top: 0;
  1326. right: 18px;
  1327. height: 16px;
  1328. width: 16px
  1329. }
  1330. body.closet_hangers-index #closet-hangers .object input[type=checkbox]:checked {
  1331. display: block
  1332. }
  1333. body.closet_hangers-index #closet-hangers .object input[type=checkbox]:checked + label {
  1334. background: #201d1d;
  1335. outline: 1px solid #9181bf
  1336. }
  1337. body.closet_hangers-index .closet-hangers-group {
  1338. border-top: 1px solid #9181bf;
  1339. margin-bottom: 2em;
  1340. padding-bottom: 1em
  1341. }
  1342. body.closet_hangers-index .closet-hangers-group > header {
  1343. border-bottom: 1px solid #9181bf;
  1344. display: block;
  1345. margin-bottom: 0.25em;
  1346. padding: 0.25em 0;
  1347. position: relative
  1348. }
  1349. body.closet_hangers-index .closet-hangers-group > header h3 {
  1350. font-size: 250%;
  1351. margin: 0
  1352. }
  1353. body.closet_hangers-index .closet-hangers-group > header .add-closet-list {
  1354. -moz-border-radius: 5px;
  1355. -webkit-border-radius: 5px;
  1356. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1357. border: 0;
  1358. display: inline-block;
  1359. padding: 0.5em 0.75em 0.45em;
  1360. color: #201d1d;
  1361. text-decoration: none;
  1362. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1363. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1364. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1365. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1366. position: relative;
  1367. font-weight: bold;
  1368. line-height: 1;
  1369. bottom: 50%;
  1370. margin-bottom: -1em;
  1371. position: absolute;
  1372. right: 1em
  1373. }
  1374. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:hover {
  1375. background-color: #9181bf
  1376. }
  1377. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:hover {
  1378. color: #201d1d
  1379. }
  1380. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:active {
  1381. top: 1px
  1382. }
  1383. body.closet_hangers-index .closet-hangers-group > header .add-closet-list:active {
  1384. margin-bottom: -1.1em;
  1385. top: auto
  1386. }
  1387. body.closet_hangers-index .closet-hangers-group > header span.show,
  1388. body.closet_hangers-index .closet-hangers-group > header span.hide {
  1389. color: #927cae;
  1390. display: none;
  1391. font-size: 85%;
  1392. left: 1em;
  1393. position: absolute;
  1394. top: 1em
  1395. }
  1396. body.closet_hangers-index .closet-hangers-group > header span.show:hover,
  1397. body.closet_hangers-index .closet-hangers-group > header span.hide:hover {
  1398. color: inherit;
  1399. text-decoration: underline
  1400. }
  1401. body.closet_hangers-index .closet-list {
  1402. border-bottom: 1px solid #9181bf;
  1403. padding: 0.5em 0;
  1404. position: relative
  1405. }
  1406. body.closet_hangers-index .closet-list .visibility-form {
  1407. font-size: 85%;
  1408. left: 0.5em;
  1409. position: absolute;
  1410. text-align: left;
  1411. top: 0.25em;
  1412. z-index: 10
  1413. }
  1414. body.closet_hangers-index .closet-list .visibility-form input,
  1415. body.closet_hangers-index .closet-list .visibility-form select {
  1416. font-size: inherit;
  1417. margin-bottom: 0;
  1418. margin-top: 0
  1419. }
  1420. body.closet_hangers-index .closet-list .visibility-form select {
  1421. border-color: #201d1d
  1422. }
  1423. body.closet_hangers-index .closet-list .visibility-form input[type=submit] {
  1424. -moz-border-radius: 5px;
  1425. -webkit-border-radius: 5px;
  1426. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1427. border: 0;
  1428. display: inline-block;
  1429. padding: 0.5em 0.75em 0.45em;
  1430. color: #201d1d;
  1431. text-decoration: none;
  1432. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1433. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1434. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1435. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1436. position: relative;
  1437. font-weight: bold;
  1438. line-height: 1;
  1439. background: #aaa url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1440. -moz-opacity: 0.9;
  1441. -webkit-opacity: 0.9;
  1442. -o-opacity: 0.9;
  1443. -khtml-opacity: 0.9;
  1444. font-size: 80%;
  1445. font-size: inherit;
  1446. visibility: hidden
  1447. }
  1448. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover {
  1449. background-color: #9181bf
  1450. }
  1451. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover {
  1452. color: #201d1d
  1453. }
  1454. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:active {
  1455. top: 1px
  1456. }
  1457. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover {
  1458. background-color: #999
  1459. }
  1460. body.closet_hangers-index .closet-list .visibility-form input[type=submit]:active {
  1461. top: 1px
  1462. }
  1463. body.closet_hangers-index .closet-list .visibility-form .visibility-descriptions {
  1464. -moz-opacity: 0.75;
  1465. -webkit-opacity: 0.75;
  1466. -o-opacity: 0.75;
  1467. -khtml-opacity: 0.75;
  1468. background: #201d1d;
  1469. font-style: italic;
  1470. list-style: none;
  1471. padding: 0 0.5em
  1472. }
  1473. body.closet_hangers-index .closet-list .visibility-form .visibility-descriptions li {
  1474. display: none
  1475. }
  1476. body.closet_hangers-index .closet-list .visibility-form:hover .visibility-descriptions li.current {
  1477. display: block
  1478. }
  1479. body.closet_hangers-index .closet-list header {
  1480. display: block;
  1481. position: relative
  1482. }
  1483. body.closet_hangers-index .closet-list h4 {
  1484. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  1485. font-size: 150%;
  1486. line-height: 1;
  1487. margin: 0 auto 0.67em;
  1488. width: 50%
  1489. }
  1490. body.closet_hangers-index .closet-list .empty-list {
  1491. display: none;
  1492. font-style: italic
  1493. }
  1494. body.closet_hangers-index .closet-list .closet-list-controls {
  1495. display: none;
  1496. position: absolute;
  1497. right: 1em;
  1498. top: 0
  1499. }
  1500. body.closet_hangers-index .closet-list .closet-list-controls a,
  1501. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit],
  1502. body.closet_hangers-index .closet-list .closet-list-controls button {
  1503. -moz-border-radius: 5px;
  1504. -webkit-border-radius: 5px;
  1505. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1506. border: 0;
  1507. display: inline-block;
  1508. padding: 0.5em 0.75em 0.45em;
  1509. color: #201d1d;
  1510. text-decoration: none;
  1511. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1512. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1513. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1514. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1515. position: relative;
  1516. font-weight: bold;
  1517. line-height: 1;
  1518. background: #aaa url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1519. -moz-opacity: 0.9;
  1520. -webkit-opacity: 0.9;
  1521. -o-opacity: 0.9;
  1522. -khtml-opacity: 0.9;
  1523. font-size: 80%
  1524. }
  1525. body.closet_hangers-index .closet-list .closet-list-controls a:hover,
  1526. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover,
  1527. body.closet_hangers-index .closet-list .closet-list-controls button:hover {
  1528. background-color: #9181bf
  1529. }
  1530. body.closet_hangers-index .closet-list .closet-list-controls a:hover,
  1531. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover,
  1532. body.closet_hangers-index .closet-list .closet-list-controls button:hover {
  1533. color: #201d1d
  1534. }
  1535. body.closet_hangers-index .closet-list .closet-list-controls a:active,
  1536. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:active,
  1537. body.closet_hangers-index .closet-list .closet-list-controls button:active {
  1538. top: 1px
  1539. }
  1540. body.closet_hangers-index .closet-list .closet-list-controls a:hover,
  1541. body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover,
  1542. body.closet_hangers-index .closet-list .closet-list-controls button:hover {
  1543. background-color: #999
  1544. }
  1545. body.closet_hangers-index .closet-list .closet-list-controls form {
  1546. display: inline
  1547. }
  1548. body.closet_hangers-index .closet-list[data-hangers-count="0"] .empty-list {
  1549. display: block
  1550. }
  1551. body.closet_hangers-index .closet-list.unlisted h4 {
  1552. font-size: 125%;
  1553. font-style: italic
  1554. }
  1555. body.closet_hangers-index .closet-list:hover .closet-list-controls {
  1556. display: block
  1557. }
  1558. body.closet_hangers-index .closet-list:hover .visibility-form input[type=submit] {
  1559. visibility: visible
  1560. }
  1561. body.closet_hangers-index .closet-list:hover .visibility-form select {
  1562. border-color: #9181bf
  1563. }
  1564. body.closet_hangers-index .closet-list:last-child {
  1565. border-bottom: 0
  1566. }
  1567. body.closet_hangers-index .closet-list.droppable-active {
  1568. -moz-border-radius: 1em;
  1569. -webkit-border-radius: 1em;
  1570. background: #201d1d;
  1571. border: 1px solid #9181bf;
  1572. padding: 1em;
  1573. border-bottom-width: 1px;
  1574. border-style: dotted;
  1575. margin: 1em 0
  1576. }
  1577. body.closet_hangers-index .closet-list.droppable-active .object {
  1578. -moz-opacity: 0.25;
  1579. -webkit-opacity: 0.25;
  1580. -o-opacity: 0.25;
  1581. -khtml-opacity: 0.25
  1582. }
  1583. body.closet_hangers-index .closet-list.droppable-active .object.ui-draggable-dragging {
  1584. -moz-opacity: 1;
  1585. -webkit-opacity: 1;
  1586. -o-opacity: 1;
  1587. -khtml-opacity: 1
  1588. }
  1589. body.closet_hangers-index .closet-list.droppable-active .closet-list-controls {
  1590. display: none
  1591. }
  1592. body.closet_hangers-index .closet-list.droppable-active .closet-list-hangers {
  1593. overflow: hidden
  1594. }
  1595. body.closet_hangers-index .closet-list.droppable-active .visibility-form {
  1596. display: none
  1597. }
  1598. body.closet_hangers-index .closet-hangers-group-autocomplete-item span,
  1599. body.closet_hangers-index .closet-list-autocomplete-item span {
  1600. -moz-opacity: 0.5;
  1601. -webkit-opacity: 0.5;
  1602. -o-opacity: 0.5;
  1603. -khtml-opacity: 0.5;
  1604. font-style: italic;
  1605. padding: 0.2em 0.4em
  1606. }
  1607. body.closet_hangers-index .closet-list-autocomplete-item a,
  1608. body.closet_hangers-index .closet-list-autocomplete-item span {
  1609. font-size: 85%;
  1610. padding-left: 2em
  1611. }
  1612. body.closet_hangers-index .closet-hangers-group[data-owned=true] .user-wants,
  1613. body.closet_hangers-index .closet-hangers-group[data-owned=false] .user-owns {
  1614. background: #201d1d;
  1615. font-weight: bold
  1616. }
  1617. body.closet_hangers-index.current-user #closet-hangers .object:hover form {
  1618. display: inline
  1619. }
  1620. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy {
  1621. position: absolute;
  1622. right: 18px;
  1623. top: 52px
  1624. }
  1625. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input {
  1626. -moz-border-radius: 5px;
  1627. -webkit-border-radius: 5px;
  1628. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1629. border: 0;
  1630. display: inline-block;
  1631. padding: 0.5em 0.75em 0.45em;
  1632. color: #201d1d;
  1633. text-decoration: none;
  1634. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1635. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1636. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  1637. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1638. position: relative;
  1639. font-weight: bold;
  1640. line-height: 1;
  1641. background: #aaa url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1642. -moz-opacity: 0.9;
  1643. -webkit-opacity: 0.9;
  1644. -o-opacity: 0.9;
  1645. -khtml-opacity: 0.9;
  1646. font-size: 80%
  1647. }
  1648. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover {
  1649. background-color: #9181bf
  1650. }
  1651. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover {
  1652. color: #201d1d
  1653. }
  1654. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:active {
  1655. top: 1px
  1656. }
  1657. body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover {
  1658. background-color: #999
  1659. }
  1660. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity {
  1661. -moz-opacity: 1;
  1662. -webkit-opacity: 1;
  1663. -o-opacity: 1;
  1664. -khtml-opacity: 1;
  1665. background: transparent;
  1666. top: 0;
  1667. padding: 0
  1668. }
  1669. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity span {
  1670. display: none
  1671. }
  1672. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=number] {
  1673. padding: 2px;
  1674. width: 2em
  1675. }
  1676. body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=submit] {
  1677. font-size: 85%
  1678. }
  1679. body.closet_hangers-index.current-user #closet-hangers .object:hover input[type=checkbox] {
  1680. display: block
  1681. }
  1682. body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity {
  1683. display: block
  1684. }
  1685. body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=number] {
  1686. width: 2.5em
  1687. }
  1688. body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=submit] {
  1689. display: none
  1690. }
  1691. body.closet_hangers-index.current-user.js #closet-hangers .object.loading {
  1692. background: #201d1d;
  1693. outline: 1px solid #9181bf
  1694. }
  1695. body.closet_hangers-index.current-user.js #closet-hangers .object.loading .quantity {
  1696. display: block
  1697. }
  1698. body.closet_hangers-index.current-user.js #closet-hangers .object.loading .quantity span:after {
  1699. content: "…"
  1700. }
  1701. body.closet_hangers-index.current-user.js .bulk-actions {
  1702. background: #201d1d;
  1703. border-top: 1px solid #9181bf;
  1704. box-sizing: border-box;
  1705. display: block;
  1706. font-size: 85%;
  1707. padding: 0.5em 1em;
  1708. text-align: center;
  1709. width: 800px
  1710. }
  1711. body.closet_hangers-index.current-user.js .bulk-actions.isStuck {
  1712. border-bottom: 1px solid #9181bf;
  1713. border-top: 0;
  1714. z-index: 11
  1715. }
  1716. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-intro,
  1717. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-target-desc-singular {
  1718. display: none
  1719. }
  1720. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-target-desc {
  1721. display: inline-block
  1722. }
  1723. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options {
  1724. display: inline-block;
  1725. list-style: none
  1726. }
  1727. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options > li {
  1728. display: inline-block;
  1729. margin-left: 0.75em
  1730. }
  1731. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options > li form {
  1732. display: inline-block
  1733. }
  1734. body.closet_hangers-index.current-user.js .bulk-actions .bulk-actions-options > li:not(:first-child)::before {
  1735. content: " or ";
  1736. display: inline-block;
  1737. margin-right: 0.75em
  1738. }
  1739. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="0"] .bulk-actions-intro {
  1740. display: block
  1741. }
  1742. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="0"] .bulk-actions-form {
  1743. display: none
  1744. }
  1745. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="1"] .bulk-actions-target-desc-singular {
  1746. display: inline
  1747. }
  1748. body.closet_hangers-index.current-user.js .bulk-actions[data-target-count="1"] .bulk-actions-target-desc-plural {
  1749. display: none
  1750. }
  1751. body.closet_hangers-index.current-user.js #closet-hangers-contact input[type=submit] {
  1752. display: none
  1753. }
  1754. body.closet_hangers-index.current-user.js .closet-hangers-group header .show,
  1755. body.closet_hangers-index.current-user.js .closet-hangers-group header .hide {
  1756. cursor: pointer
  1757. }
  1758. body.closet_hangers-index.current-user.js .closet-hangers-group header .hide {
  1759. display: block
  1760. }
  1761. body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .hide,
  1762. body.closet_hangers-index.current-user.js .closet-hangers-group.hidden .closet-hangers-group-content {
  1763. display: none
  1764. }
  1765. body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .show {
  1766. display: block
  1767. }
  1768. body.closet_hangers-index.current-user.js #toggle-help {
  1769. display: inline-block
  1770. }
  1771. body.closet_hangers-index.current-user.js .remove-all {
  1772. display: none
  1773. }
  1774. body.closet_hangers-index.current-user.js .select-all {
  1775. display: inline-block
  1776. }
  1777. body.closet_hangers-index.js #toggle-compare {
  1778. display: inline-block
  1779. }
  1780. body.closet_hangers-index.js #closet-hangers.comparing .object {
  1781. display: none
  1782. }
  1783. body.closet_hangers-index.js #closet-hangers.comparing .closet-hangers-group[data-owned=true] .user-wants,
  1784. body.closet_hangers-index.js #closet-hangers.comparing .closet-hangers-group[data-owned=false] .user-owns {
  1785. display: inline-block
  1786. }
  1787. body.closet_hangers-petpage #title {
  1788. float: left;
  1789. margin-right: 0.5em
  1790. }
  1791. body.closet_hangers-petpage .flash {
  1792. clear: both
  1793. }
  1794. body.closet_hangers-petpage #secondary-nav {
  1795. display: block;
  1796. margin-top: 0.75em
  1797. }
  1798. body.closet_hangers-petpage #intro {
  1799. clear: both
  1800. }
  1801. body.closet_hangers-petpage #petpage-closet-lists {
  1802. overflow: hidden;
  1803. display: inline-block;
  1804. -webkit-border-radius: 10px;
  1805. -moz-border-radius: 10px;
  1806. -ms-border-radius: 10px;
  1807. -o-border-radius: 10px;
  1808. border-radius: 10px;
  1809. border: 1px solid #9181bf;
  1810. margin-bottom: 1.5em;
  1811. padding: 0.5em 1.5em
  1812. }
  1813. body.closet_hangers-petpage #petpage-closet-lists {
  1814. display: block
  1815. }
  1816. body.closet_hangers-petpage #petpage-closet-lists > div {
  1817. margin: 0.25em 0
  1818. }
  1819. body.closet_hangers-petpage #petpage-closet-lists h4 {
  1820. display: -moz-inline-stack;
  1821. display: inline-block;
  1822. vertical-align: middle;
  1823. *vertical-align: auto;
  1824. zoom: 1;
  1825. *display: inline;
  1826. vertical-align: middle
  1827. }
  1828. body.closet_hangers-petpage #petpage-closet-lists h4::after {
  1829. content: ":"
  1830. }
  1831. body.closet_hangers-petpage #petpage-closet-lists ul {
  1832. list-style: none;
  1833. margin: 0;
  1834. padding: 0
  1835. }
  1836. body.closet_hangers-petpage #petpage-closet-lists ul li {
  1837. display: -moz-inline-stack;
  1838. display: inline-block;
  1839. vertical-align: middle;
  1840. *vertical-align: auto;
  1841. zoom: 1;
  1842. *display: inline;
  1843. font-size: 85%;
  1844. margin: 0.25em 0.5em;
  1845. padding: 1px
  1846. }
  1847. body.closet_hangers-petpage #petpage-closet-lists ul li label {
  1848. padding: 0.25em 0.75em 0.25em 0.25em
  1849. }
  1850. body.closet_hangers-petpage #petpage-closet-lists ul li.checked {
  1851. background: #201d1d;
  1852. -webkit-border-radius: 3px;
  1853. -moz-border-radius: 3px;
  1854. -ms-border-radius: 3px;
  1855. -o-border-radius: 3px;
  1856. border-radius: 3px;
  1857. border: 1px solid #9181bf;
  1858. padding: 0
  1859. }
  1860. body.closet_hangers-petpage #petpage-closet-lists ul li.unlisted {
  1861. font-style: italic
  1862. }
  1863. body.closet_hangers-petpage #petpage-closet-lists input[type=submit] {
  1864. float: right
  1865. }
  1866. body.closet_hangers-petpage #petpage-output {
  1867. display: block;
  1868. height: 30em;
  1869. margin: 0 auto;
  1870. width: 50%
  1871. }
  1872. body.closet_lists-new #title,
  1873. body.closet_lists-create #title,
  1874. body.closet_lists-edit #title,
  1875. body.closet_lists-update #title {
  1876. float: left;
  1877. margin-right: 0.5em
  1878. }
  1879. body.closet_lists-new .flash,
  1880. body.closet_lists-create .flash,
  1881. body.closet_lists-edit .flash,
  1882. body.closet_lists-update .flash {
  1883. clear: both
  1884. }
  1885. body.closet_lists-new #secondary-nav,
  1886. body.closet_lists-create #secondary-nav,
  1887. body.closet_lists-edit #secondary-nav,
  1888. body.closet_lists-update #secondary-nav {
  1889. display: block;
  1890. margin-top: 0.75em
  1891. }
  1892. body.closet_lists-new form ul.fields,
  1893. body.closet_lists-create form ul.fields,
  1894. body.closet_lists-edit form ul.fields,
  1895. body.closet_lists-update form ul.fields {
  1896. clear: both;
  1897. list-style: none
  1898. }
  1899. body.closet_lists-new form ul.fields label,
  1900. body.closet_lists-create form ul.fields label,
  1901. body.closet_lists-edit form ul.fields label,
  1902. body.closet_lists-update form ul.fields label {
  1903. float: left;
  1904. font-weight: bold;
  1905. margin-right: 1em
  1906. }
  1907. body.closet_lists-new form ul.fields li,
  1908. body.closet_lists-create form ul.fields li,
  1909. body.closet_lists-edit form ul.fields li,
  1910. body.closet_lists-update form ul.fields li {
  1911. padding: 0.75em 0;
  1912. width: 35em
  1913. }
  1914. body.closet_lists-new form ul.fields input,
  1915. body.closet_lists-new form ul.fields textarea,
  1916. body.closet_lists-new form ul.fields select,
  1917. body.closet_lists-create form ul.fields input,
  1918. body.closet_lists-create form ul.fields textarea,
  1919. body.closet_lists-create form ul.fields select,
  1920. body.closet_lists-edit form ul.fields input,
  1921. body.closet_lists-edit form ul.fields textarea,
  1922. body.closet_lists-edit form ul.fields select,
  1923. body.closet_lists-update form ul.fields input,
  1924. body.closet_lists-update form ul.fields textarea,
  1925. body.closet_lists-update form ul.fields select {
  1926. clear: both;
  1927. display: block;
  1928. margin-top: 0.25em;
  1929. width: 80%
  1930. }
  1931. body.closet_lists-new form ul.fields textarea,
  1932. body.closet_lists-create form ul.fields textarea,
  1933. body.closet_lists-edit form ul.fields textarea,
  1934. body.closet_lists-update form ul.fields textarea {
  1935. height: 12em
  1936. }
  1937. body.closet_lists-new form ul.fields .hint,
  1938. body.closet_lists-create form ul.fields .hint,
  1939. body.closet_lists-edit form ul.fields .hint,
  1940. body.closet_lists-update form ul.fields .hint {
  1941. display: block;
  1942. font-size: 85%
  1943. }
  1944. body.donations-show #thank-you {
  1945. border: 3px solid #9181bf;
  1946. display: block;
  1947. margin: 0 auto 1em
  1948. }
  1949. body.donations-show #edit-donation ul {
  1950. list-style: none
  1951. }
  1952. body.donations-show #edit-donation label {
  1953. display: -moz-inline-stack;
  1954. display: inline-block;
  1955. vertical-align: middle;
  1956. *vertical-align: auto;
  1957. zoom: 1;
  1958. *display: inline;
  1959. width: 16em
  1960. }
  1961. body.donations-show #edit-donation .name input[type=text],
  1962. body.donations-show #edit-donation .name body.pets-bulk #bulk-pets-form textarea,
  1963. body.pets-bulk #bulk-pets-form body.donations-show #edit-donation .name textarea {
  1964. width: 10em
  1965. }
  1966. body.donations-show #edit-donation .feature input[type=text],
  1967. body.donations-show #edit-donation .feature body.pets-bulk #bulk-pets-form textarea,
  1968. body.pets-bulk #bulk-pets-form body.donations-show #edit-donation .feature textarea {
  1969. width: 23em
  1970. }
  1971. body.donations-show #edit-donation .choose-outfit {
  1972. font-size: 85%;
  1973. margin-left: 1em
  1974. }
  1975. body.donations-show #edit-donation .choose-outfit select {
  1976. width: 10em
  1977. }
  1978. body.neopets_page_import_tasks-new #title,
  1979. body.neopets_page_import_tasks-create #title {
  1980. float: left
  1981. }
  1982. body.neopets_page_import_tasks-new .flash,
  1983. body.neopets_page_import_tasks-create .flash {
  1984. clear: both
  1985. }
  1986. body.neopets_page_import_tasks-new #back-to-items,
  1987. body.neopets_page_import_tasks-create #back-to-items {
  1988. -webkit-border-radius: 5px;
  1989. -moz-border-radius: 5px;
  1990. -ms-border-radius: 5px;
  1991. -o-border-radius: 5px;
  1992. border-radius: 5px;
  1993. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  1994. border: 0;
  1995. display: inline-block;
  1996. padding: 0.5em 0.75em 0.45em;
  1997. color: #201d1d;
  1998. text-decoration: none;
  1999. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2000. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2001. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  2002. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  2003. position: relative;
  2004. font-weight: bold;
  2005. line-height: 1;
  2006. margin-left: 1em;
  2007. margin-top: 0.75em
  2008. }
  2009. body.neopets_page_import_tasks-new #back-to-items:hover,
  2010. body.neopets_page_import_tasks-create #back-to-items:hover {
  2011. background-color: #9181bf
  2012. }
  2013. body.neopets_page_import_tasks-new #back-to-items:hover,
  2014. body.neopets_page_import_tasks-create #back-to-items:hover {
  2015. color: #201d1d
  2016. }
  2017. body.neopets_page_import_tasks-new #back-to-items:active,
  2018. body.neopets_page_import_tasks-create #back-to-items:active {
  2019. top: 1px
  2020. }
  2021. body.neopets_page_import_tasks-new #closet-page-form,
  2022. body.neopets_page_import_tasks-create #closet-page-form {
  2023. overflow: hidden;
  2024. display: inline-block;
  2025. clear: both;
  2026. margin-bottom: 1em;
  2027. text-align: right
  2028. }
  2029. body.neopets_page_import_tasks-new #closet-page-form,
  2030. body.neopets_page_import_tasks-create #closet-page-form {
  2031. display: block
  2032. }
  2033. body.neopets_page_import_tasks-new #closet-page-form > *,
  2034. body.neopets_page_import_tasks-create #closet-page-form > * {
  2035. text-align: left
  2036. }
  2037. body.neopets_page_import_tasks-new #closet-page-frame-wrapper,
  2038. body.neopets_page_import_tasks-create #closet-page-frame-wrapper {
  2039. float: left;
  2040. margin-right: 2%;
  2041. width: 48%
  2042. }
  2043. body.neopets_page_import_tasks-new #closet-page-frame,
  2044. body.neopets_page_import_tasks-create #closet-page-frame {
  2045. height: 19em;
  2046. width: 100%
  2047. }
  2048. body.neopets_page_import_tasks-new #closet-page-source,
  2049. body.neopets_page_import_tasks-create #closet-page-source {
  2050. float: left;
  2051. width: 50%
  2052. }
  2053. body.neopets_page_import_tasks-new #closet-page-source label,
  2054. body.neopets_page_import_tasks-create #closet-page-source label {
  2055. font-weight: bold
  2056. }
  2057. body.neopets_page_import_tasks-new #closet-page-source textarea,
  2058. body.neopets_page_import_tasks-create #closet-page-source textarea {
  2059. height: 19em
  2060. }
  2061. body.neopets_page_import_tasks-new ol,
  2062. body.neopets_page_import_tasks-create ol {
  2063. padding-left: 1em
  2064. }
  2065. body.neopets_page_import_tasks-new ol > li,
  2066. body.neopets_page_import_tasks-create ol > li {
  2067. margin-bottom: 1em
  2068. }
  2069. body.neopets_page_import_tasks-new ol ul,
  2070. body.neopets_page_import_tasks-create ol ul {
  2071. font-size: 85%;
  2072. margin-bottom: 1em;
  2073. margin-top: 0;
  2074. padding-left: 1em
  2075. }
  2076. body.neopets_page_import_tasks-new ol p,
  2077. body.neopets_page_import_tasks-create ol p {
  2078. margin: 0
  2079. }
  2080. body.neopets_users-new #title,
  2081. body.neopets_users-create #title {
  2082. float: left;
  2083. margin-right: 0.5em
  2084. }
  2085. body.neopets_users-new .flash,
  2086. body.neopets_users-create .flash {
  2087. clear: both
  2088. }
  2089. body.neopets_users-new #secondary-nav,
  2090. body.neopets_users-create #secondary-nav {
  2091. display: block;
  2092. margin-top: 0.75em
  2093. }
  2094. body.neopets_users-new #neopets-user-form,
  2095. body.neopets_users-create #neopets-user-form {
  2096. clear: both
  2097. }
  2098. body.neopets_users-new #neopets-user-form label,
  2099. body.neopets_users-create #neopets-user-form label {
  2100. font-weight: bold;
  2101. margin-right: 1em
  2102. }
  2103. body.neopets_users-new #neopets-user-form label:after,
  2104. body.neopets_users-create #neopets-user-form label:after {
  2105. content: ":"
  2106. }
  2107. body.contributions-index {
  2108. text-align: center
  2109. }
  2110. body.contributions-index .contributions li {
  2111. list-style: none;
  2112. height: 80px;
  2113. overflow: hidden;
  2114. padding: 1em 0 0 100px;
  2115. position: relative;
  2116. text-align: left
  2117. }
  2118. body.contributions-index .contributions .point-value {
  2119. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  2120. color: #201d1d;
  2121. font-size: 80px;
  2122. left: 0;
  2123. line-height: 1;
  2124. position: absolute;
  2125. text-align: center;
  2126. text-shadow: 2px 2px 0 #000;
  2127. top: 0;
  2128. width: 80px;
  2129. z-index: 3
  2130. }
  2131. body.contributions-index .contributions .point-value:hover {
  2132. -moz-opacity: 0.5;
  2133. -webkit-opacity: 0.5;
  2134. -o-opacity: 0.5;
  2135. -khtml-opacity: 0.5
  2136. }
  2137. body.contributions-index .contributions img {
  2138. height: 80px;
  2139. left: 0;
  2140. position: absolute;
  2141. top: 0;
  2142. width: 80px;
  2143. z-index: 2
  2144. }
  2145. body.contributions-index .contributions .username,
  2146. body.contributions-index .contributions .contributed-name {
  2147. font-weight: bold
  2148. }
  2149. body.contributions-index .contributions .time-ago {
  2150. display: block;
  2151. font-size: 75%
  2152. }
  2153. body.items {
  2154. text-align: center
  2155. }
  2156. body.items .campaign-progress-wrapper {
  2157. -webkit-border-radius: 8px;
  2158. -moz-border-radius: 8px;
  2159. -ms-border-radius: 8px;
  2160. -o-border-radius: 8px;
  2161. border-radius: 8px;
  2162. background: #c99cc2;
  2163. background-image: linear-gradient(#eddeeb, #c99cc2);
  2164. border: 4px solid #9181bf;
  2165. clear: both;
  2166. margin-bottom: 1em;
  2167. margin-top: 0.5em;
  2168. position: relative
  2169. }
  2170. body.items .campaign-progress-wrapper .button {
  2171. -webkit-border-radius: 5px;
  2172. -moz-border-radius: 5px;
  2173. -ms-border-radius: 5px;
  2174. -o-border-radius: 5px;
  2175. border-radius: 5px;
  2176. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  2177. border: 0;
  2178. display: inline-block;
  2179. padding: 0.5em 0.75em 0.45em;
  2180. color: #201d1d;
  2181. text-decoration: none;
  2182. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2183. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  2184. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  2185. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  2186. position: relative;
  2187. font-weight: bold;
  2188. line-height: 1;
  2189. background: #004 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  2190. font-size: 75%;
  2191. margin-left: 1em;
  2192. padding: 0.25em 0.75em
  2193. }
  2194. body.items .campaign-progress-wrapper .button:hover {
  2195. background-color: #9181bf
  2196. }
  2197. body.items .campaign-progress-wrapper .button:hover {
  2198. color: #201d1d
  2199. }
  2200. body.items .campaign-progress-wrapper .button:active {
  2201. top: 1px
  2202. }
  2203. body.items .campaign-progress-wrapper .button:hover {
  2204. background-color: #003
  2205. }
  2206. body.items .campaign-progress {
  2207. background: #9181bf;
  2208. background-image: linear-gradient(#c54bb1, #9181bf);
  2209. border-right: 1px solid #9181bf
  2210. }
  2211. body.items .campaign-progress-wrapper,
  2212. body.items .campaign-progress {
  2213. height: 2.5em
  2214. }
  2215. body.items .campaign-progress-label {
  2216. text-shadow: 1px 1px 0 #9181bf;
  2217. color: #201d1d;
  2218. font-size: 150%;
  2219. left: 0;
  2220. position: absolute;
  2221. top: 0;
  2222. text-align: center;
  2223. width: 100%
  2224. }
  2225. body.items .campaign-progress-label a {
  2226. color: inherit;
  2227. display: block;
  2228. text-decoration: none
  2229. }
  2230. body.items .campaign-progress-label .button {
  2231. position: relative;
  2232. top: -2px
  2233. }
  2234. body.items.campaign-loaded .campaign-progress-wrapper {
  2235. visibility: visible
  2236. }
  2237. body.items input[type=text],
  2238. body.items body.pets-bulk #bulk-pets-form textarea,
  2239. body.pets-bulk #bulk-pets-form body.items textarea {
  2240. font-size: 125%;
  2241. width: 15em
  2242. }
  2243. body.items h1 {
  2244. margin-bottom: 1em
  2245. }
  2246. body.items h1 img {
  2247. height: 80px;
  2248. margin-bottom: -0.5em;
  2249. width: 80px
  2250. }
  2251. body.items h1 a {
  2252. text-decoration: none
  2253. }
  2254. body.items h1 a span {
  2255. text-decoration: underline
  2256. }
  2257. body.items h1 a:hover span {
  2258. text-decoration: none
  2259. }
  2260. body.items-index form {
  2261. margin-bottom: 2em
  2262. }
  2263. body.items-index #search-info {
  2264. float: left;
  2265. width: 49%;
  2266. padding-right: 1%
  2267. }
  2268. body.items-index #search-info h2 {
  2269. font-size: 125%
  2270. }
  2271. body.items-index #search-info dl {
  2272. text-align: left
  2273. }
  2274. body.items-index #search-info dd {
  2275. margin-bottom: 1em
  2276. }
  2277. body.items-index #species-search-links {
  2278. float: left;
  2279. width: 49%;
  2280. padding-left: 1%
  2281. }
  2282. body.items-index #species-search-links h2 {
  2283. font-size: 125%
  2284. }
  2285. body.items-index #species-search-links img {
  2286. height: 80px;
  2287. width: 80px
  2288. }
  2289. body.items-show #item-header {
  2290. border-bottom: 1px solid #9181bf;
  2291. display: block;
  2292. margin-bottom: 1em;
  2293. padding: 1em 0
  2294. }
  2295. body.items-show #item-header div,
  2296. body.items-show #item-header img {
  2297. display: -moz-inline-stack;
  2298. display: inline-block;
  2299. vertical-align: middle;
  2300. *vertical-align: auto;
  2301. zoom: 1;
  2302. *display: inline
  2303. }
  2304. body.items-show #item-header div {
  2305. text-align: left
  2306. }
  2307. body.items-show #item-header a {
  2308. font-size: 75%;
  2309. margin-left: 1em
  2310. }
  2311. body.items-show #item-thumbnail {
  2312. border: 1px solid #9181bf;
  2313. height: 80px;
  2314. margin-right: 0.5em;
  2315. width: 80px
  2316. }
  2317. body.items-show #item-name {
  2318. margin-bottom: 0
  2319. }
  2320. body.items-show #item-preview {
  2321. overflow: hidden;
  2322. display: inline-block
  2323. }
  2324. body.items-show #item-preview {
  2325. display: block
  2326. }
  2327. body.items-show #item-preview > div,
  2328. body.items-show #item-preview > ul {
  2329. float: left
  2330. }
  2331. body.items-show #item-preview-species {
  2332. display: block;
  2333. width: 400px
  2334. }
  2335. body.items-show #item-preview-species .pet-type,
  2336. body.items-show #item-preview-species img {
  2337. height: 50px;
  2338. width: 50px
  2339. }
  2340. body.items-show #item-preview-species .pet-type {
  2341. display: -moz-inline-stack;
  2342. display: inline-block;
  2343. vertical-align: middle;
  2344. *vertical-align: auto;
  2345. zoom: 1;
  2346. *display: inline
  2347. }
  2348. body.items-show #item-preview-species .pet-type.current {
  2349. background: #201d1d;
  2350. outline: 1px solid #9181bf
  2351. }
  2352. body.items-show #item-preview-species .pet-type.deactivated img {
  2353. 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");
  2354. filter: gray;
  2355. -webkit-filter: grayscale(100%);
  2356. -moz-opacity: 0.5;
  2357. -webkit-opacity: 0.5;
  2358. -o-opacity: 0.5;
  2359. -khtml-opacity: 0.5
  2360. }
  2361. body.items-show #item-preview-species .pet-type.deactivated.current {
  2362. background: transparent;
  2363. outline-color: #fbc2c4
  2364. }
  2365. body.items-show #item-preview-species ul,
  2366. body.items-show #item-preview-species li {
  2367. display: inline
  2368. }
  2369. body.items-show #item-preview-error {
  2370. display: none;
  2371. padding: 20px 10px 0;
  2372. width: 380px
  2373. }
  2374. body.items-show #item-preview-swf {
  2375. height: 300px;
  2376. overflow: hidden;
  2377. width: 300px
  2378. }
  2379. body.items-show #item-zones {
  2380. font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  2381. font-size: 85%;
  2382. margin-bottom: 1em
  2383. }
  2384. body.items-show #item-zones p {
  2385. display: inline
  2386. }
  2387. body.items-show #item-zones p:first-child {
  2388. margin-right: 1em
  2389. }
  2390. body.items-show #trade-hangers {
  2391. font-size: 85%;
  2392. margin-bottom: 3em;
  2393. text-align: left
  2394. }
  2395. body.items-show #trade-hangers p {
  2396. position: relative
  2397. }
  2398. body.items-show #trade-hangers p:first-child {
  2399. margin-bottom: 0.5em
  2400. }
  2401. body.items-show #trade-hangers p.overflows .toggle {
  2402. display: block
  2403. }
  2404. body.items-show #trade-hangers p.showing-more .toggle .less {
  2405. display: block
  2406. }
  2407. body.items-show #trade-hangers p.showing-more .toggle .more {
  2408. display: none
  2409. }
  2410. body.items-show #trade-hangers .toggle {
  2411. background: #201d1d;
  2412. bottom: 0;
  2413. cursor: pointer;
  2414. display: none;
  2415. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  2416. padding: 0 1em;
  2417. position: absolute;
  2418. right: 0
  2419. }
  2420. body.items-show #trade-hangers .toggle:hover {
  2421. text-decoration: underline
  2422. }
  2423. body.items-show #trade-hangers .toggle .less {
  2424. display: none
  2425. }
  2426. body.items-show #item-contributors {
  2427. border-color: #9181bf;
  2428. border-style: solid;
  2429. border-width: 1px 0;
  2430. font-size: 85%;
  2431. margin: 1em 0;
  2432. padding: 0.5em 0;
  2433. text-align: center;
  2434. clear: both;
  2435. margin-bottom: 0;
  2436. margin-top: 2em
  2437. }
  2438. body.items-show #item-contributors header {
  2439. display: inline;
  2440. font-weight: bold;
  2441. margin-right: 0.25em
  2442. }
  2443. body.items-show #item-contributors footer {
  2444. display: inline
  2445. }
  2446. body.items-show #item-contributors ul {
  2447. list-style-type: none
  2448. }
  2449. body.items-show #item-contributors ul,
  2450. body.items-show #item-contributors ul li {
  2451. margin: 0px;
  2452. padding: 0px;
  2453. display: inline
  2454. }
  2455. body.items-show #item-contributors ul li:after {
  2456. content: ", "
  2457. }
  2458. body.items-show #item-contributors ul li:last-child:after {
  2459. content: ""
  2460. }
  2461. body.items-show #item-contributors ul li.last:after {
  2462. content: ""
  2463. }
  2464. body.items-show #item-contributors ul li:last-child::after {
  2465. content: "."
  2466. }
  2467. body.items-show #item-preview-header {
  2468. clear: both
  2469. }
  2470. body.items-show #item-preview-header h3,
  2471. body.items-show #item-preview-header a {
  2472. display: -moz-inline-stack;
  2473. display: inline-block;
  2474. vertical-align: middle;
  2475. *vertical-align: auto;
  2476. zoom: 1;
  2477. *display: inline
  2478. }
  2479. body.items-show #item-preview-header a {
  2480. font-size: 85%;
  2481. margin: -1.5em 0 0 1em
  2482. }
  2483. body.items-show .nc-icon {
  2484. height: 16px;
  2485. width: 16px
  2486. }
  2487. body.items-show #closet-hangers {
  2488. border: 1px solid #9181bf;
  2489. float: right;
  2490. font-size: 85%;
  2491. margin-bottom: 3em;
  2492. margin-left: 1em;
  2493. padding: 1em;
  2494. width: 30em;
  2495. position: relative;
  2496. z-index: 2
  2497. }
  2498. body.items-show #closet-hangers h3 {
  2499. font-size: 150%;
  2500. font-weight: bold;
  2501. margin-bottom: 0.25em
  2502. }
  2503. body.items-show #closet-hangers #closet-hangers-ownership-groups {
  2504. overflow: hidden;
  2505. display: inline-block;
  2506. margin-bottom: 0.5em
  2507. }
  2508. body.items-show #closet-hangers #closet-hangers-ownership-groups {
  2509. display: block
  2510. }
  2511. body.items-show #closet-hangers #closet-hangers-ownership-groups div {
  2512. float: left;
  2513. margin: 0 5%;
  2514. text-align: left;
  2515. width: 40%
  2516. }
  2517. body.items-show #closet-hangers #closet-hangers-ownership-groups div li {
  2518. list-style: none;
  2519. word-wrap: break-word
  2520. }
  2521. body.items-show #closet-hangers #closet-hangers-ownership-groups div li label.unlisted {
  2522. font-style: italic
  2523. }
  2524. body.items-show #closet-hangers form {
  2525. padding: 0.5em 0
  2526. }
  2527. body.items-show #closet-hangers select {
  2528. width: 9em
  2529. }
  2530. body.items-show #closet-hangers input[type=number] {
  2531. margin-right: 0.5em;
  2532. width: 3em
  2533. }
  2534. body.items-show.js #trade-hangers p {
  2535. max-height: 3em;
  2536. overflow: hidden
  2537. }
  2538. body.items-show.js #trade-hangers p.showing-more {
  2539. max-height: none
  2540. }
  2541. div.jGrowl {
  2542. padding: 10px;
  2543. z-index: 9999;
  2544. color: #201d1d;
  2545. font-size: 12px
  2546. }
  2547. div.ie6 {
  2548. position: absolute
  2549. }
  2550. div.ie6.top-right {
  2551. right: auto;
  2552. bottom: auto;
  2553. 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');
  2554. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  2555. }
  2556. div.ie6.top-left {
  2557. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  2558. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px')
  2559. }
  2560. div.ie6.bottom-right {
  2561. 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');
  2562. 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')
  2563. }
  2564. div.ie6.bottom-left {
  2565. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  2566. 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')
  2567. }
  2568. div.ie6.center {
  2569. left: expression(( 0 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  2570. top: expression(( 0 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
  2571. width: 100%
  2572. }
  2573. body > div.jGrowl {
  2574. position: fixed
  2575. }
  2576. body > div.jGrowl.top-left {
  2577. left: 0px;
  2578. top: 0px
  2579. }
  2580. body > div.jGrowl.top-right {
  2581. right: 0px;
  2582. top: 0px
  2583. }
  2584. body > div.jGrowl.bottom-left {
  2585. left: 0px;
  2586. bottom: 0px
  2587. }
  2588. body > div.jGrowl.bottom-right {
  2589. right: 0px;
  2590. bottom: 0px
  2591. }
  2592. body > div.jGrowl.center {
  2593. top: 0px;
  2594. width: 50%;
  2595. left: 25%
  2596. }
  2597. div.center div.jGrowl-notification,
  2598. div.center div.jGrowl-closer {
  2599. margin-left: auto;
  2600. margin-right: auto
  2601. }
  2602. div.jGrowl div.jGrowl-notification,
  2603. div.jGrowl div.jGrowl-closer {
  2604. background-color: #000;
  2605. opacity: 0.85;
  2606. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  2607. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  2608. zoom: 1;
  2609. width: 235px;
  2610. padding: 10px;
  2611. margin-top: 5px;
  2612. margin-bottom: 5px;
  2613. font-family: Tahoma, Arial, Helvetica, sans-serif;
  2614. font-size: 1em;
  2615. text-align: left;
  2616. display: none;
  2617. -moz-border-radius: 5px;
  2618. -webkit-border-radius: 5px
  2619. }
  2620. div.jGrowl div.jGrowl-notification {
  2621. min-height: 40px
  2622. }
  2623. div.jGrowl div.jGrowl-notification div.header {
  2624. font-weight: bold;
  2625. font-size: 0.85em
  2626. }
  2627. div.jGrowl div.jGrowl-notification div.close {
  2628. z-index: 99;
  2629. float: right;
  2630. font-weight: bold;
  2631. font-size: 1em;
  2632. cursor: pointer
  2633. }
  2634. div.jGrowl div.jGrowl-closer {
  2635. padding-top: 4px;
  2636. padding-bottom: 4px;
  2637. cursor: pointer;
  2638. font-size: 0.9em;
  2639. font-weight: bold;
  2640. text-align: center
  2641. }
  2642. @media print {
  2643. div.jGrowl {
  2644. display: none
  2645. }
  2646. }
  2647. body.outfits-edit #preview-toolbar {
  2648. margin-bottom: 0.5em;
  2649. text-align: left
  2650. }
  2651. body.outfits-edit #preview-toolbar form {
  2652. display: -moz-inline-stack;
  2653. display: inline-block;
  2654. vertical-align: middle;
  2655. *vertical-align: auto;
  2656. zoom: 1;
  2657. *display: inline;
  2658. margin-right: 2em
  2659. }
  2660. body.outfits-edit #pet-info form {
  2661. display: inline
  2662. }
  2663. body.outfits-edit #pet-state-form {
  2664. font-size: 85%
  2665. }
  2666. body.outfits-edit #pet-state-form.hidden {
  2667. visibility: hidden
  2668. }
  2669. body.outfits-edit #save-outfit-wrapper {
  2670. float: right
  2671. }
  2672. body.outfits-edit #save-outfit-wrapper button {
  2673. display: none
  2674. }
  2675. body.outfits-edit #save-outfit-wrapper #share-outfit {
  2676. display: inline-block
  2677. }
  2678. body.outfits-edit #save-outfit-wrapper.loading {
  2679. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif);
  2680. background-position: left center;
  2681. background-repeat: no-repeat;
  2682. padding-left: 20px
  2683. }
  2684. body.outfits-edit #save-outfit,
  2685. body.outfits-edit #save-outfit-not-signed-in,
  2686. body.outfits-edit #save-current-outfit,
  2687. body.outfits-edit #save-outfit-finish {
  2688. background: #ff5c00 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x
  2689. }
  2690. body.outfits-edit #save-outfit:hover,
  2691. body.outfits-edit #save-outfit-not-signed-in:hover,
  2692. body.outfits-edit #save-current-outfit:hover,
  2693. body.outfits-edit #save-outfit-finish:hover {
  2694. background-color: #ee4b00
  2695. }
  2696. body.outfits-edit #current-outfit-permalink,
  2697. body.outfits-edit #shared-outfit-permalink {
  2698. display: none;
  2699. margin-right: 0.25em
  2700. }
  2701. body.outfits-edit #current-outfit-permalink img,
  2702. body.outfits-edit #shared-outfit-permalink img {
  2703. bottom: -2px;
  2704. height: 16px;
  2705. position: relative;
  2706. width: 16px
  2707. }
  2708. body.outfits-edit #shared-outfit-url {
  2709. display: none;
  2710. width: 15em
  2711. }
  2712. body.outfits-edit #preview {
  2713. clear: both
  2714. }
  2715. body.outfits-edit #preview-swf {
  2716. float: left;
  2717. height: 380px;
  2718. margin-bottom: 1em;
  2719. position: relative;
  2720. width: 380px
  2721. }
  2722. body.outfits-edit #preview-swf.swf-9181bfpter #preview-image-container {
  2723. display: none
  2724. }
  2725. body.outfits-edit #preview-swf.image-9181bfpter #preview-swf-container {
  2726. display: none
  2727. }
  2728. body.outfits-edit #preview-image-container {
  2729. position: relative
  2730. }
  2731. body.outfits-edit #preview-image-container img {
  2732. left: 0;
  2733. position: absolute;
  2734. top: 0
  2735. }
  2736. body.outfits-edit #preview-image-container,
  2737. body.outfits-edit #preview-image-container img {
  2738. height: 100%;
  2739. width: 100%
  2740. }
  2741. body.outfits-edit #preview-swf-overlay {
  2742. -moz-opacity: 0;
  2743. -webkit-opacity: 0;
  2744. -o-opacity: 0;
  2745. -khtml-opacity: 0;
  2746. background: #000;
  2747. height: 100%;
  2748. left: 0;
  2749. position: absolute;
  2750. top: 0;
  2751. width: 100%
  2752. }
  2753. body.outfits-edit #preview-images-pending {
  2754. background: #000;
  2755. background: rgba(0, 0, 0, 0.75);
  2756. bottom: 0;
  2757. color: #201d1d;
  2758. font-size: 75%;
  2759. padding: 0.5em;
  2760. position: absolute;
  2761. right: 0;
  2762. z-index: 1000
  2763. }
  2764. body.outfits-edit #preview-images-pending.waiting-on-0 {
  2765. display: none
  2766. }
  2767. body.outfits-edit #preview-mode {
  2768. margin-right: 1em;
  2769. position: absolute;
  2770. right: 100%;
  2771. text-align: center;
  2772. top: 0;
  2773. width: 7em
  2774. }
  2775. body.outfits-edit #preview-mode.flash-active #preview-mode-flash {
  2776. color: #ba93f2;
  2777. font-weight: bold
  2778. }
  2779. body.outfits-edit #preview-mode.image-active #preview-mode-image {
  2780. color: #ba93f2;
  2781. font-weight: bold
  2782. }
  2783. body.outfits-edit #preview-mode.image-active #preview-mode-note,
  2784. body.outfits-edit #preview-mode.image-active #report-broken-image {
  2785. display: block
  2786. }
  2787. body.outfits-edit #preview-mode-toggle {
  2788. -webkit-border-radius: 0.5em;
  2789. -moz-border-radius: 0.5em;
  2790. -ms-border-radius: 0.5em;
  2791. -o-border-radius: 0.5em;
  2792. border-radius: 0.5em;
  2793. border: 1px solid #9181bf;
  2794. color: #927cae;
  2795. font-size: 85%;
  2796. list-style: none;
  2797. margin: 0 auto 0.5em;
  2798. text-align: center;
  2799. width: 5em
  2800. }
  2801. body.outfits-edit #preview-mode-toggle li {
  2802. border-top: 1px solid #9181bf;
  2803. cursor: pointer;
  2804. padding: 0.125em 0;
  2805. width: 100%
  2806. }
  2807. body.outfits-edit #preview-mode-toggle li:first-child {
  2808. border-top: 0
  2809. }
  2810. body.outfits-edit #preview-download-image {
  2811. display: none;
  2812. margin: 1em auto
  2813. }
  2814. body.outfits-edit #preview-download-image h3 {
  2815. font-size: 125%;
  2816. margin-bottom: 0.5em
  2817. }
  2818. body.outfits-edit #preview-download-image ul {
  2819. list-style: none
  2820. }
  2821. body.outfits-edit #preview-download-image button {
  2822. font-size: 75%;
  2823. width: 100%
  2824. }
  2825. body.outfits-edit #preview-mode a {
  2826. display: block;
  2827. font-size: 75%;
  2828. margin-top: 0.5em;
  2829. text-align: center;
  2830. text-decoration: none;
  2831. width: 100%
  2832. }
  2833. body.outfits-edit #preview-mode a em {
  2834. font-style: normal;
  2835. text-decoration: underline
  2836. }
  2837. body.outfits-edit #preview-mode #report-broken-image {
  2838. display: none
  2839. }
  2840. body.outfits-edit #preview-sidebar {
  2841. float: left;
  2842. height: 380px;
  2843. margin-left: 20px;
  2844. margin-bottom: 1em;
  2845. width: 400px
  2846. }
  2847. body.outfits-edit #preview-sidebar.viewing-outfits #preview-closet {
  2848. display: none
  2849. }
  2850. body.outfits-edit #preview-sidebar.viewing-outfits #preview-outfits {
  2851. display: block
  2852. }
  2853. body.outfits-edit #preview-sidebar.sharing #preview-closet {
  2854. display: none
  2855. }
  2856. body.outfits-edit #preview-sidebar.sharing #preview-sharing {
  2857. display: block
  2858. }
  2859. body.outfits-edit #preview-sidebar .sidebar-view {
  2860. margin: 1.5em 0
  2861. }
  2862. body.outfits-edit #preview-closet ul {
  2863. text-align: center
  2864. }
  2865. body.outfits-edit #preview-closet .object {
  2866. background: #201d1d
  2867. }
  2868. body.outfits-edit #preview-closet .object img {
  2869. -moz-opacity: 0.5;
  2870. -webkit-opacity: 0.5;
  2871. -o-opacity: 0.5;
  2872. -khtml-opacity: 0.5
  2873. }
  2874. body.outfits-edit #preview-closet .object.worn {
  2875. background: transparent
  2876. }
  2877. body.outfits-edit #preview-closet .object.worn img {
  2878. -moz-opacity: 1;
  2879. -webkit-opacity: 1;
  2880. -o-opacity: 1;
  2881. -khtml-opacity: 1
  2882. }
  2883. body.outfits-edit #preview-closet .object.no-assets {
  2884. background: #fbe3e4;
  2885. color: #8a1f11;
  2886. padding-bottom: 1.25em
  2887. }
  2888. body.outfits-edit #preview-closet .object.no-assets .no-assets-message {
  2889. display: block
  2890. }
  2891. body.outfits-edit .no-assets-message {
  2892. background: #f3dbdc;
  2893. bottom: 0;
  2894. color: #821709;
  2895. cursor: pointer;
  2896. display: none;
  2897. font-size: 85%;
  2898. left: 0;
  2899. position: absolute;
  2900. width: 100%
  2901. }
  2902. body.outfits-edit #no-assets-full-message {
  2903. -webkit-border-radius: 5px;
  2904. -moz-border-radius: 5px;
  2905. -ms-border-radius: 5px;
  2906. -o-border-radius: 5px;
  2907. border-radius: 5px;
  2908. background: #201d1d;
  2909. border: 1px solid #ffd3d5;
  2910. color: #9b3022;
  2911. font-size: 75%;
  2912. left: -9999px;
  2913. padding: 0.25em;
  2914. position: absolute;
  2915. top: -9999px;
  2916. width: 30em
  2917. }
  2918. body.outfits-edit #preview-search {
  2919. -webkit-border-radius: 8px;
  2920. -moz-border-radius: 8px;
  2921. -ms-border-radius: 8px;
  2922. -o-border-radius: 8px;
  2923. border-radius: 8px;
  2924. border: 1px solid #9181bf;
  2925. box-sizing: border-box;
  2926. clear: both;
  2927. margin-bottom: 0.5em;
  2928. margin-top: 1em;
  2929. padding: 0.25em 1em 0.25em;
  2930. text-align: left
  2931. }
  2932. body.outfits-edit #preview-search h2 {
  2933. display: -moz-inline-stack;
  2934. display: inline-block;
  2935. vertical-align: middle;
  2936. *vertical-align: auto;
  2937. zoom: 1;
  2938. *display: inline;
  2939. margin: 0 1em 0 0
  2940. }
  2941. body.outfits-edit #preview-search input {
  2942. display: -moz-inline-stack;
  2943. display: inline-block;
  2944. vertical-align: middle;
  2945. *vertical-align: auto;
  2946. zoom: 1;
  2947. *display: inline
  2948. }
  2949. body.outfits-edit #preview-search input[type=submit] {
  2950. margin-right: 2em
  2951. }
  2952. body.outfits-edit #preview-search.advanced #preview-search-basic {
  2953. display: none
  2954. }
  2955. body.outfits-edit #preview-search.advanced #preview-search-advanced {
  2956. display: block
  2957. }
  2958. body.outfits-edit #preview-search-basic-main {
  2959. clear: both
  2960. }
  2961. body.outfits-edit #preview-search.has-results #preview-search-basic-main,
  2962. body.outfits-edit #preview-search-advanced-main {
  2963. min-height: 180px
  2964. }
  2965. body.outfits-edit #preview-search-advanced {
  2966. display: none
  2967. }
  2968. body.outfits-edit #preview-search-advanced h2 {
  2969. margin-right: 2em
  2970. }
  2971. body.outfits-edit #preview-search-advanced button {
  2972. margin-right: 4em
  2973. }
  2974. body.outfits-edit #preview-search-advanced #preview-search-basic-link {
  2975. font-size: 85%
  2976. }
  2977. body.outfits-edit #preview-search-advanced #preview-search-advanced-main {
  2978. padding-left: 2em
  2979. }
  2980. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div {
  2981. display: -moz-inline-stack;
  2982. display: inline-block;
  2983. vertical-align: middle;
  2984. *vertical-align: auto;
  2985. zoom: 1;
  2986. *display: inline;
  2987. box-sizing: border-box;
  2988. font-size: 87.5%;
  2989. padding-left: 24px;
  2990. padding-top: 0.5em;
  2991. vertical-align: top;
  2992. width: 32%
  2993. }
  2994. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div li.text label,
  2995. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div li.select label {
  2996. display: -moz-inline-stack;
  2997. display: inline-block;
  2998. vertical-align: middle;
  2999. *vertical-align: auto;
  3000. zoom: 1;
  3001. *display: inline
  3002. }
  3003. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div li.text label {
  3004. display: block
  3005. }
  3006. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div li.select label {
  3007. width: 8em
  3008. }
  3009. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div li.checkbox {
  3010. list-style: none;
  3011. margin-left: -24px
  3012. }
  3013. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div:nth-of-type(2) li:first-child,
  3014. body.outfits-edit #preview-search-advanced #preview-search-advanced-main > div:nth-of-type(3) li:first-child {
  3015. margin-bottom: 0.75em
  3016. }
  3017. body.outfits-edit #preview-search-advanced-link,
  3018. body.outfits-edit label[for=preview-search-autofilter] {
  3019. display: -moz-inline-stack;
  3020. display: inline-block;
  3021. vertical-align: middle;
  3022. *vertical-align: auto;
  3023. zoom: 1;
  3024. *display: inline;
  3025. font-size: 85%;
  3026. margin-right: 1em
  3027. }
  3028. body.outfits-edit .preview-search-form-your-items {
  3029. display: none;
  3030. font-size: 85%;
  3031. margin-right: 1em
  3032. }
  3033. body.outfits-edit #preview-search-form-pagination {
  3034. display: -moz-inline-stack;
  3035. display: inline-block;
  3036. vertical-align: middle;
  3037. *vertical-align: auto;
  3038. zoom: 1;
  3039. *display: inline;
  3040. float: right;
  3041. margin-top: 0.5em
  3042. }
  3043. body.outfits-edit #preview-search-form-pagination a,
  3044. body.outfits-edit #preview-search-form-pagination span {
  3045. margin: 0 0.25em
  3046. }
  3047. body.outfits-edit #preview-search-form-pagination .current {
  3048. font-weight: bold
  3049. }
  3050. body.outfits-edit #preview-search-form-loading {
  3051. display: none;
  3052. font-size: 75%;
  3053. font-style: italic;
  3054. margin-left: 2em
  3055. }
  3056. body.outfits-edit #preview-search-form-no-results {
  3057. display: none
  3058. }
  3059. body.outfits-edit .search-helper {
  3060. font-family: inherit
  3061. }
  3062. body.outfits-edit .possible-error {
  3063. display: none
  3064. }
  3065. body.outfits-edit.big-picture #preview-toolbar,
  3066. body.outfits-edit.big-picture #preview-sidebar,
  3067. body.outfits-edit.big-picture #preview-search {
  3068. display: none
  3069. }
  3070. body.outfits-edit.fullscreen {
  3071. height: 100%
  3072. }
  3073. body.outfits-edit.fullscreen #container {
  3074. -webkit-box-sizing: border-box;
  3075. -moz-box-sizing: border-box;
  3076. -ms-box-sizing: border-box;
  3077. box-sizing: border-box;
  3078. height: 100%;
  3079. margin: 0 auto;
  3080. min-width: 800px;
  3081. padding-top: 2.5em;
  3082. position: relative;
  3083. width: 80%
  3084. }
  3085. body.outfits-edit.fullscreen #short-url-response {
  3086. position: static
  3087. }
  3088. body.outfits-edit.fullscreen #preview {
  3089. width: 100%
  3090. }
  3091. body.outfits-edit.fullscreen #preview-sidebar {
  3092. float: right;
  3093. margin: 0;
  3094. position: relative;
  3095. width: 400px
  3096. }
  3097. body.outfits-edit.fullscreen #preview-sidebar.viewing-saving-outfit {
  3098. height: auto;
  3099. max-height: 100%
  3100. }
  3101. body.outfits-edit.fullscreen #preview-search {
  3102. bottom: 1.5em;
  3103. left: 0;
  3104. overflow: auto;
  3105. position: absolute;
  3106. width: 100%
  3107. }
  3108. body.outfits-edit.fullscreen #footer {
  3109. bottom: 0;
  3110. left: 0;
  3111. padding-top: 0;
  3112. position: absolute;
  3113. width: 100%
  3114. }
  3115. body.outfits-edit.fullscreen #footer ul,
  3116. body.outfits-edit.fullscreen #footer li,
  3117. body.outfits-edit.fullscreen #footer p,
  3118. body.outfits-edit.fullscreen #footer div {
  3119. display: inline-block;
  3120. vertical-align: middle;
  3121. padding: 0
  3122. }
  3123. body.outfits-edit.fullscreen #footer > ul {
  3124. margin-right: 2em
  3125. }
  3126. body.outfits-edit.fullscreen #footer > p {
  3127. margin: 0
  3128. }
  3129. body.outfits-edit.fullscreen #footer > ul,
  3130. body.outfits-edit.fullscreen #footer div,
  3131. body.outfits-edit.fullscreen #footer p {
  3132. margin-top: 6px
  3133. }
  3134. body.outfits-edit .object {
  3135. font-size: 85%;
  3136. padding: 6px;
  3137. position: relative
  3138. }
  3139. body.outfits-edit .object ul {
  3140. display: none;
  3141. left: 0;
  3142. list-style: none;
  3143. position: absolute;
  3144. top: 0
  3145. }
  3146. body.outfits-edit .object ul li {
  3147. margin-bottom: 0.25em
  3148. }
  3149. body.outfits-edit .object ul li a {
  3150. -webkit-border-radius: 5px;
  3151. -moz-border-radius: 5px;
  3152. -ms-border-radius: 5px;
  3153. -o-border-radius: 5px;
  3154. border-radius: 5px;
  3155. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  3156. border: 0;
  3157. display: inline-block;
  3158. padding: 0.5em 0.75em 0.45em;
  3159. color: #201d1d;
  3160. text-decoration: none;
  3161. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3162. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3163. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  3164. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  3165. position: relative;
  3166. font-weight: bold;
  3167. line-height: 1;
  3168. background: #aaa url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  3169. -moz-opacity: 0.9;
  3170. -webkit-opacity: 0.9;
  3171. -o-opacity: 0.9;
  3172. -khtml-opacity: 0.9;
  3173. font-size: 80%;
  3174. font-size: 100%
  3175. }
  3176. body.outfits-edit .object ul li a:hover {
  3177. background-color: #9181bf
  3178. }
  3179. body.outfits-edit .object ul li a:hover {
  3180. color: #201d1d
  3181. }
  3182. body.outfits-edit .object ul li a:active {
  3183. top: 1px
  3184. }
  3185. body.outfits-edit .object ul li a:hover {
  3186. background-color: #999
  3187. }
  3188. body.outfits-edit .object .unwear-item,
  3189. body.outfits-edit .object .uncloset-item {
  3190. display: none
  3191. }
  3192. body.outfits-edit .object.worn .wear-item {
  3193. display: none
  3194. }
  3195. body.outfits-edit .object.worn .unwear-item {
  3196. display: block
  3197. }
  3198. body.outfits-edit .object.closeted .closet-item {
  3199. display: none
  3200. }
  3201. body.outfits-edit .object.closeted .uncloset-item {
  3202. display: block
  3203. }
  3204. body.outfits-edit .object:hover ul,
  3205. body.outfits-edit .object:hover .object-info {
  3206. display: block
  3207. }
  3208. body.outfits-edit .nc-icon {
  3209. background: url(/assets/nc-3e0ab667497c478fa201d1d3b50ae21875e.png) no-repeat;
  3210. height: 16px;
  3211. position: absolute;
  3212. right: 16px;
  3213. text-indent: -9999px;
  3214. top: 64px;
  3215. width: 16px
  3216. }
  3217. body.outfits-edit .nc-icon:hover {
  3218. -moz-opacity: 0.5;
  3219. -webkit-opacity: 0.5;
  3220. -o-opacity: 0.5;
  3221. -khtml-opacity: 0.5
  3222. }
  3223. body.outfits-edit .object-info {
  3224. -webkit-border-radius: 12px;
  3225. -moz-border-radius: 12px;
  3226. -ms-border-radius: 12px;
  3227. -o-border-radius: 12px;
  3228. border-radius: 12px;
  3229. -moz-opacity: 0.75;
  3230. -webkit-opacity: 0.75;
  3231. -o-opacity: 0.75;
  3232. -khtml-opacity: 0.75;
  3233. background: #aaa;
  3234. color: #201d1d;
  3235. display: none;
  3236. height: 16px;
  3237. position: absolute;
  3238. right: 8px;
  3239. top: 0;
  3240. width: 16px
  3241. }
  3242. body.outfits-edit .object-info span {
  3243. font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  3244. font-weight: bold;
  3245. position: relative;
  3246. top: -2px
  3247. }
  3248. body.outfits-edit .object-info:hover {
  3249. -moz-opacity: 1;
  3250. -webkit-opacity: 1;
  3251. -o-opacity: 1;
  3252. -khtml-opacity: 1
  3253. }
  3254. body.outfits-edit #preview-outfits {
  3255. display: none;
  3256. text-align: left
  3257. }
  3258. body.outfits-edit #preview-outfits > ul {
  3259. font-size: 0;
  3260. list-style: none;
  3261. margin-left: 24px;
  3262. margin-right: 24px;
  3263. background: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif) no-repeat center top;
  3264. display: none;
  3265. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  3266. margin: 0 auto 1em;
  3267. min-height: 16px;
  3268. width: 336px
  3269. }
  3270. body.outfits-edit #preview-outfits > ul > li {
  3271. display: -moz-inline-stack;
  3272. display: inline-block;
  3273. vertical-align: middle;
  3274. *vertical-align: auto;
  3275. zoom: 1;
  3276. *display: inline;
  3277. overflow: hidden;
  3278. position: relative;
  3279. font-size: 14px
  3280. }
  3281. body.outfits-edit #preview-outfits > ul > li .outfit-star {
  3282. bottom: -2px;
  3283. height: 16px;
  3284. position: relative;
  3285. width: 16px;
  3286. background-image: url(/assets/unstarred-013e692e010d97de32dfd4cf5cc88456.png);
  3287. background-position: left top;
  3288. background-repeat: no-repeat;
  3289. cursor: pointer;
  3290. display: block;
  3291. float: left;
  3292. margin-right: 8px
  3293. }
  3294. body.outfits-edit #preview-outfits > ul > li.starred .outfit-star {
  3295. background-image: url(/assets/star-fcfbc11621d90e8830718723ed661d8d.png)
  3296. }
  3297. body.outfits-edit #preview-outfits > ul > li.loading .outfit-star {
  3298. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif)
  3299. }
  3300. body.outfits-edit #preview-outfits > ul > li header,
  3301. body.outfits-edit #preview-outfits > ul > li footer {
  3302. color: #000;
  3303. left: 0;
  3304. position: absolute;
  3305. z-index: 2;
  3306. background: #000;
  3307. background: rgba(251, 250, 250, .95)
  3308. }
  3309. body.outfits-edit #preview-outfits > ul > li header {
  3310. bottom: 0
  3311. }
  3312. body.outfits-edit #preview-outfits > ul > li footer {
  3313. top: 0
  3314. }
  3315. body.outfits-edit #preview-outfits > ul > li a {
  3316. color: #201d1d
  3317. }
  3318. body.outfits-edit #preview-outfits > ul.loaded {
  3319. background: transparent
  3320. }
  3321. body.outfits-edit #preview-outfits > ul > li {
  3322. height: 110px;
  3323. margin: 1px;
  3324. width: 110px
  3325. }
  3326. body.outfits-edit #preview-outfits > ul > li header,
  3327. body.outfits-edit #preview-outfits > ul > li footer,
  3328. body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
  3329. font-size: 12px;
  3330. padding: 2px 4px;
  3331. width: 102px
  3332. }
  3333. body.outfits-edit #preview-outfits > ul > li header {
  3334. -moz-opacity: 0.75;
  3335. -webkit-opacity: 0.75;
  3336. -o-opacity: 0.75;
  3337. -khtml-opacity: 0.75;
  3338. bottom: 0;
  3339. cursor: pointer
  3340. }
  3341. body.outfits-edit #preview-outfits > ul > li footer,
  3342. body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
  3343. display: none
  3344. }
  3345. body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
  3346. color: #201d1d;
  3347. left: 0;
  3348. position: absolute;
  3349. z-index: 2;
  3350. background: #ff3232;
  3351. background: rgba(255, 50, 50, 0.75);
  3352. text-align: center;
  3353. top: 0
  3354. }
  3355. body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span {
  3356. font-weight: bold
  3357. }
  3358. body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail-wrapper {
  3359. -moz-opacity: 0.5;
  3360. -webkit-opacity: 0.5;
  3361. -o-opacity: 0.5;
  3362. -khtml-opacity: 0.5;
  3363. background-image: url(/assets/small_default.png);
  3364. background-position: center center;
  3365. background-size: 110px 110px;
  3366. cursor: pointer;
  3367. height: 150px;
  3368. left: -20px;
  3369. position: absolute;
  3370. top: -24px;
  3371. width: 150px;
  3372. z-index: 1
  3373. }
  3374. body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail {
  3375. display: none
  3376. }
  3377. body.outfits-edit #preview-outfits > ul > li .outfit-star {
  3378. bottom: 0;
  3379. margin-right: 4px
  3380. }
  3381. body.outfits-edit #preview-outfits > ul > li .outfit-delete {
  3382. float: right
  3383. }
  3384. body.outfits-edit #preview-outfits > ul > li .outfit-rename-button {
  3385. float: left
  3386. }
  3387. body.outfits-edit #preview-outfits > ul > li .outfit-rename-button,
  3388. body.outfits-edit #preview-outfits > ul > li .outfit-delete {
  3389. font-size: 85%;
  3390. text-decoration: none
  3391. }
  3392. body.outfits-edit #preview-outfits > ul > li .outfit-rename-button:hover,
  3393. body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover {
  3394. text-decoration: underline
  3395. }
  3396. body.outfits-edit #preview-outfits > ul > li .outfit-rename-form {
  3397. display: none
  3398. }
  3399. body.outfits-edit #preview-outfits > ul > li .outfit-rename-form input {
  3400. background: transparent;
  3401. border: 1px solid #201d1d;
  3402. width: 6em
  3403. }
  3404. body.outfits-edit #preview-outfits > ul > li:hover header {
  3405. -moz-opacity: 1;
  3406. -webkit-opacity: 1;
  3407. -o-opacity: 1;
  3408. -khtml-opacity: 1
  3409. }
  3410. body.outfits-edit #preview-outfits > ul > li:hover .outfit-thumbnail-wrapper {
  3411. -moz-opacity: 0.75;
  3412. -webkit-opacity: 0.75;
  3413. -o-opacity: 0.75;
  3414. -khtml-opacity: 0.75
  3415. }
  3416. body.outfits-edit #preview-outfits > ul > li:hover footer {
  3417. display: block
  3418. }
  3419. body.outfits-edit #preview-outfits > ul > li.active header {
  3420. -moz-opacity: 1;
  3421. -webkit-opacity: 1;
  3422. -o-opacity: 1;
  3423. -khtml-opacity: 1;
  3424. font-weight: bold
  3425. }
  3426. body.outfits-edit #preview-outfits > ul > li.active .outfit-thumbnail-wrapper {
  3427. -moz-opacity: 1;
  3428. -webkit-opacity: 1;
  3429. -o-opacity: 1;
  3430. -khtml-opacity: 1
  3431. }
  3432. body.outfits-edit #preview-outfits > ul > li.confirming-deletion footer {
  3433. display: none
  3434. }
  3435. body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation {
  3436. display: block
  3437. }
  3438. body.outfits-edit #preview-outfits > ul > li.renaming .outfit-name {
  3439. display: none
  3440. }
  3441. body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form {
  3442. display: inline
  3443. }
  3444. body.outfits-edit #preview-outfits > ul > li.thumbnail-available {
  3445. background: transparent
  3446. }
  3447. body.outfits-edit #preview-outfits > ul > li.thumbnail-available .outfit-thumbnail-wrapper {
  3448. background-image: none
  3449. }
  3450. body.outfits-edit #preview-outfits > ul > li.thumbnail-available .outfit-thumbnail {
  3451. display: block
  3452. }
  3453. body.outfits-edit #preview-outfits > ul > li.loading .outfit-star {
  3454. background-image: url(/assets/loading_outfit_pane-62fd03c7db274d302739bf2508f25f5e.gif)
  3455. }
  3456. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in {
  3457. text-align: center
  3458. }
  3459. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in img {
  3460. width: 100%;
  3461. border-color: #9181bf;
  3462. border-style: solid;
  3463. border-width: 1px 0
  3464. }
  3465. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figure {
  3466. display: block;
  3467. margin: 0 0 1em 0;
  3468. padding: 0
  3469. }
  3470. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figcaption {
  3471. display: block;
  3472. font-weight: bold
  3473. }
  3474. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in p {
  3475. margin-left: 24px;
  3476. margin-right: 24px;
  3477. font-size: 85%
  3478. }
  3479. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in {
  3480. -webkit-border-radius: 5px;
  3481. -moz-border-radius: 5px;
  3482. -ms-border-radius: 5px;
  3483. -o-border-radius: 5px;
  3484. border-radius: 5px;
  3485. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  3486. border: 0;
  3487. display: inline-block;
  3488. padding: 0.5em 0.75em 0.45em;
  3489. color: #201d1d;
  3490. text-decoration: none;
  3491. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3492. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  3493. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  3494. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  3495. position: relative;
  3496. font-weight: bold;
  3497. line-height: 1;
  3498. background: #ff5c00 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x
  3499. }
  3500. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in:hover {
  3501. background-color: #9181bf
  3502. }
  3503. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in:hover {
  3504. color: #201d1d
  3505. }
  3506. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in:active {
  3507. top: 1px
  3508. }
  3509. body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in:hover {
  3510. background-color: #ee4b00
  3511. }
  3512. body.outfits-edit #preview-sharing {
  3513. display: none
  3514. }
  3515. body.outfits-edit #preview-sharing #preview-sharing-urls {
  3516. margin-left: 24px;
  3517. margin-right: 24px;
  3518. display: none;
  3519. margin-bottom: 1em;
  3520. margin-top: 1em
  3521. }
  3522. body.outfits-edit #preview-sharing #preview-sharing-urls li {
  3523. display: block;
  3524. padding: 0.25em 0;
  3525. width: 100%
  3526. }
  3527. body.outfits-edit #preview-sharing #preview-sharing-urls li label {
  3528. display: inline-block;
  3529. font-weight: bold
  3530. }
  3531. body.outfits-edit #preview-sharing #preview-sharing-urls li input {
  3532. display: block;
  3533. width: 100%
  3534. }
  3535. body.outfits-edit #preview-sharing #preview-sharing-urls li a {
  3536. display: none;
  3537. float: right;
  3538. font-size: 75%;
  3539. margin-top: 0.25em;
  3540. margin-left: 1.5em;
  3541. text-decoration: none
  3542. }
  3543. body.outfits-edit #preview-sharing #preview-sharing-urls li a.zeroclipboard-is-active {
  3544. font-weight: bold
  3545. }
  3546. body.outfits-edit #preview-sharing #preview-sharing-urls.support-download li a {
  3547. display: block
  3548. }
  3549. body.outfits-edit #preview-sharing #preview-sharing-url-formats {
  3550. margin-left: 24px;
  3551. margin-right: 24px;
  3552. select: none;
  3553. -webkit-user-select: none;
  3554. -moz-user-select: none;
  3555. user-select: none;
  3556. display: none;
  3557. font-size: 0;
  3558. text-align: center
  3559. }
  3560. body.outfits-edit #preview-sharing #preview-sharing-url-formats li {
  3561. display: -moz-inline-stack;
  3562. display: inline-block;
  3563. vertical-align: middle;
  3564. *vertical-align: auto;
  3565. zoom: 1;
  3566. *display: inline;
  3567. border: 1px solid #9181bf;
  3568. border-left-width: 0;
  3569. border-right-color: #9181bf;
  3570. color: #927cae;
  3571. cursor: pointer;
  3572. font-size: 12px;
  3573. padding: 0 2em
  3574. }
  3575. body.outfits-edit #preview-sharing #preview-sharing-url-formats li.active {
  3576. background: #2f2e33;
  3577. color: inherit;
  3578. font-weight: bold
  3579. }
  3580. body.outfits-edit #preview-sharing #preview-sharing-url-formats li:first-child {
  3581. -moz-border-radius-topleft: 5px;
  3582. -webkit-border-top-left-radius: 5px;
  3583. border-top-left-radius: 5px;
  3584. -moz-border-radius-bottomleft: 5px;
  3585. -webkit-border-bottom-left-radius: 5px;
  3586. border-bottom-left-radius: 5px;
  3587. border-left-width: 1px
  3588. }
  3589. body.outfits-edit #preview-sharing #preview-sharing-url-formats li:last-child {
  3590. -moz-border-radius-topright: 5px;
  3591. -webkit-border-top-right-radius: 5px;
  3592. border-top-right-radius: 5px;
  3593. -moz-border-radius-bottomright: 5px;
  3594. -webkit-border-bottom-right-radius: 5px;
  3595. border-bottom-right-radius: 5px;
  3596. border-right-color: #9181bf
  3597. }
  3598. body.outfits-edit #preview-sharing #preview-sharing-thumbnail-wrapper {
  3599. border: 1px solid #9181bf;
  3600. display: block;
  3601. height: 150px;
  3602. margin: 1em auto 0;
  3603. position: relative;
  3604. width: 150px
  3605. }
  3606. body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading {
  3607. height: 100%;
  3608. left: 0;
  3609. position: absolute;
  3610. top: 0;
  3611. width: 100%
  3612. }
  3613. body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading span {
  3614. color: #927cae;
  3615. font-size: 85%;
  3616. margin-top: -0.75em;
  3617. position: absolute;
  3618. text-align: center;
  3619. top: 50%;
  3620. width: 100%
  3621. }
  3622. body.outfits-edit #preview-sharing #preview-sharing-thumbnail,
  3623. body.outfits-edit #preview-sharing #preview-sharing-thumbnail-generating {
  3624. display: none
  3625. }
  3626. body.outfits-edit #preview-sharing #preview-sharing-beta-note {
  3627. margin-left: 24px;
  3628. margin-right: 24px;
  3629. background: #201d1d;
  3630. border: 1px solid #ffd324;
  3631. color: #514721;
  3632. font-size: 85%;
  3633. margin-top: 1em;
  3634. text-align: center
  3635. }
  3636. body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-thumbnail-saving {
  3637. display: none
  3638. }
  3639. body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-urls,
  3640. body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-url-formats,
  3641. body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-thumbnail-generating {
  3642. display: block
  3643. }
  3644. body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail-loading {
  3645. display: none
  3646. }
  3647. body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail {
  3648. display: block
  3649. }
  3650. body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail-loading {
  3651. -moz-opacity: 0.85;
  3652. -webkit-opacity: 0.85;
  3653. -o-opacity: 0.85;
  3654. -khtml-opacity: 0.85
  3655. }
  3656. body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail {
  3657. display: block
  3658. }
  3659. body.outfits-edit .preview-sidebar-nav {
  3660. float: right;
  3661. font-size: 85%;
  3662. margin-right: 24px;
  3663. margin-top: 1em
  3664. }
  3665. body.outfits-edit #preview-sidebar #preview-sidebar-navbar-closet {
  3666. background: #201d1d;
  3667. border-bottom-color: #201d1d;
  3668. font-weight: bold
  3669. }
  3670. body.outfits-edit #preview-sidebar.viewing-outfits #preview-sidebar-navbar-closet,
  3671. body.outfits-edit #preview-sidebar.sharing #preview-sidebar-navbar-closet {
  3672. background: transparent;
  3673. border-bottom: 1px solid #9181bf;
  3674. font-weight: normal
  3675. }
  3676. body.outfits-edit #preview-sidebar.viewing-outfits #preview-sidebar-navbar-outfits,
  3677. body.outfits-edit #preview-sidebar.sharing #preview-sidebar-navbar-sharing {
  3678. background: #201d1d;
  3679. border-bottom-color: #201d1d;
  3680. font-weight: bold
  3681. }
  3682. body.outfits-edit #preview-sidebar-navbar {
  3683. -webkit-border-radius: 10px 10px 0 0;
  3684. -moz-border-radius: 10px 10px 0 0;
  3685. -ms-border-radius: 10px 10px 0 0;
  3686. -o-border-radius: 10px 10px 0 0;
  3687. border-radius: 10px 10px 0 0;
  3688. overflow: hidden;
  3689. display: inline-block;
  3690. font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
  3691. background: #332f2f;
  3692. border: 1px solid #9181bf;
  3693. border-bottom: 0;
  3694. font-size: 150%
  3695. }
  3696. body.outfits-edit #preview-sidebar-navbar {
  3697. display: block
  3698. }
  3699. body.outfits-edit #preview-sidebar-navbar > div {
  3700. background: transparent;
  3701. border-bottom: 1px solid #9181bf;
  3702. font-weight: normal;
  3703. cursor: pointer;
  3704. float: left;
  3705. border-left: 1px solid #9181bf;
  3706. padding: 0.5em 0;
  3707. text-align: center;
  3708. width: 132px
  3709. }
  3710. body.outfits-edit #preview-sidebar-navbar > div:first-child {
  3711. border-left: 0
  3712. }
  3713. body.outfits-edit #preview-sidebar-content {
  3714. -webkit-border-radius: 0 0 10px 10px;
  3715. -moz-border-radius: 0 0 10px 10px;
  3716. -ms-border-radius: 0 0 10px 10px;
  3717. -o-border-radius: 0 0 10px 10px;
  3718. border-radius: 0 0 10px 10px;
  3719. border: 1px solid #9181bf;
  3720. border-top: 0;
  3721. height: 300px;
  3722. overflow: auto
  3723. }
  3724. body.outfits-edit #save-success,
  3725. body.outfits-edit #save-error,
  3726. body.outfits-edit #outfit-not-found,
  3727. body.outfits-edit #preview-sidebar-donation-request {
  3728. margin-left: 24px;
  3729. margin-right: 24px;
  3730. display: none;
  3731. margin-top: 1em;
  3732. text-align: center
  3733. }
  3734. body.outfits-edit #preview-sidebar-donation-request {
  3735. background: #dbc2ef;
  3736. border: 1px solid #9580d8;
  3737. color: #3e0944;
  3738. font-size: 85%;
  3739. padding: 1em
  3740. }
  3741. body.outfits-edit #preview-sidebar-donation-request-no-thanks {
  3742. margin-left: 1em
  3743. }
  3744. body.outfits-edit #save-success {
  3745. background: #dbc2ef;
  3746. border: 1px solid #9580d8;
  3747. color: #3e0944
  3748. }
  3749. body.outfits-edit #save-error,
  3750. body.outfits-edit #outfit-not-found {
  3751. background: #fbe3e4;
  3752. border: 1px solid #fbc2c4;
  3753. color: #8a1f11
  3754. }
  3755. body.outfits-edit #userbar-session-message {
  3756. -moz-opacity: 0.5;
  3757. -webkit-opacity: 0.5;
  3758. -o-opacity: 0.5;
  3759. -khtml-opacity: 0.5;
  3760. display: none
  3761. }
  3762. body.outfits-edit #new-outfit-name {
  3763. font: inherit;
  3764. line-height: 1
  3765. }
  3766. body.outfits-edit #pet-type-form,
  3767. body.outfits-edit #pet-state-form,
  3768. body.outfits-edit #preview-swf,
  3769. body.outfits-edit #preview-search {
  3770. position: relative
  3771. }
  3772. body.outfits-edit .control-overlay {
  3773. height: 100%;
  3774. left: 0;
  3775. position: absolute;
  3776. top: 0;
  3777. width: 100%;
  3778. z-index: 5
  3779. }
  3780. body.outfits-edit #preview-sidebar-nav-outfits,
  3781. body.outfits-edit #save-outfit-signed-in {
  3782. display: none
  3783. }
  3784. body.outfits-edit form#save-outfit-form {
  3785. display: none;
  3786. margin-right: 0;
  3787. padding: 0
  3788. }
  3789. body.outfits-edit form#save-outfit-form .outfit-star {
  3790. bottom: -2px;
  3791. height: 16px;
  3792. position: relative;
  3793. width: 16px;
  3794. background-image: url(/assets/unstarred-013e692e010d97de32dfd4cf5cc88456.png);
  3795. background-position: left top;
  3796. background-repeat: no-repeat;
  3797. cursor: pointer;
  3798. display: block;
  3799. float: left;
  3800. margin-right: 8px
  3801. }
  3802. body.outfits-edit form#save-outfit-form.starred .outfit-star {
  3803. background-image: url(/assets/star-fcfbc11621d90e8830718723ed661d8d.png)
  3804. }
  3805. body.outfits-edit form#save-outfit-form.loading .outfit-star {
  3806. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif)
  3807. }
  3808. body.outfits-edit form#save-outfit-form .outfit-star {
  3809. margin-left: -24px;
  3810. margin-right: 0
  3811. }
  3812. body.outfits-edit form#save-outfit-form .outfit-star,
  3813. body.outfits-edit form#save-outfit-form input,
  3814. body.outfits-edit form#save-outfit-form button {
  3815. display: -moz-inline-stack;
  3816. display: inline-block;
  3817. vertical-align: middle;
  3818. *vertical-align: auto;
  3819. zoom: 1;
  3820. *display: inline;
  3821. float: none;
  3822. vertical-align: top
  3823. }
  3824. body.outfits-edit form#save-outfit-form .outfit-star {
  3825. margin-top: 0.25em
  3826. }
  3827. body.outfits-edit .outfit-url {
  3828. font-size: 75%
  3829. }
  3830. body.outfits-edit #preview-search-form-error {
  3831. background: #fbe3e4;
  3832. border: 1px solid #fbc2c4;
  3833. color: #8a1f11;
  3834. padding: 0.25em 0.5em
  3835. }
  3836. body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits {
  3837. display: block
  3838. }
  3839. body.outfits-edit.user-signed-in #save-outfit {
  3840. display: inline-block
  3841. }
  3842. body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit {
  3843. display: none
  3844. }
  3845. body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-current-outfit,
  3846. body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit-copy {
  3847. display: inline-block
  3848. }
  3849. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-form {
  3850. display: block
  3851. }
  3852. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit,
  3853. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-current-outfit,
  3854. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-copy,
  3855. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #current-outfit-permalink,
  3856. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #shared-outfit-permalink,
  3857. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #share-outfit,
  3858. body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #shared-outfit-url {
  3859. display: none
  3860. }
  3861. body.outfits-edit.user-signed-in .preview-search-form-your-items {
  3862. display: -moz-inline-stack;
  3863. display: inline-block;
  3864. vertical-align: middle;
  3865. *vertical-align: auto;
  3866. zoom: 1;
  3867. *display: inline
  3868. }
  3869. body.outfits-edit.user-signed-in #preview-outfits-not-logged-in {
  3870. display: none
  3871. }
  3872. body.outfits-edit.user-signed-in #preview-outfits-list {
  3873. display: block
  3874. }
  3875. body.outfits-edit.user-signed-in #advanced-search-log-in-link {
  3876. display: none
  3877. }
  3878. body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in {
  3879. display: inline-block
  3880. }
  3881. body.outfits-edit.user-not-signed-in #preview-search-advanced .must-log-in {
  3882. color: #9181bf
  3883. }
  3884. body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-permalink,
  3885. body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-url {
  3886. display: inline-block
  3887. }
  3888. body.outfits-edit #save-outfit-wrapper.shared-outfit #current-outfit-permalink {
  3889. display: none !important
  3890. }
  3891. body.outfits-edit #prank-color-message {
  3892. display: none;
  3893. margin: 0 1em
  3894. }
  3895. body.outfits-index #outfits {
  3896. font-size: 0;
  3897. list-style: none
  3898. }
  3899. body.outfits-index #outfits > li {
  3900. display: -moz-inline-stack;
  3901. display: inline-block;
  3902. vertical-align: middle;
  3903. *vertical-align: auto;
  3904. zoom: 1;
  3905. *display: inline;
  3906. overflow: hidden;
  3907. position: relative;
  3908. font-size: 14px
  3909. }
  3910. body.outfits-index #outfits > li .outfit-star {
  3911. bottom: -2px;
  3912. height: 16px;
  3913. position: relative;
  3914. width: 16px;
  3915. background-image: url(/assets/unstarred-013e692e010d97de32dfd4cf5cc88456.png);
  3916. background-position: left top;
  3917. background-repeat: no-repeat;
  3918. cursor: pointer;
  3919. display: block;
  3920. float: left;
  3921. margin-right: 8px
  3922. }
  3923. body.outfits-index #outfits > li.starred .outfit-star {
  3924. background-image: url(/assets/star-fcfbc11621d90e8830718723ed661d8d.png)
  3925. }
  3926. body.outfits-index #outfits > li.loading .outfit-star {
  3927. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif)
  3928. }
  3929. body.outfits-index #outfits > li header,
  3930. body.outfits-index #outfits > li footer {
  3931. color: #201d1d;
  3932. left: 0;
  3933. position: absolute;
  3934. z-index: 2;
  3935. background: #000;
  3936. background: rgba(255, 255, 255, .8)
  3937. }
  3938. body.outfits-index #outfits > li header {
  3939. bottom: 0
  3940. }
  3941. body.outfits-index #outfits > li footer {
  3942. top: 0
  3943. }
  3944. body.outfits-index #outfits > li a {
  3945. color: #201d1d
  3946. }
  3947. body.outfits-index #outfits > li {
  3948. height: 150px;
  3949. margin: 2px;
  3950. width: 150px
  3951. }
  3952. body.outfits-index #outfits > li header,
  3953. body.outfits-index #outfits > li footer {
  3954. padding: 2px 4px;
  3955. width: 142px
  3956. }
  3957. body.outfits-index #outfits > li footer {
  3958. display: none
  3959. }
  3960. body.outfits-index #outfits > li footer .outfit-edit-link {
  3961. float: left;
  3962. text-decoration: none
  3963. }
  3964. body.outfits-index #outfits > li footer form {
  3965. float: right
  3966. }
  3967. body.outfits-index #outfits > li footer form .outfit-delete-button {
  3968. margin: 0;
  3969. padding: 0
  3970. }
  3971. body.outfits-index #outfits > li footer .outfit-edit-link:hover,
  3972. body.outfits-index #outfits > li footer .outfit-delete-button:hover {
  3973. text-decoration: underline
  3974. }
  3975. body.outfits-index #outfits > li .outfit-star {
  3976. cursor: auto
  3977. }
  3978. body.outfits-index #outfits > li .outfit-name {
  3979. text-decoration: none
  3980. }
  3981. body.outfits-index #outfits > li .outfit-name:hover {
  3982. text-decoration: underline
  3983. }
  3984. body.outfits-index #outfits > li:hover footer {
  3985. display: block
  3986. }
  3987. body.outfits-index #outfits .outfit-delete-button {
  3988. -webkit-border-radius: 0;
  3989. -moz-border-radius: 0;
  3990. -ms-border-radius: 0;
  3991. -o-border-radius: 0;
  3992. border-radius: 0;
  3993. background: transparent;
  3994. display: inline;
  3995. padding: 0;
  3996. color: inherit;
  3997. -moz-box-shadow: none;
  3998. -webkit-box-shadow: none;
  3999. text-shadow: none;
  4000. border-bottom: 0;
  4001. position: static;
  4002. font-weight: normal;
  4003. line-height: inherit
  4004. }
  4005. body.outfits-index #outfits .outfit-delete-button:hover {
  4006. background: transparent;
  4007. color: inherit
  4008. }
  4009. body.outfits-index #outfits .outfit-delete-button:active {
  4010. top: auto
  4011. }
  4012. body.outfits-new .campaign-progress-wrapper {
  4013. -webkit-border-radius: 8px;
  4014. -moz-border-radius: 8px;
  4015. -ms-border-radius: 8px;
  4016. -o-border-radius: 8px;
  4017. border-radius: 8px;
  4018. background: #c99cc2;
  4019. background-image: linear-gradient(#eddeeb, #c99cc2);
  4020. border: 4px solid #9181bf;
  4021. clear: both;
  4022. margin-bottom: 1em;
  4023. margin-top: 0.5em;
  4024. position: relative
  4025. }
  4026. body.outfits-new .campaign-progress-wrapper .button {
  4027. -webkit-border-radius: 5px;
  4028. -moz-border-radius: 5px;
  4029. -ms-border-radius: 5px;
  4030. -o-border-radius: 5px;
  4031. border-radius: 5px;
  4032. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  4033. border: 0;
  4034. display: inline-block;
  4035. padding: 0.5em 0.75em 0.45em;
  4036. color: #201d1d;
  4037. text-decoration: none;
  4038. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  4039. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  4040. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  4041. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  4042. position: relative;
  4043. font-weight: bold;
  4044. line-height: 1;
  4045. background: #004 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  4046. font-size: 75%;
  4047. margin-left: 1em;
  4048. padding: 0.25em 0.75em
  4049. }
  4050. body.outfits-new .campaign-progress-wrapper .button:hover {
  4051. background-color: #9181bf
  4052. }
  4053. body.outfits-new .campaign-progress-wrapper .button:hover {
  4054. color: #201d1d
  4055. }
  4056. body.outfits-new .campaign-progress-wrapper .button:active {
  4057. top: 1px
  4058. }
  4059. body.outfits-new .campaign-progress-wrapper .button:hover {
  4060. background-color: #003
  4061. }
  4062. body.outfits-new .campaign-progress {
  4063. background: #9181bf;
  4064. background-image: linear-gradient(#c54bb1, #9181bf);
  4065. border-right: 1px solid #9181bf
  4066. }
  4067. body.outfits-new .campaign-progress-wrapper,
  4068. body.outfits-new .campaign-progress {
  4069. height: 2.5em
  4070. }
  4071. body.outfits-new .campaign-progress-label {
  4072. text-shadow: 1px 1px 0 #9181bf;
  4073. color: #201d1d;
  4074. font-size: 150%;
  4075. left: 0;
  4076. position: absolute;
  4077. top: 0;
  4078. text-align: center;
  4079. width: 100%
  4080. }
  4081. body.outfits-new .campaign-progress-label a {
  4082. color: inherit;
  4083. display: block;
  4084. text-decoration: none
  4085. }
  4086. body.outfits-new .campaign-progress-label .button {
  4087. position: relative;
  4088. top: -2px
  4089. }
  4090. body.outfits-new.campaign-loaded .campaign-progress-wrapper {
  4091. visibility: visible
  4092. }
  4093. body.outfits-new .news-post p:last-child {
  4094. margin-bottom: 0
  4095. }
  4096. body.outfits-new .news-post.campaign-supplement {
  4097. margin-bottom: 1em;
  4098. padding: 0.25em 0.5em;
  4099. text-align: center;
  4100. background: #201d1d;
  4101. border: 1px solid #9181bf;
  4102. color: #9181bf
  4103. }
  4104. body.outfits-new .news-post.campaign-supplement a {
  4105. color: #743669
  4106. }
  4107. body.outfits-new #pet-not-found,
  4108. body.outfits-new #neopia-error {
  4109. display: none
  4110. }
  4111. body.outfits-new #outfit-forms {
  4112. overflow: hidden;
  4113. display: inline-block;
  4114. background: #201d1d;
  4115. border: 1px solid #9181bf;
  4116. padding: 1em;
  4117. position: relative
  4118. }
  4119. body.outfits-new #outfit-forms {
  4120. display: block
  4121. }
  4122. body.outfits-new #outfit-forms h1 {
  4123. margin-bottom: 0
  4124. }
  4125. body.outfits-new #outfit-forms h2 {
  4126. font-size: 150%;
  4127. font-style: italic;
  4128. text-indent: 1em
  4129. }
  4130. body.outfits-new #outfit-forms #pet-preview {
  4131. float: left;
  4132. height: 300px;
  4133. margin-right: 2em;
  4134. position: relative;
  4135. width: 300px
  4136. }
  4137. body.outfits-new #outfit-forms #pet-preview img {
  4138. height: 100%;
  4139. width: 100%
  4140. }
  4141. body.outfits-new #outfit-forms #pet-preview.loading img {
  4142. -moz-opacity: 0.5;
  4143. -webkit-opacity: 0.5;
  4144. -o-opacity: 0.5;
  4145. -khtml-opacity: 0.5
  4146. }
  4147. body.outfits-new #outfit-forms #pet-preview.hidden img {
  4148. display: none
  4149. }
  4150. body.outfits-new #outfit-forms #pet-preview.loaded {
  4151. cursor: pointer
  4152. }
  4153. body.outfits-new #outfit-forms #pet-preview span {
  4154. background: gray;
  4155. background: rgba(255, 247, 247, .8);
  4156. bottom: 0;
  4157. color: #201d1d;
  4158. padding: 0.25em 0.5em;
  4159. position: absolute;
  4160. right: 0
  4161. }
  4162. body.outfits-new #outfit-forms #pet-preview span:empty {
  4163. display: none
  4164. }
  4165. body.outfits-new #outfit-forms fieldset {
  4166. position: relative;
  4167. left: 16px
  4168. }
  4169. body.outfits-new #outfit-forms fieldset legend {
  4170. margin-left: -16px
  4171. }
  4172. body.outfits-new #outfit-forms .primary {
  4173. margin-bottom: 2em;
  4174. margin-top: 3em
  4175. }
  4176. body.outfits-new #outfit-forms .primary input {
  4177. font-size: 115%;
  4178. padding: 0.5em;
  4179. width: 10em
  4180. }
  4181. body.outfits-new #outfit-forms .primary button {
  4182. background: #ff5c00 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  4183. font-size: 125%;
  4184. padding: 8px 14px 9px
  4185. }
  4186. body.outfits-new #outfit-forms .primary button:hover {
  4187. background-color: #ee4b00
  4188. }
  4189. body.outfits-new #outfit-forms .primary legend {
  4190. font-size: 175%
  4191. }
  4192. body.outfits-new #outfit-forms .primary select {
  4193. font-size: 120%
  4194. }
  4195. body.outfits-new #outfit-forms [data-require-neopia-status=offline] {
  4196. display: none
  4197. }
  4198. body.outfits-new #outfit-forms[data-neopia-status=offline] [data-require-neopia-status=online] {
  4199. display: none
  4200. }
  4201. body.outfits-new #outfit-forms[data-neopia-status=offline] [data-require-neopia-status=offline] {
  4202. display: block
  4203. }
  4204. body.outfits-new #outfit-forms [data-require-neopia-status=offline] .load-pet-to-wardrobe legend a {
  4205. font-size: 85%
  4206. }
  4207. body.outfits-new #description,
  4208. body.outfits-new #top-contributors {
  4209. float: left
  4210. }
  4211. body.outfits-new #description {
  4212. margin-right: 2%;
  4213. width: 64%
  4214. }
  4215. body.outfits-new #top-contributors {
  4216. border: 1px solid #cfc3df;
  4217. margin-top: 1em;
  4218. padding: 1%;
  4219. width: 30%
  4220. }
  4221. body.outfits-new #top-contributors ol {
  4222. margin-left: 2em;
  4223. padding-left: 1em
  4224. }
  4225. body.outfits-new #top-contributors > a {
  4226. font-size: 80%;
  4227. display: block;
  4228. text-align: right
  4229. }
  4230. body.outfits-new #how-can-i-help,
  4231. body.outfits-new #i-found-something {
  4232. background: #201d1d;
  4233. border: 1px solid #9181bf;
  4234. padding: 1em;
  4235. float: left;
  4236. padding: 1%;
  4237. width: 46%
  4238. }
  4239. body.outfits-new #how-can-i-help h2,
  4240. body.outfits-new #i-found-something h2 {
  4241. font-style: italic
  4242. }
  4243. body.outfits-new #how-can-i-help input,
  4244. body.outfits-new #how-can-i-help button,
  4245. body.outfits-new #i-found-something input,
  4246. body.outfits-new #i-found-something button {
  4247. font-size: 115%
  4248. }
  4249. body.outfits-new #how-can-i-help input[type=text],
  4250. body.outfits-new #how-can-i-help body.pets-bulk #bulk-pets-form textarea,
  4251. body.pets-bulk #bulk-pets-form body.outfits-new #how-can-i-help textarea,
  4252. body.outfits-new #i-found-something input[type=text],
  4253. body.outfits-new #i-found-something body.pets-bulk #bulk-pets-form textarea,
  4254. body.pets-bulk #bulk-pets-form body.outfits-new #i-found-something textarea {
  4255. border-color: #9181bf;
  4256. width: 12em
  4257. }
  4258. body.outfits-new #how-can-i-help {
  4259. margin-right: 1%
  4260. }
  4261. body.outfits-new #i-found-something {
  4262. margin-left: 1%
  4263. }
  4264. body.outfits-new #i-found-something a {
  4265. float: right;
  4266. font-size: 87.5%;
  4267. margin-top: 1em
  4268. }
  4269. body.outfits-new #sections {
  4270. overflow: hidden;
  4271. display: inline-block;
  4272. display: table;
  4273. list-style: none;
  4274. margin-top: 1em
  4275. }
  4276. body.outfits-new #sections {
  4277. display: block
  4278. }
  4279. body.outfits-new #sections h3 {
  4280. margin-bottom: 0.25em
  4281. }
  4282. body.outfits-new #sections li {
  4283. border-left-color: #9181bf;
  4284. border-left-style: solid;
  4285. border-left-width: 1px;
  4286. display: table-cell;
  4287. padding: 0.5em;
  4288. position: relative;
  4289. width: 33.33333%
  4290. }
  4291. body.outfits-new #sections li:first-child {
  4292. border-left: 0
  4293. }
  4294. body.outfits-new #sections div {
  4295. color: #927cae;
  4296. font-size: 75%;
  4297. margin-left: 1em;
  4298. z-index: 2
  4299. }
  4300. body.outfits-new #sections h4,
  4301. body.outfits-new #sections input {
  4302. font-size: 116%
  4303. }
  4304. body.outfits-new #sections h4,
  4305. body.outfits-new #sections input[type=text],
  4306. body.outfits-new #sections body.pets-bulk #bulk-pets-form textarea,
  4307. body.pets-bulk #bulk-pets-form body.outfits-new #sections textarea {
  4308. color: inherit
  4309. }
  4310. body.outfits-new #sections h4 a {
  4311. background: #201d1d
  4312. }
  4313. body.outfits-new #sections img {
  4314. -moz-opacity: 0.75;
  4315. -webkit-opacity: 0.75;
  4316. -o-opacity: 0.75;
  4317. -khtml-opacity: 0.75;
  4318. float: right;
  4319. margin-left: 0.5em
  4320. }
  4321. body.outfits-new #sections img:hover {
  4322. -moz-opacity: 1;
  4323. -webkit-opacity: 1;
  4324. -o-opacity: 1;
  4325. -khtml-opacity: 1
  4326. }
  4327. body.outfits-new #sections p {
  4328. min-height: 4.5em
  4329. }
  4330. body.outfits-new #whats-new {
  4331. margin-bottom: 1em
  4332. }
  4333. body.outfits-new #whats-new h3 {
  4334. font-size: 125%;
  4335. font-style: italic;
  4336. margin-bottom: 0.5em
  4337. }
  4338. body.outfits-new #whats-new #modeling-neopets-users {
  4339. float: right;
  4340. font-size: 85%;
  4341. margin-top: -5px;
  4342. max-width: 55%;
  4343. text-align: right
  4344. }
  4345. body.outfits-new #whats-new #modeling-neopets-users ul {
  4346. display: inline
  4347. }
  4348. body.outfits-new #whats-new #modeling-neopets-users li,
  4349. body.outfits-new #whats-new #modeling-neopets-users form {
  4350. display: inline-block
  4351. }
  4352. body.outfits-new #whats-new #modeling-neopets-users li {
  4353. -webkit-border-radius: 6px;
  4354. -moz-border-radius: 6px;
  4355. -ms-border-radius: 6px;
  4356. -o-border-radius: 6px;
  4357. border-radius: 6px;
  4358. border: 1px solid #9181bf;
  4359. line-height: 1;
  4360. margin: 0 4px;
  4361. padding: 2px 4px 2px 8px
  4362. }
  4363. body.outfits-new #whats-new #modeling-neopets-users li button {
  4364. -webkit-border-radius: 0;
  4365. -moz-border-radius: 0;
  4366. -ms-border-radius: 0;
  4367. -o-border-radius: 0;
  4368. border-radius: 0;
  4369. background: transparent;
  4370. display: inline;
  4371. padding: 0;
  4372. color: inherit;
  4373. -moz-box-shadow: none;
  4374. -webkit-box-shadow: none;
  4375. text-shadow: none;
  4376. border-bottom: 0;
  4377. position: static;
  4378. font-weight: normal;
  4379. line-height: inherit;
  4380. margin-left: 6px
  4381. }
  4382. body.outfits-new #whats-new #modeling-neopets-users li button:hover {
  4383. background: transparent;
  4384. color: inherit
  4385. }
  4386. body.outfits-new #whats-new #modeling-neopets-users li button:active {
  4387. top: auto
  4388. }
  4389. body.outfits-new #whats-new #newest-unmodeled-items {
  4390. clear: both;
  4391. list-style: none
  4392. }
  4393. body.outfits-new #whats-new #newest-unmodeled-items > li {
  4394. overflow: hidden;
  4395. display: inline-block;
  4396. margin: 0.5em 0
  4397. }
  4398. body.outfits-new #whats-new #newest-unmodeled-items > li {
  4399. display: block
  4400. }
  4401. body.outfits-new #whats-new #newest-unmodeled-items a.header {
  4402. background: #7d7984;
  4403. border: 1px solid #9181bf;
  4404. border-left: 0;
  4405. border-radius: 0 6px 6px 0;
  4406. color: #201d1d;
  4407. display: block;
  4408. margin-left: 81px;
  4409. padding: 0.5em 8px;
  4410. position: relative;
  4411. text-decoration: none;
  4412. text-shadow: #ba93f2 1px 1px 2px
  4413. }
  4414. body.outfits-new #whats-new #newest-unmodeled-items a.header:hover,
  4415. body.outfits-new #whats-new #newest-unmodeled-items .image-link:hover + a.header {
  4416. text-decoration: underline
  4417. }
  4418. body.outfits-new #whats-new #newest-unmodeled-items h2 {
  4419. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  4420. font-size: 120%;
  4421. margin: 0;
  4422. position: relative;
  4423. z-index: 2
  4424. }
  4425. body.outfits-new #whats-new #newest-unmodeled-items .meter {
  4426. background: #cab8ea;
  4427. display: block;
  4428. height: 100%;
  4429. left: 0;
  4430. position: absolute;
  4431. top: 0;
  4432. z-index: 1
  4433. }
  4434. body.outfits-new #whats-new #newest-unmodeled-items .image-link {
  4435. float: left
  4436. }
  4437. body.outfits-new #whats-new #newest-unmodeled-items .image-link img {
  4438. border: 1px solid #9181bf;
  4439. border-radius: 6px 0 6px 6px;
  4440. height: 80px;
  4441. width: 80px
  4442. }
  4443. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies,
  4444. body.outfits-new #whats-new #newest-unmodeled-items .models {
  4445. margin-left: 82px;
  4446. padding-left: 8px;
  4447. padding-right: 8px
  4448. }
  4449. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies {
  4450. font-size: 85%;
  4451. padding-bottom: 0.5em;
  4452. padding-top: 0.5em
  4453. }
  4454. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies p {
  4455. font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
  4456. margin-bottom: 0.5em
  4457. }
  4458. body.outfits-new #whats-new #newest-unmodeled-items .missing-bodies .modeled {
  4459. color: #927cae;
  4460. text-decoration: line-through
  4461. }
  4462. body.outfits-new #whats-new #newest-unmodeled-items .models {
  4463. font-size: 85%
  4464. }
  4465. body.outfits-new #whats-new #newest-unmodeled-items .models li {
  4466. display: inline-block;
  4467. margin-bottom: 2px;
  4468. margin-right: 2px
  4469. }
  4470. body.outfits-new #whats-new #newest-unmodeled-items .models button {
  4471. -webkit-border-radius: 0;
  4472. -moz-border-radius: 0;
  4473. -ms-border-radius: 0;
  4474. -o-border-radius: 0;
  4475. border-radius: 0;
  4476. background: transparent;
  4477. display: inline;
  4478. padding: 0;
  4479. color: inherit;
  4480. -moz-box-shadow: none;
  4481. -webkit-box-shadow: none;
  4482. text-shadow: none;
  4483. border-bottom: 0;
  4484. position: static;
  4485. font-weight: normal;
  4486. line-height: inherit;
  4487. -webkit-border-radius: 4px;
  4488. -moz-border-radius: 4px;
  4489. -ms-border-radius: 4px;
  4490. -o-border-radius: 4px;
  4491. border-radius: 4px;
  4492. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  4493. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  4494. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  4495. background: #201d1d;
  4496. border: 1px solid #9181bf;
  4497. padding-right: 8px;
  4498. text-align: left
  4499. }
  4500. body.outfits-new #whats-new #newest-unmodeled-items .models button:hover {
  4501. background: transparent;
  4502. color: inherit
  4503. }
  4504. body.outfits-new #whats-new #newest-unmodeled-items .models button:active {
  4505. top: auto
  4506. }
  4507. body.outfits-new #whats-new #newest-unmodeled-items .models button:active {
  4508. position: relative;
  4509. top: 1px
  4510. }
  4511. body.outfits-new #whats-new #newest-unmodeled-items .models img,
  4512. body.outfits-new #whats-new #newest-unmodeled-items .models div {
  4513. display: inline-block;
  4514. vertical-align: top
  4515. }
  4516. body.outfits-new #whats-new #newest-unmodeled-items .models img {
  4517. height: 40px;
  4518. margin-right: 8px;
  4519. width: 40px
  4520. }
  4521. body.outfits-new #whats-new #newest-unmodeled-items .models div {
  4522. line-height: 1.25;
  4523. padding-top: 10px
  4524. }
  4525. body.outfits-new #whats-new #newest-unmodeled-items .models .pet-name,
  4526. body.outfits-new #whats-new #newest-unmodeled-items .models .message {
  4527. display: block
  4528. }
  4529. body.outfits-new #whats-new #newest-unmodeled-items .models .message {
  4530. font-style: italic;
  4531. font-size: 85%
  4532. }
  4533. body.outfits-new #whats-new #newest-modeled-items {
  4534. text-align: center
  4535. }
  4536. body.outfits-new #whats-new #newest-modeled-items .object {
  4537. margin: 2px;
  4538. padding: 0;
  4539. width: 80px
  4540. }
  4541. body.outfits-new #whats-new #newest-modeled-items .object .name {
  4542. display: none
  4543. }
  4544. body.outfits-new #whats-new #newest-modeled-items .object img {
  4545. margin: 0
  4546. }
  4547. body.outfits-new #whats-new #newest-modeled-items .object .nc-icon {
  4548. right: 0
  4549. }
  4550. body.outfits-new #latest-contribution {
  4551. border-color: #9181bf;
  4552. border-style: solid;
  4553. border-width: 1px 0;
  4554. font-size: 85%;
  4555. margin: 1em 0;
  4556. padding: 0.5em 0;
  4557. text-align: center
  4558. }
  4559. body.outfits-new #latest-contribution #recent-contributions-link {
  4560. font-weight: bold;
  4561. margin-right: 0.5em
  4562. }
  4563. body.outfits-new #latest-contribution #recent-contributions-link::after {
  4564. content: ":"
  4565. }
  4566. body.outfits-new #latest-contribution #latest-contribution-created-at {
  4567. color: #927cae;
  4568. margin-left: 0.5em
  4569. }
  4570. body.outfits-show .campaign-progress-wrapper {
  4571. -webkit-border-radius: 8px;
  4572. -moz-border-radius: 8px;
  4573. -ms-border-radius: 8px;
  4574. -o-border-radius: 8px;
  4575. border-radius: 8px;
  4576. background: #c99cc2;
  4577. background-image: linear-gradient(#eddeeb, #c99cc2);
  4578. border: 4px solid #9181bf;
  4579. clear: both;
  4580. margin-bottom: 1em;
  4581. margin-top: 0.5em;
  4582. position: relative
  4583. }
  4584. body.outfits-show .campaign-progress-wrapper .button {
  4585. -webkit-border-radius: 5px;
  4586. -moz-border-radius: 5px;
  4587. -ms-border-radius: 5px;
  4588. -o-border-radius: 5px;
  4589. border-radius: 5px;
  4590. background: #9181bf url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  4591. border: 0;
  4592. display: inline-block;
  4593. padding: 0.5em 0.75em 0.45em;
  4594. color: #201d1d;
  4595. text-decoration: none;
  4596. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  4597. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  4598. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  4599. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  4600. position: relative;
  4601. font-weight: bold;
  4602. line-height: 1;
  4603. background: #004 url(/assets/alert-overlay-8b1fd7569468e64af0078bb7ff89201f.png) repeat-x;
  4604. font-size: 75%;
  4605. margin-left: 1em;
  4606. padding: 0.25em 0.75em
  4607. }
  4608. body.outfits-show .campaign-progress-wrapper .button:hover {
  4609. background-color: #9181bf
  4610. }
  4611. body.outfits-show .campaign-progress-wrapper .button:hover {
  4612. color: #201d1d
  4613. }
  4614. body.outfits-show .campaign-progress-wrapper .button:active {
  4615. top: 1px
  4616. }
  4617. body.outfits-show .campaign-progress-wrapper .button:hover {
  4618. background-color: #003
  4619. }
  4620. body.outfits-show .campaign-progress {
  4621. background: #9181bf;
  4622. background-image: linear-gradient(#c54bb1, #9181bf);
  4623. border-right: 1px solid #9181bf
  4624. }
  4625. body.outfits-show .campaign-progress-wrapper,
  4626. body.outfits-show .campaign-progress {
  4627. height: 2.5em
  4628. }
  4629. body.outfits-show .campaign-progress-label {
  4630. text-shadow: 1px 1px 0 #9181bf;
  4631. color: #201d1d;
  4632. font-size: 150%;
  4633. left: 0;
  4634. position: absolute;
  4635. top: 0;
  4636. text-align: center;
  4637. width: 100%
  4638. }
  4639. body.outfits-show .campaign-progress-label a {
  4640. color: inherit;
  4641. display: block;
  4642. text-decoration: none
  4643. }
  4644. body.outfits-show .campaign-progress-label .button {
  4645. position: relative;
  4646. top: -2px
  4647. }
  4648. body.outfits-show.campaign-loaded .campaign-progress-wrapper {
  4649. visibility: visible
  4650. }
  4651. body.outfits-show #title {
  4652. float: left
  4653. }
  4654. body.outfits-show #outfit-wardrobe-link {
  4655. float: left;
  4656. font-size: 85%;
  4657. margin-left: 2em;
  4658. margin-top: 0.75em
  4659. }
  4660. body.outfits-show #outfit-user {
  4661. float: right;
  4662. margin-top: 1em
  4663. }
  4664. body.outfits-show #prank-color-message {
  4665. clear: both
  4666. }
  4667. body.outfits-show #preview-wrapper {
  4668. clear: both;
  4669. height: 600px;
  4670. margin: 0 auto 1em;
  4671. position: relative;
  4672. width: 600px
  4673. }
  4674. body.outfits-show #preview-wrapper #preview-swf {
  4675. left: 0;
  4676. position: absolute;
  4677. top: 0
  4678. }
  4679. body.outfits-show #outfit-items {
  4680. text-align: center
  4681. }
  4682. body.pets-bulk #needed-items-form,
  4683. body.pets-bulk #bulk-pets-form {
  4684. text-align: center
  4685. }
  4686. body.pets-bulk #needed-items-form #needed-items-pet {
  4687. border-top: 1px solid #9181bf;
  4688. display: none;
  4689. margin-top: 1em;
  4690. padding-top: 1em
  4691. }
  4692. body.pets-bulk #needed-items-form #needed-items-pet h4 {
  4693. font-size: 150%;
  4694. margin-bottom: 0.5em
  4695. }
  4696. body.pets-bulk #needed-items-form #needed-items-pet #needed-items-reload {
  4697. display: -moz-inline-stack;
  4698. display: inline-block;
  4699. vertical-align: middle;
  4700. *vertical-align: auto;
  4701. zoom: 1;
  4702. *display: inline;
  4703. font-size: 12px;
  4704. margin-left: 1em;
  4705. vertical-align: middle
  4706. }
  4707. body.pets-bulk #needed-items-form #needed-items-alert {
  4708. display: none;
  4709. margin-top: 0.5em
  4710. }
  4711. body.pets-bulk #needed-items-form #needed-items-pet-thumbnail {
  4712. height: 50px;
  4713. width: 50px
  4714. }
  4715. body.pets-bulk #needed-items-form #needed-items-pet-items li.owned {
  4716. background: #201d1d;
  4717. border: 1px solid #9181bf
  4718. }
  4719. body.pets-bulk #needed-items-form .object-owned {
  4720. color: #927cae;
  4721. display: block;
  4722. font-size: 75%;
  4723. font-style: italic;
  4724. padding-bottom: 0.25em
  4725. }
  4726. body.pets-bulk #needed-items-form.loading-pet #needed-items-pet-name-field,
  4727. body.pets-bulk #needed-items-form.loading-items #needed-items-pet-name-field {
  4728. background-image: url(/assets/loading-d880e4b670adcdd01224a73387005caa.gif);
  4729. background-position: center right;
  4730. background-repeat: no-repeat
  4731. }
  4732. body.pets-bulk #needed-items-form.loading-pet #needed-items-pet-items,
  4733. body.pets-bulk #needed-items-form.loading-items #needed-items-pet-items {
  4734. -moz-opacity: 0.5;
  4735. -webkit-opacity: 0.5;
  4736. -o-opacity: 0.5;
  4737. -khtml-opacity: 0.5
  4738. }
  4739. body.pets-bulk #needed-items-form.loading-pet #needed-items-pet h4 {
  4740. -moz-opacity: 0.5;
  4741. -webkit-opacity: 0.5;
  4742. -o-opacity: 0.5;
  4743. -khtml-opacity: 0.5
  4744. }
  4745. body.pets-bulk #needed-items-form.loaded #needed-items-pet {
  4746. display: block
  4747. }
  4748. body.pets-bulk #needed-items-form.failed #needed-items-alert {
  4749. display: block
  4750. }
  4751. body.pets-bulk #bulk-pets-form {
  4752. border-top: 1px solid #9181bf;
  4753. margin-top: 12px;
  4754. padding-top: 12px
  4755. }
  4756. body.pets-bulk #bulk-pets-form textarea {
  4757. display: -moz-inline-stack;
  4758. display: inline-block;
  4759. vertical-align: middle;
  4760. *vertical-align: auto;
  4761. zoom: 1;
  4762. *display: inline;
  4763. display: inline;
  4764. font: inherit;
  4765. height: 1.5em;
  4766. overflow: hidden;
  4767. resize: none
  4768. }
  4769. body.pets-bulk #bulk-pets-form ul {
  4770. list-style: none;
  4771. margin-top: 1em
  4772. }
  4773. body.pets-bulk #bulk-pets-form ul li {
  4774. display: -moz-inline-stack;
  4775. display: inline-block;
  4776. vertical-align: middle;
  4777. *vertical-align: auto;
  4778. zoom: 1;
  4779. *display: inline;
  4780. background: #eee;
  4781. margin: 0 auto;
  4782. min-width: 25%;
  4783. text-align: left
  4784. }
  4785. body.pets-bulk #bulk-pets-form ul li .waiting-message,
  4786. body.pets-bulk #bulk-pets-form ul li .loading-message,
  4787. body.pets-bulk #bulk-pets-form ul li .response {
  4788. display: none;
  4789. font-size: 75%;
  4790. font-style: italic;
  4791. margin-left: 75px
  4792. }
  4793. body.pets-bulk #bulk-pets-form ul li.waiting .waiting-message,
  4794. body.pets-bulk #bulk-pets-form ul li.loading .loading-message,
  4795. body.pets-bulk #bulk-pets-form ul li.loaded .response,
  4796. body.pets-bulk #bulk-pets-form ul li.failed .response {
  4797. display: block
  4798. }
  4799. body.pets-bulk #bulk-pets-form ul li.loaded {
  4800. background: #333235
  4801. }
  4802. body.pets-bulk #bulk-pets-form ul li.failed {
  4803. background: #333235
  4804. }
  4805. body.pets-bulk #bulk-pets-form ul img {
  4806. float: left;
  4807. height: 50px;
  4808. width: 50px
  4809. }
  4810. body.pets-bulk.js .noscript {
  4811. display: none
  4812. }
  4813. body.pets-bulk.js .script-only {
  4814. display: block
  4815. }
  4816. body.pets-bulk .script-only {
  4817. display: none
  4818. }
  4819. body.static-image_mode h2 {
  4820. margin-bottom: 0.25em;
  4821. margin-top: 1.25em
  4822. }
  4823. body.static-image_mode ol,
  4824. body.static-image_mode ul {
  4825. font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  4826. margin-bottom: 1em;
  4827. padding-left: 3em
  4828. }
  4829. body.static-terms {
  4830. text-align: center
  4831. }
  4832. body.swf_assets-links #swf-assets li {
  4833. -webkit-border-radius: 0.5em;
  4834. -moz-border-radius: 0.5em;
  4835. -ms-border-radius: 0.5em;
  4836. -o-border-radius: 0.5em;
  4837. border-radius: 0.5em;
  4838. display: -moz-inline-stack;
  4839. display: inline-block;
  4840. vertical-align: middle;
  4841. *vertical-align: auto;
  4842. zoom: 1;
  4843. *display: inline;
  4844. border: 1px solid #9181bf;
  4845. margin: 0.5em;
  4846. padding: 0.5em;
  4847. text-align: center;
  4848. vertical-align: top;
  4849. width: 150px
  4850. }
  4851. body.swf_assets-links #swf-assets li img,
  4852. body.swf_assets-links #swf-assets li span,
  4853. body.swf_assets-links #swf-assets li input {
  4854. display: block;
  4855. width: 100%
  4856. }
  4857. body.swf_assets-links #swf-assets li img {
  4858. height: 150px;
  4859. width: 150px
  4860. }
  4861. body.swf_assets-links #swf-assets li span {
  4862. font-size: 75%;
  4863. word-wrap: break-word
  4864. }
  4865. body.users-top_contributors {
  4866. text-align: center
  4867. }
  4868. body.users-top_contributors #top-contributors {
  4869. border-spacing: 0;
  4870. border-width: 1px 1px 0 0;
  4871. margin: 1em auto
  4872. }
  4873. body.users-top_contributors #top-contributors,
  4874. body.users-top_contributors #top-contributors td,
  4875. body.users-top_contributors #top-contributors th {
  4876. border-color: #ba93f2;
  4877. border-style: solid
  4878. }
  4879. body.users-top_contributors #top-contributors td,
  4880. body.users-top_contributors #top-contributors th {
  4881. border-width: 0 0 1px 1px;
  4882. padding: 0.5em 1em
  4883. }
Advertisement
Add Comment
Please, Sign In to add comment