API tools faq
paste
Advertisement
circlejourney

Railgunned

circlejourney
Oct 28th, 2013
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 54.20 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.     <title>{block:IndexPage}{Title}{/block:IndexPage}{block:SearchPage}Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}{PostSummary}{/block:PostSummary}</title>
  5.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.     <link rel="shortcut icon" href="{Favicon}" />
  7.     <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  8.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9.  
  10.     <!-- DEFAULT VARIABLES -->
  11.     <meta name="color:Post Type Text" content="#40444C"/>
  12.     <meta name="color:Post Type Photo" content="#40444C"/>
  13.     <meta name="color:Post Type Photoset" content="#40444C"/>
  14.     <meta name="color:Post Type Quote" content="#40444C"/>
  15.     <meta name="color:Post Type Link" content="#40444C"/>
  16.     <meta name="color:Post Type Chat" content="#40444C"/>
  17.     <meta name="color:Post Type Video" content="#40444C"/>
  18.     <meta name="color:Post Type Audio" content="#40444C"/>
  19.     <meta name="image:Header" content=""/>
  20.     <meta name="if:Show About Widget" content="1"/>
  21.     <meta name="if:Show Stuff I Like Widget" content="1"/>
  22.     <meta name="if:Show Latest Tweets Widget" content="0"/>
  23.     <meta name="if:Show People I Follow Widget" content="1"/>
  24.     <meta name="text:Number of Tweets" content="3"/>
  25.     <meta name="text:Google Analytics ID" content="" />
  26.     <meta name="text:Disqus Shortname" content="" />
  27.     <style type="text/css" media="screen">
  28.  
  29.     /* Minimal Theme designed by Artur Kim (http://arturkim.com) for Tumblr | version 1.5 */
  30.  
  31.     /* RESET */
  32.              
  33.     html, body, div, span, applet, object, iframe,
  34.     h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35.     a, abbr, acronym, address, big, cite, code,
  36.     del, dfn, em, font, img, ins, kbd, q, s, samp,
  37.     small, strike, strong, sub, sup, tt, var,
  38.     b, u, i, center,
  39.     dl, dt, dd, ol, ul, li,
  40.     fieldset, form, label, legend,
  41.     table, caption, tbody, tfoot, thead, tr, th, td {
  42.         margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;
  43.     }
  44.     a {color:#524A64;}
  45.     iframe {/*margin-top:35px;
  46.     margin-left:89px;
  47.     left:50%;*/
  48.     opacity:0.75;}
  49.     body { line-height: 1;}
  50.     ol, ul { list-style: none; }
  51.     blockquote, q { quotes: none; }
  52.     blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  53.     :focus { outline: 0; }
  54.     del { text-decoration: line-through; }
  55.     table { border-collapse: collapse; border-spacing: 0; }
  56.  
  57.     /* GLOBAL ELEMENTS */
  58.     body { background-color:#F8F4EF;}
  59.     beg {
  60.         z-index:-1;
  61.         position:fixed;
  62.         height:100%;
  63.         width:100%;
  64.         margin-top:-10px;
  65.         background: url(http://images3.alphacoders.com/105/105159.jpg); background-position: 0 0px; background-size:100%;
  66.         -webkit-filter:saturate(80%);
  67.         }
  68.     body, input, textarea { color: #000; font: 14px/20px "helvetica neue",helvetica,arial,sans-serif; }
  69.     p, ul, ol, dd, pre { margin-bottom: 20px; }
  70.     pre, code { font: 12px Monaco,monospace; line-height: 20px; }
  71.     blockquote { border-left: 5px solid #B99A7B; color: #40444C; margin-bottom: 20px; padding-left: 10px; }
  72.     table { border: 1px solid #999; border-width: 1px 1px 0 1px; font-size: 14px; line-height: 20px; margin: 0 0 22px 0; text-align: left; }
  73.     caption { text-align: left; }
  74.     th, td { padding: .7em 1.25em; }
  75.     hr { background-color: #999; border: 0; color: #40444C; height: 1px; margin-bottom: 20px; }
  76.     a:link, a:visited { color: #40444C; -webkit-transition:0.4s all ease-in-out; text-decoration:none;text-transform:uppercase; font-family:verdana,sans-serif;font-weight:bold;font-size:75%;}
  77.  
  78.     h1, h2, h3, h4, h5, h6 {  font-weight:normal; clear:both; }
  79.     img { background:transparent;}
  80.     ::-webkit-scrollbar { width:10px; height:10px; margin-right:3px;}
  81.     ::-webkit-scrollbar:hover { opacity:1; }
  82.     ::-webkit-scrollbar-track { opacity:1; background-color:#F8F4EF;}
  83.     ::-webkit-scrollbar-thumb {background:#D2BCA4;}
  84.     ::-webkit-scrollbar-thumb:hover {background:#B99A7B;}
  85.    
  86.     /* DEFAULT CSS */
  87.    
  88.     #header .menu {
  89.         z-index:1;
  90.         position:fixed;
  91.         left:77px;
  92.         width:50px;
  93.         height:400px;
  94.         background:transparent;
  95.         padding:auto;
  96.     }
  97.     lightbar {
  98.         position:fixed;
  99.         background:#ECDECA;
  100.         top:0;
  101.         left:70px;
  102.         width:55px;
  103.         height:100%;
  104. /*        border-left:5px solid #FDFCFB;
  105.         border-right:5px solid #FDFCFB;*/
  106.     }
  107.     lightbarbg {
  108.         position:absolute;
  109.         background:url(http://www.wallsave.com/wallpapers/1600x900/trafalgarlaw/582100/trafalgarlaw-toaru-kagaku-no-railgun-anime-582100.jpg);
  110.         background-position:-115px 0px;
  111.         background-size:auto 65%;
  112.         height:100%;
  113.         width:100%;
  114.         -webkit-filter:brightness(110%);
  115.         -moz-filter:brightness(110%);
  116.         }
  117. /*        #header #search {
  118.             float: left;
  119.             margin-top:3px;
  120.             margin-right:3px;
  121.                 margin-left:6px;
  122.                 margin-bottom:3px;
  123.         }
  124.             #header #search input {
  125.                 border:0px solid #999;
  126.                 line-height: 36px;
  127.                 background:#F8F4EF;
  128.                 font-family:"Helvetica Neue", helvetica,sans-serif;
  129.                 text-transform:uppercase;
  130.                 letter-spacing:1px;
  131.                 font-weight:bold;
  132.                 font-size:9pt;
  133.                 width:180px;
  134.                 color:#B99A7B;
  135.                 padding-left:5px;
  136.                 margin-left:2px;
  137.                 margin-right:0px;
  138.                 margin-top:3px;
  139.                 border-radius:5px;
  140.                 -webkit-transition:0.4s all ease-in-out;
  141.             }
  142.             #header #search input:hover {
  143.                 -webkit-filter:brightness(105%);
  144.                 }
  145.                
  146.             #header #search input.search-button {
  147.                 background: #D2BCA4;
  148.                 color: #40444C;
  149.                 width: 63px;
  150.                 font-family:"Helvetica Neue", helvetica,sans-serif;
  151.                 font-size:10pt;
  152.                 font-weight:normal;
  153.                 letter-spacing:0px;
  154.                 -webkit-box-shadow:inset 0 0 0 1px #B99A7B;
  155.                 -webkit-transition:0.4s all ease-in-out;
  156.             }
  157.             #header #search input.search-button:hover {
  158.                 background: #B99A7B;
  159.                 cursor:hand;
  160.                 } */
  161.     #header #branding {
  162.         height:200px;
  163.         {block:IfNotHeaderImage}padding: 30px 0;{/block:IfNotHeaderImage}
  164. }
  165.    
  166.     @font-face
  167. {
  168. font-family: Langdon;
  169. src: url('https://dl.dropboxusercontent.com/u/16572165/for%20blog/Langdon.otf');
  170. }
  171.         #header h1 a {
  172.             color:#B99A7B;
  173.             font: 80px Langdon;
  174.             font-weight: normal;
  175.             line-height: 100px;
  176.             text-decoration: none;
  177.             border-bottom:none;
  178.         }
  179.         #header h1 a:hover {
  180.             color: #A98A6D;
  181.          background:transparent;
  182.         }
  183.         #header img {
  184.             margin-top:0px;
  185.             float:right;
  186.             margin-right:220px;
  187.         background: #ECDECA;
  188.             -webkit-transition:0.4s all ease-in-out;
  189.             padding-bottom:0px;
  190.             border-radius:20px;
  191.         }
  192.         #header img.header {
  193.             background:transparent;
  194.             -webkit-box-shadow:none;
  195.             -moz-box-shadow:none;
  196.             -o-box-shadow:none;
  197.             }
  198.         #header img:hover {
  199.          background:transparent;
  200.         }
  201.        
  202.         #header #access {
  203.             width:50px;
  204.             z-index:0;
  205.             height:205px;
  206.             /*overflow-y:scroll;*/
  207.             margin-top:10px;
  208.             margin-left:3px;
  209.             margin-right:3px;
  210.         }
  211.            
  212.         #header #pages {
  213.             width:50px;
  214.             float: center;
  215.             text-align:center;
  216.         background:transparent;
  217.         margin-left:0px;
  218.         }
  219.        
  220.         #header .popup {
  221.             z-index:0;
  222.             position:absolute;
  223.             border-radius:100px;
  224.             -webkit-border-radius:100px;
  225.             float:center;
  226.             margin-top:7px;
  227.             margin-left:3px;
  228.             margin-bottom:7px;
  229.             margin-right:0px;
  230.             text-align:center;
  231.             opacity:0;
  232.             -webkit-transition:0.4s all ease-in-out;
  233.             font-size:6pt;
  234.             font-weight:bold;
  235.             color:#B99A7B;
  236.             background:transparent;
  237.             height:25px;
  238.             width:30px;
  239.             background:#F8F4EF;
  240.         }
  241.         #header .popup:hover {
  242.             opacity:1;
  243.         }
  244.         #header cuckoo {
  245.             position:relative;
  246.             float:bottom;
  247.             text-align:center;
  248.             font-family:"arial narrow",sans-serif;
  249.             }
  250.        
  251.         #header #pages img {
  252.             width:30px;
  253.             height:30px
  254.             box-shadow:none;
  255.             -webkit-box-shadow:none;
  256.             border:3px solid #B99A7B;
  257.             background:#F8F4EF;
  258.             margin-top:0px;
  259.             margin-bottom:0px;
  260.  
  261.         }
  262.         #header #pages img:hover {
  263.             background:#FDFCFB;
  264.         }
  265.                
  266.             #header #pages ul {
  267.                         width:50px;
  268.         background:transparent;
  269.         opacity:0.5;
  270.         -webkit-transition:0.3s all ease-in-out;
  271.        
  272.             text-align:left;
  273.             }
  274.            
  275.             #header #pages ul:hover {
  276.                         opacity:1;
  277.                 }
  278.                
  279.                 #header #pages li {
  280.                     display:inline-block;
  281.                     width:auto;
  282.                     }
  283.                    
  284.                     #header #pages a, #header #pages a:visited {
  285.                         font-weight:normal;
  286.         font-family:"Helvetica Neue", sans-serif;
  287.                         font-size: 8pt;
  288.                         text-decoration: none;
  289.                         text-transform:uppercase;
  290.                         float:center;
  291.                         -webkit-transition:0.3s all ease-in-out;
  292.                     color:#B99A7B;
  293.                     top:-10px;
  294.                     width:30px;
  295.                     }
  296.                     #header #pages a:focus, #header #pages a:hover, #header #pages a:active {  
  297.                     background:transparent;
  298.                     color:#44404C;
  299.                     }
  300.                    
  301.     imageholder {
  302.         z-index:3;
  303.         border:12px solid #FDFCFB;
  304.     -moz-border-radius: 1000px;
  305.     -webkit-border-radius: 1000px;
  306.     border-radius: 1000px;
  307.         position:fixed;
  308.         height:340px;
  309.         bottom:-130px;
  310.         left:-120px;
  311.         width:340px;
  312.         background:#FDFCFB url(http://24.media.tumblr.com/651c1a2f78d3aa6fb75dcec12cc3c439/tumblr_mm9vakluN81rvkw6no1_500.gif);
  313.         background-size:120%;
  314.         background-repeat:no-repeat;
  315.         background-position:-30% 0%;
  316.         overflow:hidden;
  317.     }
  318.     imagepop {
  319.         z-index:1;
  320.     -moz-border-radius: 1000px;
  321.     -webkit-border-radius: 1000px;
  322.     border-radius: 1000px;
  323.         position:fixed;
  324.         height:330px;
  325.         bottom:-130px;
  326.         left:-110px;
  327.         width:330px;
  328.         -webkit-transition:0.4s all ease-in-out;
  329.         opacity:0;
  330.         margin-left:20px;
  331.     }
  332.    
  333.     imagepop:hover {
  334.         margin-left:0px;
  335.         opacity:1;
  336.     }
  337.    
  338.     imagepop #pop { /*bars in the circle */
  339.         z-index:1;
  340.         border-radius:1000px;
  341.         position:relative;
  342.         margin:290px 0;
  343.         font-family:"courier new",sans-serif;
  344.         color:#44404C;
  345.         font-size:10pt;
  346.         padding-left:5px;
  347.         float:right;
  348.         margin-right:25px;
  349.         width:65%;
  350.         background:rgba(255,255,255,0.6);
  351.         text-shadow:0 0 1px #44404C;
  352.     }
  353.     imagepop #pop a {
  354.         font-family:"courier new",sans-serif;
  355.         text-transform:none;
  356.         font-size:100%;
  357.         background:transparent;
  358.     }
  359.     #main {
  360.         width: 100%;
  361.         margin-bottom:50px;
  362.         position:relative;
  363.     }
  364.         #container {
  365.             position:absolute;
  366.             right:270px;
  367.             min-height: 400px;
  368.             width: 600px;
  369.             margin-top:0px;
  370.             background:rgba(236,222,202,0.9);
  371.             padding-top:0;
  372. margin-bottom:10px;
  373.             }
  374.             #container div {
  375.                 background:transparent;
  376.             }
  377.            
  378.             .post-meta {
  379.                 color: #40444C;
  380.                 overflow: hidden;
  381.                 padding: 9px 0;        
  382.             }
  383.                 .post-meta .type {
  384.                     float: left;
  385.                     text-transform:uppercase;
  386.                     font-weight:bold;
  387.                     margin-left:15px;
  388.                 }
  389.                     .post-meta .type a {
  390.                         border-bottom: 3px solid #999;
  391.                         font-weight: bold;
  392.                         padding: 0 10px 10px;
  393.                         text-decoration: none;
  394.                         -webkit-transition: 0.4s all ease-in-out;
  395.                     }
  396.                     .post-type-text .post-meta .type a {
  397.                         border-bottom: 3px solid {color:Post Type Text};
  398.                         color: {color:Post Type Text};
  399.                     }
  400.                     .post-type-photo .post-meta .type a {
  401.                         border-bottom: 3px solid {color:Post Type Photo};
  402.                         color: {color:Post Type Photo};
  403.                     }
  404.                     .post-type-photoset .post-meta .type a {
  405.                         border-bottom: 3px solid {color:Post Type Photoset};
  406.                         left:auto;right:auto;
  407.                         color: {color:Post Type Photoset};
  408.                     }
  409.                     .post-type-quote .post-meta .type a {
  410.                         border-bottom: 3px solid {color:Post Type Quote};
  411.                         color: {color:Post Type Quote};
  412.                     }
  413.                     .post-type-link .post-meta .type a {
  414.                         border-bottom: 3px solid {color:Post Type Link};
  415.                         color: {color:Post Type Link};
  416.                     }
  417.                     .post-type-chat .post-meta .type a {
  418.                         border-bottom: 3px solid {color:Post Type Chat};
  419.                         color: {color:Post Type Chat};
  420.                     }
  421.                     .post-type-video .post-meta .type a {
  422.                         border-bottom: 3px solid {color:Post Type Video};
  423.                         color: {color:Post Type Video};
  424.                     }
  425.                     .post-type-audio .post-meta .type a {
  426.                         border-bottom: 3px solid {color:Post Type Audio};
  427.                         color: {color:Post Type Audio};
  428.                     }
  429.                     .post-meta .type a:focus, .post-meta .type a:hover, .post-meta .type a:active {
  430.                         color: #BCA07A;
  431.                         border-bottom:3px solid #BCA07A;
  432.                         background:transparent;
  433.                     }
  434.  
  435. .post-meta .note-count {
  436.     float:right;
  437.     padding:0 10px;
  438.     }
  439.                 .post-meta .date, .post-meta .comments {
  440.                     float: left;
  441.                     padding: 0 10px;
  442.                     background:#FFFFFF:
  443.                 }
  444.                 .post-meta .date {
  445.                     font-family:verdana,sans-serif;
  446.                     text-transform:uppercase;
  447.                     font-size:75%;
  448.                     color:#999;
  449.                 }
  450.             .post-content {
  451.                 padding: 30px 30px 60px;
  452.             }
  453.             .post-content a {
  454.                 border-bottom: 1px dotted #999;
  455.             }
  456.             .post-content a:focus, div a:hover, div a:active {
  457.                 color:#BCA07A;
  458.                         background:rgba(85,85,85,0.1);
  459.                         }
  460.             .post-content div:last-child, .post-content div:last-child p,
  461.             .post-content div:last-child ul, .post-content div:last-child ol,
  462.             .post-content div:last-child blockquote {
  463.                 margin-bottom: 0;
  464.             }
  465.                 .post-content h3 {
  466.                     font: 20px Georgia,serif;
  467.                     margin-bottom: 20px;
  468.                     text-align:center;
  469.                 }
  470.                     .post-content h3 a, .post-content h3 a:visited {
  471.                         color: #111;
  472.                         text-decoration: none;
  473.                     }
  474.                 .post-content img {
  475.                     margin-bottom: 20px;
  476.                     padding:10px;
  477.                     max-width:580px;
  478.                 }
  479.                 .post-content a img {
  480.                     border-bottom:none;
  481.                 }
  482.                 .post-content blockquote img {
  483.                     max-width:500px;
  484.                     border-bottom:none;
  485.                 }
  486.                 .post-type-photoset .post-content .html-photoset .photoset {
  487.                     max-width:550px;
  488.                     }
  489.                 .post-type-text .post-content ul {
  490.                     padding-left: 30px;
  491.                 }
  492.                     .post-type-text .post-content ul ul {
  493.                         margin-bottom: 0;
  494.                     }
  495.                     .post-type-text .post-content ul li {
  496.                         list-style-type: disc;
  497.                     }
  498.                         .post-type-text .post-content ul ul li {
  499.                             list-style-type: circle;
  500.                         }
  501.                 .post-type-text .post-content ol {
  502.                     padding-left: 30px;
  503.                 }
  504.                     .post-type-text .post-content ol ol {
  505.                         margin-bottom: 0;
  506.                     }
  507.                     .post-type-text .post-content ol li {
  508.                         list-style-type: upper-latin;
  509.                     }
  510.                         .post-type-text .post-content ol ol li {
  511.                             list-style-type: lower-latin;
  512.                         }
  513.                         .post-type-photo .post-content a {
  514.                             border-bottom:none;
  515.                             }
  516.                         .post-type-photo .post-content a:hover {
  517.                             border-bottom:none;
  518.                             background:transparent;
  519.                         }
  520.                         .post-type-photo .post-content .caption a {
  521.                             border-bottom:1px dotted #BCA07A;
  522.                         }
  523.                        
  524.                         .post-type-photo .post-content .caption a:hover{
  525.                         background:rgba(85,85,85,0.1);
  526.                         color:#BCA07A;
  527.                         border-bottom:1px dotted #BCA07A;
  528.                         }
  529.                        
  530.                         .post-type-photo .post-content .tags a {
  531.                             border-bottom:1px dotted #BCA07A;
  532.                         }
  533.                        
  534.                         .post-type-photo .post-content .tags a:hover {
  535.                             background:rgba(85,85,85,0.1);
  536.                         color:#BCA07A;
  537.                         border-bottom:1px dotted #BCA07A;
  538.                         }
  539.                        
  540.                         .post-type-photo .post-content img {
  541.                             padding:0px;
  542.                             margin:0px;
  543.             }
  544.                         .post-type-photo .post-content img {
  545.                             padding:0px;
  546.                             margin:0px;
  547.             }
  548.             .post-type-photo .post-content .caption {
  549.                 margin-top:10px;
  550.             }
  551.                 .post-type-photoset .post-content {
  552.                     margin-bottom: 20px;
  553.                 }
  554.                 .post-type-photoset .post-content .html_photoset img {
  555.                     float:left;
  556.                     min-width:550px;
  557.                     margin-left:-40px;
  558.                 }
  559.                 .post-type-link .post-content .link-wrap {
  560.                     margin-bottom: 20px;
  561.                 }
  562.                 .post-type-chat .post-content .label {
  563.                     color: #333;
  564.                     font-weight: bold;
  565.                 }
  566.                 .post-type-chat li {
  567.                     padding-top:5px;
  568.                     padding-bottom:5px;
  569.                 }
  570.                 .post-type-video .post-content .video-wrap {
  571.                     background: #f0f0f0;
  572.                     margin-bottom: 20px;
  573.                     padding: 10px;
  574.                 }
  575.                 .post-type-audio .post-content .caption {
  576.                     margin-top: 10px;
  577.                 }
  578.                 .tags {
  579.                     font-size: 13px;
  580.                 }
  581.                 .tags a {
  582.                     text-decoration: none;
  583.                     border-bottom: 1px dotted #999;
  584.                 }
  585.                 .tags a:hover, a:active, a:focus {
  586.                         background:rgba(85,85,85,0.1);
  587.                         color:#BCA07A;
  588.                         border-bottom:1px dotted #BCA07A;
  589.                         }
  590.                 .tags a:after {
  591.                     content: ",";
  592.                 }
  593.                 .tags a:last-child:after {
  594.                     content: "";
  595.                 }
  596.             #disqus_thread {
  597.                 border-top: 1px solid #999;
  598.                 padding: 10px 30px 0;
  599.             }
  600.                 #disqus_thread h3 {
  601.                     color: #111;
  602.                     font: 18px Georgia,serif;
  603.                     margin: 20px 0 10px;
  604.                 }
  605.                 #dsq-content .dsq-subscribe-menu {
  606.                     font-size: 12px;
  607.                 }
  608.             #post-notes {
  609.                 border-top: 1px solid #999;
  610.                 padding: 30px;
  611.             }
  612.                 #post-notes ol li {
  613.                     border-bottom: 1px dotted #999;
  614.                     padding: 10px 0;
  615.                 }
  616.                     #post-notes ol li img {
  617.                         background: none;
  618.                         padding-right: 3px;
  619.                         vertical-align: middle;
  620.                     }
  621.             .pagination {
  622.                 z-index:1;
  623.                 position:fixed;
  624.                 float:right;
  625.                 z-index:2;
  626.                 bottom:-2px;
  627.                 right:30px;
  628.                 overflow: hidden;
  629.                 padding: 20px 0;
  630.                 height:80px;
  631.                 width:260px;
  632.                 margin-bottom:-5px;
  633.             }
  634.            
  635.             .pagination span {
  636.                 width:100%;
  637.                 text-align:center;
  638.             }
  639.                 .pagination .previous-page {
  640.                         z-index:1;
  641.                     float: left;
  642.                 border-radius:100px;
  643.                 bottom:-20px;
  644.                 width:80px;
  645.                 height:80px;
  646.                 margin-right:15px;
  647.                 background:#ECDECA url(https://dl.dropboxusercontent.com/u/16572165/for%20blog/navleft.png);
  648.                 background-size:80px 80px;
  649.                 border:7px solid #D2BCA4;
  650.                 }
  651.                 leftbutton {
  652.                     position:relative;
  653.                     width:80px;
  654.                     height:80px;
  655.                 background:#ECDECA url(https://dl.dropboxusercontent.com/u/16572165/for%20blog/navleft.png);
  656.                 }
  657.                 .pagination .next-page {
  658.                         z-index:1;
  659.                     float: right;
  660.                     bottom:-20px;
  661.                 border-radius:100px;
  662.                 margin-left:15px;
  663.                 width:80px;
  664.                 height:80px;
  665.                 background:#ECDECA url(https://dl.dropboxusercontent.com/u/16572165/for%20blog/navright.png);
  666.                 background-size:80px 80px;
  667.                 border:7px solid #D2BCA4;
  668.                 }
  669.                 .pagination .previous-page, .pagination .next-page {
  670.                     -webkit-transition:0.4s all ease-in-out;
  671.                     }
  672.                 .pagination .previous-page:hover, .pagination .next-page:hover {
  673.                     background-color:#F8F4EF;
  674.                 }
  675.                 .pagination .hypersquare {
  676.                     position:relative;
  677.                     height:100%;
  678.                     width:100%;
  679.                 }
  680.                     .pagination a {
  681.                         font: 11px "Helvetica Neue",Helvetica,sans-serif;
  682.                         font-weight:bold;
  683.                         text-decoration: none;
  684.                         width:70px;
  685.                         height:70px;
  686.                     }
  687.                     .pagination a:hover {
  688.                         background:transparent;
  689.                         border-bottom:none;
  690.                     }
  691.                     .naviword {
  692.                         position:inherit;
  693.                         float:top;
  694.                         font-size:7pt;
  695.                         font-weight:bold;
  696.                         font-family:verdana,sans-serif;
  697.                         text-transform:uppercase;
  698.                         text-align:center;
  699.                         bottom:8px;
  700.                         right:111px;
  701.                         background:#FDFCFB;
  702.                         padding-left:20px;
  703.                         padding-right:14px;
  704.                     }
  705.                     pagileft {
  706.                         z-index:0;
  707.                         position:fixed;
  708.                 border-radius:100px;
  709.                 background:#FDFCFB;
  710.                 width:80px;
  711.                 height:80px;
  712.                 border:14px solid #FDFCFB;
  713.                 bottom:-8px;
  714.                 right:189px;
  715.                     }
  716.                    
  717.                     pagiright {
  718.                         z-index:0;
  719.                         position:fixed;
  720.                         border-radius:100px;
  721.                 background:#FDFCFB;
  722.                 float:right;
  723.                 width:80px;
  724.                 height:80px;
  725.                 bottom:-8px;
  726.                 right:23px;
  727.                 border:14px solid #FDFCFB;
  728.                     }
  729.                     bluhleft {
  730.                         z-index:0;
  731.                         position:fixed;
  732.                 border-radius:100px;
  733.                 background:#FDFCFB;
  734.                 width:80px;
  735.                 height:80px;
  736.                 border:20px solid #B99A7B;
  737.                 bottom:-14px;
  738.                 right:183px;
  739.                     }
  740.                    
  741.                     bluhright {
  742.                         z-index:0;
  743.                         position:fixed;
  744.                         border-radius:100px;
  745.                 background:#FDFCFB;
  746.                 float:right;
  747.                 width:80px;
  748.                 height:80px;
  749.                 bottom:-14px;
  750.                 right:17px;
  751.                 border:20px solid #B99A7B;
  752.                     }
  753.         #sidebar {
  754.             z-index:2;
  755.             position:fixed;
  756.             left:160px;
  757.             top:-340px;
  758.             width: 180px;
  759.             height: 370px;
  760.             background:rgba(236,222,202,0.9);
  761.             margin-right:0px;
  762.             border-bottom-left-radius:10px;
  763.             border-bottom-right-radius:10px;
  764.             -webkit-transition: 0.4s all ease-in-out;
  765.         }
  766.         #sidebar:hover {
  767.             top:0px;
  768.             }
  769.        
  770.         #sidebar .content {
  771.             position:relative;
  772.             height:340px;
  773.             overflow-y:scroll;
  774.         }
  775.        
  776.         #textes {
  777.             width:100%;
  778.             height:100%;
  779.             position:relative;
  780.             bottom:0px;
  781.             }
  782.        
  783.         #sidebar .icon {
  784.             position:relative;
  785.             -webkit-transition:0.4s all ease-in-out;
  786.             height:50px;
  787.             margin-right:auto;
  788.             margin-top:25px;
  789.             margin-bottom:25px;
  790.             margin-left:auto;
  791.                     -webkit-box-shadow: 0px 0px 0px 0px;
  792.             }
  793.            
  794.             #sidebar .icon img {
  795.             margin-top:-5px;
  796.                 }
  797.                
  798.             #sidebar .icon:hover {
  799.                 background:rgba(255,255,255,0.5);
  800.                 margin:25px -5px 25px -120px;
  801.             }
  802.                
  803.             #sidebar .icon .icontext {
  804.                 position:absolute;
  805.                 float:top;
  806.                 color:white;
  807.                 margin-top:-2px;
  808.                 padding-top:18px;
  809.                 font-size:6pt;
  810.                 font-face:verdana;
  811.                 text-shadow:0 0 2px #000;
  812.                 width:100%;
  813.                 height:120%;
  814.                 -webkit-transition:0.4s all ease-in-out;
  815.             }
  816.             #sidebar .icon .icontext:hover {
  817.                 margin-left:95px;
  818.                 text-shadow:0 0 4px #000;
  819.                 font-size:7pt;
  820.             }
  821.            
  822.             #sidebar h3 {
  823.                 color: #ECDECA;
  824.                 font-size: 14px;
  825.                 font-weight: bold;
  826.                 margin: 9px 20px;
  827.                 padding:3px;
  828.                 text-transform: uppercase;
  829.                 background:#F8F4EF;
  830.                 text-align:center;
  831.                 border-radius:50px;
  832.             }
  833.             #sidebar div {
  834.                 background:transparent;
  835.             }
  836.                
  837.                 #sidebar h3 a, #sidebar h3 a:visited {
  838.                     color: #999;
  839.                     text-decoration: none;
  840.                 }
  841.             #sidebar ul {
  842.                 margin-bottom: 0;
  843.             }
  844.             .widget {
  845.                 color: #333;
  846.                 font-size: 13px;
  847.             }
  848.                 .widget h3 {
  849.                     font: 20px "Helvetica Neue", helvetica,sans-serif;
  850.                     margin-bottom: 20px;
  851.                     text-align:left;
  852.                 margin-left:0;
  853.                 margin-right:0;
  854.                 }
  855.                     .widget h3 a, .widget h3 a:visited {
  856.                         color: #000;
  857.                         text-decoration: none;
  858.                     }
  859.                 .widget img {
  860.                     padding: 5px;
  861.                 }
  862.                 .widget div a {
  863.                     background:transparent;
  864.                 }
  865.                 .widget div {
  866.                     padding-bottom:5px;
  867.                 }
  868.                 .widget p:last-child, .widget ul:last-child, .widget ol:last-child, .widget blockquote:last-child {
  869.                     border-bottom:none;
  870.                 }
  871.                 #sidebar p {
  872.                     text-align:center;
  873.                     }
  874.             #about {
  875.                 overflow: hidden;
  876.                 text-align:center;
  877.                 font-family:verdana,sans-serif;
  878.                 font-size:55%;
  879.                 text-transform:uppercase;
  880.                 font-weight:bold;
  881.                 padding:5px;
  882.             }
  883.                 #about img {
  884.                     margin-left:auto;
  885.                     margin-right:auto;
  886.                     margin-top:0;
  887.                     margin-bottom:0;
  888.                     border-radius:50px;
  889.                 }
  890.                 #about a:hover {
  891.                     background:transparent;
  892.                     border-bottom:none;
  893.                 }
  894.                 #about .description {
  895.                     text-align:center;
  896.                     padding-left:10px;
  897.                     padding-right:10px;
  898.                 }
  899.             .like_post {
  900.                 border-bottom: 1px dotted #999;
  901.                 margin-bottom: 20px;
  902.                 padding-bottom: 20px;
  903.             }
  904.             .like_post:last-child {
  905.                 border: none;
  906.                 margin: 0;
  907.                 padding: 0;
  908.             }
  909.                 .like_post ul {
  910.                     padding-left: 20px;
  911.                 }
  912.                     .like_post ul ul {
  913.                         margin-bottom: 0;
  914.                     }
  915.                     .like_post ul li {
  916.                         list-style-type: disc;
  917.                     }
  918.                         .like_post ul ul li {
  919.                             list-style-type: circle;
  920.                         }
  921.                 .like_post ol {
  922.                     padding-left: 20px;
  923.                 }
  924.                     .like_post ol ol {
  925.                         margin-bottom: 0;
  926.                     }
  927.                     .like_post ol li {
  928.                         list-style-type: upper-latin;
  929.                     }
  930.                         .like_post ol ol li {
  931.                             list-style-type: lower-latin;
  932.                         }
  933.                 .like_post p:last-child, .like_post ul:last-child, .like_post ol:last-child, .like_post blockquote:last-child {
  934.                     margin-bottom: 0;
  935.                 }
  936.             #tweets {
  937.                 margin-bottom: 10px;
  938.             }
  939.                 #tweets .content {
  940.                     margin-bottom: 10px;
  941.                 }
  942.                     #tweets a {
  943.                         text-decoration: none;
  944.                     }
  945.             #following_container {
  946.                 overflow: hidden;
  947.                 padding-bottom: 20px;
  948.             }
  949.                 #following_container li {
  950.                     display: inline;
  951.                     padding: 0;
  952.                     margin: 0;
  953.                 }
  954.     #footer {
  955.         border-top:4px solid #FDFCFB;
  956.         position:fixed;
  957.         bottom:0;
  958.         clear: both;
  959.         overflow: hidden;
  960.         width: 100%;
  961.         background: #ECDECA url(https://dl.dropboxusercontent.com/u/16572165/for%20blog/watercolour.png);
  962.         height:25px;
  963.     }
  964.         #colophon {
  965.             color: #40444C;
  966.             float: left;
  967.             font-size: 12px;
  968.             padding: 2px 0 20px 375px;
  969.         }
  970.             #footer a {
  971.                 border-bottom: 1px dotted #40444C;
  972.                 text-decoration: none;
  973.             }
  974.             scarflabel {
  975.                 position:fixed;
  976.                 top:250px;
  977.                 left:277px;
  978.                 width:149px;
  979. background:rgba(236,222,202,0.6);
  980.                 text-align:center;
  981.                 font-family:Verdana,sans serif;
  982.                 font-weight:bold;
  983.                 font-size:75%;
  984.                 text-transform:uppercase;
  985.                 color:#40444C;
  986.                 visibility:hidden;
  987.             }
  988.            
  989.             scraflabel {
  990.                 position:fixed;
  991.                 top:250px;
  992.                 right:25px;
  993.                 width:149px;
  994. background:rgba(236,222,202,0.6);
  995.                 text-align:center;
  996.                 font-family:Verdana,sans serif;
  997.                 font-weight:bold;
  998.                 font-size:75%;
  999.                 text-transform:uppercase;
  1000.                 color:#40444C;
  1001.                 visibility:hidden;
  1002.             }
  1003.             rectangle1 {    
  1004.                 position:fixed;
  1005.                 float:right;
  1006.                 right:140px;
  1007.                 top:-10px;
  1008.                 height:500px;
  1009.                 width:94px;
  1010.                 background:#ECDECA;
  1011.                 border-right: 1px solid #B99A7B;
  1012.                 border-left: 1px solid #B99A7B;
  1013.                 border-bottom: 1px solid #B99A7B;
  1014.                 border-radius:3px;
  1015.                 opacity:0.8;
  1016.                 background:-webkit-linear-gradient(top, #D2BCA4, #ECDECA 40%);
  1017.             }
  1018.             rectangle2 {
  1019.                 position:fixed;
  1020.                 float:right;
  1021.                 top:-10px;
  1022.                 right:20px;
  1023.                 height:1000px;
  1024.                 width:94px;
  1025.                 background:#ECDECA;
  1026.                 border-right: 1px solid #B99A7B;
  1027.                 border-left: 1px solid #B99A7B;
  1028.                 border-bottom: 1px solid #B99A7B;
  1029.                 border-radius:3px;
  1030.                 opacity:0.8;
  1031.                 background:-webkit-linear-gradient(top, #D2BCA4, #ECDECA 25%);
  1032.             }
  1033.             bordery1 {
  1034.                 background:#B99A7B url(https://dl.dropboxusercontent.com/u/16572165/for%20blog/watercolour.png);
  1035.         position:fixed;
  1036.         top:-10px;
  1037.         left:60px;
  1038.         width:42px;
  1039.         height:100%;
  1040.         border:17px solid #B99A7B;
  1041.         }
  1042.         bordery2 {
  1043.             background:#B99A7B url(https://dl.dropboxusercontent.com/u/16572165/for%20blog/watercolour.png);
  1044.         position:fixed;
  1045.         border-radius:1000px;
  1046.         height:450px;
  1047.         bottom:-190px;
  1048.         left:-180px;
  1049.         width:450px;
  1050. /* -webkit-box-shadow: 3px 5px 7px -5px #40444C;
  1051. -moz-box-shadow: 3px 5px 6px -5px #40444C;
  1052. -o-box-shadow: 3px 5px 6px -5px #40444C; */
  1053.         }
  1054.             bordery3 {
  1055.                 background:#B99A7B url(https://dl.dropboxusercontent.com/u/16572165/for%20blog/watercolour.png); background-position:center;
  1056.         position:fixed;
  1057.         bottom:0px;
  1058.         left:0px;
  1059.         width:100%;
  1060.         height:40px;
  1061. -webkit-box-shadow: 3px 5px 7px -5px #40444C;
  1062. -moz-box-shadow: 3px 5px 6px -5px #40444C;
  1063. -o-box-shadow: 3px 5px 6px -5px #40444C;
  1064.         }
  1065.  
  1066.                
  1067.             h4 {
  1068.                 float:bottom center;
  1069.                 font-family:verdana,sans-serif;
  1070.                 text-transform:uppercase;
  1071.                 font-weight:bold;
  1072.                 font-size:75%;
  1073.                 text-align:center;
  1074.             }
  1075.            
  1076.     {CustomCSS}
  1077.     </style>
  1078. </head>
  1079. <body>
  1080. <beg></beg>
  1081.                
  1082.                 <scarves>
  1083.             </scarves>
  1084.                
  1085.                 <scraves></scraves>
  1086.                
  1087.     <div id="wrapper">
  1088.         <div id="header">
  1089.                 <div class="menu">
  1090.             <div id="access">
  1091.                     <div id="pages">
  1092.                         <ul>
  1093.                             <li><a href="/"><img src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/haus.png" title="Home"><div class="popup"><cuckoo>Home</cuckoo></div></a></li>
  1094.                             <li><a href="/taglist" title="Tag list"><img src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/tags.png"><div class="popup"><cuckoo>Tags</cuckoo></div></a></li>
  1095.                             <li><a href="/me" title="Self-intro"><img src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/me.png"><div class="popup"><cuckoo>About</cuckoo></div></a></li>
  1096.                             <li><a href="/tagged/personal"title="Personal blog posts"><img src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/personal.png"><div class="popup"><cuckoo>Me</div></a></li>
  1097.                             <li><a href="/feminism" title="Feminism quotes"><img src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/fem.png"><div class="popup"><cuckoo>Feminism</cuckoo></div></a></li>
  1098.                             <li><a href="/ships" title="My shipping list"><img src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/shipping.png"><div class="popup"><cuckoo>Ships</cuckoo></div></a></li>
  1099.                            
  1100.                             {block:AskEnabled}<li class="ask"><a href="/ask" class="page" title="Message"><img src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/mail.png"><div class="popup"><cuckoo>Message</cuckoo></div></a></li>{/block:AskEnabled}
  1101.                             {block:SubmissionsEnabled}<li class="submit"><a href="/submit" class="page">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  1102.                            
  1103.                             <li><a href="http://circlejourney.tumblr.com" title="Art blog">Art</a></li>
  1104.                             <li><a href="http://nebulospectrum.tumblr.com" title="Writing blog">Writing</a></li>
  1105.                             {block:HasPages}{block:Pages}
  1106.                             <li><a href="{URL}" class="page">{Label}</a></li>{/block:Pages}{/block:HasPages}
  1107.                             <li class="archive"><a href="/archive">Archive</a></li>
  1108.                             <li class="rss"><a href="{RSS}">RSS</a></li>
  1109.                         </ul>
  1110.                     </div><!-- #pages -->
  1111.             </div><!-- #access -->
  1112.         </div><!-- .menu -->
  1113.            
  1114.         <instuff><div id="branding">
  1115.                 <a href="/"><h1 style="text-align:center;">
  1116.                 <img class="header" src="https://dl.dropboxusercontent.com/u/16572165/for%20blog/title2.png"/>
  1117.                     {block:IfHeaderImage}<a href="/"><img src="{image:Header}" alt="{Title}" /></a>{/block:IfHeaderImage}
  1118.                     <!--{block:IfNotHeaderImage}<a href="/">{Title}</a>{/block:IfNotHeaderImage}-->
  1119.                 </h1></a>
  1120.             </div><!-- #branding -->
  1121.         </div><!-- #header -->
  1122.        
  1123.         <div id="main">
  1124.             <div id="container">
  1125.                 <div id="content">
  1126.                 {block:Posts}
  1127.                     <div id="post-{PostID}" class="post {block:Text}post-type-text{/block:Text}{block:Photo}post-type-photo{/block:Photo}{block:Photoset}post-type-photoset{/block:Photoset}{block:Quote}post-type-quote{/block:Quote}{block:Link}post-type-link{/block:Link}{block:Chat}post-type-chat{/block:Chat}{block:Video}post-type-video{/block:Video}{block:Audio}post-type-audio{/block:Audio}">
  1128.                         <div class="post-meta">
  1129.                             <div class="type">
  1130.                                 <a href="{Permalink}">{block:Text}Text{/block:Text}{block:Photo}Photo{/block:Photo}{block:Photoset}Photoset{/block:Photoset}{block:Quote}Quote{/block:Quote}{block:Link}Link{/block:Link}{block:Chat}Chat{/block:Chat}{block:Video}Video{/block:Video}{block:Audio}Audio{/block:Audio}</a>
  1131.                             </div><!-- .type -->
  1132.                         {block:Date}
  1133.                             <div class="date">
  1134.                                 {Month} {DayOfMonthWithZero}, {Year}
  1135.                             </div><!-- .date -->
  1136.                         {/block:Date}
  1137.                         {block:IfDisqusShortname}
  1138.                             <div class="comments">
  1139.                                 <a href="{Permalink}#disqus_thread">0 comments</a>
  1140.                             </div>
  1141.                         {/block:IfDisqusShortname}
  1142.                         {block:NoteCount}
  1143.                             <div class="note-count">
  1144.                                 <a href="{Permalink}#notes">Notes: {NoteCount}</a>
  1145.                             </div><!-- .note-count -->
  1146.                         {/block:NoteCount}
  1147.                         </div><!-- .post-meta -->
  1148.                         <div class="post-content">
  1149.                         {block:Text}
  1150.                             {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  1151.                             {Body}
  1152.                         {/block:Text}
  1153.                         {block:Photo}
  1154.                             {LinkOpenTag}<img src="{PhotoURL-500}" class="photo" alt="{PhotoAlt}" />{LinkCloseTag}
  1155.                             {block:HighRes}<a href="{PhotoURL-HighRes}" class="high-res" target="_blank"></a>{/block:HighRes}
  1156.                             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1157.                         {/block:Photo}
  1158.                         {block:Photoset}
  1159.                             {Photoset-500}
  1160.                             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1161.                         {/block:Photoset}
  1162.                         {block:Quote}
  1163.                             <div class="quote-content">"{Quote}"</div>
  1164.                             {block:Source}<p class="quote-source">&mdash; {Source}</p>{/block:Source}
  1165.                         {/block:Quote}
  1166.                         {block:Link}
  1167.                             <div class="link-wrap"><a href="{URL}" {Target}>{Name}</a></div>
  1168.                             {block:Description}<div class="description">{Description}</div>{/block:Description}
  1169.                         {/block:Link}
  1170.                         {block:Chat}
  1171.                             {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  1172.                             <ul class="chat-wrap">
  1173.                             {block:Lines}
  1174.                                 <li class="{Alt} user_{UserNumber}">
  1175.                                     {block:Label}<span class="label">{Label}</span>{/block:Label}
  1176.                                     {Line}
  1177.                                 </li>
  1178.                             {/block:Lines}
  1179.                             </ul>
  1180.                         {/block:Chat}
  1181.                         {block:Video}
  1182.                             <div class="video-wrap">{Video-500}</div>
  1183.                             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1184.                         {/block:Video}
  1185.                         {block:Audio}
  1186.                             <div class="audio-wrap">{AudioPlayerGrey}</div>
  1187.                             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1188.                         {/block:Audio}
  1189.                         {block:HasTags}
  1190.                             <div class="tags">
  1191.                                 <p>Tags: {block:Tags}<a href="{TagURL}" class="single-tag">{Tag}</a> {/block:Tags}</p>
  1192.                             </div>
  1193.                         {/block:HasTags}
  1194.                         </div><!-- post-content -->
  1195.                     </div><!-- .post -->
  1196.                     {block:IfDisqusShortname}{block:Permalink}
  1197.                         <div id="disqus_thread"></div>
  1198.                         <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1199.                         <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript>
  1200.                     {/block:Permalink}{/block:IfDisqusShortname}
  1201.                     {block:PostNotes}<div id="post-notes">{PostNotes}</div>{/block:PostNotes}
  1202.                 {/block:Posts}
  1203.                 </div><!-- #content -->
  1204.             <!-- #container -->
  1205.             </div>
  1206.         </div><!-- #main --></instuff><bordery3></bordery3><bordery1></bordery1><bordery2></bordery2>
  1207.         {block:PreviousPage}<bluhleft></bluhleft>{/block:PreviousPage}
  1208.             {block:NextPage}<bluhright></bluhright>{/block:NextPage}
  1209.         <div id="footer">
  1210.             <div id="colophon"><p>Designed by Tessa Low Yun. Powered by <a href="http://tumblr.com">Tumblr</a>..</p></div>
  1211.             {block:NextPage}<div class="naviword">Navigation</div>{/block:NextPage}
  1212.            
  1213.             {block:PreviousPage}<pagileft></pagileft>{/block:PreviousPage}
  1214.             {block:NextPage}<pagiright></pagiright>{/block:NextPage}
  1215.                 {block:Pagination}
  1216.                     <div class="pagination">
  1217.                         {block:PreviousPage}<span class="previous-page"><a href="{PreviousPage}"><div class="hypersquare"></div></a></span>{/block:PreviousPage}
  1218.                         {block:NextPage}<span class="next-page"><a href="{NextPage}"><div class="hypersquare">
  1219. </div></a></span>{/block:NextPage}
  1220.                     </div><!-- .pagination -->
  1221.                 {/block:Pagination}<!-- #footer -->
  1222.  
  1223.                    
  1224.                
  1225.                 <lightbar><lightbarbg></lightbarbg></lightbar><imageholder></imageholder>
  1226.            
  1227.         </div><!-- #wrapper -->
  1228.  
  1229. {block:Twitter}<script type="text/javascript" src="/tweets.js"></script>{/block:Twitter}
  1230. {block:IfGoogleAnalyticsID}<script type="text/javascript">var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker=_gat._getTracker("{text:Google Analytics ID}");pageTracker._trackPageview()}catch(err){}</script>{block:IfGoogleAnalyticsID}
  1231. {block:IfDisqusShortname}
  1232.     <script type="text/javascript">
  1233.         //<![CDATA[
  1234.         (function() {
  1235.             var links = document.getElementsByTagName('a');
  1236.             var query = '?';
  1237.             for(var i = 0; i < links.length; i++) {
  1238.                 if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1239.                     query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1240.                 }
  1241.             }
  1242.             document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1243.         })();
  1244.         //]]>
  1245.     </script>
  1246. {/block:IfDisqusShortname}
  1247.             <div id="sidebar">
  1248.             <div class="content">
  1249.             {block:IfShowAboutWidget}
  1250.                 <h3>About</h3>
  1251.                 <div id="about" class="widget">
  1252.                     {block:Description}
  1253.                     <p><a href="http://for-analgesia.tumblr.com/me"><img src="{PortraitURL-64}" alt="portrait" width="80px" height="80px" style="padding:0 0 0 0;-webkit-box-shadow: 0px 2px 5px 1px;"/></a></p><div class="description"><p>{Description}</p></div>{/block:Description}
  1254.                     <h3>Friends</h3>
  1255.                     <div class="icon"><a href="http://archaean.tumblr.com"><div class="icontext">archaean</div><img src="http://24.media.tumblr.com/avatar_8700de69d0ad_64.png" alt="archaean" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1256.                    
  1257.                     <div class="icon"><a href="http://eternal-nebulosity.tumblr.com"><div class="icontext">eternal-nebulosity</div><img src="http://24.media.tumblr.com/avatar_5bc23fe85a4e_64.png" alt="eternal-nebulosity" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1258.                     <div class="icon"><a href="http://darkblaziken.tumblr.com"><div class="icontext">darkblaziken</div><img src="http://25.media.tumblr.com/avatar_eaa6e7e67c99_64.png" alt="darkblaziken" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1259.                     <div class="icon"><a href="http://scientificsoliloquy.tumblr.com"><div class="icontext">scientificsoliloquy</div><img src="http://24.media.tumblr.com/avatar_22536ef04470_64.png" alt="scientificsoliloquy" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1260.                     <div class="icon"><a href="http://eonflamewing.tumblr.com"><div class="icontext">eonflamewing</div><img src="http://25.media.tumblr.com/avatar_1bdab25589ef_64.png" alt="eonflamewing" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1261.                     <div class="icon"><a href="http://aviolentarietta.tumblr.com"><div class="icontext">aviolentarietta</div><img src="http://24.media.tumblr.com/avatar_f132104a6683_64.png" alt="aviolentarietta" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1262.                     <div class="icon"><a href="http://donutsncoffee.tumblr.com"><div class="icontext">donutsncoffee</div><img src="http://25.media.tumblr.com/avatar_2ebb776a47dc_64.png" alt="donutsncoffee" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1263.                     <div class="icon"><a href="http://painting-wonderland.tumblr.com"><div class="icontext">painting-wonderland</div><img src="http://25.media.tumblr.com/avatar_00d84f72e4b1_64.png" alt="painting-wonderland" style="padding:0 0 0 0;-webkit-box-shadow: 1px 1px 6px -1px;"></a></div>
  1264.                     <p style="padding:10px;">where friend = person i interact with on a semi-regular basis, off- or online. Send an ask if you think I'm forgetting someone (i.e. you).</p>
  1265.                    </div>
  1266.                </div>
  1267.            {/block:IfShowAboutWidget}
  1268.            <h3>Hover here!</h3>
  1269.            {block:IndexPage}{block:IfShowStuffILikeWidget}{block:Likes}
  1270.                <h3><a href="http://www.tumblr.com/liked/by/harbour-lights">Stuff I like</a></h3>
  1271.                <div id="likes_container" class="widget">
  1272.                    {Likes limit="5" summarize="100" width="279"}
  1273.                </div>
  1274.            {/block:Likes}{/block:IfShowStuffILikeWidget}{/block:IndexPage}
  1275.            {block:IndexPage}{block:IfShowLatestTweetsWidget}{block:Twitter}
  1276.                <h3>Latest Tweets</h3>
  1277.                <div id="twitter" class="widget">
  1278.                    <div id="tweets"></div>
  1279.                    <p><a href="http://twitter.com/{TwitterUsername}">Follow me</a></p>
  1280.                </div>
  1281.  
  1282.                <script type="text/javascript">
  1283.                    function recent_tweets(data) {
  1284.                        for (i=0; i<data.length; i++) {
  1285.                            if (i<{text:Number of Tweets}) {
  1286.                                document.getElementById("tweets").innerHTML =
  1287.                                    document.getElementById("tweets").innerHTML +
  1288.                                    '<a href="http://twitter.com/{TwitterUsername}/status/' +
  1289.                                    data[i].id + '"><div class="content">' + data[i].text +
  1290.                                    '</div></a>';
  1291.                            }
  1292.                        }
  1293.                        document.getElementById("twitter").style.display = 'block';
  1294.                    }
  1295.                </script>
  1296.            {/block:Twitter}{/block:IfShowLatestTweetsWidget}{/block:IndexPage}
  1297.            {block:IfShowPeopleIFollowWidget}{block:Following}
  1298.                <h3>People I follow</h3>
  1299.                <div id="following_container" class="widget">
  1300.                    <ul>
  1301.                        {block:Followed}
  1302.                            <li><a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" alt="{FollowedName}"/></a></li>
  1303.                        {/block:Followed}
  1304.                    </ul>
  1305.                </div>
  1306.            {/block:Following}{/block:IfShowPeopleIFollowWidget}
  1307.            
  1308.            </div>
  1309.            </div><!-- #sidebar -->
  1310. <!---<imagepop><div id="pop"><a href="http://myanimelist.net/anime/6213/Toaru_Kagaku_no_Railgun">From <i>To Aru Kagaku no Railgun</i></a></div>
  1311. </imagepop>--->
  1312. </body>
  1313. </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!