API tools faq
paste
Advertisement
Guest User

listography tinuviele.htm

a guest
Dec 26th, 2013
1,033
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 102.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  3.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.   <title>listography: tinuviele</title>
  5.  
  6.   <link rel="stylesheet" href="style.css" type="text/css">
  7. <style type="text/css">
  8. body { background: url("/action/user-bg-image?uid=9562325443"); }
  9.  
  10. .title-box { background-color: white; }
  11.  
  12. .footer-main { background-color: white; }
  13.  
  14. #footer-line
  15. {
  16.    visibility: hidden;
  17.    display: none;
  18. }
  19.  
  20.  
  21.  
  22.  
  23.  
  24. body
  25. {
  26.     background-color: #ccc;
  27.     color: #333;
  28.     font-family: helvetica, arial, sans-serif;
  29.     font-size: 12px;
  30.     margin: 0px;
  31. }
  32.  
  33. #page
  34. {
  35. }
  36.  
  37.  
  38. body.essay-page
  39. {
  40.     background-color: #e0e0e0;
  41. }
  42.  
  43.     body.essay-page div.main-container
  44.     {
  45.         text-align: center;
  46.         clear: both;
  47.         width: 100%;
  48.         float: left;
  49.         margin-top: 26px;
  50.     }
  51.  
  52.         body.essay-page div.main-container div.main
  53.         {
  54.             width: 80%;
  55.             margin: auto;
  56.             position: relative;
  57.             text-align: left;
  58.             padding: 40px;
  59.             border: 3px solid #4f8aff;
  60.             background-color: white;
  61.             color: black;
  62.         }
  63.  
  64.             body.essay-page div.main-container div.main h2
  65.             {
  66.                 margin-top: 0px;
  67.             }
  68.  
  69.     body.essay-page hr
  70.     {
  71.         background-color: #ccc;
  72.         color: #ccc;
  73.         height: 2px;
  74.         border: none;
  75.         margin-top: 30px;
  76.         margin-bottom: 30px;
  77.     }
  78.  
  79.     body.essay-page div.main a:link,
  80.     body.essay-page div.main :visited
  81.     {
  82.         text-decoration: underline;
  83.     }
  84.  
  85.     body.essay-page blockquote
  86.     {
  87.         background-color: #bed4ff;
  88.         padding: 20px;
  89.     }
  90.  
  91.  
  92. .settings-main
  93. {
  94.     width: 600px;
  95.     margin: 40px auto;
  96.     padding: 0 10px 10px 10px;
  97.     background-color: #fff;
  98.     border-radius: 5px;
  99.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  100. }
  101.  
  102. .settings-main h2 {
  103.   font-size: 18px;
  104.   padding-top: 0.4em;
  105.   padding-bottom: 0.3em;
  106.   border-bottom: 3px solid #4f8aff;
  107. }
  108.  
  109. .settings-main textarea,
  110. .settings-main input[type=text],
  111. .settings-main input[type=password] {
  112.   border: 1px solid #999;
  113. }
  114.  
  115. q {
  116.   font-style: oblique;
  117. }
  118.  
  119. body td {
  120.   font-size:        12px;
  121. }
  122.  
  123. a:link     { color: #05a; text-decoration: none; }
  124. a:visited  { color: #05a; text-decoration: none; }
  125. a:hover    { text-decoration: underline; }
  126.  
  127. .smaller {
  128.   font-size: 11px;
  129. }
  130.  
  131. .selected-folder {
  132.   background-color: #bed4ff
  133. }
  134.  
  135. .find-search-term {
  136.   background-color: #bed4ff;
  137.   padding: 0 3px;
  138. }
  139.  
  140. .listbox-system-titlebox {
  141.   padding: 2px 10px 2px 10px;
  142.   background-color: #bbb;;
  143.   text-align: left;
  144. }
  145.  
  146. .listbox-system-contentbox {
  147.   background-color: #eee;;
  148.   padding: 10px 0px 10px 0px;
  149. }
  150.  
  151. .pseudolist {
  152.   padding: 10px 10px 10px 15px;
  153.   line-height: 2.0;
  154.   vertical-align: middle;
  155. }
  156.  
  157. .list-page-main-table {
  158.   margin-top: 15px;
  159. }
  160.  
  161. .non-colored-link a {
  162.   color: #333;
  163. }
  164.  
  165. .small-date {
  166.   font-size: 11px;
  167.   color: #777;
  168. }
  169.  
  170. .edit-link a
  171. {
  172.     font-size: 90%;
  173. }
  174.  
  175. .disabled-edit-link {
  176.   color: #777;
  177. }
  178.  
  179. .note {
  180.   font-size: 10px;
  181. }
  182.  
  183. .about-text {
  184.   font-style: oblique;
  185. }
  186.  
  187. .about-links {
  188.   margin: 5px 0 0 15px;
  189. }
  190.  
  191. .recently-updated a {
  192.   color: #07f;
  193.   font-weight: bold;
  194. }
  195.  
  196. .inner-box-title {
  197.   font-size: 12px;
  198.   font-weight: bold;
  199. }
  200.  
  201. .required {
  202.   font-size: 12px;
  203.   color: orange;            
  204. }
  205.  
  206. .search_results_box
  207. {
  208.     padding: 2px 10px 2px 10px;
  209.     vertical-align: middle;
  210.     line-height: 1.5;
  211.     font-size: 115%;
  212.     background-color: #fff;
  213.     margin-left: 5px;
  214.     width: 400px;
  215.     border-radius: 5px;
  216.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  217.     margin: 0 auto;
  218. }
  219.  
  220. .box-main-cell {
  221.   padding-left: 10px;
  222.   padding-right: 10px;
  223.   padding-top: 10px;
  224.   font-size: 12px;
  225.   height: 100px;
  226. }
  227.  
  228. .box-main-cell td {
  229.   font-size: 12px;
  230. }
  231.  
  232. .about-box-edit-cell {
  233.   padding: 10px;
  234. }
  235.  
  236. .rightbox-table {
  237.   border: 1px solid #bbb;
  238.   background-color: #fff;
  239.   padding: 0px;
  240. }
  241.  
  242. .rightbox-title-cell {
  243. background-color: #ccc;
  244.   padding: 0 0 0 10px;
  245.   height: 25px;
  246. }
  247.  
  248. #edit-list-table
  249. {
  250.     border-radius: 5px;
  251.     -webkit-border-radius: 5px;
  252.     -moz-border-radius: 5px;
  253. }
  254.  
  255. .save-message,
  256. .save-message-active {
  257.   width: 70%;
  258.   font-weight: bold;
  259.   text-align: center;
  260. }
  261.  
  262. .save-message-active {
  263.   background-color: #F6F000;
  264. }
  265.  
  266. .normal-padding {
  267.   padding: 5px 10px 5px 10px;
  268. }
  269.  
  270. .error-box {
  271.   margin-top: 100px;
  272.   margin-bottom: 100px;
  273.   width: 50%;
  274.   background-color: #eee;
  275.   border: 5px solid #f44;
  276.   padding: 30px;
  277.   font-size: 14px;
  278.   font-weight: bold;
  279.   text-align: left;
  280.   box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  281.   border-radius: 5px;
  282. }
  283.  
  284. .area-title {
  285.   color: #333;
  286.   font-size: 14px;
  287.   font-weight: bold;
  288. }
  289.  
  290. .area-paging {
  291.   color: #333;
  292.   font-size: 13px;
  293.   font-weight: bold;
  294. }
  295.  
  296. .area-paging-inactive {
  297.   color: #999;
  298. }
  299.  
  300. .edit-list-area-title
  301. {
  302.     float: left;
  303.     padding: 3px 15px;
  304.     background-color: #fff;
  305.     color: #333;
  306.     margin: 10px 10px 0px 10px;
  307.     font-size: 14px;
  308.     font-weight: bold;
  309.     text-align: center;
  310.     border-radius: 5px;
  311.     -webkit-border-radius: 5px;
  312.     -moz-border-radius: 5px;
  313. }
  314.  
  315. .edit_list_page_options_box
  316. {
  317.     background-color: #fff;
  318.     padding: 10px;
  319.     border-radius: 5px;
  320.     -webkit-border-radius: 5px;
  321.     -moz-border-radius: 5px;
  322. }
  323.  
  324. .confirmation-msg {
  325.   color: #a33;
  326.   font-weight: bold;
  327. }
  328.  
  329. .validation-error {
  330.   color: #f33;
  331.   font-weight: bold;
  332. }
  333.  
  334. .inactive {
  335.   color: #999;
  336. }
  337.  
  338. .sub-text {
  339.   font-size: 10px;
  340. }
  341.  
  342. .edit-favorite-row {
  343.   background-color: #ddd;
  344. }
  345.  
  346. a:link img, a:visited img { border: none; }
  347.  
  348. .divider {
  349.   border: none;
  350.   border-top: 1px dashed;
  351.   border-width: 1px;
  352.   height: 1px;
  353.   width: 80%;
  354.   color: #555;
  355. }
  356.  
  357. .box-of-links {
  358.   line-height: 1.5;
  359.   font-size: 12px;
  360.   font-weight: bold;
  361. }
  362.  
  363. #session-status-msg {
  364.   float: left;
  365.   background-color: #7df900;
  366.   color: #333;
  367.   font-size: 10px;
  368.   font-weight: bold;
  369. }
  370.  
  371. #hud-log {
  372.   position: absolute;
  373.   top: 0;
  374.   left: 0;
  375.   opacity: 0.8;
  376.   background-color: #4f8aff;
  377.   color: #bed4ff;
  378.   font-family: monaco, fixed, monospace;
  379.   font-size: 10px;
  380.   z-index: 10;
  381. }
  382.  
  383. .find-input {
  384.   font-family: helvetica;
  385.   font-size: 110%;
  386.   width: 150px;
  387. }
  388.  
  389. .guide-label {
  390.   vertical-align: top;
  391.   font-weight: bold;
  392.   padding: 2em 1em 0 0;
  393. }
  394.  
  395. .guide-desc {
  396.   vertical-align: top;
  397.   padding-top: 2em;
  398. }
  399.  
  400. .guide-mini-label {
  401.   padding-top: 5px;
  402.   font-size: 95%;
  403. }
  404.  
  405. .guide-code {
  406.   padding-left: 0.2em;
  407.   vertical-align: top;
  408.   background-color: #ddd;
  409. }
  410.  
  411. .guide-result {
  412.   vertical-align: top;
  413.   background-color: #bed4ff;
  414.   padding-left: 0.2em;
  415.   padding-right: 0.5em;
  416. }
  417.  
  418. .guide-result ul ul {
  419.   padding-left: 1em;
  420. }
  421.  
  422. .guide-result a {
  423.   text-decoration: underline;
  424. }
  425.  
  426. .guide-result a:hover {
  427.   background-color: #fff;
  428. }
  429.  
  430. ul ul,
  431. ol ol {
  432.   margin-left: 0.7em;
  433.   padding-left: 0.7em;
  434.   margin-top: 0;
  435.   padding-top: 0;
  436. }
  437.  
  438. .rss
  439. {
  440.   color: #FF6600;
  441.   font-weight: bold;
  442. }
  443.  
  444. .status_msg
  445. {
  446.   background-color: #7df900;
  447.   color: #333;
  448.   font-weight: bold;
  449.   padding: 10px;
  450. }
  451.  
  452.  
  453.  
  454. /****  signup  **********************************************/
  455.  
  456. body.signup div.main
  457. {
  458.     position: absolute;
  459.     top: 31px;
  460.     left: 31px;
  461.     max-width: 400px;
  462.     padding: 15px;
  463.     background-color: #fff;
  464.     border-radius: 5px;
  465.     display: inline;  /* xxx IE */
  466.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  467. }
  468.  
  469.     body.signup div.main h1
  470.     {
  471.         margin: 0 0 15px 0;
  472.         font-size: 150%;
  473.         border-bottom: 2px dotted #4f8aff;
  474.         font-style: italic;
  475.         font-weight: normal;
  476.     }
  477.  
  478.     body.signup div.main td { padding-left: 10px }
  479.     body.signup div.main td.label { font-weight: bold; text-align: right }
  480.  
  481.     body.signup div.main p,
  482.     body.signup div.main td p { font-size: 130% }
  483.  
  484.     body.signup div.main td p.smaller { font-size: 100% }
  485.     body.signup div.main input[type="text"] { font-size: 140% }
  486.     body.signup div.main input[type="password"] { font-size: 140% }
  487.  
  488.     body.signup form.begin-signup input[type="text"] { width: 304px; }
  489.     body.signup form.begin-signup td.recaptcha { padding: 10px 10px 10px 6px }
  490.     body.signup form.begin-signup input[type="submit"] { margin-right: 10px }
  491.  
  492.     body.signup div.main .signup-note { font-weight: normal; font-size: 80% }
  493.  
  494.     body.signup div.main .input
  495.     {
  496.         font-family: helvetica;
  497.         font-size: 130%;
  498.         width: 304px;
  499.         margin-left: 4px;
  500.         color: #333;
  501.     }
  502.  
  503.     body.signup form.complete-signup td { text-align: right }
  504.     body.signup form.complete-signup input[type="text"],
  505.     body.signup form.complete-signup input[type="password"] { width: 100% }
  506.     body.signup form.complete-signup td.first-list
  507.     {
  508.         padding-top: 2em;
  509.         text-align: center;
  510.     }
  511.     body.signup form.complete-signup td.first-list div.prompt
  512.     {
  513.         font-size: 120%;
  514.         font-weight: bold;
  515.         margin-bottom: 20px;
  516.     }
  517.     body.signup form.complete-signup td.first-list textarea
  518.     {
  519.         width: 100%;
  520.         height: 100px;
  521.         font-family: Monaco, "Courier New";
  522.         font-size: 97%;
  523.     }
  524.  
  525.     body.signup form.forgot-password td { text-align: right }
  526.     body.signup form.forgot-password input[type="submit"] { margin-top: 20px }
  527.  
  528.     body.signup form.change-password input[type="submit"] { margin-top: 20px }
  529.  
  530.  
  531.  
  532. /****  page-footer  **********************************************/
  533.  
  534. .page-footer
  535. {
  536.     position: relative;
  537.     bottom: 0;
  538.     background-color: #fff;
  539.     width: 525px;
  540.     margin: 56px auto;
  541.     text-align: center;
  542.     padding: 4px 0px 4px 0px;
  543.     border-radius: 5px;
  544.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  545. }
  546.  
  547. span.footer-link a
  548. {
  549.     padding-left:  4px;
  550.     padding-right: 4px;
  551. }
  552.  
  553.  
  554. /****  user page (folder page)  ***************************************/
  555.  
  556. table.list-table
  557. {
  558.     margin: 0 auto;
  559.     width: 100%;
  560.     padding: 0 8px;
  561. }
  562.  
  563. table.list-table > tbody > tr > td
  564. {
  565.     width: 33%;
  566.     vertical-align: top;
  567.     margin: 0;
  568.     padding: 0 8px;
  569. }
  570.  
  571. table.list-table div.list-container
  572. {
  573.     margin: 16px 0;
  574. }
  575.  
  576. table.list-table div.listbox
  577. {
  578.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  579. }
  580.  
  581. table.list-table div.drop_slug
  582. {
  583.     height: 200px;
  584. }
  585.  
  586. /****  user-box  ***************************************/
  587.  
  588. div.user-box-base
  589. {
  590.     margin: 30px auto;
  591.     width: 900px;
  592.     position: relative;
  593. }
  594.  
  595. div.user-box
  596. {
  597.     clear: both;
  598.     background-color: #fff;
  599.     border-radius: 4px;
  600.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  601. }
  602.  
  603. div.user-box table.main
  604. {
  605.     border-collapse: collapse;
  606.     width: 100%;
  607. }
  608.  
  609. div.user-box table.main > tbody > tr > td
  610. {
  611.     padding: 20px 20px 10px 20px;
  612. }
  613.  
  614. div.user-box table.main td.left
  615. {
  616.     width: 438px;
  617.     vertical-align: top;
  618.     border-right: 1px dotted #bed4ff;
  619. }
  620.  
  621. div.user-box table.main td.left div.title
  622. {
  623.     margin: 0 10px 10px 0;
  624. }
  625.  
  626. div.user-box table.main td.left div.title span.title
  627. {
  628.     font-size: 200%;
  629.     font-weight: bold;
  630.     padding-right: 0.5em;
  631. }
  632.  
  633. div.user-box table.main td.left div.title span.follow
  634. {
  635.     white-space: nowrap;
  636. }
  637.  
  638. div.user-box table.main td.left div.title span.title a:link,
  639. div.user-box table.main td.left div.title span.title a:visited
  640. {
  641.     color: #333;
  642. }
  643.  
  644. div.user-box table.main td.left img
  645. {
  646.     width: 64px;
  647.     border-radius: 4px;
  648.     margin-right: 10px;
  649. }
  650.  
  651. div.user-box table.main td.left table.about tbody td
  652. {
  653.     vertical-align: top;
  654.     padding: 0;
  655. }
  656.  
  657. div.user-box table.main td.left table.about tbody td p
  658. {
  659.     margin-top: 0;
  660. }
  661.  
  662. div.user-box table.main td.left p.about a.edit
  663. {
  664.     font-size: 80%;
  665.     padding-left: 10px;
  666. }
  667.  
  668. div.user-box table.menu
  669. {
  670.     border-collapse: separate;
  671.     border-spacing: 0;
  672.     width: 100%;
  673. }
  674.  
  675. div.user-box table.menu span.disabled
  676. {
  677.     color: #ccc;
  678. }
  679.  
  680. div.user-box table.menu td
  681. {
  682.     border-top: 1px dotted #bed4ff;
  683.     border-left: 1px dotted #bed4ff;
  684.     border-bottom: none;
  685.     text-align: center;
  686. }
  687.  
  688. div.user-box table.menu td:first-child
  689. {
  690.     border-left: none;
  691.     border-bottom-left-radius: 4px;
  692. }
  693.  
  694. div.user-box table.menu td:last-child
  695. {
  696.     border-right: none;
  697. }
  698.  
  699. div.user-box table.menu td.selected
  700. {
  701.     background-color: #bed4ff
  702. }
  703.  
  704. div.user-box table.menu td.search input
  705. {
  706.     color: #ccc;
  707.     width: 88%;
  708. }
  709.  
  710. div.user-box table.main td.middle
  711. {
  712.     padding-left: 10px;
  713.     vertical-align: top;
  714. }
  715.  
  716. div.user-box table.main td.middle div.list
  717. {
  718. }
  719.  
  720. div.user-box table.main td.middle div.header span.title
  721. {
  722.     font-weight: bold;
  723.     font-size: 110%;
  724.     color: #333;
  725.     padding-right: 0.7em;
  726. }
  727.  
  728. div.user-box table.main td.middle table.updates
  729. {
  730.     margin: 0.7em;
  731. }
  732.  
  733. div.user-box table.main td.middle table.updates td
  734. {
  735.     padding: 0.1em;
  736. }
  737.  
  738. div.user-box table.main td.middle table.updates td.name
  739. {
  740.     text-align: right;
  741.     vertical-align: middle;
  742. }
  743.  
  744. div.user-box table.main td.middle table.updates td.list
  745. {
  746.     vertical-align: middle;
  747. }
  748.  
  749. div.user-box table.main td.middle table.updates td.list img
  750. {
  751.     width: 18px;
  752.     border-radius: 2px;
  753.     vertical-align: middle;
  754. }
  755.  
  756. div.user-box table.main td.middle div.nobody
  757. {
  758.     color: #f7f7f7;
  759. }
  760.  
  761. div.user-box table.main td.middle div.menu
  762. {
  763.     margin-top:10px;
  764. }
  765.  
  766. div.user-box h1 a:link,
  767. div.user-box h1 a:visited
  768. {
  769.     color: #333;
  770. }
  771.  
  772. #following-view-all-box
  773. {
  774.     display: none;
  775.     margin-top: 10px;
  776. }
  777.  
  778. div.user-box table.main td.right
  779. {
  780.     padding: 0;
  781.     border-left: 1px dotted #bed4ff;
  782.     width: 100px;
  783. }
  784.  
  785. div.global-menu
  786. {
  787.     height: 100%;
  788. }
  789.  
  790. div.global-menu table
  791. {
  792.     border-collapse: collapse;
  793.     width: 100%;
  794.     height: 100%;
  795.     margin: 0 auto;
  796. }
  797.  
  798. div.global-menu table td
  799. {
  800.     text-align: center;
  801.     border-bottom: 1px dotted #bed4ff;
  802.     padding: 6px 0;
  803. }
  804.  
  805. div.global-menu table td:first-child
  806. {
  807.     border-top: 1px dotted #bed4ff;
  808. }
  809.  
  810. div.global-menu table td.create-list
  811. {
  812.     font-weight: bold;
  813. }
  814.  
  815. div.global-menu a
  816. {
  817.     font-size: 12px;
  818.     color: #777;
  819.     padding: 0 9px;
  820. }
  821.  
  822. div.global-menu a:visited
  823. {
  824.     color: #777;
  825. }
  826.  
  827. div.global-menu div.status
  828. {
  829.     font-size: 10px;
  830.     color: #777;
  831.     margin-right: 2px;
  832. }
  833.  
  834. div.global-menu div.status a
  835. {
  836.     color: #777;
  837.     font-weight: bold;  
  838. }
  839.  
  840. div.global-menu div.status a:visited
  841. {
  842.     color: #777;
  843. }
  844.  
  845. /****  user list index  **********************************************/
  846.  
  847. table.user_index_table
  848. {
  849.     border-spacing: 0;
  850.     width: 100%;  
  851.     margin-left: 20px;
  852. }
  853.  
  854.     table.user_index_table td {  vertical-align: top;  }
  855.  
  856.     div.list_index
  857.     {  
  858.         clear: both;  
  859.         margin-top: 15px;  
  860.         background-color: #fff;  
  861.         border-radius: 5px;
  862.         box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  863.     }
  864.  
  865.         div.list_index div.header
  866.         {  
  867.             padding: 5px 0 0 0;
  868.         }
  869.  
  870.             div.list_index div.header div.view_select { float: left; margin-left: 10px; }
  871.  
  872.                 div.list_index div.header div.view_select a { color: #777; padding-right: 2em; }
  873.  
  874.         div.list_index div.header div.create { float: right; }
  875.  
  876.             div.list_index div.header div.create a { padding-right: 10px; color: #777; }
  877.  
  878.         div.list_index div.body { padding: 10px; }
  879.  
  880.         div.list_index div.body_category { margin-top: 15px; }
  881.  
  882.  
  883.         div.list_index div.body h2 {  font-size: 120%; font-weight: normal; margin: 15px 0 10px 0;  }
  884.  
  885.            div.list_index div.body h2 a { color: #333;  }
  886.  
  887.         div.list_index div.body div.list {  margin-top: 2px; margin-left: 11px; }
  888.  
  889.             div.list_index div.body div.list a { }
  890.  
  891.             div.list_index div.body div.list .date  {  padding-left: 10px;  font-size: 80%;  color: #bbb;  }
  892.  
  893.             div.list_index div.body div.category a.selected { background-color: #bed4ff }
  894.  
  895.         div.list_index div.body div.category { margin-top: 2px; margin-left: 11px; }
  896.  
  897.         div.list_index div.body div.category a.category_name { font-weight: bold; }
  898.  
  899.         div.list_index div.body div.lists { margin-left: 1em; }
  900.  
  901.     table.user_index_table div.list_container
  902.     {  
  903.         margin: 15px;  
  904.         width: 47%;
  905.     }
  906.  
  907.     table.user_index_table div.listbox  
  908.     {  
  909.         margin-bottom: 15px;
  910.         box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  911.     }
  912.  
  913.     div.list_index div.error
  914.     {
  915.         color: #f33;
  916.     }
  917.  
  918.  
  919. /****  front page  **********************************************/
  920.  
  921. body.front-page
  922. {
  923.     background: #fff;
  924. }
  925.  
  926. body.front-page div.page-footer
  927. {
  928.     margin-top: 830px;
  929. }
  930.  
  931. div.front-base
  932. {
  933.   background-image: url("/static/img/front.jpg");
  934.   background-repeat: no-repeat;
  935.   width: 997px;
  936.   height: 800px;
  937.   position: absolute;
  938.   top: 0;
  939.   left: 0;
  940. }
  941.  
  942. div.front-base-preview
  943. {
  944.   background: #fff url("/preview/front.jpg") no-repeat 0 0;
  945. }
  946.  
  947. div.front_main
  948. {
  949.     position: absolute;
  950.     top: 31px;
  951.     left: 31px;
  952.     width: 317px;
  953.     padding: 17px;
  954.     background-color: #fff;
  955.     border-radius: 5px;
  956.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  957. }
  958.  
  959.     div.front_main div.logo
  960.     {
  961.         text-align: center;
  962.     }
  963.  
  964.         div.front_main div.logo h2
  965.         {
  966.             font-size: 125%;
  967.             font-weight: normal;    
  968.             padding: 0 6px;
  969.         }
  970.  
  971.     div.front_main hr
  972.     {
  973.         width: 67%;
  974.         border: 1px solid #fff;
  975.     }
  976.  
  977.     div.front_main div.books,
  978.     div.front_main div.iphone
  979.     {
  980.         float: left;
  981.         margin: 10px 10px 0 0;
  982.         text-align: center;
  983.     }
  984.  
  985.     div.front_main div.menu
  986.     {
  987.         clear: both;
  988.         text-align: center;
  989.     }
  990.  
  991.         div.front_main div.menu div.signup
  992.         {
  993.             font-size: 170%;
  994.             font-weight: bold;
  995.         }
  996.  
  997.         div.front_main div.menu a
  998.         {
  999.             padding: 0 1em;
  1000.         }
  1001.  
  1002.     div.front_main div.login
  1003.     {
  1004.     }
  1005.  
  1006.         div.front_main div.login div.logged_in
  1007.         {
  1008.             text-align: center;
  1009.         }
  1010.  
  1011.         div.front_main div.login a
  1012.         {
  1013.             padding-left:  6px;
  1014.             padding-right: 6px;
  1015.         }
  1016.  
  1017.         div.front_main div.login .login-input
  1018.         {
  1019.             font-family: helvetica;
  1020.             font-weight: normal;
  1021.             font-size: 130%;
  1022.             width: 307px;
  1023.             color: #999;
  1024.         }
  1025.  
  1026.  
  1027. body.front-page div.sidebar-container
  1028. {
  1029.     position: absolute;
  1030.     top: 0;
  1031.     right: 0;
  1032.     height: 100%;
  1033.     background-color: #fff;
  1034.     border-top-right-radius: 5px;
  1035.     border-bottom-right-radius: 5px;
  1036. }
  1037.  
  1038. body.front-page div.sidebar-container div.front_sidebar
  1039. {
  1040.     margin: 1.4em;
  1041.     width: 307px;
  1042.     height: 100%;
  1043. }
  1044.  
  1045. body.front-page div.front_sidebar div.ideas ul
  1046. {
  1047.     padding-left: 17px;
  1048. }
  1049.  
  1050. body.front-page div.front_sidebar div.ideas ul li
  1051. {
  1052.     margin-bottom: 7px;
  1053. }
  1054.  
  1055. body.front-page div.front_sidebar div.ideas img
  1056. {
  1057.     width: 66px;
  1058.     float: right;
  1059.     margin-left: 5px;
  1060.     position: relative;
  1061. }
  1062.  
  1063. body.front-page div.front_sidebar div.ideas a img
  1064. {
  1065.   border: 3px solid #fff;
  1066. }
  1067.  
  1068. body.front-page div.front_sidebar div.ideas a:hover img
  1069. {
  1070.   border: 3px solid #05a;
  1071. }
  1072.  
  1073.  
  1074.  
  1075. /****  list page  **********************************************/
  1076.  
  1077.  
  1078. body.list div.center_container
  1079. {
  1080.     margin: 41px auto;
  1081.     width: 525px;
  1082. }
  1083.  
  1084. body.list div.listbox
  1085. {
  1086.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  1087. }
  1088.  
  1089. body.list div.footer-container
  1090. {
  1091.     margin-top: 600px;
  1092. }
  1093.  
  1094. /****  archive  **********************************************/
  1095.  
  1096. table.archive_category_index
  1097. {
  1098.     margin: 40px;
  1099.     padding: 4px 4px 10px 4px;
  1100.     background-color: #fff;
  1101.     border-radius: 5px;
  1102.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  1103. }
  1104.  
  1105. table.archive-lists
  1106. {
  1107.     margin: 0 auto;
  1108. }
  1109.  
  1110. table.archive-lists div.list-title-box-container
  1111. {
  1112.     padding: 10px;
  1113. }
  1114.  
  1115.  
  1116. /****  iphone page  **********************************************/
  1117.  
  1118. body.iphone
  1119. {
  1120.     background-color: white;
  1121. }
  1122.  
  1123. body.iphone div.main-center-outer
  1124. {
  1125.     text-align: center;
  1126.     width: 100%;
  1127.     float: left;
  1128. }
  1129.  
  1130. body.iphone div.main-center-inner
  1131. {
  1132.     width: 727px;
  1133.     margin: auto;
  1134.     text-align: left;
  1135.     position: relative;
  1136. }
  1137.  
  1138. body.iphone h1
  1139. {
  1140.     font-weight: normal;
  1141.     margin-left: 113px;
  1142. }
  1143.  
  1144. body.iphone h2
  1145. {
  1146.     font-size: 105%;
  1147. }
  1148.  
  1149. body.iphone div.left
  1150. {
  1151.     float: left;
  1152. }
  1153.  
  1154. body.iphone div.right
  1155. {
  1156.     float: left;
  1157.     width: 400px;
  1158.     margin-left: 10px;
  1159.     font-size: 120%;
  1160. }
  1161.  
  1162.     body.iphone div.right img.preview
  1163.     {
  1164.         width: 100px;
  1165.         margin-top: 11px;
  1166.     }
  1167.  
  1168.     body.iphone div.right p,
  1169.     body.iphone div.right h2
  1170.     {
  1171.         margin-left: 7px;
  1172.     }
  1173.  
  1174.     body.iphone div.right p.smaller
  1175.     {
  1176.         font-size: 90%;
  1177.     }
  1178.  
  1179.     body.iphone div.right ul
  1180.     {
  1181.         font-size: 90%;
  1182.     }
  1183.  
  1184.     body.iphone div.right img.app_store_badge
  1185.     {
  1186.         margin: 13px 0 13px 3px;
  1187.     }
  1188.  
  1189.     body.iphone div.list_container_left
  1190.     {
  1191.         clear: both;
  1192.         margin: 17px 13px 0 23px;
  1193.         float: left;
  1194.         width: 331px;
  1195.     }
  1196.    
  1197.     body.iphone div.list_container_right
  1198.     {
  1199.         margin: 17px 0 0 5px;
  1200.         width: 331px;
  1201.         float: left;
  1202.     }
  1203.  
  1204.  
  1205.  
  1206. /****  old edit list page  **********************************************/
  1207.  
  1208. div.edit-list-container
  1209. {
  1210.     margin: 0 auto;
  1211.     width: 600px;
  1212. }
  1213.  
  1214. /****  old email list page  **********************************************/
  1215.  
  1216. div.email-list-fields
  1217. {
  1218.     background-color: #fff;
  1219.     border-radius: 5px;
  1220.     padding: 10px;
  1221.     float: left;
  1222. }
  1223.  
  1224. .email-list-fields textarea,
  1225. .email-list-fields input[type=text]
  1226. {
  1227.     border: 1px solid #999;
  1228. }
  1229.  
  1230.  
  1231. /****  old recent lists page  **********************************************/
  1232.  
  1233. div.recent-lists
  1234. {
  1235.     width: 80%;
  1236.     margin: 40px auto;
  1237.     padding: 10px;
  1238.     background-color: #fff;
  1239.     border-radius: 5px;
  1240.     box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  1241. }
  1242.  
  1243. div.recent-lists h1
  1244. {
  1245.     font-size: 130%;
  1246. }
  1247.  
  1248. .debug
  1249. {
  1250.     border: 1px solid red;
  1251. }
  1252.  
  1253. body.admin
  1254. {
  1255.     background: white;
  1256.     margin: 2em;
  1257. }
  1258.  
  1259. /****  includes  **********************************************/
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265. .listbox-color-0 {
  1266.   background-color: #ffbec2;
  1267.   padding: 0px;
  1268.   line-height: 1.5;
  1269.   margin: 0px;
  1270.   width: 100%;
  1271.   position: relative;
  1272. }
  1273.  
  1274. .list-color-number-0 {
  1275.   color: #ff4853;
  1276. }
  1277.  
  1278. .list_color_border_0,
  1279. div.listbox-editable div.menu div.set-bullet td.list_color_border_0
  1280. {
  1281.   border: 1px solid #ff4853;
  1282. }
  1283.  
  1284.  
  1285.  
  1286. .listbox-color-1 {
  1287.   background-color: #ffd0be;
  1288.   padding: 0px;
  1289.   line-height: 1.5;
  1290.   margin: 0px;
  1291.   width: 100%;
  1292.   position: relative;
  1293. }
  1294.  
  1295. .list-color-number-1 {
  1296.   color: #ff6d37;
  1297. }
  1298.  
  1299. .list_color_border_1,
  1300. div.listbox-editable div.menu div.set-bullet td.list_color_border_1
  1301. {
  1302.   border: 1px solid #ff6d37;
  1303. }
  1304.  
  1305.  
  1306.  
  1307. .listbox-color-2 {
  1308.   background-color: #fdeaa4;
  1309.   padding: 0px;
  1310.   line-height: 1.5;
  1311.   margin: 0px;
  1312.   width: 100%;
  1313.   position: relative;
  1314. }
  1315.  
  1316. .list-color-number-2 {
  1317.   color: #fdc700;
  1318. }
  1319.  
  1320. .list_color_border_2,
  1321. div.listbox-editable div.menu div.set-bullet td.list_color_border_2
  1322. {
  1323.   border: 1px solid #fdc700;
  1324. }
  1325.  
  1326.  
  1327.  
  1328. .listbox-color-3 {
  1329.   background-color: #f6f49f;
  1330.   padding: 0px;
  1331.   line-height: 1.5;
  1332.   margin: 0px;
  1333.   width: 100%;
  1334.   position: relative;
  1335. }
  1336.  
  1337. .list-color-number-3 {
  1338.   color: #d6d600;
  1339. }
  1340.  
  1341. .list_color_border_3,
  1342. div.listbox-editable div.menu div.set-bullet td.list_color_border_3
  1343. {
  1344.   border: 1px solid #d6d600;
  1345. }
  1346.  
  1347.  
  1348.  
  1349. .listbox-color-4 {
  1350.   background-color: #cef9a2;
  1351.   padding: 0px;
  1352.   line-height: 1.5;
  1353.   margin: 0px;
  1354.   width: 100%;
  1355.   position: relative;
  1356. }
  1357.  
  1358. .list-color-number-4 {
  1359.   color: #73e600;
  1360. }
  1361.  
  1362. .list_color_border_4,
  1363. div.listbox-editable div.menu div.set-bullet td.list_color_border_4
  1364. {
  1365.   border: 1px solid #73e600;
  1366. }
  1367.  
  1368.  
  1369.  
  1370. .listbox-color-5 {
  1371.   background-color: #9be092;
  1372.   padding: 0px;
  1373.   line-height: 1.5;
  1374.   margin: 0px;
  1375.   width: 100%;
  1376.   position: relative;
  1377. }
  1378.  
  1379. .list-color-number-5 {
  1380.   color: #1bc700;
  1381. }
  1382.  
  1383. .list_color_border_5,
  1384. div.listbox-editable div.menu div.set-bullet td.list_color_border_5
  1385. {
  1386.   border: 1px solid #1bc700;
  1387. }
  1388.  
  1389.  
  1390.  
  1391. .listbox-color-6 {
  1392.   background-color: #9fd4c5;
  1393.   padding: 0px;
  1394.   line-height: 1.5;
  1395.   margin: 0px;
  1396.   width: 100%;
  1397.   position: relative;
  1398. }
  1399.  
  1400. .list-color-number-6 {
  1401.   color: #36b592;
  1402. }
  1403.  
  1404. .list_color_border_6,
  1405. div.listbox-editable div.menu div.set-bullet td.list_color_border_6
  1406. {
  1407.   border: 1px solid #36b592;
  1408. }
  1409.  
  1410.  
  1411.  
  1412. .listbox-color-7 {
  1413.   background-color: #bed4ff;
  1414.   padding: 0px;
  1415.   line-height: 1.5;
  1416.   margin: 0px;
  1417.   width: 100%;
  1418.   position: relative;
  1419. }
  1420.  
  1421. .list-color-number-7 {
  1422.   color: #4f8aff;
  1423. }
  1424.  
  1425. .list_color_border_7,
  1426. div.listbox-editable div.menu div.set-bullet td.list_color_border_7
  1427. {
  1428.   border: 1px solid #4f8aff;
  1429. }
  1430.  
  1431.  
  1432.  
  1433. .listbox-color-8 {
  1434.   background-color: #d7bfff;
  1435.   padding: 0px;
  1436.   line-height: 1.5;
  1437.   margin: 0px;
  1438.   width: 100%;
  1439.   position: relative;
  1440. }
  1441.  
  1442. .list-color-number-8 {
  1443.   color: #9d62ff;
  1444. }
  1445.  
  1446. .list_color_border_8,
  1447. div.listbox-editable div.menu div.set-bullet td.list_color_border_8
  1448. {
  1449.   border: 1px solid #9d62ff;
  1450. }
  1451.  
  1452.  
  1453.  
  1454. .listbox-color-9 {
  1455.   background-color: #efbeff;
  1456.   padding: 0px;
  1457.   line-height: 1.5;
  1458.   margin: 0px;
  1459.   width: 100%;
  1460.   position: relative;
  1461. }
  1462.  
  1463. .list-color-number-9 {
  1464.   color: #d65dff;
  1465. }
  1466.  
  1467. .list_color_border_9,
  1468. div.listbox-editable div.menu div.set-bullet td.list_color_border_9
  1469. {
  1470.   border: 1px solid #d65dff;
  1471. }
  1472.  
  1473.  
  1474.  
  1475. .listbox-color-10 {
  1476.   background-color: #e0e0e0;
  1477.   padding: 0px;
  1478.   line-height: 1.5;
  1479.   margin: 0px;
  1480.   width: 100%;
  1481.   position: relative;
  1482. }
  1483.  
  1484. .list-color-number-10 {
  1485.   color: #a3a3a3;
  1486. }
  1487.  
  1488. .list_color_border_10,
  1489. div.listbox-editable div.menu div.set-bullet td.list_color_border_10
  1490. {
  1491.   border: 1px solid #a3a3a3;
  1492. }
  1493.  
  1494.  
  1495.  
  1496. .listbox-color-11 {
  1497.   background-color: #ffffff;
  1498.   padding: 0px;
  1499.   line-height: 1.5;
  1500.   margin: 0px;
  1501.   width: 100%;
  1502.   position: relative;
  1503. }
  1504.  
  1505. .list-color-number-11 {
  1506.   color: #a3a3a3;
  1507. }
  1508.  
  1509. .list_color_border_11,
  1510. div.listbox-editable div.menu div.set-bullet td.list_color_border_11
  1511. {
  1512.   border: 1px solid #a3a3a3;
  1513. }
  1514.  
  1515.  
  1516.  
  1517. .listbox-color-12 {
  1518.   background-color: #ff69b4;
  1519.   padding: 0px;
  1520.   line-height: 1.5;
  1521.   margin: 0px;
  1522.   width: 100%;
  1523.   position: relative;
  1524. }
  1525.  
  1526. .list-color-number-12 {
  1527.   color: #d12a7d;
  1528. }
  1529.  
  1530. .list_color_border_12,
  1531. div.listbox-editable div.menu div.set-bullet td.list_color_border_12
  1532. {
  1533.   border: 1px solid #d12a7d;
  1534. }
  1535.  
  1536.  
  1537.  
  1538. .listbox-color-13 {
  1539.   background-color: #ff8c00;
  1540.   padding: 0px;
  1541.   line-height: 1.5;
  1542.   margin: 0px;
  1543.   width: 100%;
  1544.   position: relative;
  1545. }
  1546.  
  1547. .list-color-number-13 {
  1548.   color: #e84600;
  1549. }
  1550.  
  1551. .list_color_border_13,
  1552. div.listbox-editable div.menu div.set-bullet td.list_color_border_13
  1553. {
  1554.   border: 1px solid #e84600;
  1555. }
  1556.  
  1557.  
  1558.  
  1559. .listbox-color-14 {
  1560.   background-color: #ffd700;
  1561.   padding: 0px;
  1562.   line-height: 1.5;
  1563.   margin: 0px;
  1564.   width: 100%;
  1565.   position: relative;
  1566. }
  1567.  
  1568. .list-color-number-14 {
  1569.   color: #b39700;
  1570. }
  1571.  
  1572. .list_color_border_14,
  1573. div.listbox-editable div.menu div.set-bullet td.list_color_border_14
  1574. {
  1575.   border: 1px solid #b39700;
  1576. }
  1577.  
  1578.  
  1579.  
  1580. .listbox-color-15 {
  1581.   background-color: #ffff00;
  1582.   padding: 0px;
  1583.   line-height: 1.5;
  1584.   margin: 0px;
  1585.   width: 100%;
  1586.   position: relative;
  1587. }
  1588.  
  1589. .list-color-number-15 {
  1590.   color: #b8b800;
  1591. }
  1592.  
  1593. .list_color_border_15,
  1594. div.listbox-editable div.menu div.set-bullet td.list_color_border_15
  1595. {
  1596.   border: 1px solid #b8b800;
  1597. }
  1598.  
  1599.  
  1600.  
  1601. .listbox-color-16 {
  1602.   background-color: #adff2f;
  1603.   padding: 0px;
  1604.   line-height: 1.5;
  1605.   margin: 0px;
  1606.   width: 100%;
  1607.   position: relative;
  1608. }
  1609.  
  1610. .list-color-number-16 {
  1611.   color: #6eb800;
  1612. }
  1613.  
  1614. .list_color_border_16,
  1615. div.listbox-editable div.menu div.set-bullet td.list_color_border_16
  1616. {
  1617.   border: 1px solid #6eb800;
  1618. }
  1619.  
  1620.  
  1621.  
  1622. .listbox-color-17 {
  1623.   background-color: #00fa9a;
  1624.   padding: 0px;
  1625.   line-height: 1.5;
  1626.   margin: 0px;
  1627.   width: 100%;
  1628.   position: relative;
  1629. }
  1630.  
  1631. .list-color-number-17 {
  1632.   color: #00b56d;
  1633. }
  1634.  
  1635. .list_color_border_17,
  1636. div.listbox-editable div.menu div.set-bullet td.list_color_border_17
  1637. {
  1638.   border: 1px solid #00b56d;
  1639. }
  1640.  
  1641.  
  1642.  
  1643. .listbox-color-18 {
  1644.   background-color: #00ced1;
  1645.   padding: 0px;
  1646.   line-height: 1.5;
  1647.   margin: 0px;
  1648.   width: 100%;
  1649.   position: relative;
  1650. }
  1651.  
  1652. .list-color-number-18 {
  1653.   color: #008d8f;
  1654. }
  1655.  
  1656. .list_color_border_18,
  1657. div.listbox-editable div.menu div.set-bullet td.list_color_border_18
  1658. {
  1659.   border: 1px solid #008d8f;
  1660. }
  1661.  
  1662.  
  1663.  
  1664. .listbox-color-19 {
  1665.   background-color: #00bfff;
  1666.   padding: 0px;
  1667.   line-height: 1.5;
  1668.   margin: 0px;
  1669.   width: 100%;
  1670.   position: relative;
  1671. }
  1672.  
  1673. .list-color-number-19 {
  1674.   color: #0082ad;
  1675. }
  1676.  
  1677. .list_color_border_19,
  1678. div.listbox-editable div.menu div.set-bullet td.list_color_border_19
  1679. {
  1680.   border: 1px solid #0082ad;
  1681. }
  1682.  
  1683.  
  1684.  
  1685. .listbox-color-20 {
  1686.   background-color: #7b68ee;
  1687.   padding: 0px;
  1688.   line-height: 1.5;
  1689.   margin: 0px;
  1690.   width: 100%;
  1691.   position: relative;
  1692. }
  1693.  
  1694. .list-color-number-20 {
  1695.   color: #5034e0;
  1696. }
  1697.  
  1698. .list_color_border_20,
  1699. div.listbox-editable div.menu div.set-bullet td.list_color_border_20
  1700. {
  1701.   border: 1px solid #5034e0;
  1702. }
  1703.  
  1704.  
  1705.  
  1706. .listbox-color-21 {
  1707.   background-color: #ee82ee;
  1708.   padding: 0px;
  1709.   line-height: 1.5;
  1710.   margin: 0px;
  1711.   width: 100%;
  1712.   position: relative;
  1713. }
  1714.  
  1715. .list-color-number-21 {
  1716.   color: #d728eb;
  1717. }
  1718.  
  1719. .list_color_border_21,
  1720. div.listbox-editable div.menu div.set-bullet td.list_color_border_21
  1721. {
  1722.   border: 1px solid #d728eb;
  1723. }
  1724.  
  1725.  
  1726.  
  1727. .listbox-color-22 {
  1728.   background-color: #a9a9a9;
  1729.   padding: 0px;
  1730.   line-height: 1.5;
  1731.   margin: 0px;
  1732.   width: 100%;
  1733.   position: relative;
  1734. }
  1735.  
  1736. .list-color-number-22 {
  1737.   color: #666666;
  1738. }
  1739.  
  1740. .list_color_border_22,
  1741. div.listbox-editable div.menu div.set-bullet td.list_color_border_22
  1742. {
  1743.   border: 1px solid #666666;
  1744. }
  1745.  
  1746.  
  1747.  
  1748. .listbox-color-23 {
  1749.   background-color: #c0c0c0;
  1750.   padding: 0px;
  1751.   line-height: 1.5;
  1752.   margin: 0px;
  1753.   width: 100%;
  1754.   position: relative;
  1755. }
  1756.  
  1757. .list-color-number-23 {
  1758.   color: #7d7d7d;
  1759. }
  1760.  
  1761. .list_color_border_23,
  1762. div.listbox-editable div.menu div.set-bullet td.list_color_border_23
  1763. {
  1764.   border: 1px solid #7d7d7d;
  1765. }
  1766.  
  1767.  
  1768.  
  1769. .listbox
  1770. {
  1771.     border-radius: 5px;
  1772.     -webkit-border-radius: 5px;
  1773.     -moz-border-radius: 5px;
  1774. }
  1775.  
  1776. .listbox-content ul
  1777. {
  1778.     margin-right: 2em;
  1779. }
  1780.  
  1781. .listbox-content ul a,
  1782. .listbox-content ol a,
  1783. .listbox-content p a {
  1784.   text-decoration: underline;
  1785. }
  1786.  
  1787.  
  1788. .listbox-color-selector-selected {
  1789.   border: 1px solid #05a;
  1790. }
  1791.  
  1792.  
  1793. .listbox-status
  1794. {
  1795.     font-size: 90%;
  1796.     font-weight: bold;
  1797.     text-align: center;
  1798.     display: none;
  1799. }
  1800.  
  1801. .listbox-status-rounded
  1802. {
  1803.     border-radius-bottomleft: 5px;
  1804.     border-radius-bottomright: 5px;
  1805.     -webkit-border-bottom-left-radius: 5px;
  1806.     -webkit-border-bottom-right-radius: 5px;
  1807.     -moz-border-radius-bottomleft: 5px;
  1808.     -moz-border-radius-bottomright: 5px;
  1809. }
  1810.  
  1811. .listbox-status-double-rounded
  1812. {
  1813.     border-radius: 5px;
  1814.     -webkit-border-radius: 5px;
  1815.     -moz-border-radius: 5px;
  1816.     padding: 5px 10px;
  1817. }
  1818.  
  1819. .listbox-status-special {
  1820.   font-weight: bold;
  1821.   text-align: center;
  1822. }
  1823.  
  1824. .listbox-link-selector {
  1825.   visibility: hidden;
  1826.   display: none;
  1827.   margin: -5px 10px 10px 10px;
  1828.   padding: 7px 0px;
  1829.   font-weight: bold;
  1830.   border-top: 1px dashed #999;
  1831. }
  1832.  
  1833. .listbox-footer-link a {
  1834.   font-weight: bold;
  1835.   font-size: 12px;
  1836. }
  1837.  
  1838. .listbox-stricken {
  1839.   text-decoration: line-through;
  1840. }
  1841.  
  1842. .gend-link-color a
  1843. {
  1844.     font-size: 90%;
  1845.     color: #05a;
  1846.     margin-left: 0.7em;
  1847. }
  1848.  
  1849. .gend-link-color a:hover
  1850. {
  1851.     color: #05a;
  1852. }
  1853.  
  1854.  
  1855.  
  1856. /****  text list  **********************************************/
  1857.  
  1858.  
  1859. div.listbox div.text_content { margin: 1.5em; margin-bottom: 0; }
  1860.  
  1861. body.list div.listbox div.text_content { margin: 3em 3em 0 3em; }
  1862.  
  1863.  
  1864. div.listbox div.text_content img.icon
  1865. {
  1866.     float: right;
  1867.     margin: 0 0 10px 10px;
  1868.     border-radius: 5px;
  1869.     -webkit-border-radius: 5px;
  1870.     -moz-border-radius: 5px;
  1871. }
  1872.  
  1873.  
  1874. /* nested lists  */
  1875. div.listbox div.text_content ul ul,
  1876. div.listbox div.text_content ol ol
  1877. {
  1878.     padding-left: 0.65em;
  1879. }
  1880.  
  1881.  
  1882. span.checkmark
  1883. {
  1884.     font-size: 125%;
  1885. }
  1886.  
  1887.  
  1888. /****  photo list  **********************************************/
  1889.  
  1890. .listbox .photo_list_thumbnails
  1891. {
  1892.     margin: 10px 10px 0px 15px;
  1893. }
  1894.  
  1895.     .listbox .photo_list_thumbnails img
  1896.     {
  1897.         width:  40px;
  1898.         height: 40px;
  1899.         margin: 0;
  1900.     }
  1901.  
  1902. .listbox .photo_list_images
  1903. {
  1904.     margin: 30px 10px 0px 30px;
  1905. }
  1906.  
  1907.     .listbox .photo_list_images img
  1908.     {
  1909.         clear: both;
  1910.         margin: 10px;
  1911.     }
  1912.  
  1913.  
  1914.  
  1915.  
  1916. /****  'more' and date area  **********************************/
  1917.  
  1918. div.listbox div.show-more
  1919. {
  1920.     text-align: center;
  1921. }
  1922.  
  1923.  
  1924. div.listbox div.dates { clear:both; float:right; margin-right:1em; font-size:90%; }
  1925.  
  1926.  
  1927.  
  1928. /****  status  **********************************************/
  1929.  
  1930. .status_active
  1931. {
  1932.     background-color: #F6F000;
  1933.     display: block;
  1934. }
  1935.  
  1936. .status_success
  1937. {
  1938.     background-color: #7df900;
  1939.     display: block;
  1940. }
  1941.  
  1942. .status_failure
  1943. {
  1944.     background-color: #f33;
  1945.     display: block;
  1946. }
  1947.  
  1948.  
  1949. /****  font stuff  **********************************************/
  1950.  
  1951. .font_Helvetica
  1952. {
  1953.     font-family: helvetica;
  1954.     font-size: 100%;
  1955. }
  1956.  
  1957. .font_Times
  1958. {
  1959.     font-family: times;
  1960.     font-size: 105%;
  1961. }
  1962.  
  1963. .font_Courier
  1964. {
  1965.     font-family: courier;
  1966.     font-size: 100%;
  1967. }
  1968.  
  1969.  
  1970.  
  1971. /****  style type  **********************************************/
  1972.  
  1973. .style_Number ul
  1974. {
  1975.     list-style-type: decimal;
  1976. }
  1977.  
  1978. .style_Disc ul
  1979. {
  1980. /* let the default style type be active, which causes nested lists to
  1981.  * get various style types. */
  1982. }
  1983.  
  1984.  
  1985.  
  1986. /****  Augmented lists: attachments and related  *********************************/
  1987.  
  1988.  
  1989. /* PREVIEW */
  1990. div.listbox.preview div.text_content.augmented { margin: 1em; text-align: center; }
  1991.  
  1992. div.listbox.preview .attachments { margin-bottom: 0.5em; }
  1993.  
  1994. div.listbox.preview .attachments img { border-radius: 4px }
  1995.  
  1996.  
  1997.  
  1998. /* FULLVIEW */
  1999. div.listbox.fullview div.text_content.augmented { text-align: center; font-size: 120%; margin: 0.5em 3em 0 3em; }
  2000.  
  2001. div.listbox.fullview div.text_content.augmented ul { margin: 0 0 0 -1em; padding: 0; }
  2002.  
  2003. div.listbox.fullview div.text_content.augmented li { display: block; padding: 1em; }
  2004.  
  2005. div.listbox.fullview div.text_content.augmented div.attachment img { max-width: 300px; max-height: 300px; margin: 1em 0; border-radius: 5px; }
  2006.  
  2007.  
  2008.  
  2009. /****  footer  **************************************************/
  2010.  
  2011. div.listbox div.footer
  2012. {
  2013.     padding: 0;
  2014.     font-size: 95%;
  2015.     clear: both;
  2016.     position: relative;
  2017. }
  2018.  
  2019.   div.listbox div.footer div.menu
  2020.   {
  2021.   }
  2022.  
  2023.   div.listbox div.footer div.menu div.item a
  2024.   {
  2025.       padding: 3px 9px;
  2026.   }
  2027.  
  2028.  
  2029.  
  2030.   div.listbox div.footer div.menu div.item
  2031.   {
  2032.       float: left;
  2033.       padding: 2px 0;
  2034.   }
  2035.  
  2036.  
  2037.   div.listbox div.footer div.panel
  2038.   {
  2039.       visibility: hidden;
  2040.       display: none;
  2041.   }
  2042.  
  2043.     div.listbox div.footer div.tool_panel
  2044.     {
  2045.         margin: 5px;
  2046.     }
  2047.  
  2048.     div.listbox div.footer div.send_panel input.text
  2049.     {
  2050.         width: 140px;
  2051.     }
  2052.  
  2053.     div.listbox div.footer div.send_panel textarea.text
  2054.     {
  2055.         width: 250px;
  2056.         height: 30px;
  2057.     }
  2058.  
  2059.  
  2060.  
  2061.   div.listbox div.footer div.actuators
  2062.   {
  2063.       clear: both;
  2064.       float: right;
  2065.   }
  2066.  
  2067.     div.listbox div.footer div.actuators a
  2068.     {
  2069.         padding: 3px 9px;
  2070.     }
  2071.  
  2072.  
  2073.   div.listbox div.footer .link_generator_container a
  2074.   {
  2075.     font-size: 90%;
  2076.     font-weight: normal;
  2077.     padding: 0 0 0 0.3em;
  2078.   }
  2079.  
  2080.  
  2081.   div.listbox div.footer .link_generator_container a,
  2082.   div.listbox div.footer .link_generator_container a:visited
  2083.   {
  2084.     text-decoration: none;
  2085.   }
  2086.  
  2087.   div.listbox div.footer .link_generator_container a:hover
  2088.   {
  2089.     text-decoration: underline;
  2090.   }
  2091.  
  2092.  
  2093.  
  2094.  
  2095. .selected_panel_switch
  2096. {
  2097.     background-color: #fff;
  2098. }
  2099.  
  2100. .selected_panel_switch_alternate
  2101. {
  2102.     background-color: #bed4ff;
  2103. }
  2104.  
  2105.  
  2106.  
  2107.  
  2108. /****  editable  **************************************************/
  2109.  
  2110.  
  2111. div.listbox-editable textarea,
  2112. div.listbox-editable input
  2113. {
  2114.     font-family: Monaco, "Courier New";
  2115.     font-size: 97%;
  2116. }
  2117.  
  2118. div.listbox-editable textarea
  2119. {
  2120.     width: 99%;
  2121.     padding: 1px 0;
  2122. }
  2123.  
  2124.  
  2125. div.listbox-editable div.header
  2126. {
  2127.     padding: 2px 10px 0 10px;
  2128.     text-align: right;
  2129.     font-size: 90%;
  2130. }
  2131.  
  2132.   div.listbox-editable div.header a
  2133.   {
  2134.       padding: 3px 9px;
  2135.   }
  2136.  
  2137.   div.listbox-editable div.category_editor table
  2138.   {
  2139.       width: 97%;
  2140.       margin-left: 5px;
  2141.       margin-right: 5px;
  2142.   }
  2143.  
  2144.   div.listbox-editable div.category_editor table tr td
  2145.   {
  2146.       padding: 0;
  2147.   }
  2148.  
  2149.   div.listbox-editable div.category_editor select
  2150.   {
  2151.       width: 100%;
  2152.   }
  2153.  
  2154.   div.listbox-editable div.category_editor input
  2155.   {
  2156.       width: 98%;
  2157.   }
  2158.  
  2159.  
  2160.  
  2161.  
  2162.  
  2163.   /****  mod menu  ************************************************/
  2164.  
  2165.   div.listbox-editable div.menu
  2166.   {
  2167.       display: none;
  2168.   }
  2169.  
  2170.   div.listbox-editable div.menu div.submenu span.label
  2171.   {
  2172.       font-weight: bold;
  2173.       padding: 0 1em 0 10px;
  2174.   }
  2175.  
  2176.   /* main menu */
  2177.   div.listbox-editable div.menu table.items
  2178.   {
  2179.       margin-left: 10px;
  2180.   }
  2181.  
  2182.   div.listbox-editable div.menu table.items td
  2183.   {
  2184.       vertical-align: top;
  2185.       font-size: 90%;
  2186.   }
  2187.  
  2188.   div.listbox-editable div.menu table.items dt
  2189.   {
  2190.       font-weight: bold;
  2191.   }
  2192.  
  2193.   div.listbox-editable div.menu table.items dd
  2194.   {
  2195.       margin-left: 13px;
  2196.   }
  2197.  
  2198.   div.listbox-editable div.menu table.items a
  2199.   {
  2200.       color: #05a;
  2201.   }
  2202.  
  2203.  
  2204.   /* color submenu */
  2205.   div.listbox-editable div.menu div.set-color
  2206.   {
  2207.       display: none;
  2208.   }
  2209.  
  2210.   div.listbox-editable div.menu div.set-color table
  2211.   {
  2212.       width: 100%;
  2213.   }
  2214.  
  2215.   div.listbox-editable div.menu div.set-color td.color-selector
  2216.   {
  2217.       height: 23px;
  2218.   }
  2219.  
  2220.  
  2221.   /* font submenu */
  2222.   div.listbox-editable div.menu div.set-font
  2223.   {
  2224.       font-size: 110%;
  2225.       padding: 5px 0;
  2226.   }
  2227.  
  2228.   div.listbox-editable div.menu div.set-font a
  2229.   {
  2230.       padding: 1px 5px;
  2231.   }
  2232.  
  2233.  
  2234.   /* bullet submenu */
  2235.   div.listbox-editable div.menu div.set-bullet
  2236.   {
  2237.       font-size: 110%;
  2238.       padding: 10px 0 5px 0;
  2239.   }
  2240.  
  2241.   div.listbox-editable div.menu div.set-bullet table
  2242.   {
  2243.   }
  2244.  
  2245.   div.listbox-editable div.menu div.set-bullet td
  2246.   {
  2247.       padding: 0 10px 0 10px;
  2248.       border: none;
  2249.       text-align: left;
  2250.   }
  2251.  
  2252.   div.listbox-editable div.menu div.set-bullet td.bullet
  2253.   {
  2254.       line-height: 119%;
  2255.   }
  2256.  
  2257.   div.listbox-editable div.menu div.set-bullet span.large
  2258.   {
  2259.       font-size: 150%;
  2260.   }
  2261.  
  2262.  
  2263.   /* icon submenu */
  2264.   div.listbox-editable div.menu div.set-icon
  2265.   {
  2266.       padding: 5px 10px;
  2267.   }
  2268.  
  2269.   div.listbox-editable div.menu div.set-icon a
  2270.   {
  2271.       padding: 1px 5px;
  2272.   }
  2273.  
  2274.   div.listbox-editable div.menu div.set-icon img
  2275.   {
  2276.       vertical-align: middle;
  2277.       height: 48px;
  2278.       margin: 0;
  2279.   }
  2280.  
  2281.   div.listbox-editable div.menu div.set-icon input[type="checkbox"]
  2282.   {
  2283.       margin-top: 10px;
  2284.   }
  2285.  
  2286.  
  2287.   /* folder submenu */
  2288.   div.listbox-editable div.menu div.set-folder
  2289.   {
  2290.       display: none;
  2291.       font-size: 110%;
  2292.       padding: 5px 0;
  2293.   }
  2294.  
  2295.   div.listbox-editable div.menu div.set-folder table /* iphone */
  2296.   {
  2297.       width: 73%;
  2298.   }
  2299.  
  2300.   div.listbox-editable div.menu div.set-folder a
  2301.   {
  2302.       padding: 1px 5px;
  2303.   }
  2304.  
  2305.  
  2306.   /* attachments submenu */
  2307.   div.listbox-editable div.attachments div.current div.attachment
  2308.   {
  2309.       float: left;
  2310.       position: relative;
  2311.   }
  2312.  
  2313.     div.listbox-editable div.attachments div.current div.attachment.loading
  2314.     {
  2315.         width: 41px;
  2316.         height: 41px;
  2317.         border: 1px dotted #777;
  2318.     }
  2319.  
  2320.     div.listbox-editable div.attachments div.current div.attachment img
  2321.     {
  2322.         height: 41px;
  2323.         margin: 0;
  2324.         z-index: 1;
  2325.     }
  2326.  
  2327.     div.listbox-editable div.attachments div.current div.attachment div.label
  2328.     {
  2329.         position: absolute;
  2330.         bottom: 0;
  2331.         right: 3px;
  2332.         z-index: 2;
  2333.         color: white;
  2334.         font-weight: bold;
  2335.         font-size: 150%;
  2336.         text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
  2337.     }
  2338.  
  2339.     div.listbox-editable div.attachments div.current div.attachment div.delete
  2340.     {
  2341.         display: none;
  2342.         position: absolute;
  2343.         top: 0;
  2344.         left: 3px;
  2345.         z-index: 3;
  2346.         font-size: 150%;
  2347.     }
  2348.  
  2349.       div.listbox-editable div.attachments div.current div.attachment div.delete a,
  2350.       div.listbox-editable div.attachments div.current div.attachment div.delete a:visited
  2351.       {
  2352.           text-decoration: none;
  2353.           color: red;
  2354.           text-shadow: 1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white;
  2355.       }
  2356.  
  2357.  
  2358.     div.listbox-editable div.attachments div.hint
  2359.     {
  2360.         clear: both;
  2361.         display: none;
  2362.         font-style: italic;
  2363.         padding: 1em;
  2364.     }
  2365.  
  2366.     div.listbox-editable div.attachments div.tools
  2367.     {
  2368.         clear: both;
  2369.         text-align: left;
  2370.     }
  2371.  
  2372.       div.listbox-editable div.attachments div.tools a
  2373.       {
  2374.           color: #05a;
  2375.           padding: 0 6px;
  2376.       }
  2377.  
  2378.       div.listbox-editable div.attachments div.tools input
  2379.       {
  2380.           display: none;
  2381.           padding: 0.7em 0;
  2382.       }
  2383.  
  2384.       div.listbox-editable div.attachments div.tools div.status
  2385.       {
  2386.           font-weight: bold;
  2387.           text-align: center;
  2388.       }
  2389.  
  2390.  
  2391.  
  2392.   /* delete submenu */
  2393.   div.listbox-editable div.menu div.delete
  2394.   {
  2395.       display: none;
  2396.   }
  2397.  
  2398.   div.listbox-editable div.menu div.delete div.confirm
  2399.   {
  2400.       background-color: #f6f000;
  2401.       text-align: center;
  2402.       font-weight: bold;
  2403.   }
  2404.  
  2405.  
  2406.  
  2407.  
  2408.   /* buttons */
  2409.   div.listbox-editable div.buttons_topped
  2410.   {
  2411.       border-top: 1px dotted #05a;
  2412.   }
  2413.  
  2414.   div.listbox-editable div.button
  2415.   {
  2416.       text-align: center;
  2417.       font-size: 100%;
  2418.       padding: 0.4em 0;
  2419.       color: #05a;
  2420.       float: left;
  2421.   }
  2422.  
  2423.   div.listbox-editable div.button:hover
  2424.   {
  2425.       cursor: pointer;
  2426.   }
  2427.  
  2428.   div.listbox-editable div.button_1_of_1 { width: 100%; }
  2429.  
  2430.   div.listbox-editable div.button_1_of_2 { width: 50%; }
  2431.   div.listbox-editable div.button_2_of_2 { width: 49%; border-left: 1px dotted #05a; }
  2432.  
  2433.  
  2434.   div.listbox-editable div.button_1_of_3 { width: 33%; }
  2435.   div.listbox-editable div.button_2_of_3,
  2436.   div.listbox-editable div.button_3_of_3 { width: 33%; border-left: 1px dotted #05a; }
  2437.  
  2438.    
  2439.   div.listbox-editable div.end_buttons
  2440.   {
  2441.       clear: both;
  2442.   }
  2443.    
  2444.  
  2445.  
  2446.  
  2447.  
  2448.  
  2449.  
  2450. .user-photo {
  2451.   width:  66px;
  2452.   height: 66px;
  2453. }
  2454.  
  2455.  
  2456. .micro-user-photo {
  2457.   border: 1px solid #ccc;
  2458.   width:  16px;
  2459.   height: 16px;
  2460.   float: left;
  2461.   margin-right: 5px;
  2462. }
  2463.  
  2464.  
  2465. .medium-user-photo {
  2466.   width: 24px;
  2467.   height: 24px;
  2468. }
  2469.  
  2470.  
  2471.  
  2472.  
  2473. .list-title-box {
  2474.   padding: 0 10px 1px 10px;
  2475.   position: relative;
  2476. }
  2477.  
  2478.  
  2479.  
  2480.  
  2481.  
  2482. .list-title-box-color-0
  2483. {
  2484.     padding: 0.4em 10px;
  2485.     position: relative;
  2486.     background-color: #ffbec2;
  2487.     border-top-left-radius: 5px;
  2488.     border-top-right-radius: 5px;
  2489.     -webkit-border-top-left-radius: 5px;
  2490.     -webkit-border-top-right-radius: 5px;
  2491.     -moz-border-radius-topleft: 5px;
  2492.     -moz-border-radius-topright: 5px;
  2493.     border-top: 1px solid #ffbec2;
  2494.     border-bottom: 1px solid #ff4853;
  2495.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2496. }
  2497.  
  2498.  
  2499.  
  2500. .list-title-box-color-1
  2501. {
  2502.     padding: 0.4em 10px;
  2503.     position: relative;
  2504.     background-color: #ffd0be;
  2505.     border-top-left-radius: 5px;
  2506.     border-top-right-radius: 5px;
  2507.     -webkit-border-top-left-radius: 5px;
  2508.     -webkit-border-top-right-radius: 5px;
  2509.     -moz-border-radius-topleft: 5px;
  2510.     -moz-border-radius-topright: 5px;
  2511.     border-top: 1px solid #ffd0be;
  2512.     border-bottom: 1px solid #ff6d37;
  2513.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2514. }
  2515.  
  2516.  
  2517.  
  2518. .list-title-box-color-2
  2519. {
  2520.     padding: 0.4em 10px;
  2521.     position: relative;
  2522.     background-color: #fdeaa4;
  2523.     border-top-left-radius: 5px;
  2524.     border-top-right-radius: 5px;
  2525.     -webkit-border-top-left-radius: 5px;
  2526.     -webkit-border-top-right-radius: 5px;
  2527.     -moz-border-radius-topleft: 5px;
  2528.     -moz-border-radius-topright: 5px;
  2529.     border-top: 1px solid #fdeaa4;
  2530.     border-bottom: 1px solid #fdc700;
  2531.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2532. }
  2533.  
  2534.  
  2535.  
  2536. .list-title-box-color-3
  2537. {
  2538.     padding: 0.4em 10px;
  2539.     position: relative;
  2540.     background-color: #f6f49f;
  2541.     border-top-left-radius: 5px;
  2542.     border-top-right-radius: 5px;
  2543.     -webkit-border-top-left-radius: 5px;
  2544.     -webkit-border-top-right-radius: 5px;
  2545.     -moz-border-radius-topleft: 5px;
  2546.     -moz-border-radius-topright: 5px;
  2547.     border-top: 1px solid #f6f49f;
  2548.     border-bottom: 1px solid #d6d600;
  2549.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2550. }
  2551.  
  2552.  
  2553.  
  2554. .list-title-box-color-4
  2555. {
  2556.     padding: 0.4em 10px;
  2557.     position: relative;
  2558.     background-color: #cef9a2;
  2559.     border-top-left-radius: 5px;
  2560.     border-top-right-radius: 5px;
  2561.     -webkit-border-top-left-radius: 5px;
  2562.     -webkit-border-top-right-radius: 5px;
  2563.     -moz-border-radius-topleft: 5px;
  2564.     -moz-border-radius-topright: 5px;
  2565.     border-top: 1px solid #cef9a2;
  2566.     border-bottom: 1px solid #73e600;
  2567.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2568. }
  2569.  
  2570.  
  2571.  
  2572. .list-title-box-color-5
  2573. {
  2574.     padding: 0.4em 10px;
  2575.     position: relative;
  2576.     background-color: #9be092;
  2577.     border-top-left-radius: 5px;
  2578.     border-top-right-radius: 5px;
  2579.     -webkit-border-top-left-radius: 5px;
  2580.     -webkit-border-top-right-radius: 5px;
  2581.     -moz-border-radius-topleft: 5px;
  2582.     -moz-border-radius-topright: 5px;
  2583.     border-top: 1px solid #9be092;
  2584.     border-bottom: 1px solid #1bc700;
  2585.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2586. }
  2587.  
  2588.  
  2589.  
  2590. .list-title-box-color-6
  2591. {
  2592.     padding: 0.4em 10px;
  2593.     position: relative;
  2594.     background-color: #9fd4c5;
  2595.     border-top-left-radius: 5px;
  2596.     border-top-right-radius: 5px;
  2597.     -webkit-border-top-left-radius: 5px;
  2598.     -webkit-border-top-right-radius: 5px;
  2599.     -moz-border-radius-topleft: 5px;
  2600.     -moz-border-radius-topright: 5px;
  2601.     border-top: 1px solid #9fd4c5;
  2602.     border-bottom: 1px solid #36b592;
  2603.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2604. }
  2605.  
  2606.  
  2607.  
  2608. .list-title-box-color-7
  2609. {
  2610.     padding: 0.4em 10px;
  2611.     position: relative;
  2612.     background-color: #bed4ff;
  2613.     border-top-left-radius: 5px;
  2614.     border-top-right-radius: 5px;
  2615.     -webkit-border-top-left-radius: 5px;
  2616.     -webkit-border-top-right-radius: 5px;
  2617.     -moz-border-radius-topleft: 5px;
  2618.     -moz-border-radius-topright: 5px;
  2619.     border-top: 1px solid #bed4ff;
  2620.     border-bottom: 1px solid #4f8aff;
  2621.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2622. }
  2623.  
  2624.  
  2625.  
  2626. .list-title-box-color-8
  2627. {
  2628.     padding: 0.4em 10px;
  2629.     position: relative;
  2630.     background-color: #d7bfff;
  2631.     border-top-left-radius: 5px;
  2632.     border-top-right-radius: 5px;
  2633.     -webkit-border-top-left-radius: 5px;
  2634.     -webkit-border-top-right-radius: 5px;
  2635.     -moz-border-radius-topleft: 5px;
  2636.     -moz-border-radius-topright: 5px;
  2637.     border-top: 1px solid #d7bfff;
  2638.     border-bottom: 1px solid #9d62ff;
  2639.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2640. }
  2641.  
  2642.  
  2643.  
  2644. .list-title-box-color-9
  2645. {
  2646.     padding: 0.4em 10px;
  2647.     position: relative;
  2648.     background-color: #efbeff;
  2649.     border-top-left-radius: 5px;
  2650.     border-top-right-radius: 5px;
  2651.     -webkit-border-top-left-radius: 5px;
  2652.     -webkit-border-top-right-radius: 5px;
  2653.     -moz-border-radius-topleft: 5px;
  2654.     -moz-border-radius-topright: 5px;
  2655.     border-top: 1px solid #efbeff;
  2656.     border-bottom: 1px solid #d65dff;
  2657.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2658. }
  2659.  
  2660.  
  2661.  
  2662. .list-title-box-color-10
  2663. {
  2664.     padding: 0.4em 10px;
  2665.     position: relative;
  2666.     background-color: #e0e0e0;
  2667.     border-top-left-radius: 5px;
  2668.     border-top-right-radius: 5px;
  2669.     -webkit-border-top-left-radius: 5px;
  2670.     -webkit-border-top-right-radius: 5px;
  2671.     -moz-border-radius-topleft: 5px;
  2672.     -moz-border-radius-topright: 5px;
  2673.     border-top: 1px solid #e0e0e0;
  2674.     border-bottom: 1px solid #a3a3a3;
  2675.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2676. }
  2677.  
  2678.  
  2679.  
  2680. .list-title-box-color-11
  2681. {
  2682.     padding: 0.4em 10px;
  2683.     position: relative;
  2684.     background-color: #ffffff;
  2685.     border-top-left-radius: 5px;
  2686.     border-top-right-radius: 5px;
  2687.     -webkit-border-top-left-radius: 5px;
  2688.     -webkit-border-top-right-radius: 5px;
  2689.     -moz-border-radius-topleft: 5px;
  2690.     -moz-border-radius-topright: 5px;
  2691.     border-top: 1px solid #ffffff;
  2692.     border-bottom: 1px solid #a3a3a3;
  2693.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2694. }
  2695.  
  2696.  
  2697.  
  2698. .list-title-box-color-12
  2699. {
  2700.     padding: 0.4em 10px;
  2701.     position: relative;
  2702.     background-color: #ff69b4;
  2703.     border-top-left-radius: 5px;
  2704.     border-top-right-radius: 5px;
  2705.     -webkit-border-top-left-radius: 5px;
  2706.     -webkit-border-top-right-radius: 5px;
  2707.     -moz-border-radius-topleft: 5px;
  2708.     -moz-border-radius-topright: 5px;
  2709.     border-top: 1px solid #ff69b4;
  2710.     border-bottom: 1px solid #d12a7d;
  2711.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2712. }
  2713.  
  2714.  
  2715.  
  2716. .list-title-box-color-13
  2717. {
  2718.     padding: 0.4em 10px;
  2719.     position: relative;
  2720.     background-color: #ff8c00;
  2721.     border-top-left-radius: 5px;
  2722.     border-top-right-radius: 5px;
  2723.     -webkit-border-top-left-radius: 5px;
  2724.     -webkit-border-top-right-radius: 5px;
  2725.     -moz-border-radius-topleft: 5px;
  2726.     -moz-border-radius-topright: 5px;
  2727.     border-top: 1px solid #ff8c00;
  2728.     border-bottom: 1px solid #e84600;
  2729.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2730. }
  2731.  
  2732.  
  2733.  
  2734. .list-title-box-color-14
  2735. {
  2736.     padding: 0.4em 10px;
  2737.     position: relative;
  2738.     background-color: #ffd700;
  2739.     border-top-left-radius: 5px;
  2740.     border-top-right-radius: 5px;
  2741.     -webkit-border-top-left-radius: 5px;
  2742.     -webkit-border-top-right-radius: 5px;
  2743.     -moz-border-radius-topleft: 5px;
  2744.     -moz-border-radius-topright: 5px;
  2745.     border-top: 1px solid #ffd700;
  2746.     border-bottom: 1px solid #b39700;
  2747.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2748. }
  2749.  
  2750.  
  2751.  
  2752. .list-title-box-color-15
  2753. {
  2754.     padding: 0.4em 10px;
  2755.     position: relative;
  2756.     background-color: #ffff00;
  2757.     border-top-left-radius: 5px;
  2758.     border-top-right-radius: 5px;
  2759.     -webkit-border-top-left-radius: 5px;
  2760.     -webkit-border-top-right-radius: 5px;
  2761.     -moz-border-radius-topleft: 5px;
  2762.     -moz-border-radius-topright: 5px;
  2763.     border-top: 1px solid #ffff00;
  2764.     border-bottom: 1px solid #b8b800;
  2765.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2766. }
  2767.  
  2768.  
  2769.  
  2770. .list-title-box-color-16
  2771. {
  2772.     padding: 0.4em 10px;
  2773.     position: relative;
  2774.     background-color: #adff2f;
  2775.     border-top-left-radius: 5px;
  2776.     border-top-right-radius: 5px;
  2777.     -webkit-border-top-left-radius: 5px;
  2778.     -webkit-border-top-right-radius: 5px;
  2779.     -moz-border-radius-topleft: 5px;
  2780.     -moz-border-radius-topright: 5px;
  2781.     border-top: 1px solid #adff2f;
  2782.     border-bottom: 1px solid #6eb800;
  2783.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2784. }
  2785.  
  2786.  
  2787.  
  2788. .list-title-box-color-17
  2789. {
  2790.     padding: 0.4em 10px;
  2791.     position: relative;
  2792.     background-color: #00fa9a;
  2793.     border-top-left-radius: 5px;
  2794.     border-top-right-radius: 5px;
  2795.     -webkit-border-top-left-radius: 5px;
  2796.     -webkit-border-top-right-radius: 5px;
  2797.     -moz-border-radius-topleft: 5px;
  2798.     -moz-border-radius-topright: 5px;
  2799.     border-top: 1px solid #00fa9a;
  2800.     border-bottom: 1px solid #00b56d;
  2801.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2802. }
  2803.  
  2804.  
  2805.  
  2806. .list-title-box-color-18
  2807. {
  2808.     padding: 0.4em 10px;
  2809.     position: relative;
  2810.     background-color: #00ced1;
  2811.     border-top-left-radius: 5px;
  2812.     border-top-right-radius: 5px;
  2813.     -webkit-border-top-left-radius: 5px;
  2814.     -webkit-border-top-right-radius: 5px;
  2815.     -moz-border-radius-topleft: 5px;
  2816.     -moz-border-radius-topright: 5px;
  2817.     border-top: 1px solid #00ced1;
  2818.     border-bottom: 1px solid #008d8f;
  2819.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2820. }
  2821.  
  2822.  
  2823.  
  2824. .list-title-box-color-19
  2825. {
  2826.     padding: 0.4em 10px;
  2827.     position: relative;
  2828.     background-color: #00bfff;
  2829.     border-top-left-radius: 5px;
  2830.     border-top-right-radius: 5px;
  2831.     -webkit-border-top-left-radius: 5px;
  2832.     -webkit-border-top-right-radius: 5px;
  2833.     -moz-border-radius-topleft: 5px;
  2834.     -moz-border-radius-topright: 5px;
  2835.     border-top: 1px solid #00bfff;
  2836.     border-bottom: 1px solid #0082ad;
  2837.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2838. }
  2839.  
  2840.  
  2841.  
  2842. .list-title-box-color-20
  2843. {
  2844.     padding: 0.4em 10px;
  2845.     position: relative;
  2846.     background-color: #7b68ee;
  2847.     border-top-left-radius: 5px;
  2848.     border-top-right-radius: 5px;
  2849.     -webkit-border-top-left-radius: 5px;
  2850.     -webkit-border-top-right-radius: 5px;
  2851.     -moz-border-radius-topleft: 5px;
  2852.     -moz-border-radius-topright: 5px;
  2853.     border-top: 1px solid #7b68ee;
  2854.     border-bottom: 1px solid #5034e0;
  2855.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2856. }
  2857.  
  2858.  
  2859.  
  2860. .list-title-box-color-21
  2861. {
  2862.     padding: 0.4em 10px;
  2863.     position: relative;
  2864.     background-color: #ee82ee;
  2865.     border-top-left-radius: 5px;
  2866.     border-top-right-radius: 5px;
  2867.     -webkit-border-top-left-radius: 5px;
  2868.     -webkit-border-top-right-radius: 5px;
  2869.     -moz-border-radius-topleft: 5px;
  2870.     -moz-border-radius-topright: 5px;
  2871.     border-top: 1px solid #ee82ee;
  2872.     border-bottom: 1px solid #d728eb;
  2873.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2874. }
  2875.  
  2876.  
  2877.  
  2878. .list-title-box-color-22
  2879. {
  2880.     padding: 0.4em 10px;
  2881.     position: relative;
  2882.     background-color: #a9a9a9;
  2883.     border-top-left-radius: 5px;
  2884.     border-top-right-radius: 5px;
  2885.     -webkit-border-top-left-radius: 5px;
  2886.     -webkit-border-top-right-radius: 5px;
  2887.     -moz-border-radius-topleft: 5px;
  2888.     -moz-border-radius-topright: 5px;
  2889.     border-top: 1px solid #a9a9a9;
  2890.     border-bottom: 1px solid #666666;
  2891.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2892. }
  2893.  
  2894.  
  2895.  
  2896. .list-title-box-color-23
  2897. {
  2898.     padding: 0.4em 10px;
  2899.     position: relative;
  2900.     background-color: #c0c0c0;
  2901.     border-top-left-radius: 5px;
  2902.     border-top-right-radius: 5px;
  2903.     -webkit-border-top-left-radius: 5px;
  2904.     -webkit-border-top-right-radius: 5px;
  2905.     -moz-border-radius-topleft: 5px;
  2906.     -moz-border-radius-topright: 5px;
  2907.     border-top: 1px solid #c0c0c0;
  2908.     border-bottom: 1px solid #7d7d7d;
  2909.     overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
  2910. }
  2911.  
  2912.  
  2913.  
  2914.  
  2915. .list-title-handle
  2916. {
  2917.   font-size: 15px;
  2918.   cursor: move;
  2919. }
  2920.  
  2921.  
  2922. /* XXX these need to be renamed */
  2923.  
  2924. .box-title {
  2925.   font-size: 130%;
  2926.   font-weight: bold;
  2927.   color: #333;
  2928. }
  2929.  
  2930. .box-title a {
  2931.   color: #333;
  2932. }
  2933.  
  2934. .box-title a:visited {
  2935.   color: #333;
  2936. }
  2937.  
  2938. .box-title a:hover {
  2939.   background-color: inherit;
  2940. }
  2941.  
  2942. .box-subtitle {
  2943.   font-size: 90%;
  2944.   font-weight: normal;
  2945.   color: #333;
  2946.   padding-right: 10px;
  2947. }
  2948.  
  2949. .box-subtitle a {
  2950.   color: #333;
  2951. }
  2952.  
  2953.  
  2954. .box-title-colored a {
  2955.   font-weight: bold;
  2956.   font-size: 130%;
  2957. }
  2958.  
  2959.  
  2960. /* nowrap versions */
  2961.  
  2962. .box-title-nowrap {
  2963.   font-size: 130%;
  2964.   font-weight: bold;
  2965.   color: #333;
  2966.   vertical-align: middle;
  2967.   white-space: nowrap;
  2968. }
  2969.  
  2970. .box-title-nowrap a {
  2971.   color: #333;
  2972.   white-space: nowrap;
  2973. }
  2974.  
  2975. .box-title-nowrap a:visited {
  2976.   color: #333;
  2977.   white-space: nowrap;
  2978. }
  2979.  
  2980. .box-subtitle-nowrap {
  2981.   font-size: 90%;
  2982.   font-weight: normal;
  2983.   color: #333;
  2984.   vertical-align: middle;
  2985.   white-space: nowrap;
  2986. }
  2987.  
  2988.  
  2989.  
  2990.  
  2991.  
  2992.  
  2993. .comments-box
  2994. {
  2995.     border-top: 1px dotted #bbb;
  2996.     border-radius-bottomleft: 5px;
  2997.     border-radius-bottomright: 5px;
  2998.     -webkit-border-bottom-left-radius: 5px;
  2999.     -webkit-border-bottom-right-radius: 5px;
  3000.     -moz-border-radius-bottomleft: 5px;
  3001.     -moz-border-radius-bottomright: 5px;
  3002. }
  3003.  
  3004.   .comments-box form
  3005.   {
  3006.     margin: 0;
  3007.   }
  3008.  
  3009. .comments-thread-box-0
  3010. {
  3011.     background-color: #e7e7e7;
  3012.     border-radius-bottomleft: 5px;
  3013.     border-radius-bottomright: 5px;
  3014.     -webkit-border-bottom-left-radius: 5px;
  3015.     -webkit-border-bottom-right-radius: 5px;
  3016.     -moz-border-radius-bottomleft: 5px;
  3017.     -moz-border-radius-bottomright: 5px;
  3018. }
  3019.  
  3020. .comments-thread-box-1
  3021. {
  3022.     background-color: #fff;
  3023.     border-bottom-left-radius: 5px;
  3024.     border-bottom-right-radius: 5px;
  3025.     -webkit-border-bottom-left-radius: 5px;
  3026.     -webkit-border-bottom-right-radius: 5px;
  3027.     -moz-border-radius-bottomleft: 5px;
  3028.     -moz-border-radius-bottomright: 5px;
  3029. }
  3030.  
  3031.  
  3032. .comments-thread-box-0,
  3033. .comments-thread-box-1 {
  3034.   /* xxx padding right related to IE hack */
  3035.   padding: 10px 5px 10px 10px;
  3036. }
  3037.  
  3038.  
  3039.  
  3040. .comments-box .comment,
  3041. .comments-box .comment-toplevel {
  3042.   margin: 0px;
  3043.   vertical-align: middle;
  3044.   /* xxx IE hack */
  3045.   width: 97%;
  3046. }
  3047.  
  3048.  
  3049. .comments-thread-reply-box {
  3050.   font-size: 11px;
  3051. }
  3052.  
  3053. /* comment sider */
  3054. .comments-box td + td {
  3055.   margin-left: 10px;
  3056.   font-size: 11px;
  3057.   text-align: right;
  3058.   white-space: nowrap;
  3059.   vertical-align: top;
  3060. }
  3061.  
  3062. .comments-box td.save {
  3063.   text-align: right;
  3064. }
  3065.  
  3066. .comments-box div.login {
  3067.   margin: 15px 10px 0 15px;
  3068.   padding-bottom: 10px;
  3069. }
  3070.  
  3071. .comments-box div.login a {
  3072.   font-weight: bold;
  3073. }
  3074.  
  3075. .comment-name {
  3076.   font-weight: bold;
  3077. }
  3078.  
  3079. #new-comment-thread-box {
  3080.   padding-top: 10px;
  3081.   padding-bottom: 10px;
  3082. }
  3083.  
  3084.  
  3085.  
  3086.  
  3087. .search-box {
  3088.   margin: 30px 10px 10px 0px;
  3089. }
  3090.  
  3091. .search-response-box {
  3092.   margin: 20px 10px 10px 0px;
  3093.   line-height: 2.0;
  3094.   vertical-align: middle;
  3095. }
  3096.  
  3097. .search-response-paging-box {
  3098.   margin-top: 20px;
  3099. }
  3100.  
  3101. .search-response-paging-box a {
  3102.   font-weight: bold;
  3103. }
  3104.  
  3105. </style>    </head>
  3106. <body>   <div id="page">       <div id="user-box-view" class="user-box-base">
  3107.   <div class="user-box">
  3108.     <table class="main">
  3109.       <tbody><tr>
  3110.         <td class="left">
  3111.           <div class="title">
  3112.             <span class="title">
  3113.               <a href="http://listography.com/tinuviele">tinuviele's listography</a>
  3114.             </span>  <span class="follow">
  3115.                  <a href="http://listography.com/action/follow?uid=9562325443&amp;ak=">» follow tinuviele</a>
  3116.                </span>  </div>
  3117.           <table class="about">
  3118.             <tbody><tr>
  3119.               <td>
  3120.                 <img src="listography%20tinuviele_files/user-image_003.jpg" alt="user image">
  3121.               </td>
  3122.               <td>
  3123.                 <p class="about">  i like to stay organized   </p>
  3124.                 <p class="links">              </p>
  3125.               </td>
  3126.             </tr>
  3127.           </tbody></table>
  3128.         </td>
  3129.         <td class="middle">
  3130.           <div class="header">
  3131.             <span class="title">tinuviele follows:</span>
  3132.           </div>
  3133.           <table class="updates" id="following-view-updates-box">   <tbody><tr>
  3134.                  <td class="name">  <a href="http://listography.com/onepinkhippoart">art &amp; mythology</a>  </td>
  3135.                  <td class="list">
  3136.                    <img src="listography%20tinuviele_files/user-image.jpg">
  3137.                    <a href="http://listography.com/action/list?uid=8118287471&amp;lid=4624424593">
  3138.                      <b>Shakespeare</b>  </a>
  3139.                  </td>
  3140.                </tr>   <tr>
  3141.                  <td class="name">  </td>
  3142.                  <td class="list">
  3143.                    <img src="listography%20tinuviele_files/user-image.jpg">
  3144.                    <a href="http://listography.com/action/list?uid=8118287471&amp;lid=3466624563">
  3145.                      <b>Angels</b>  </a>
  3146.                  </td>
  3147.                </tr>   <tr>
  3148.                  <td class="name">  <a href="http://listography.com/lxwcz">sonja</a>  </td>
  3149.                  <td class="list">
  3150.                    <img src="listography%20tinuviele_files/user-image_002.jpg">
  3151.                    <a href="http://listography.com/action/list?uid=7613989165&amp;lid=2352415323">
  3152.                      <b>books</b>  <span class="smaller">(2013)</span>  </a>
  3153.                  </td>
  3154.                </tr>   <tr>
  3155.                  <td class="name">  </td>
  3156.                  <td class="list">
  3157.                    <img src="listography%20tinuviele_files/user-image_002.jpg">
  3158.                    <a href="http://listography.com/action/list?uid=7613989165&amp;lid=4666626544">
  3159.                      <b>hobbies</b>  <span class="smaller">(2012-2013)</span>  </a>
  3160.                  </td>
  3161.                </tr>   <tr>
  3162.                  <td class="name">  </td>
  3163.                  <td class="list">
  3164.                    <img src="listography%20tinuviele_files/user-image_002.jpg">
  3165.                    <a href="http://listography.com/action/list?uid=7613989165&amp;lid=5389615388">
  3166.                      <b>movies</b>  <span class="smaller">(2013)</span>  </a>
  3167.                  </td>
  3168.                </tr>   </tbody></table>  <div class="list" id="following-view-all-box">     <table width="89%">  <tbody><tr>
  3169.                     <td>    <a href="http://listography.com/onepinkhippoart">art &amp; mythology</a>   </td>
  3170.                     <td>     <span class="recently-updated"><a href="http://listography.com/lxwcz">sonja</a></span>   </td>
  3171.                   </tr>  </tbody></table>
  3172.              </div>
  3173.              <div class="menu">
  3174.                <a href="#" class="toggle-view">view all</a>  </div>  </td>
  3175.         <td class="right">
  3176.           <div class="global-menu">
  3177.             <table>  <tbody><tr><td><a href="http://listography.com/">login</a></td></tr>
  3178.                  <tr><td><a href="http://listography.com/action/signup">sign up</a></td></tr>  <tr><td><a href="http://listography.com/action/someone-new/2adcc">explore</a></td></tr>   </tbody></table>
  3179.             <div id="session-status-msg" class="status"></div>
  3180.           </div>
  3181.         </td>
  3182.       </tr>
  3183.     </tbody></table>
  3184.     <table class="menu">
  3185.       <tbody><tr>   <td class="selected">    <a href="http://listography.com/tinuviele">   main&nbsp;
  3186.              <span id="sidebar-folder-M-count">  (10)  </span>  </a>  </td>  <td>    <a href="http://listography.com/tinuviele?f=O">   ongoing&nbsp;
  3187.              <span id="sidebar-folder-O-count">  &nbsp;  </span>  </a>  </td>  <td>    <a href="http://listography.com/tinuviele/index?v=a">   archive&nbsp;
  3188.              <span id="sidebar-folder-A-count">  &nbsp;  </span>  </a>  </td>  <td>   <span class="disabled">  private&nbsp;
  3189.              <span id="sidebar-folder-P-count">  &nbsp;  </span>  </span>  </td>  <td>
  3190.         </td><td class="search">
  3191.           <form action="/action/find">
  3192.             <input name="uid" value="9562325443" type="hidden">
  3193.             <input name="q" value="search" id="search" type="search">
  3194.           </form>
  3195.         </td>
  3196.       </tr>
  3197.     </tbody></table>
  3198.   </div>
  3199. </div>
  3200.  
  3201.  <table id="list-table" class="list-table">
  3202.     <tbody><tr>
  3203.     <td>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-7654726727">
  3204.   <div id="listbox-content-slot-7654726727">   <div id="listbox-read-mode-content-7654726727">    <div id="list-title-box-7654726727" class="list-title-box-color-11 font_Times">
  3205.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/goals/to_accomplish_this_upcoming_year_">  goals   <span class="box-subtitle">  (to accomplish this upcoming year )
  3206.              </span>   </a>  </span>
  3207.     </div>  <div style="clear: both;"></div>
  3208.   </div>
  3209.  
  3210.  <!-- container for the body area of the list -->
  3211.   <div class="listbox-content">
  3212.     <div class="text_content font_Times ">      
  3213.   <ul>
  3214.     <li>read at least one book every week <span class="gend-link"></span></li>
  3215.     <li>be compassionate and understanding towards everyone, no matter the case <span class="gend-link"></span></li>
  3216.     <li>master lucid dreaming <span class="gend-link"></span></li>
  3217.     <li>stop being so critical, and comparing yourself to others <span class="gend-link"></span></li>
  3218.     <li>dream journal every day <span class="gend-link"></span></li>
  3219.     <li>eliminate procrastination <span class="gend-link"></span></li>
  3220.     <li>consume wholesome and healthy foods <span class="gend-link"></span></li>
  3221.     <li>draw daily <span class="gend-link"></span></li>
  3222.     <li>maintain fitness <span class="gend-link"></span></li>
  3223.     <li>obtain a job <span class="gend-link"></span></li>
  3224.     <li>become a part of some club or association in school <span class="gend-link"></span></li>
  3225.     <li>meditate <span class="gend-link"></span></li>
  3226.     <li><span class="listbox-stricken">find a mentor &amp; internship that i enjoy</span> <span class="gend-link"></span></li>
  3227.     <li><span class="listbox-stricken">find love</span> <span class="gend-link"></span></li>
  3228.     <li>live happy <span class="gend-link"></span></li>
  3229.   </ul>
  3230.    </div> <!-- text div -->  <!-- dates -->    <div class="dates list-color-number-11"> jul 28 2012 ∞<br> oct 28 2012 +
  3231.        </div>
  3232.        <div style="clear: both"></div>  </div> <!-- content div -->
  3233.  
  3234.  
  3235.   <!-- footer -->    <div id="list_footer_box_7654726727" class="footer">
  3236.  
  3237.   <!-- menu -->
  3238.   <div class="menu">  <div class="item">
  3239.       <a id="list_footer_tools_link_7654726727" href="#">tools</a>
  3240.     </div>  <div class="item">
  3241.          <a href="http://listography.com/tinuviele/goals/to_accomplish_this_upcoming_year_"> comment  </a>
  3242.        </div>  <div style="clear: both"></div>
  3243.   </div>
  3244.  
  3245.  
  3246.   <!-- tools panel -->
  3247.   <div id="list_footer_tools_box_7654726727" class="panel">
  3248.  
  3249.     <div class="menu">  <div class="item">
  3250.         <a id="list_footer_show_searches_link_7654726727" href="#">search links</a>
  3251.       </div>
  3252.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=7654726727">RSS list feed</a>
  3253.       </div>
  3254.       <div style="clear: both"></div>
  3255.     </div>
  3256.  
  3257.     <!-- send panel -->  <!-- searches panel -->
  3258.     <div id="list_footer_show_searches_box_7654726727" class="panel tool_panel">
  3259.       <span id="list_footer_tools_link_generator_container_7654726727" class="link_generator_container"></span>
  3260.       <div style="clear: both"></div>
  3261.     </div>
  3262.  
  3263.     <div style="clear: both"></div>
  3264.   </div>
  3265. </div>
  3266.   </div>
  3267.   </div>
  3268.  
  3269.   <div id="listbox-status-7654726727" class="listbox-status listbox-status-rounded"></div>
  3270.  
  3271.   <div id="listbox-hidden-slot-7654726727" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->    </div>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-1466726727">
  3272.   <div id="listbox-content-slot-1466726727">   <div id="listbox-read-mode-content-1466726727">    <div id="list-title-box-1466726727" class="list-title-box-color-11 font_Times">
  3273.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/educational/a_pocket_of_nice_words">  educational   <span class="box-subtitle">  (a pocket of nice words)
  3274.              </span>   </a>  </span>
  3275.     </div>  <div style="clear: both;"></div>
  3276.   </div>
  3277.  
  3278.  <!-- container for the body area of the list -->
  3279.   <div class="listbox-content">
  3280.     <div class="text_content font_Times ">      
  3281.   <ul>
  3282.     <li><em>arabesque</em>  - An ornamental design of intertwined flowing lines, originally found in Arabic or Moorish decoration. <span class="gend-link"></span></li>
  3283.     <li><em>aubergine</em>  - A dark purple color like that of eggplant. <span class="gend-link"></span></li>
  3284.     <li><em>celestial</em>  - Positioned in or relating to the sky, or outer space as observed in astronomy. <span class="gend-link"></span></li>
  3285.     <li><em>chatoyant</em>  - Showing a band of bright reflected light caused by aligned inclusions in the stone. <span class="gend-link"></span></li>
  3286.     <li><em>efflorescence</em>  - The period of greatest prosperity or productivity for a flower. <span class="gend-link"></span></li>
  3287.     <li><em>elixer</em>  - A magical or medicinal potion. <span class="gend-link"></span></li>
  3288.     <li><em>ephemeral</em>  - Lasting for a very short time. <span class="gend-link"></span></li>
  3289.     <li><em>epiphany</em>  - A moment of sudden revelation or insight. <span class="gend-link"></span></li>
  3290.     <li><em>ethereal</em>  - Extremely delicate and light in a way that seems too perfect for this world. <span class="gend-link"></span></li>
  3291.     <li><em>fathom</em>  -  To understand, get to the bottom of. <span class="gend-link"></span></li>
  3292.     <li><em>grandeur</em>  - Splendor and impressiveness. <span class="gend-link"></span></li>
  3293.     <li><em>labyrinthine</em>  - Resembling a labyrinth in complexity. <span class="gend-link"></span></li>
  3294.   </ul>
  3295.    </div> <!-- text div -->  <div class="show-more"><a href="http://listography.com/tinuviele/educational/a_pocket_of_nice_words" id="list-show-all-link-1466726727">[...view...]</a></div>  <!-- dates -->    <div class="dates list-color-number-11"> jul 28 2012 ∞<br> jul 29 2012 +
  3296.        </div>
  3297.        <div style="clear: both"></div>  </div> <!-- content div -->
  3298.  
  3299.  
  3300.   <!-- footer -->    <div id="list_footer_box_1466726727" class="footer">
  3301.  
  3302.   <!-- menu -->
  3303.   <div class="menu">  <div class="item">
  3304.       <a id="list_footer_tools_link_1466726727" href="#">tools</a>
  3305.     </div>  <div class="item">
  3306.          <a href="http://listography.com/tinuviele/educational/a_pocket_of_nice_words"> comment  </a>
  3307.        </div>  <div style="clear: both"></div>
  3308.   </div>
  3309.  
  3310.  
  3311.   <!-- tools panel -->
  3312.   <div id="list_footer_tools_box_1466726727" class="panel">
  3313.  
  3314.     <div class="menu">  <div class="item">
  3315.         <a id="list_footer_show_searches_link_1466726727" href="#">search links</a>
  3316.       </div>
  3317.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=1466726727">RSS list feed</a>
  3318.       </div>
  3319.       <div style="clear: both"></div>
  3320.     </div>
  3321.  
  3322.     <!-- send panel -->  <!-- searches panel -->
  3323.     <div id="list_footer_show_searches_box_1466726727" class="panel tool_panel">
  3324.       <span id="list_footer_tools_link_generator_container_1466726727" class="link_generator_container"></span>
  3325.       <div style="clear: both"></div>
  3326.     </div>
  3327.  
  3328.     <div style="clear: both"></div>
  3329.   </div>
  3330. </div>
  3331.   </div>
  3332.   </div>
  3333.  
  3334.   <div id="listbox-status-1466726727" class="listbox-status listbox-status-rounded"></div>
  3335.  
  3336.   <div id="listbox-hidden-slot-1466726727" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->   </div>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-7700026712">
  3337.   <div id="listbox-content-slot-7700026712">   <div id="listbox-read-mode-content-7700026712">    <div id="list-title-box-7700026712" class="list-title-box-color-11 font_Times">
  3338.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/places/beautiful_cities">  places   <span class="box-subtitle">  (beautiful cities)
  3339.              </span>   </a>  </span>
  3340.     </div>  <div style="clear: both;"></div>
  3341.   </div>
  3342.  
  3343.  <!-- container for the body area of the list -->
  3344.   <div class="listbox-content">
  3345.     <div class="text_content font_Times ">        <p>if there ever was one</p>
  3346.  
  3347.   <ul>
  3348.     <li>Zurich, Switzerland <span class="gend-link"></span></li>
  3349.     <li>Auckland, New Zealand <span class="gend-link"></span></li>
  3350.     <li>Vancouver, Canada <span class="gend-link"></span></li>
  3351.     <li>Frankfurt, Germany <span class="gend-link"></span></li>
  3352.     <li>Burn, Switzerland <span class="gend-link"></span></li>
  3353.     <li>Rekyjavik, Iceland <span class="gend-link"></span></li>
  3354.   </ul>
  3355.    </div> <!-- text div -->  <!-- dates -->    <div class="dates list-color-number-11"> jul 30 2012 ∞<br> jul 30 2012 +
  3356.        </div>
  3357.        <div style="clear: both"></div>  </div> <!-- content div -->
  3358.  
  3359.  
  3360.   <!-- footer -->    <div id="list_footer_box_7700026712" class="footer">
  3361.  
  3362.   <!-- menu -->
  3363.   <div class="menu">  <div class="item">
  3364.       <a id="list_footer_tools_link_7700026712" href="#">tools</a>
  3365.     </div>  <div class="item">
  3366.          <a href="http://listography.com/tinuviele/places/beautiful_cities"> comment  </a>
  3367.        </div>  <div style="clear: both"></div>
  3368.   </div>
  3369.  
  3370.  
  3371.   <!-- tools panel -->
  3372.   <div id="list_footer_tools_box_7700026712" class="panel">
  3373.  
  3374.     <div class="menu">  <div class="item">
  3375.         <a id="list_footer_show_searches_link_7700026712" href="#">search links</a>
  3376.       </div>
  3377.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=7700026712">RSS list feed</a>
  3378.       </div>
  3379.       <div style="clear: both"></div>
  3380.     </div>
  3381.  
  3382.     <!-- send panel -->  <!-- searches panel -->
  3383.     <div id="list_footer_show_searches_box_7700026712" class="panel tool_panel">
  3384.       <span id="list_footer_tools_link_generator_container_7700026712" class="link_generator_container"></span>
  3385.       <div style="clear: both"></div>
  3386.     </div>
  3387.  
  3388.     <div style="clear: both"></div>
  3389.   </div>
  3390. </div>
  3391.   </div>
  3392.   </div>
  3393.  
  3394.   <div id="listbox-status-7700026712" class="listbox-status listbox-status-rounded"></div>
  3395.  
  3396.   <div id="listbox-hidden-slot-7700026712" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->   </div>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-0369226724">
  3397.   <div id="listbox-content-slot-0369226724">   <div id="listbox-read-mode-content-0369226724">    <div id="list-title-box-0369226724" class="list-title-box-color-11 font_Times">
  3398.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/films/sweets_for_the_eyes_and_mind">  films   <span class="box-subtitle">  (sweets for the eyes and mind)
  3399.              </span>   </a>  </span>
  3400.     </div>  <div style="clear: both;"></div>
  3401.   </div>
  3402.  
  3403.  <!-- container for the body area of the list -->
  3404.   <div class="listbox-content">
  3405.     <div class="text_content font_Times ">      
  3406.   <ul>
  3407.     <li><a href="http://www.imdb.com/title/tt1748122/" target="_blank">Moonrise Kingdom</a> <span class="gend-link"></span></li>
  3408.     <li><a href="http://www.imdb.com/title/tt0180093/" target="_blank">Requiem for a Dream</a> <span class="gend-link"></span></li>
  3409.     <li><a href="http://www.imdb.com/title/tt0445922/" target="_blank">Across the Universe</a> <span class="gend-link"></span></li>
  3410.     <li><a href="http://www.imdb.com/title/tt0119698/" target="_blank">Princess Mononoke</a> <span class="gend-link"></span></li>
  3411.     <li><a href="http://www.imdb.com/title/tt1399683/" target="_blank">Winter's Bone</a> <span class="gend-link"></span></li>
  3412.     <li><a href="http://www.imdb.com/title/tt0092067/" target="_blank">Castle in the Sky</a> <span class="gend-link"></span></li>
  3413.     <li><a href="http://www.imdb.com/title/tt0111161/" target="_blank">The Shawshank Redemption</a> <span class="gend-link"></span></li>
  3414.     <li><a href="http://www.imdb.com/title/tt0095327/" target="_blank">Grave of the Fireflies</a> <span class="gend-link"></span></li>
  3415.     <li><a href="http://www.imdb.com/title/tt0335266/" target="_blank">Lost in Translation</a> <span class="gend-link"></span></li>
  3416.     <li><a href="http://www.imdb.com/title/tt0162346/" target="_blank">Ghost World</a> <span class="gend-link"></span></li>
  3417.     <li><a href="http://www.imdb.com/title/tt0993842/" target="_blank">Hanna</a> <span class="gend-link"></span></li>
  3418.     <li><a href="http://www.imdb.com/title/tt1527186/" target="_blank">Melancholia</a> <span class="gend-link"></span></li>
  3419.   </ul>
  3420.    </div> <!-- text div -->  <!-- dates -->    <div class="dates list-color-number-11"> jul 28 2012 ∞<br> aug 23 2012 +
  3421.        </div>
  3422.        <div style="clear: both"></div>  </div> <!-- content div -->
  3423.  
  3424.  
  3425.   <!-- footer -->    <div id="list_footer_box_0369226724" class="footer">
  3426.  
  3427.   <!-- menu -->
  3428.   <div class="menu">  <div class="item">
  3429.       <a id="list_footer_tools_link_0369226724" href="#">tools</a>
  3430.     </div>  <div class="item">
  3431.          <a href="http://listography.com/tinuviele/films/sweets_for_the_eyes_and_mind"> comment  </a>
  3432.        </div>  <div style="clear: both"></div>
  3433.   </div>
  3434.  
  3435.  
  3436.   <!-- tools panel -->
  3437.   <div id="list_footer_tools_box_0369226724" class="panel">
  3438.  
  3439.     <div class="menu">  <div class="item">
  3440.         <a id="list_footer_show_searches_link_0369226724" href="#">search links</a>
  3441.       </div>
  3442.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=0369226724">RSS list feed</a>
  3443.       </div>
  3444.       <div style="clear: both"></div>
  3445.     </div>
  3446.  
  3447.     <!-- send panel -->  <!-- searches panel -->
  3448.     <div id="list_footer_show_searches_box_0369226724" class="panel tool_panel">
  3449.       <span id="list_footer_tools_link_generator_container_0369226724" class="link_generator_container"></span>
  3450.       <div style="clear: both"></div>
  3451.     </div>
  3452.  
  3453.     <div style="clear: both"></div>
  3454.   </div>
  3455. </div>
  3456.   </div>
  3457.   </div>
  3458.  
  3459.   <div id="listbox-status-0369226724" class="listbox-status listbox-status-rounded"></div>
  3460.  
  3461.   <div id="listbox-hidden-slot-0369226724" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->     </div>   </td>
  3462.     <td>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-3689126794">
  3463.   <div id="listbox-content-slot-3689126794">   <div id="listbox-read-mode-content-3689126794">    <div id="list-title-box-3689126794" class="list-title-box-color-11 font_Times">
  3464.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/movies/to_watch">  movies   <span class="box-subtitle">  (to watch)
  3465.              </span>   </a>  </span>
  3466.     </div>  <div style="clear: both;"></div>
  3467.   </div>
  3468.  
  3469.  <!-- container for the body area of the list -->
  3470.   <div class="listbox-content">
  3471.     <div class="text_content font_Times ">      
  3472.   <ul>
  3473.     <li><a href="http://www.imdb.com/title/tt0106677/" target="_blank">Dazed and Confused</a> <span class="gend-link"></span></li>
  3474.     <li><a href="http://www.imdb.com/title/tt0117951/" target="_blank">Trainspotting</a> <span class="gend-link"></span></li>
  3475.     <li><a href="http://www.imdb.com/title/tt1263778/" target="_blank">La Belle Personne</a> <span class="gend-link"></span></li>
  3476.     <li><a href="http://www.imdb.com/title/tt1549572/" target="_blank">Another Earth</a> <span class="gend-link"></span></li>
  3477.     <li><a href="http://www.imdb.com/title/tt0478304/" target="_blank">The Tree of Life</a> <span class="gend-link"></span></li>
  3478.     <li><a href="http://www.imdb.com/title/tt0291350/" target="_blank">Millennium Actress</a> <span class="gend-link"></span></li>
  3479.     <li><a href="http://www.imdb.com/title/tt0070544/" target="_blank">Fantastic Planet</a> <span class="gend-link"></span></li>
  3480.     <li><a href="http://www.imdb.com/title/tt0159097/" target="_blank">The Virgin Suicides</a> <span class="gend-link"></span></li>
  3481.     <li><a href="http://www.imdb.com/title/tt1181614/" target="_blank">Wuthering Heights</a> <span class="gend-link"></span></li>
  3482.     <li><a href="http://www.imdb.com/title/tt0414387/" target="_blank">Pride and Prejudice</a> <span class="gend-link"></span></li>
  3483.     <li><a href="http://www.imdb.com/title/tt0113568/" target="_blank">Ghost in the Shell</a> <span class="gend-link"></span></li>
  3484.     <li><a href="http://www.imdb.com/title/tt0306474/" target="_blank">Princess Arete</a> <span class="gend-link"></span></li>
  3485.     <li><a href="http://www.imdb.com/title/tt0119237/" target="_blank">Gummo</a> <span class="gend-link"></span></li>
  3486.     <li><a href="http://www.imdb.com/title/tt0424880/" target="_blank">Candy</a> <span class="gend-link"></span></li>
  3487.     <li><a href="http://www.imdb.com/title/tt0309987/" target="_blank">The Dreamers</a> <span class="gend-link"></span></li>
  3488.     <li><a href="http://www.imdb.com/title/tt0370986/" target="_blank">Mysterious Skin</a> <span class="gend-link"></span></li>
  3489.     <li><a href="http://www.imdb.com/title/tt0363589/" target="_blank">Elephant</a> <span class="gend-link"></span></li>
  3490.     <li><a href="http://www.imdb.com/title/tt0066921/" target="_blank">A Clockwork Orange</a> <span class="gend-link"></span></li>
  3491.     <li><a href="http://www.imdb.com/title/tt0081505/" target="_blank">The Shining</a> <span class="gend-link"></span></li>
  3492.     <li><a href="http://www.imdb.com/title/tt0062622/" target="_blank">2001: A Space Odyssey</a> <span class="gend-link"></span></li>
  3493.     <li><a href="http://www.imdb.com/title/tt0093058/" target="_blank">Full Metal Jacket</a> <span class="gend-link"></span></li>
  3494.   </ul>
  3495.    </div> <!-- text div -->  <div class="show-more"><a href="http://listography.com/tinuviele/movies/to_watch" id="list-show-all-link-3689126794">[...view...]</a></div>  <!-- dates -->    <div class="dates list-color-number-11"> jul 30 2012 ∞<br> oct 28 2012 +
  3496.        </div>
  3497.        <div style="clear: both"></div>  </div> <!-- content div -->
  3498.  
  3499.  
  3500.   <!-- footer -->    <div id="list_footer_box_3689126794" class="footer">
  3501.  
  3502.   <!-- menu -->
  3503.   <div class="menu">  <div class="item">
  3504.       <a id="list_footer_tools_link_3689126794" href="#">tools</a>
  3505.     </div>  <div class="item">
  3506.          <a href="http://listography.com/tinuviele/movies/to_watch"> comment  </a>
  3507.        </div>  <div style="clear: both"></div>
  3508.   </div>
  3509.  
  3510.  
  3511.   <!-- tools panel -->
  3512.   <div id="list_footer_tools_box_3689126794" class="panel">
  3513.  
  3514.     <div class="menu">  <div class="item">
  3515.         <a id="list_footer_show_searches_link_3689126794" href="#">search links</a>
  3516.       </div>
  3517.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=3689126794">RSS list feed</a>
  3518.       </div>
  3519.       <div style="clear: both"></div>
  3520.     </div>
  3521.  
  3522.     <!-- send panel -->  <!-- searches panel -->
  3523.     <div id="list_footer_show_searches_box_3689126794" class="panel tool_panel">
  3524.       <span id="list_footer_tools_link_generator_container_3689126794" class="link_generator_container"></span>
  3525.       <div style="clear: both"></div>
  3526.     </div>
  3527.  
  3528.     <div style="clear: both"></div>
  3529.   </div>
  3530. </div>
  3531.   </div>
  3532.   </div>
  3533.  
  3534.   <div id="listbox-status-3689126794" class="listbox-status listbox-status-rounded"></div>
  3535.  
  3536.   <div id="listbox-hidden-slot-3689126794" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->     </div>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-4194226724">
  3537.   <div id="listbox-content-slot-4194226724">   <div id="listbox-read-mode-content-4194226724">    <div id="list-title-box-4194226724" class="list-title-box-color-11 font_Times">
  3538.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/books/that_i_have_enjoyed">  books   <span class="box-subtitle">  (that i have enjoyed)
  3539.              </span>   </a>  </span>
  3540.     </div>  <div style="clear: both;"></div>
  3541.   </div>
  3542.  
  3543.  <!-- container for the body area of the list -->
  3544.   <div class="listbox-content">
  3545.     <div class="text_content font_Times ">      
  3546.   <ul>
  3547.     <li><em>Lord of the Rings Trilogy</em>  - J. R. R. Tolkien <span class="gend-link"></span></li>
  3548.     <li><em>The Pillars of the Earth</em>  - Ken Follett <span class="gend-link"></span></li>
  3549.     <li><em>Fahrenheit 451</em>  - Ray Bradbury <span class="gend-link"></span></li>
  3550.     <li><em>The Hobbit</em>  - J. R. R. Tolkien <span class="gend-link"></span></li>
  3551.     <li><em>The Golden Apples of the Sun</em>  - Ray Bradbury <span class="gend-link"></span></li>
  3552.     <li><em>The Book Thief</em>  - Markus Zusak <span class="gend-link"></span></li>
  3553.     <li><em>Lord of the Flies</em>  - William Golding <span class="gend-link"></span></li>
  3554.     <li><em>The Martian Chronicles</em>  - Ray Bradbury <span class="gend-link"></span></li>
  3555.     <li><em>The Catcher in the Rye</em>  - J. D. Salinger <span class="gend-link"></span></li>
  3556.     <li><em>The Kingkiller Chronicles</em>  - Patrick Rothfuss <span class="gend-link"></span></li>
  3557.     <li><em>House of the Scorpion</em>  - Nancy Farmer <span class="gend-link"></span></li>
  3558.     <li><em>And Then There Were None</em>  - Agatha Christie <span class="gend-link"></span></li>
  3559.     <li><em>The Illustrated Man</em>  - Ray Bradbury <span class="gend-link"></span></li>
  3560.     <li><em>The Giver</em>  - Lois Lowry <span class="gend-link"></span></li>
  3561.     <li><em>The House on Mango Street</em>  - Sandra Cisneros <span class="gend-link"></span></li>
  3562.   </ul>
  3563.    </div> <!-- text div -->  <!-- dates -->    <div class="dates list-color-number-11"> jul 28 2012 ∞<br> aug 23 2012 +
  3564.        </div>
  3565.        <div style="clear: both"></div>  </div> <!-- content div -->
  3566.  
  3567.  
  3568.   <!-- footer -->    <div id="list_footer_box_4194226724" class="footer">
  3569.  
  3570.   <!-- menu -->
  3571.   <div class="menu">  <div class="item">
  3572.       <a id="list_footer_tools_link_4194226724" href="#">tools</a>
  3573.     </div>  <div class="item">
  3574.          <a href="http://listography.com/tinuviele/books/that_i_have_enjoyed"> comment  </a>
  3575.        </div>  <div style="clear: both"></div>
  3576.   </div>
  3577.  
  3578.  
  3579.   <!-- tools panel -->
  3580.   <div id="list_footer_tools_box_4194226724" class="panel">
  3581.  
  3582.     <div class="menu">  <div class="item">
  3583.         <a id="list_footer_show_searches_link_4194226724" href="#">search links</a>
  3584.       </div>
  3585.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=4194226724">RSS list feed</a>
  3586.       </div>
  3587.       <div style="clear: both"></div>
  3588.     </div>
  3589.  
  3590.     <!-- send panel -->  <!-- searches panel -->
  3591.     <div id="list_footer_show_searches_box_4194226724" class="panel tool_panel">
  3592.       <span id="list_footer_tools_link_generator_container_4194226724" class="link_generator_container"></span>
  3593.       <div style="clear: both"></div>
  3594.     </div>
  3595.  
  3596.     <div style="clear: both"></div>
  3597.   </div>
  3598. </div>
  3599.   </div>
  3600.   </div>
  3601.  
  3602.   <div id="listbox-status-4194226724" class="listbox-status listbox-status-rounded"></div>
  3603.  
  3604.   <div id="listbox-hidden-slot-4194226724" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->    </div>   </td>
  3605.     <td>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-8017626727">
  3606.   <div id="listbox-content-slot-8017626727">   <div id="listbox-read-mode-content-8017626727">    <div id="list-title-box-8017626727" class="list-title-box-color-11 font_Times">
  3607.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/goals/perpetually">  goals   <span class="box-subtitle">  (perpetually)
  3608.              </span>   </a>  </span>
  3609.     </div>  <div style="clear: both;"></div>
  3610.   </div>
  3611.  
  3612.  <!-- container for the body area of the list -->
  3613.   <div class="listbox-content">
  3614.     <div class="text_content font_Times ">      
  3615.   <ul>
  3616.     <li>observe <span class="gend-link"></span></li>
  3617.     <li>live magically <span class="gend-link"></span></li>
  3618.     <li>travel the world <span class="gend-link"></span></li>
  3619.     <li>love absolutely <span class="gend-link"></span></li>
  3620.     <li>discover something new every day <span class="gend-link"></span></li>
  3621.     <li>live life as one awfully big adventure, love it and it will love you back <span class="gend-link"></span></li>
  3622.   </ul>
  3623.    </div> <!-- text div -->  <!-- dates -->    <div class="dates list-color-number-11"> jul 28 2012 ∞<br> oct 28 2012 +
  3624.        </div>
  3625.        <div style="clear: both"></div>  </div> <!-- content div -->
  3626.  
  3627.  
  3628.   <!-- footer -->    <div id="list_footer_box_8017626727" class="footer">
  3629.  
  3630.   <!-- menu -->
  3631.   <div class="menu">  <div class="item">
  3632.       <a id="list_footer_tools_link_8017626727" href="#">tools</a>
  3633.     </div>  <div class="item">
  3634.          <a href="http://listography.com/tinuviele/goals/perpetually"> comment  </a>
  3635.        </div>  <div style="clear: both"></div>
  3636.   </div>
  3637.  
  3638.  
  3639.   <!-- tools panel -->
  3640.   <div id="list_footer_tools_box_8017626727" class="panel">
  3641.  
  3642.     <div class="menu">  <div class="item">
  3643.         <a id="list_footer_show_searches_link_8017626727" href="#">search links</a>
  3644.       </div>
  3645.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=8017626727">RSS list feed</a>
  3646.       </div>
  3647.       <div style="clear: both"></div>
  3648.     </div>
  3649.  
  3650.     <!-- send panel -->  <!-- searches panel -->
  3651.     <div id="list_footer_show_searches_box_8017626727" class="panel tool_panel">
  3652.       <span id="list_footer_tools_link_generator_container_8017626727" class="link_generator_container"></span>
  3653.       <div style="clear: both"></div>
  3654.     </div>
  3655.  
  3656.     <div style="clear: both"></div>
  3657.   </div>
  3658. </div>
  3659.   </div>
  3660.   </div>
  3661.  
  3662.   <div id="listbox-status-8017626727" class="listbox-status listbox-status-rounded"></div>
  3663.  
  3664.   <div id="listbox-hidden-slot-8017626727" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->      </div>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-0036126714">
  3665.   <div id="listbox-content-slot-0036126714">   <div id="listbox-read-mode-content-0036126714">    <div id="list-title-box-0036126714" class="list-title-box-color-11 font_Times">
  3666.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/people/stellar_contemporary_artists_">  people   <span class="box-subtitle">  (stellar contemporary artists )
  3667.              </span>   </a>  </span>
  3668.     </div>  <div style="clear: both;"></div>
  3669.   </div>
  3670.  
  3671.  <!-- container for the body area of the list -->
  3672.   <div class="listbox-content">
  3673.     <div class="text_content font_Times ">      
  3674.   <ul>
  3675.     <li><a href="http://www.okchickadee.com/" target="_blank">Angie Wang</a> <span class="gend-link"></span></li>
  3676.     <li><a href="http://annamckee.com/blog/" target="_blank">Anna Mckee</a> <span class="gend-link"></span></li>
  3677.     <li><a href="http://brettisagirl.com/" target="_blank">Brett Manning</a> <span class="gend-link"></span></li>
  3678.     <li><a href="http://milkattack.tumblr.com/tagged/milkattack" target="_blank">Carly Elizabeth Schmitt</a> <span class="gend-link"></span></li>
  3679.     <li><a href="http://www.danepatterson.com/welcome.html" target="_blank">Dane Patterson</a> <span class="gend-link"></span></li>
  3680.     <li><a href="http://elinevandenbroeck.net/" target="_blank">Eline Van Den Broeck</a> <span class="gend-link"></span></li>
  3681.     <li><a href="http://enricsant.com/" target="_blank">Enric Sant</a> <span class="gend-link"></span></li>
  3682.     <li><a href="http://www.akatako.net/catalog/japanese-artists/fuko-ueda" target="_blank">Fuco Ueda</a> <span class="gend-link"></span></li>
  3683.     <li><a href="http://www.geranknol.nl/" target="_blank">Geran Knol</a> <span class="gend-link"></span></li>
  3684.     <li><a href="http://henriettaharris.com/" target="_blank">Henrietta Harris</a> <span class="gend-link"></span></li>
  3685.     <li><a href="http://jebromley.tumblr.com/" target="_blank">James E. Bromley</a> <span class="gend-link"></span></li>
  3686.     <li><a href="http://www.kalonjiart.com/" target="_blank">Jean Philippe Kalonji</a> <span class="gend-link"></span></li>
  3687.     <li><a href="http://feral-kid.com/" target="_blank">Joao Ruas</a> <span class="gend-link"></span></li>
  3688.     <li><a href="http://dbdrawings.tumblr.com/" target="_blank">Jon Boam</a> <span class="gend-link"></span></li>
  3689.     <li><a href="http://www.joncarling.com/main.html" target="_blank">Jon Carling</a> <span class="gend-link"></span></li>
  3690.     <li><a href="http://www.flickr.com/photos/josebaeskubi/" target="_blank">Joseba Eskub</a> <span class="gend-link"></span></li>
  3691.     <li><a href="http://katepowellart.tumblr.com/" target="_blank">Kate Powell</a> <span class="gend-link"></span></li>
  3692.     <li><a href="http://plslala.com/#" target="_blank">Lauren Albert</a> <span class="gend-link"></span></li>
  3693.     <li><a href="http://xzymhr.tumblr.com/" target="_blank">Lux Xzymhr</a> <span class="gend-link"></span></li>
  3694.     <li><a href="http://www.marjainez.com/" target="_blank">Maria Ines Gul</a> <span class="gend-link"></span></li>
  3695.     <li><a href="http://mattiasa.deviantart.com/" target="_blank">Mattias Adolfsson</a> <span class="gend-link"></span></li>
  3696.   </ul>
  3697.    </div> <!-- text div -->  <div class="show-more"><a href="http://listography.com/tinuviele/people/stellar_contemporary_artists_" id="list-show-all-link-0036126714">[...view...]</a></div>  <!-- dates -->    <div class="dates list-color-number-11"> jul 29 2012 ∞<br> jul 30 2012 +
  3698.        </div>
  3699.        <div style="clear: both"></div>  </div> <!-- content div -->
  3700.  
  3701.  
  3702.   <!-- footer -->    <div id="list_footer_box_0036126714" class="footer">
  3703.  
  3704.   <!-- menu -->
  3705.   <div class="menu">  <div class="item">
  3706.       <a id="list_footer_tools_link_0036126714" href="#">tools</a>
  3707.     </div>  <div class="item">
  3708.          <a href="http://listography.com/tinuviele/people/stellar_contemporary_artists_"> comment  </a>
  3709.        </div>  <div style="clear: both"></div>
  3710.   </div>
  3711.  
  3712.  
  3713.   <!-- tools panel -->
  3714.   <div id="list_footer_tools_box_0036126714" class="panel">
  3715.  
  3716.     <div class="menu">  <div class="item">
  3717.         <a id="list_footer_show_searches_link_0036126714" href="#">search links</a>
  3718.       </div>
  3719.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=0036126714">RSS list feed</a>
  3720.       </div>
  3721.       <div style="clear: both"></div>
  3722.     </div>
  3723.  
  3724.     <!-- send panel -->  <!-- searches panel -->
  3725.     <div id="list_footer_show_searches_box_0036126714" class="panel tool_panel">
  3726.       <span id="list_footer_tools_link_generator_container_0036126714" class="link_generator_container"></span>
  3727.       <div style="clear: both"></div>
  3728.     </div>
  3729.  
  3730.     <div style="clear: both"></div>
  3731.   </div>
  3732. </div>
  3733.   </div>
  3734.   </div>
  3735.  
  3736.   <div id="listbox-status-0036126714" class="listbox-status listbox-status-rounded"></div>
  3737.  
  3738.   <div id="listbox-hidden-slot-0036126714" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->      </div>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-7898826726">
  3739.   <div id="listbox-content-slot-7898826726">   <div id="listbox-read-mode-content-7898826726">    <div id="list-title-box-7898826726" class="list-title-box-color-11 font_Times">
  3740.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/home_and_garden/in_which_i_dream_of">  home and garden   <span class="box-subtitle">  (in which i dream of)
  3741.              </span>   </a>  </span>
  3742.     </div>  <div style="clear: both;"></div>
  3743.   </div>
  3744.  
  3745.  <!-- container for the body area of the list -->
  3746.   <div class="listbox-content">
  3747.     <div class="text_content font_Times ">      
  3748.   <ul>
  3749.     <li>a humble little home deep in the woods <span class="gend-link"></span></li>
  3750.     <li>either Canada or Switzerland (iceland if i hit the big bucks) <span class="gend-link"></span></li>
  3751.     <li>3 or 4 bedrooms <span class="gend-link"></span></li>
  3752.     <li>a pergola covered in ivy and vines <span class="gend-link"></span></li>
  3753.     <li>dried herbs from the garden hanging in the kitchen <span class="gend-link"></span></li>
  3754.     <li>chipped tiles <span class="gend-link"></span></li>
  3755.     <li>solid hardwood floors covered with persian rugs <span class="gend-link"></span></li>
  3756.     <li>a fireplace and wood stove <span class="gend-link"></span></li>
  3757.     <li>no labels.. everything is stored in glass jars, bottles, and containers <span class="gend-link"></span></li>
  3758.     <li>baskets holding copious woolen blankets <span class="gend-link"></span></li>
  3759.     <li>gas lamps, chandeliers, and natural light <span class="gend-link"></span></li>
  3760.     <li>more books than I know what to do with, and comfy chairs to read them in <span class="gend-link"></span></li>
  3761.     <li>colossal windows looking out onto a large backyard with overgrown gardens, encased with either a fence or rock wall. <span class="gend-link"></span></li>
  3762.   </ul>
  3763.    </div> <!-- text div -->  <div class="show-more"><a href="http://listography.com/tinuviele/home_and_garden/in_which_i_dream_of" id="list-show-all-link-7898826726">[...view...]</a></div>  <!-- dates -->    <div class="dates list-color-number-11"> jul 29 2012 ∞<br> oct 28 2012 +
  3764.        </div>
  3765.        <div style="clear: both"></div>  </div> <!-- content div -->
  3766.  
  3767.  
  3768.   <!-- footer -->    <div id="list_footer_box_7898826726" class="footer">
  3769.  
  3770.   <!-- menu -->
  3771.   <div class="menu">  <div class="item">
  3772.       <a id="list_footer_tools_link_7898826726" href="#">tools</a>
  3773.     </div>  <div class="item">
  3774.          <a href="http://listography.com/tinuviele/home_and_garden/in_which_i_dream_of"> comment  </a>
  3775.        </div>  <div style="clear: both"></div>
  3776.   </div>
  3777.  
  3778.  
  3779.   <!-- tools panel -->
  3780.   <div id="list_footer_tools_box_7898826726" class="panel">
  3781.  
  3782.     <div class="menu">  <div class="item">
  3783.         <a id="list_footer_show_searches_link_7898826726" href="#">search links</a>
  3784.       </div>
  3785.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=7898826726">RSS list feed</a>
  3786.       </div>
  3787.       <div style="clear: both"></div>
  3788.     </div>
  3789.  
  3790.     <!-- send panel -->  <!-- searches panel -->
  3791.     <div id="list_footer_show_searches_box_7898826726" class="panel tool_panel">
  3792.       <span id="list_footer_tools_link_generator_container_7898826726" class="link_generator_container"></span>
  3793.       <div style="clear: both"></div>
  3794.     </div>
  3795.  
  3796.     <div style="clear: both"></div>
  3797.   </div>
  3798. </div>
  3799.   </div>
  3800.   </div>
  3801.  
  3802.   <div id="listbox-status-7898826726" class="listbox-status listbox-status-rounded"></div>
  3803.  
  3804.   <div id="listbox-hidden-slot-7898826726" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->    </div>  <div class="list-container">            <div class="listbox listbox-color-11 preview style_Disc" id="listbox-2048726727">
  3805.   <div id="listbox-content-slot-2048726727">   <div id="listbox-read-mode-content-2048726727">    <div id="list-title-box-2048726727" class="list-title-box-color-11 font_Times">
  3806.     <div style="float: left; position: relative; top: 1px; z-index: 2;">   <span class="box-title">   <a href="http://listography.com/tinuviele/people/names_that_i_adore">  people   <span class="box-subtitle">  (names that i adore)
  3807.              </span>   </a>  </span>
  3808.     </div>  <div style="clear: both;"></div>
  3809.   </div>
  3810.  
  3811.  <!-- container for the body area of the list -->
  3812.   <div class="listbox-content">
  3813.     <div class="text_content font_Times ">        <p>Female</p>
  3814.  
  3815.   <ul>
  3816.     <li>Aisling <span class="gend-link"></span></li>
  3817.     <li>Aloisia <span class="gend-link"></span></li>
  3818.     <li>Anya <span class="gend-link"></span></li>
  3819.     <li>Charlie <span class="gend-link"></span></li>
  3820.     <li>Constance <span class="gend-link"></span></li>
  3821.     <li>Ethel <span class="gend-link"></span></li>
  3822.     <li>Eve <span class="gend-link"></span></li>
  3823.     <li>Felicity <span class="gend-link"></span></li>
  3824.     <li>Ingrid <span class="gend-link"></span></li>
  3825.     <li>Lisel <span class="gend-link"></span></li>
  3826.     <li>Piper <span class="gend-link"></span></li>
  3827.     <li>Primrose <span class="gend-link"></span></li>
  3828.   </ul>
  3829.   <p>Male</p>
  3830.  
  3831.   <ul>
  3832.     <li>Avi <span class="gend-link"></span></li>
  3833.     <li>Evander <span class="gend-link"></span></li>
  3834.     <li>Oliver <span class="gend-link"></span></li>
  3835.     <li>Oskar <span class="gend-link"></span></li>
  3836.     <li>Parker <span class="gend-link"></span></li>
  3837.     <li>Patrick <span class="gend-link"></span></li>
  3838.   </ul>
  3839.    </div> <!-- text div -->  <div class="show-more"><a href="http://listography.com/tinuviele/people/names_that_i_adore" id="list-show-all-link-2048726727">[...view...]</a></div>  <!-- dates -->    <div class="dates list-color-number-11"> jul 28 2012 ∞<br> sep 1 2012 +
  3840.        </div>
  3841.        <div style="clear: both"></div>  </div> <!-- content div -->
  3842.  
  3843.  
  3844.   <!-- footer -->    <div id="list_footer_box_2048726727" class="footer">
  3845.  
  3846.   <!-- menu -->
  3847.   <div class="menu">  <div class="item">
  3848.       <a id="list_footer_tools_link_2048726727" href="#">tools</a>
  3849.     </div>  <div class="item">
  3850.          <a href="http://listography.com/tinuviele/people/names_that_i_adore"> comment  </a>
  3851.        </div>  <div style="clear: both"></div>
  3852.   </div>
  3853.  
  3854.  
  3855.   <!-- tools panel -->
  3856.   <div id="list_footer_tools_box_2048726727" class="panel">
  3857.  
  3858.     <div class="menu">  <div class="item">
  3859.         <a id="list_footer_show_searches_link_2048726727" href="#">search links</a>
  3860.       </div>
  3861.       <div class="item">  <a href="http://listography.com/action/list-feed?uid=9562325443&amp;lid=2048726727">RSS list feed</a>
  3862.       </div>
  3863.       <div style="clear: both"></div>
  3864.     </div>
  3865.  
  3866.     <!-- send panel -->  <!-- searches panel -->
  3867.     <div id="list_footer_show_searches_box_2048726727" class="panel tool_panel">
  3868.       <span id="list_footer_tools_link_generator_container_2048726727" class="link_generator_container"></span>
  3869.       <div style="clear: both"></div>
  3870.     </div>
  3871.  
  3872.     <div style="clear: both"></div>
  3873.   </div>
  3874. </div>
  3875.   </div>
  3876.   </div>
  3877.  
  3878.   <div id="listbox-status-2048726727" class="listbox-status listbox-status-rounded status_failure">Failed to retrieve list.</div>
  3879.  
  3880.   <div id="listbox-hidden-slot-2048726727" style="visibility: hidden; display: none"></div>  </div> <!-- listbox -->     </div>   </td>
  3881.   </tr>
  3882. </tbody></table>    <div style="clear:both"></div>
  3883. <div class="page-footer">  <span class="footer-link">
  3884.   <a href="http://listography.com/listography">our listography</a>
  3885.   <a href="http://listography.com/action/guide">guide</a>
  3886.   <a href="http://listography.com/action/about">about</a>
  3887.   <a href="http://listography.com/action/press">press</a>
  3888.   <a href="http://listography.com/action/privacy">privacy</a>
  3889.   <a href="http://listography.com/action/terms">terms</a>
  3890.   <a href="http://listography.com/action/contact">contact</a>
  3891. </span>
  3892.  </div>
  3893. <div style="clear: both">&nbsp;</div>  </div> <!-- #page -->  
  3894.  
  3895.  
  3896.  </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!