API tools faq
paste
darianella

"Parisologist" tumblr theme HTML code

darianella
Jun 26th, 2013
1,787
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 46.60 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">
  3.  
  4.  
  5. <!--
  6. Hey! So this is pretty much the same as #31, with the exception of a few things:
  7.  
  8.  
  9. POSTS:
  10.   - one column 250px, 400px, or 500px posts OR
  11.   - two column 250px posts
  12.   - optional monochrome images
  13.   - show/hide image descriptions
  14.   - optional hover post border (one column only)
  15.  
  16. SIDEBAR:
  17.   - two title styles
  18.   - endless description
  19.   - five custom links
  20.   - customizable square image
  21.   - show/hover-hidden description
  22.  
  23. MISC:
  24.   - two body font options
  25.   - endless scroll/pagination
  26.   - I love you.
  27.  
  28. So. Don't steal, and stuff. And please don't remove the credit? It's cute. And filled with love.
  29.  
  30. HAPPY BLOGGING,
  31. Darian
  32.  
  33. -->
  34.  
  35.  
  36. <head><title>{Title}</title>
  37.  
  38. <link rel="shortcut icon" href="{favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  44.  
  45.  
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47.  
  48.  
  49.     <meta name="color:title" content="#313131" />
  50.     <meta name="color:pagination" content="#2e2d2d" />
  51.     <meta name="color:umbrella" content="#27292b" />
  52.    
  53.     <meta name="color:background" content="#ffffff" />
  54.    
  55.     <meta name="color:scrollbar" content="#16161a" />
  56.     <meta name="color:scrollbarback" content="#d6d5d5" />
  57.        
  58.     <meta name="color:selection" content="#cfcece" />
  59.     <meta name="color:selectiontext" content="#0a0e11" />
  60.    
  61.     <meta name="color:post" content="#ffffff" />
  62.     <meta name="color:text" content="#2b2929" />
  63.     <meta name="color:postlinks" content="#979793" />
  64.     <meta name="color:postlinkhover" content="#504c4c" />
  65.     <meta name="color:postborder" content="#414141" />
  66.    
  67.     <meta name="color:date" content="#ebe9e9" />
  68.     <meta name="color:datelinks" content="#0f0f0f" />
  69.     <meta name="color:datelinkhover" content="#fdfdfd" />
  70.     <meta name="color:datedrop" content="#cde7ec" />
  71.    
  72.     <meta name="color:note" content="#c4c1c1" />
  73.     <meta name="color:notelinks" content="#0f0f0f" />
  74.     <meta name="color:notelinkhover" content="#fdfdfd" />
  75.    
  76.     <meta name="color:reblog" content="#353636" />
  77.     <meta name="color:rebloglinks" content="#c4c1c1" />
  78.     <meta name="color:rebloglinkhover" content="#ffffff" />
  79.    
  80.     <meta name="color:bold" content="#222121" />
  81.     <meta name="color:italic" content="#142a3f" />
  82.    
  83.     <meta name="color:tagback" content="#cdcecf" />
  84.    
  85.     <meta name="color:quote" content="#000000" />
  86.     <meta name="color:question" content="#000000" />
  87.    
  88.     <meta name="color:blockquote" content="#e9e9e9" />
  89.     <meta name="color:blockquote2" content="#ceddec" />
  90.     <meta name="color:blockquoteborder" content="#8d8d87" />
  91.    
  92.     <meta name="color:description" content="#332c2c" />
  93.    
  94.     <meta name="color:nav" content="#f1f0f0" />
  95.     <meta name="color:navhover" content="#111111" />
  96.     <meta name="color:navlinks" content="#182938" />
  97.     <meta name="color:navlinkhover" content="#fdfcfc" />
  98.     <meta name="color:navdrophover" content="#b7d3d8" />
  99.     <meta name="color:navdrop" content="#cde7ec" />
  100.    
  101.     <meta name="color:custom" content="#f1f0f0" />
  102.     <meta name="color:customhover" content="#3d454d" />
  103.     <meta name="color:customlinks" content="#182938" />
  104.     <meta name="color:customlinkhover" content="#fdfdfd" />
  105.     <meta name="color:customdrophover" content="#b7d3d8" />
  106.     <meta name="color:customdrop" content="#cde7ec" />
  107.    
  108.     <meta name="if:250px posts" content="1">
  109.     <meta name="if:400px posts" content="0">
  110.     <meta name="if:500px posts" content="0">
  111.     <meta name="if:two columns" content="0">
  112.    
  113.     <meta name="if:post descriptions" content="0">
  114.     <meta name="if:post sideborder" content="1">
  115.     <meta name="if:cursive title" content="1">
  116.     <meta name="if:pixel font" content="1">
  117.     <meta name="if:infinite scroll" content="0">
  118.     <meta name="if:monochrome" content="1">
  119.     <meta name="if:hidden desc" content="1">
  120.    
  121.     <meta name="image:background" content="https://lh3.googleusercontent.com/-Vi4_t5dCXKM/UZKe8roB_hI/AAAAAAAAEkg/pZwVcoL4I_I/w412-h300-no/linedpaper.png"/>
  122.     <meta name="image:sidebar" content="https://lh4.googleusercontent.com/-R4QAJOIJcAk/Ucm5dWU-8pI/AAAAAAAAFDc/v3jW9thtjkw/s441-no/Capture+ccopyopy.jpg">
  123.  
  124.     <meta name="text:link1" content="link 1" />
  125.     <meta name="text:link1URL" content="/"/>
  126.     <meta name="text:link2" content="link 2" />
  127.     <meta name="text:link2URL" content="/"/>
  128.     <meta name="text:link3" content="link 3" />
  129.     <meta name="text:link3URL" content="/"/>
  130.     <meta name="text:link4" content="link 4" />
  131.     <meta name="text:link4URL" content="/"/>
  132.     <meta name="text:link5" content="link 5" />
  133.     <meta name="text:link5URL" content="/"/>
  134.  
  135. <style type="text/css">
  136.  
  137. /*basics*/
  138.  
  139. ::-webkit-scrollbar {
  140.     width: 7px;
  141.     height: 7px;
  142.     background-color:{color:scrollbarback};
  143. }
  144.  
  145. ::-webkit-scrollbar-thumb {
  146.     background: {color:scrollbar};
  147. }
  148.  
  149. @font-face{
  150.     font-family: 'Bad Script', cursive;
  151. }
  152.  
  153. @font-face{
  154.     font-family: 'Dawning of a New Day', cursive;
  155. }
  156.  
  157. @font-face {
  158. font-family: "tinytots";
  159. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  160. }
  161.  
  162. iframe{
  163.     opacity: 0.9;
  164.     filter:alpha(opacity=90);
  165.     -moz-opacity: 0.9;
  166.     -khtml-opacity: 0.9;
  167. }
  168.  
  169. iframe#tumblr_controls {
  170.     right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  171.  
  172. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  173.  
  174.  
  175.  
  176. /*basic derps*/
  177.  
  178. body{
  179.     margin-top:0;
  180.     color:{color:text};
  181.     {block:ifnotpixelfont}font-family:helvetica;
  182.     font-size:10px;{/block:ifnotpixelfont}
  183.     {block:ifpixelfont}font-family:tinytots;
  184.     font-size:8px;
  185.     text-transform:uppercase;{/block:ifpixelfont}
  186.     line-height:100%;
  187.     background-image:url('{image:background}');
  188.     background-attachment: fixed;
  189.     background-repeat: repeat;
  190.     background-color: {color:background};
  191. }
  192.  
  193. a{
  194.     text-decoration:none;
  195.     outline:none;
  196.     -moz-outline-style:none;
  197.    color:{color:customlinks};
  198.     -webkit-transition: all 0.5s linear;
  199.     -moz-transition: all 0.5s linear;
  200.     -o-transition: all 0.5s linear;
  201. }
  202.  
  203.  
  204. em{
  205.     color:{color:italic};
  206. }
  207.  
  208. strong{
  209.     color:{color:bold};
  210.     font-weight:strong;
  211. }
  212.  
  213. img{
  214.     border:none;
  215. }
  216.  
  217. blockquote{
  218.     padding:5px;
  219.     padding-left:10px;
  220.     border-left:2px solid {color:blockquoteborder};
  221.     background-color:{color:blockquote};
  222. }
  223.  
  224. blockquote blockquote{
  225.     padding-left:10px;
  226.     padding:5px;
  227.     border-left:1px dashed {color:blockquoteborder};
  228.     background-color:{color:blockquote2};
  229. }
  230.  
  231. pre{
  232.     font-size:8px;
  233.     {block:iftwocolumns}{block:indexpage}max-width:240px;{/block:indexpage}{/block:iftwocolumns}
  234.     {block:ifnottwocolumns}
  235.     {block:indexpage}
  236.     {block:if250pxposts}max-width:240px;{/block:if250pxposts}
  237.     {block:if400pxposts}max-width:390px;{/block:if400pxposts}
  238.     {block:if500pxposts}max-width:490px;{/block:if500pxposts}
  239.     {/block:indexpage}
  240.     {/block:ifnottwocolumns}
  241.     {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  242.     overflow:auto;
  243.     background-color:#bcbbbb;
  244.     padding:5px;
  245.     font-family:tinytots;
  246.     text-align:center;
  247. }
  248.  
  249. pre::-webkit-scrollbar {
  250.     width: 2px;
  251.     height: 2px;
  252. }
  253.  
  254. pre::-webkit-scrollbar-thumb {
  255.     background: {color:scrollbar};
  256. }
  257.  
  258. ::selection {
  259. background:{color:selection};
  260. color: {color:selectiontext};
  261. }
  262.  
  263. ::-moz-selection {
  264. background: {color:selection};
  265. color: {color:selectiontext};
  266. }
  267.  
  268. ::-webkit-selection {
  269. background: {color:selection};
  270. color: {color:selectiontext};
  271. }
  272.  
  273.  
  274. /*sidebar*/
  275.  
  276. #umbrella{
  277.     position:fixed;
  278.     margin-top: 250px;
  279.     margin-left:130px;
  280.     font-family:tinytots;
  281.     font-size:250px;
  282.     height:200px;
  283.     width:200px;
  284.     color:{color:umbrella};
  285.     border:solid 10px {color:umbrella};
  286. }
  287.  
  288. #umbrellaimg{
  289.     position:fixed;
  290.     font-family:tinytots;
  291.     font-size:250px;
  292.     height:200px;
  293.     width:200px;
  294. }
  295.  
  296. #main{
  297.     position:fixed;
  298.     margin-top:495px;
  299.     width:250px;
  300.     height:50px;
  301.     text-transform:lowercase;
  302.     text-align:right;
  303.     margin-left:3px;
  304.     color:{color:title};
  305.     {block:ifcursivetitle}
  306.     font-size:50px;
  307.     font-family: 'Dawning of a New Day', cursive;
  308.     {/block:ifcursivetitle}
  309.     {block:ifnotcursivetitle}
  310.     font-size:35px;
  311.     font-family: 'Bad Script', cursive;
  312.     {/block:ifnotcursivetitle}
  313.     z-index:999;
  314.  
  315. }
  316.  
  317. /*description*/
  318.  
  319. #desc{
  320.     position:fixed;
  321.     margin-top:25px;
  322.     {block:ifhiddendesc}opacity:0;
  323.     margin-left:-100px;{/block:ifhiddendesc}
  324.     {block:ifnothiddendesc}opacity:1;
  325.     margin-left:-130px;{/block:ifnothiddendesc}
  326.     height:150px;
  327.     width:100px;
  328.     padding:3px;
  329.     overflow:auto;
  330.     text-align:center;
  331.     font-family:tinytots;
  332.     text-transform:uppercase;
  333.     font-size:8px;
  334.     color:{color:description};
  335.     -webkit-transition: all 0.5s linear;
  336.     -moz-transition: all 0.5s linear;
  337.     -o-transition: all 0.5s linear;
  338. }
  339.  
  340. #umbrella:hover #desc{
  341.     opacity:1;
  342.     margin-left:-130px;
  343. }
  344.  
  345. #desc::-webkit-scrollbar {
  346.     width: 2px;
  347.     height: 2px;
  348. }
  349.  
  350. #desc::-webkit-scrollbar-thumb {
  351.     background: {color:scrollbar};
  352. }
  353.  
  354. /*nav*/
  355.  
  356. #homed{
  357.     position:fixed;
  358.     margin-left:330px;
  359.     margin-top:400px;
  360.     height:40px;
  361.     width:40px;
  362.     background-color:{color:navdrop};
  363.     border-bottom-right-radius:30px;
  364.     border-bottom-left-radius:30px;
  365.     border-top-left-radius:30px;
  366.     z-index:999;
  367.     transform:rotate(-45deg);
  368.     -ms-transform:rotate(-45deg);
  369.     -webkit-transform:rotate(-45deg);
  370.     -o-transform:rotate(-45deg);
  371.     -webkit-transition: all 0.3s linear;
  372.     -moz-transition: all 0.3s linear;
  373.     -o-transition: all 0.3s linear;
  374. }
  375.  
  376. #homed:hover{
  377.     background-color:{color:navdrophover};
  378. }
  379.  
  380. #homed:hover #home{
  381.     opacity:1;
  382.     margin-top:7px;
  383.     transform:rotate(45deg);
  384.     -ms-transform:rotate(45deg);
  385.     -webkit-transform:rotate(45deg);
  386.     -o-transform:rotate(45deg);
  387. }
  388.  
  389. #home{
  390.     position:fixed;
  391.     height:9px;
  392.     padding-top:1px;
  393.     width:55px;
  394.     margin-top:-10px;
  395.     font-family:tinytots;
  396.     font-size:8px;
  397.     text-align:center;
  398.     text-transform:uppercase;
  399.     overflow:hidden;
  400.     background-color:{color:nav};
  401.     color:{color:navlinks};
  402.     opacity:0;
  403.     -webkit-transition: all 0.3s linear;
  404.     -moz-transition: all 0.3s linear;
  405.     -o-transition: all 0.3s linear;
  406.     transform:rotate(20deg);
  407.     -ms-transform:rotate(20deg);
  408.     -webkit-transform:rotate(20deg);
  409.     -o-transform:rotate(20deg);
  410. }
  411.  
  412. #home:hover{
  413.     color:{color:navlinkhover};
  414.     text-shadow:0px 0px 5px #888888;
  415. }
  416.  
  417. #messd{
  418.     position:fixed;
  419.     margin-left:370px;
  420.     margin-top:425px;
  421.     height:40px;
  422.     width:40px;
  423.     background-color:{color:navdrop};
  424.     border-bottom-right-radius:30px;
  425.     border-bottom-left-radius:30px;
  426.     border-top-left-radius:30px;
  427.     z-index:999;
  428.     transform:rotate(-45deg);
  429.     -ms-transform:rotate(-45deg);
  430.     -webkit-transform:rotate(-45deg);
  431.     -o-transform:rotate(-45deg);
  432.     -webkit-transition: all 0.3s linear;
  433.     -moz-transition: all 0.3s linear;
  434.     -o-transition: all 0.3s linear;
  435. }
  436.  
  437. #messd:hover{
  438.     background-color:{color:navdrophover};
  439. }
  440.  
  441. #messd:hover #mess{
  442.     opacity:1;
  443.     margin-top:7px;
  444.     transform:rotate(45deg);
  445.     -ms-transform:rotate(45deg);
  446.     -webkit-transform:rotate(45deg);
  447.     -o-transform:rotate(45deg);
  448. }
  449.  
  450. #mess{
  451.     position:fixed;
  452.     height:9px;
  453.     padding-top:1px;
  454.     width:55px;
  455.     margin-top:-10px;
  456.     font-family:tinytots;
  457.     font-size:8px;
  458.     text-align:center;
  459.     overflow:hidden;
  460.     text-transform:uppercase;
  461.     background-color:{color:nav};
  462.     color:{color:navlinks};
  463.     opacity:0;
  464.     -webkit-transition: all 0.3s linear;
  465.     -moz-transition: all 0.3s linear;
  466.     -o-transition: all 0.3s linear;
  467.     transform:rotate(20deg);
  468.     -ms-transform:rotate(20deg);
  469.     -webkit-transform:rotate(20deg);
  470.     -o-transform:rotate(20deg);
  471. }
  472.  
  473. #mess:hover{
  474.     color:{color:navlinkhover};
  475.     text-shadow:0px 0px 5px #888888;
  476. }
  477.  
  478. #archd{
  479.     position:fixed;
  480.     margin-left:340px;
  481.     margin-top:465px;
  482.     height:40px;
  483.     width:40px;
  484.     background-color:{color:navdrop};
  485.     border-bottom-right-radius:30px;
  486.     border-bottom-left-radius:30px;
  487.     border-top-left-radius:30px;
  488.     z-index:999;
  489.     transform:rotate(-45deg);
  490.     -ms-transform:rotate(-45deg);
  491.     -webkit-transform:rotate(-45deg);
  492.     -o-transform:rotate(-45deg);
  493.     -webkit-transition: all 0.3s linear;
  494.     -moz-transition: all 0.3s linear;
  495.     -o-transition: all 0.3s linear;
  496. }
  497.  
  498. #archd:hover{
  499.     background-color:{color:navdrophover};
  500. }
  501.  
  502. #archd:hover #arch{
  503.     opacity:1;
  504.     margin-top:7px;
  505.     transform:rotate(45deg);
  506.     -ms-transform:rotate(45deg);
  507.     -webkit-transform:rotate(45deg);
  508.     -o-transform:rotate(45deg);
  509. }
  510.  
  511. #arch{
  512.     position:fixed;
  513.     height:9px;
  514.     padding-top:1px;
  515.     width:55px;
  516.     margin-top:-10px;
  517.     font-family:tinytots;
  518.     font-size:8px;
  519.     text-align:center;
  520.     overflow:hidden;
  521.     text-transform:uppercase;
  522.     background-color:{color:nav};
  523.     color:{color:navlinks};
  524.     opacity:0;
  525.     -webkit-transition: all 0.3s linear;
  526.     -moz-transition: all 0.3s linear;
  527.     -o-transition: all 0.3s linear;
  528.     transform:rotate(20deg);
  529.     -ms-transform:rotate(20deg);
  530.     -webkit-transform:rotate(20deg);
  531.     -o-transform:rotate(20deg);
  532. }
  533.  
  534. #arch:hover{
  535.     color:{color:navlinkhover};
  536.     text-shadow:0px 0px 5px #888888;
  537. }
  538.  
  539. /*custom*/
  540.  
  541. #link1d{
  542.     position:fixed;
  543.     margin-left:290px;
  544.     margin-top:490px;
  545.     height:40px;
  546.     width:40px;
  547.     background-color:{color:customdrop};
  548.     border-bottom-right-radius:30px;
  549.     border-bottom-left-radius:30px;
  550.     border-top-left-radius:30px;
  551.     z-index:999;
  552.     transform:rotate(-45deg);
  553.     -ms-transform:rotate(-45deg);
  554.     -webkit-transform:rotate(-45deg);
  555.     -o-transform:rotate(-45deg);
  556.     -webkit-transition: all 0.3s linear;
  557.     -moz-transition: all 0.3s linear;
  558.     -o-transition: all 0.3s linear;
  559. }
  560.  
  561. #link1d:hover{
  562.     background-color:{color:customdrophover};
  563. }
  564.  
  565. #link1d:hover #link1{
  566.     opacity:1;
  567.     margin-top:7px;
  568.     transform:rotate(45deg);
  569.     -ms-transform:rotate(45deg);
  570.     -webkit-transform:rotate(45deg);
  571.     -o-transform:rotate(45deg);
  572. }
  573.  
  574. #link1{
  575.     position:fixed;
  576.     height:9px;
  577.     padding-top:1px;
  578.     width:55px;
  579.     margin-top:-10px;
  580.     font-family:tinytots;
  581.     font-size:8px;
  582.     text-align:center;
  583.     overflow:hidden;
  584.     text-transform:uppercase;
  585.     background-color:{color:custom};
  586.     color:{color:customlinks};
  587.     opacity:0;
  588.     -webkit-transition: all 0.3s linear;
  589.     -moz-transition: all 0.3s linear;
  590.     -o-transition: all 0.3s linear;
  591.     transform:rotate(20deg);
  592.     -ms-transform:rotate(20deg);
  593.     -webkit-transform:rotate(20deg);
  594.     -o-transform:rotate(20deg);
  595. }
  596.  
  597. #link1:hover{
  598.     color:{color:customlinkhover};
  599.     text-shadow:0px 0px 5px #888888;
  600. }
  601.  
  602. #link2d{
  603.     position:fixed;
  604.     margin-left:330px;
  605.     margin-top:540px;
  606.     height:40px;
  607.     width:40px;
  608.     background-color:{color:customdrop};
  609.     border-bottom-right-radius:30px;
  610.     border-bottom-left-radius:30px;
  611.     border-top-left-radius:30px;
  612.     z-index:999;
  613.     transform:rotate(-45deg);
  614.     -ms-transform:rotate(-45deg);
  615.     -webkit-transform:rotate(-45deg);
  616.     -o-transform:rotate(-45deg);
  617.     -webkit-transition: all 0.3s linear;
  618.     -moz-transition: all 0.3s linear;
  619.     -o-transition: all 0.3s linear;
  620. }
  621.  
  622. #link2d:hover{
  623.     background-color:{color:customdrophover};
  624. }
  625.  
  626. #link2d:hover #link2{
  627.     opacity:1;
  628.     margin-top:7px;
  629.     transform:rotate(45deg);
  630.     -ms-transform:rotate(45deg);
  631.     -webkit-transform:rotate(45deg);
  632.     -o-transform:rotate(45deg);
  633. }
  634.  
  635. #link2{
  636.     position:fixed;
  637.     height:9px;
  638.     padding-top:1px;
  639.     width:55px;
  640.     margin-top:-10px;
  641.     font-family:tinytots;
  642.     font-size:8px;
  643.     text-align:center;
  644.     overflow:hidden;
  645.     text-transform:uppercase;
  646.     background-color:{color:custom};
  647.     color:{color:customlinks};
  648.     opacity:0;
  649.     -webkit-transition: all 0.3s linear;
  650.     -moz-transition: all 0.3s linear;
  651.     -o-transition: all 0.3s linear;
  652.     transform:rotate(20deg);
  653.     -ms-transform:rotate(20deg);
  654.     -webkit-transform:rotate(20deg);
  655.     -o-transform:rotate(20deg);
  656. }
  657.  
  658. #link2:hover{
  659.     color:{color:customlinkhover};
  660.     text-shadow:0px 0px 5px #888888;
  661. }
  662.  
  663. #link3d{
  664.     position:fixed;
  665.     margin-left:370px;
  666.     margin-top:510px;
  667.     height:40px;
  668.     width:40px;
  669.     background-color:{color:customdrop};
  670.     border-bottom-right-radius:30px;
  671.     border-bottom-left-radius:30px;
  672.     border-top-left-radius:30px;
  673.     z-index:999;
  674.     transform:rotate(-45deg);
  675.     -ms-transform:rotate(-45deg);
  676.     -webkit-transform:rotate(-45deg);
  677.     -o-transform:rotate(-45deg);
  678.     -webkit-transition: all 0.3s linear;
  679.     -moz-transition: all 0.3s linear;
  680.     -o-transition: all 0.3s linear;
  681. }
  682.  
  683. #link3d:hover{
  684.     background-color:{color:customdrophover};
  685. }
  686.  
  687. #link3d:hover #link3{
  688.     opacity:1;
  689.     margin-top:7px;
  690.     transform:rotate(45deg);
  691.     -ms-transform:rotate(45deg);
  692.     -webkit-transform:rotate(45deg);
  693.     -o-transform:rotate(45deg);
  694. }
  695.  
  696. #link3{
  697.     position:fixed;
  698.     height:9px;
  699.     padding-top:1px;
  700.     width:55px;
  701.     margin-top:-10px;
  702.     font-family:tinytots;
  703.     font-size:8px;
  704.     text-align:center;
  705.     overflow:hidden;
  706.     text-transform:uppercase;
  707.     background-color:{color:custom};
  708.     color:{color:customlinks};
  709.     opacity:0;
  710.     -webkit-transition: all 0.3s linear;
  711.     -moz-transition: all 0.3s linear;
  712.     -o-transition: all 0.3s linear;
  713.     transform:rotate(20deg);
  714.     -ms-transform:rotate(20deg);
  715.     -webkit-transform:rotate(20deg);
  716.     -o-transform:rotate(20deg);
  717. }
  718.  
  719. #link3:hover{
  720.     color:{color:customlinkhover};
  721.     text-shadow:0px 0px 5px #888888;
  722. }
  723.  
  724. #link4d{
  725.     position:fixed;
  726.     margin-left:280px;
  727.     margin-top:555px;
  728.     height:40px;
  729.     width:40px;
  730.     background-color:{color:customdrop};
  731.     border-bottom-right-radius:30px;
  732.     border-bottom-left-radius:30px;
  733.     border-top-left-radius:30px;
  734.     z-index:999;
  735.     transform:rotate(-45deg);
  736.     -ms-transform:rotate(-45deg);
  737.     -webkit-transform:rotate(-45deg);
  738.     -o-transform:rotate(-45deg);
  739.     -webkit-transition: all 0.3s linear;
  740.     -moz-transition: all 0.3s linear;
  741.     -o-transition: all 0.3s linear;
  742. }
  743.  
  744. #link4d:hover{
  745.     background-color:{color:customdrophover};
  746. }
  747.  
  748. #link4d:hover #link4{
  749.     opacity:1;
  750.     margin-top:7px;
  751.     transform:rotate(45deg);
  752.     -ms-transform:rotate(45deg);
  753.     -webkit-transform:rotate(45deg);
  754.     -o-transform:rotate(45deg);
  755. }
  756.  
  757. #link4{
  758.     position:fixed;
  759.     height:9px;
  760.     padding-top:1px;
  761.     width:55px;
  762.     margin-top:-10px;
  763.     font-family:tinytots;
  764.     font-size:8px;
  765.     text-align:center;
  766.     overflow:hidden;
  767.     text-transform:uppercase;
  768.     background-color:{color:custom};
  769.     color:{color:customlinks};
  770.     opacity:0;
  771.     -webkit-transition: all 0.3s linear;
  772.     -moz-transition: all 0.3s linear;
  773.     -o-transition: all 0.3s linear;
  774.     transform:rotate(20deg);
  775.     -ms-transform:rotate(20deg);
  776.     -webkit-transform:rotate(20deg);
  777.     -o-transform:rotate(20deg);
  778. }
  779.  
  780. #link4:hover{
  781.     color:{color:customlinkhover};
  782.     text-shadow:0px 0px 5px #888888;
  783. }
  784.  
  785. #link5d{
  786.     position:fixed;
  787.     margin-left:365px;
  788.     margin-top:590px;
  789.     height:40px;
  790.     width:40px;
  791.     background-color:{color:customdrop};
  792.     border-bottom-right-radius:30px;
  793.     border-bottom-left-radius:30px;
  794.     border-top-left-radius:30px;
  795.     z-index:999;
  796.     transform:rotate(-45deg);
  797.     -ms-transform:rotate(-45deg);
  798.     -webkit-transform:rotate(-45deg);
  799.     -o-transform:rotate(-45deg);
  800.     -webkit-transition: all 0.3s linear;
  801.     -moz-transition: all 0.3s linear;
  802.     -o-transition: all 0.3s linear;
  803. }
  804.  
  805. #link5d:hover{
  806.     background-color:{color:customdrophover};
  807. }
  808.  
  809. #link5d:hover #link5{
  810.     opacity:1;
  811.     margin-top:7px;
  812.     transform:rotate(45deg);
  813.     -ms-transform:rotate(45deg);
  814.     -webkit-transform:rotate(45deg);
  815.     -o-transform:rotate(45deg);
  816. }
  817.  
  818. #link5{
  819.     position:fixed;
  820.     height:9px;
  821.     padding-top:1px;
  822.     width:55px;
  823.     margin-top:-10px;
  824.     font-family:tinytots;
  825.     font-size:8px;
  826.     text-align:center;
  827.     overflow:hidden;
  828.     text-transform:uppercase;
  829.     background-color:{color:custom};
  830.     color:{color:customlinks};
  831.     opacity:0;
  832.     -webkit-transition: all 0.3s linear;
  833.     -moz-transition: all 0.3s linear;
  834.     -o-transition: all 0.3s linear;
  835.     transform:rotate(20deg);
  836.     -ms-transform:rotate(20deg);
  837.     -webkit-transform:rotate(20deg);
  838.     -o-transform:rotate(20deg);
  839. }
  840.  
  841. #link5:hover{
  842.     color:{color:customlinkhover};
  843.     text-shadow:0px 0px 5px #888888;
  844. }
  845.  
  846. /*posts*/
  847.  
  848.  
  849. #postmargin{
  850.     margin-top:10px;
  851.     margin-left:600px;
  852.    
  853.     {block:iftwocolumns}
  854.     {block:indexpage}
  855.     width:600px;
  856.     {/block:indexpage}
  857.     {/block:iftwocolumns}
  858.    
  859.    
  860.     {block:ifnottwocolumns}
  861.     {block:indexpage}
  862.     {block:if250pxposts}width:250px;{/block:if250pxposts}
  863.     {block:if400pxposts}width:400px;{/block:if400pxposts}
  864.     {block:if500pxposts}width:500px;{/block:if500pxposts}
  865.     {/block:indexpage}
  866.     {/block:ifnottwocolumns}
  867.    
  868.     {block:permalinkpage}width:500px;{/block:permalinkpage}
  869.    
  870.     z-index:9999;
  871.    
  872. }
  873.  
  874. .posts{
  875.    
  876.     {block:iftwocolumns}
  877.     {block:indexpage}
  878.     width:250px;
  879.     {/block:indexpage}
  880.     {/block:iftwocolumns}
  881.    
  882.     {block:ifnottwocolumns}
  883.     {block:indexpage}
  884.     {block:if250pxposts}width:250px;{/block:if250pxposts}
  885.     {block:if400pxposts}width:400px;{/block:if400pxposts}
  886.     {block:if500pxposts}width:500px;{/block:if500pxposts}
  887.     {/block:indexpage}
  888.     {block:ifnottwocolumns}
  889.    
  890.     {block:permalinkpage}width:500px;{/block:permalinkpage}
  891.    
  892.     padding:10px;
  893.     margin-bottom:13px;
  894.     margin-right:10px;
  895.     background-color:{color:post};
  896.     opacity:0.9;
  897.     text-align:justify;
  898.     -webkit-transition: all 0.5s linear;
  899.     -moz-transition: all 0.5s linear;
  900.     -o-transition: all 0.5s linear;
  901. }
  902.  
  903. .posts:hover{
  904.     opacity:1;
  905. }
  906.  
  907. .posts:hover img{
  908.      box-shadow: 0px 0px 5px #9e9797;
  909.      
  910.      {block:ifmonochrome}{block:indexpage}
  911.  -webkit-filter: grayscale(0%);
  912.   -moz-filter: grayscale(0%);
  913.   -ms-filter: grayscale(0%);
  914.   -o-filter: grayscale(0%);
  915.   {/block:indexpage}{/block:ifmonochrome}
  916.      
  917. }
  918.  
  919. .posts img{
  920.     border:none;
  921.     max-width:100%;
  922.     -webkit-transition: all 0.7s linear;
  923.     -moz-transition: all 0.7s linear;
  924.     -o-transition: all 0.7s linear;
  925.    
  926.     {block:ifmonochrome}{block:indexpage}
  927.     -webkit-filter: grayscale(100%);
  928.       -moz-filter: grayscale(100%);
  929.       -ms-filter: grayscale(100%);
  930.       -o-filter: grayscale(100%);
  931.       {/block:indexpage}{/block:ifmonochrome}
  932.    
  933. }
  934.  
  935.  
  936. .posts iframe{
  937.     border:none;
  938.     max-width:100%;
  939.     -webkit-transition: all 0.7s linear;
  940.     -moz-transition: all 0.7s linear;
  941.     -o-transition: all 0.7s linear;
  942.    
  943.     {block:ifmonochrome}{block:indexpage}
  944.     -webkit-filter: grayscale(100%);
  945.       -moz-filter: grayscale(100%);
  946.       -ms-filter: grayscale(100%);
  947.       -o-filter: grayscale(100%);
  948.       {/block:indexpage}{/block:ifmonochrome}
  949.    
  950. }
  951.  
  952. .posts:hover iframe{
  953.    
  954.     {block:ifmonochrome}{block:indexpage}
  955.  -webkit-filter: grayscale(0%);
  956.   -moz-filter: grayscale(0%);
  957.   -ms-filter: grayscale(0%);
  958.   -o-filter: grayscale(0%);
  959.   {/block:indexpage}{/block:ifmonochrome}
  960.  
  961.  }
  962.  
  963.  
  964. .posts a{
  965.     text-decoration:none;
  966.     outline:none;
  967.     -moz-outline-style:none;
  968.     color:{color:postlinks};
  969.     -webkit-transition: all 0.3s linear;
  970.     -moz-transition: all 0.3s linear;
  971.     -o-transition: all 0.3s linear;
  972. }
  973.  
  974. .posts a:hover{
  975.     color:{color:postlinkhover};
  976.     text-shadow: 0px 0px 3px #888888;
  977. }
  978.  
  979. #postbar{
  980.     {block:ifnottwocolumns}
  981.         {block:indexpage}
  982.     position:absolute;
  983.     height:100%;
  984.     margin-top:-10px;
  985.     {block:if250pxposts}margin-left:250px;{/block:if250pxposts}
  986.     {block:if400pxposts}margin-left:400px;{/block:if400pxposts}
  987.     {block:if500pxposts}margin-left:500px;{/block:if500pxposts}
  988.     width:9px;
  989.     background-color:{color:postborder};
  990.     opacity:0;
  991.     -webkit-transition: all 0.5s linear;
  992.     -moz-transition: all 0.5s linear;
  993.     -o-transition: all 0.5s linear;
  994.         {/block:indexpage}
  995.     {/block:ifnottwocolumns}
  996. }
  997.  
  998. .posts:hover #postbar{
  999.     {block:if250pxposts}margin-left:270px;{/block:if250pxposts}
  1000.     {block:if400pxposts}margin-left:420px;{/block:if400pxposts}
  1001.     {block:if500pxposts}margin-left:520px;{/block:if500pxposts}
  1002.     opacity:1;
  1003. }
  1004.  
  1005. #drop{
  1006.     position:absolute;
  1007.     margin-left:-10px;
  1008.     margin-top:15px;
  1009.     height:40px;
  1010.     width:40px;
  1011.     opacity:0;
  1012.     background-color:{color:datedrop};
  1013.     border-bottom-right-radius:30px;
  1014.     border-bottom-left-radius:30px;
  1015.     border-top-left-radius:30px;
  1016.     z-index:999;
  1017.     transform:rotate(-20deg);
  1018.     -ms-transform:rotate(-20deg);
  1019.     -webkit-transform:rotate(-20deg);
  1020.     -o-transform:rotate(-20deg);
  1021.     -webkit-transition: all 0.5s linear;
  1022.     -moz-transition: all 0.5s linear;
  1023.     -o-transition: all 0.5s linear;
  1024. }
  1025.  
  1026. .posts:hover #drop{
  1027.     margin-left:-70px;
  1028.     opacity:1;
  1029.     transform:rotate(-45deg);
  1030.     -ms-transform:rotate(-45deg);
  1031.     -webkit-transform:rotate(-45deg);
  1032.     -o-transform:rotate(-45deg);
  1033. }
  1034.  
  1035. .posts:hover #date{
  1036.     opacity:1;
  1037.     margin-top:7px;
  1038.     transform:rotate(45deg);
  1039.     -ms-transform:rotate(45deg);
  1040.     -webkit-transform:rotate(45deg);
  1041.     -o-transform:rotate(45deg);
  1042. }
  1043.  
  1044. #date{
  1045.     position:absolute;
  1046.     height:9px;
  1047.     padding-top:1px;
  1048.     width:55px;
  1049.     margin-top:-10px;
  1050.     font-family:tinytots;
  1051.     font-size:8px;
  1052.     text-align:center;
  1053.     overflow:hidden;
  1054.     background-color:{color:date};
  1055.     opacity:0;
  1056.     -webkit-transition: all 0.5s linear;
  1057.     -moz-transition: all 0.5s linear;
  1058.     -o-transition: all 0.5s linear;
  1059.     transform:rotate(20deg);
  1060.     -ms-transform:rotate(20deg);
  1061.     -webkit-transform:rotate(20deg);
  1062.     -o-transform:rotate(20deg);
  1063. }
  1064.    
  1065.  
  1066. #date a{
  1067.     color:{color:datelinks};
  1068. }
  1069.  
  1070. #date a:hover{
  1071.     color:{color:datelinkhover};
  1072.     text-shadow:0px 0px 5px #888888;
  1073. }
  1074.  
  1075. .posts:hover #note{
  1076.     opacity:1;
  1077.     margin-top:10px;
  1078.     transform:rotate(45deg);
  1079.     -ms-transform:rotate(45deg);
  1080.     -webkit-transform:rotate(45deg);
  1081.     -o-transform:rotate(45deg);
  1082. }
  1083.  
  1084. #note{
  1085.     position:absolute;
  1086.     height:9px;
  1087.     padding-top:1px;
  1088.     width:40px;
  1089.     margin-top:30px;
  1090.     margin-left:-10px;
  1091.     font-family:tinytots;
  1092.     font-size:8px;
  1093.     text-align:center;
  1094.     overflow:hidden;
  1095.     background-color:{color:note};
  1096.     opacity:0;
  1097.     -webkit-transition: all 0.5s linear;
  1098.     -moz-transition: all 0.5s linear;
  1099.     -o-transition: all 0.5s linear;
  1100.     transform:rotate(20deg);
  1101.     -ms-transform:rotate(20deg);
  1102.     -webkit-transform:rotate(20deg);
  1103.     -o-transform:rotate(20deg);
  1104. }
  1105.    
  1106.  
  1107. #note a{
  1108.     color:{color:notelinks};
  1109. }
  1110.  
  1111. #note a:hover{
  1112.     color:{color:notelinkhover};
  1113.     text-shadow:0px 0px 5px #888888;
  1114. }
  1115.  
  1116.  
  1117. #reblog{
  1118.     position:absolute;
  1119.     margin-left:-78px;
  1120.     margin-top:90px;
  1121.     height:9px;
  1122.     padding-top:1px;
  1123.     width:55px;
  1124.     opacity:0;
  1125.     background-color:{color:reblog};
  1126.     -webkit-transition: all 0.5s linear;
  1127.     -moz-transition: all 0.5s linear;
  1128.     -o-transition: all 0.5s linear;
  1129.     overflow:hidden;
  1130.     text-align:center;
  1131.     text-transform:uppercase;
  1132.     font-size:8px;
  1133.     font-family:tinytots;
  1134.     z-index:999;
  1135. }
  1136.  
  1137. .posts:hover #reblog{
  1138.     margin-top:70px;
  1139.     opacity:1;
  1140. }
  1141.  
  1142. #reblog a{
  1143.     color:{color:rebloglinks};
  1144. }
  1145.  
  1146. #reblog a:hover{
  1147.     color:{color:rebloglinkhover};
  1148.     text-shadow:0px 0px 3px #888888;
  1149. }
  1150.  
  1151.  
  1152. .posts:hover #date2{
  1153.     opacity:1;
  1154.     margin-top:28px;
  1155.     margin-left:-30px;
  1156.     transform:rotate(90deg);
  1157.     -ms-transform:rotate(90deg);
  1158.     -webkit-transform:rotate(90deg);
  1159.     -o-transform:rotate(90deg);
  1160. }
  1161.  
  1162. #date2{
  1163.     position:absolute;
  1164.     height:9px;
  1165.     padding-top:1px;
  1166.     width:55px;
  1167.     margin-top:-10px;
  1168.     font-family:tinytots;
  1169.     font-size:8px;
  1170.     text-align:center;
  1171.     overflow:hidden;
  1172.     background-color:{color:date};
  1173.     opacity:0;
  1174.     -webkit-transition: all 0.5s linear;
  1175.     -moz-transition: all 0.5s linear;
  1176.     -o-transition: all 0.5s linear;
  1177.     transform:rotate(20deg);
  1178.     -ms-transform:rotate(20deg);
  1179.     -webkit-transform:rotate(20deg);
  1180.     -o-transform:rotate(20deg);
  1181.     z-index:999;
  1182. }
  1183.    
  1184.  
  1185. #date2 a{
  1186.     color:{color:datelinks};
  1187. }
  1188.  
  1189. #date2 a:hover{
  1190.     color:{color:datelinkhover};
  1191.     text-shadow:0px 0px 5px #888888;
  1192. }
  1193.  
  1194. .posts:hover #note2{
  1195.     opacity:1;
  1196.     margin-top:-7px;
  1197. }
  1198.  
  1199. #note2{
  1200.     position:absolute;
  1201.     height:9px;
  1202.     padding-top:1px;
  1203.     width:40px;
  1204.     margin-top:30px;
  1205.     margin-left:-7px;
  1206.     font-family:tinytots;
  1207.     font-size:8px;
  1208.     text-align:center;
  1209.     overflow:hidden;
  1210.     background-color:{color:note};
  1211.     opacity:0;
  1212.     z-index:999;
  1213.     -webkit-transition: all 0.5s linear;
  1214.     -moz-transition: all 0.5s linear;
  1215.     -o-transition: all 0.5s linear;
  1216. }
  1217.    
  1218.  
  1219. #note2 a{
  1220.     color:{color:notelinks};
  1221. }
  1222.  
  1223. #note2 a:hover{
  1224.     color:{color:notelinkhover};
  1225.     text-shadow:0px 0px 5px #888888;
  1226. }
  1227.  
  1228. #reblog2{
  1229.     position:absolute;
  1230.     margin-left:202px;
  1231.     bottom:3px;
  1232.     height:9px;
  1233.     padding-top:1px;
  1234.     width:55px;
  1235.     opacity:0;
  1236.     background-color:{color:reblog};
  1237.     -webkit-transition: all 0.5s linear;
  1238.     -moz-transition: all 0.5s linear;
  1239.     -o-transition: all 0.5s linear;
  1240.     overflow:hidden;
  1241.     text-align:center;
  1242.     text-transform:uppercase;
  1243.     font-size:8px;
  1244.     font-family:tinytots;
  1245.     z-index:999;
  1246. }
  1247.  
  1248. .posts:hover #reblog2{
  1249.     margin-top:70px;
  1250.     opacity:1;
  1251. }
  1252.  
  1253. #reblog2 a{
  1254.     color:{color:rebloglinks};
  1255. }
  1256.  
  1257. #reblog2 a:hover{
  1258.     color:{color:rebloglinkhover};
  1259.     text-shadow:0px 0px 3px #888888;
  1260. }
  1261.  
  1262.  
  1263. #tag{
  1264.     position:absolute;
  1265.     margin-top:40px;
  1266.     margin-left:325px;
  1267.     width:125px;
  1268.     min-height:30px;
  1269.     padding:10px;
  1270.     text-align:center;
  1271.     background-color:{color:tagback};
  1272.      font-family:tinytots;
  1273.      text-transform:uppercase;
  1274.      font-size:8px;
  1275.      overflow:hidden;
  1276.      opacity:0.7;
  1277.      -webkit-transition: all 0.5s linear;
  1278.     -moz-transition: all 0.5s linear;
  1279.     -o-transition: all 0.5s linear;
  1280. }
  1281.  
  1282. .posts:hover #tag{
  1283.     opacity:1;
  1284. }
  1285.  
  1286. #tagborder{
  1287.     position:absolute;
  1288.     margin-top:24px;
  1289.     margin-left:325px;
  1290.     height:7px;
  1291.     width:145px;
  1292.     background-color:{color:postborder};
  1293. }
  1294.    
  1295.  
  1296. #quote {
  1297.     {block:ifcursivetitle}
  1298.     font-family: 'Dawning of a New Day', cursive;
  1299.     {/block:ifcursivetitle}
  1300.     {block:ifnotcursivetitle}
  1301.     font-family: 'Bad Script', cursive;
  1302.     {/block:ifnotcursivetitle}
  1303.     {block:iftwocolumns}{block:indexpage}font-size:20px;{/block:indexpage}{/block:iftwocolumns}
  1304.     {block:ifnottwocolumns}{block:indexpage}
  1305.     {block:if250pxposts}font-size:20px;{/block:if250pxposts}
  1306.     {block:if400pxposts}font-size:25px;{/block:if400pxposts}
  1307.     {block:if500pxposts}font-size:25px;{/block:if500pxposts}
  1308.     {/block:indexpage}{/block:ifnottwocolumns}
  1309.     {block:permalinkpage}font-size:25px;{/block:permalinkpage}
  1310.     color:{color:quote};
  1311.     padding-left:20px;
  1312.     padding-right:20px;
  1313.     padding-top:10px;
  1314.     line-height:100%;
  1315.     text-align:justify;
  1316.     text-transform:none;
  1317. }
  1318.  
  1319. #title {
  1320.     {block:ifcursivetitle}
  1321.     font-family: 'Dawning of a New Day', cursive;
  1322.     {/block:ifcursivetitle}
  1323.     {block:ifnotcursivetitle}
  1324.     font-family: 'Bad Script', cursive;
  1325.     {/block:ifnotcursivetitle}
  1326.     {block:iftwocolumns}{block:indexpage}font-size:20px;{/block:indexpage}{/block:iftwocolumns}
  1327.     {block:ifnottwocolumns}{block:indexpage}
  1328.     {block:if250pxposts}font-size:25px;{/block:if250pxposts}
  1329.     {block:if400pxposts}font-size:30px;{/block:if400pxposts}
  1330.     {block:if500pxposts}font-size:30px;{/block:if500pxposts}
  1331.     {/block:indexpage}{/block:ifnottwocolumns}
  1332.     {block:permalinkpage}font-size:30px;{/block:permalinkpage}
  1333.     color:{color:quote};
  1334.     padding-left:20px;
  1335.     padding-right:20px;
  1336.     padding-top:5px;
  1337.     line-height:100%;
  1338.     text-transform:none;
  1339. }
  1340.  
  1341. #audioplayer {
  1342.     width:28px;
  1343.     height:30px;
  1344.     overflow:hidden;
  1345.     position:absolute;
  1346.     margin-top:40px;
  1347.     margin-left:35px;
  1348.     z-index:999;
  1349. }
  1350.  
  1351. #musicinfo{
  1352.     color:{color:text};
  1353.     margin-top:-90px;
  1354.     margin-left:110px;
  1355.     border-left:2px solid {color:blockquoteborder};
  1356.     background-color:{color:blockquote2};
  1357.     padding-left:10px;
  1358.     padding-top:5px;
  1359.     padding-right:5px;
  1360.     padding-bottom:5px;
  1361.     line-height:110%;
  1362.     margin-bottom:50px;
  1363. }
  1364.  
  1365. #audiocaption{
  1366.     {block:ifnotpixelfont}margin-top:-20px;{/block:ifnotpixelfont}
  1367.     {block:ifpixelfont}margin-top:-5px;{/block:ifpixelfont}
  1368.     padding-left:10px;
  1369.     padding-right:10px;
  1370. }
  1371.  
  1372. #albumart{
  1373.     height:100px;
  1374.     width:100px;
  1375.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  1376.     background-position:fixed;
  1377.     background-size:100px 100px;
  1378.     background-repeat:no-repeat;
  1379.     z-index:-1;
  1380.     -webkit-transition: all 0.5s linear;
  1381.     -moz-transition: all 0.5s linear;
  1382.     -o-transition: all 0.5s linear;
  1383. }
  1384.  
  1385.  
  1386. .askicon {
  1387.     float: left;
  1388.     margin-right: 3px;
  1389.     margin-left: 10px;
  1390.    
  1391. }
  1392.  
  1393.  
  1394. #askz {
  1395.     margin-left:10px;
  1396.     margin-right:10px;
  1397.     margin-top:7px;
  1398.     padding-bottom:5px;
  1399.     padding-top:5px;
  1400.     padding-right:5px;
  1401.     padding-left:10px;
  1402.     line-height: 140%;
  1403.     width:80%;
  1404.     color:{color:question};
  1405.  
  1406.     border-left:2px solid {color:quote};
  1407.     background-color:{color:blockquote2};
  1408. }
  1409.  
  1410. #qask{
  1411.  
  1412.     margin-top:15px;
  1413.     padding-top:5px;
  1414.     margin-left:30px;
  1415.     padding-right:10px;
  1416.     padding-bottom:5px;
  1417.     padding-left:30px;
  1418.     font-size:9px;
  1419.     max-width:80%;
  1420.    
  1421.     border-left:2px solid {color:quote};
  1422.     background-color:{color:blockquote};
  1423. }
  1424.  
  1425. #answer {
  1426.     width:85%;
  1427.     padding:5px;
  1428.     margin-left:30px;
  1429.     text-align:justify;
  1430. }
  1431.  
  1432. #answer img{
  1433.     max-width:100%;
  1434.     height:auto;
  1435. }
  1436.  
  1437. .posts:hover #answer img{
  1438.     box-shadow: 0px 0px 0px #9e9797;
  1439. }
  1440.  
  1441. ol.notes{
  1442.     max-width:300px;
  1443.     padding:0px;
  1444.     margin: 0px 15px;
  1445.     list-style-type:none;
  1446.     font-size:8 px;
  1447.     font-family:tinytots;
  1448. }
  1449.  
  1450. ol.notes li.note{
  1451.     padding:0px;
  1452.     font-size:8px;
  1453. }
  1454.  
  1455. ol.notes li.note img{
  1456.     margin-top:7px;
  1457. }
  1458.  
  1459. ol.notes li.note img.avatar{
  1460.  
  1461.     margin-right:3px;
  1462.     width:16px;
  1463.     height:16px;
  1464. }
  1465.  
  1466. ol.notes li.note a img.avatar{
  1467.     padding:0px;
  1468.     border-width:0 px;
  1469.     border:none;
  1470. }
  1471.  
  1472. ol.notes li.note img{
  1473.     padding:0 px;
  1474.     border-width:0 px;
  1475.     border:none;
  1476. }
  1477.  
  1478. ol.notes li.note span.action{
  1479.     color:{color:text};
  1480. }
  1481.  
  1482. ol.notes li.note.answer_content{
  1483.     font-weight:normal;
  1484. }
  1485.  
  1486. ol.notes li.note.blockquote{
  1487.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  1488. }
  1489.  
  1490. ol.notes li.note.blockquote a{
  1491.     text-decoration:none;
  1492. }
  1493.  
  1494. ol.notes li.note a{
  1495.     color:{color:text};
  1496. }
  1497.  
  1498. ol.notes li.note a:hover{
  1499.     text-shadow:0px 0px 5px #888888;
  1500. }
  1501.  
  1502. .my-like {
  1503. font-size:8px !important;
  1504. display:inline-block;
  1505. -webkit-transition: all 0.3s linear;
  1506.     -moz-transition: all 0.3s linear;
  1507.     -o-transition: all 0.3s linear;
  1508.     -ms-transition: all 0.3s linear;
  1509. color:white;
  1510. }
  1511.  
  1512. .my-liked, .my-like:hover {
  1513. font-size:8px !important;
  1514. display:inline-block;
  1515. color:red;
  1516. }
  1517.  
  1518. #backtotop{
  1519.     position:fixed;
  1520.    
  1521.     margin-left:134px;
  1522.    
  1523.     {block:permalinkpage}display:none;{/block:permalinkpage}
  1524.    
  1525.     margin-top:560px;
  1526.     width: 50px;
  1527.     height: 40px;
  1528.     font-size:60px;
  1529.     text-align:center;
  1530.     -webkit-transition: all 0.3s linear;
  1531.     -moz-transition: all 0.3s linear;
  1532.     -o-transition: all 0.3s linear;
  1533.     -ms-transition: all 0.3s linear;
  1534.    
  1535.     z-index:999;
  1536. }
  1537.  
  1538. #backtotop:hover{
  1539.     margin-top:555px;
  1540.     font-size:65px;
  1541. }
  1542.  
  1543. a #backtotop {
  1544.     color:{color:title};
  1545. }
  1546.  
  1547. a #backtotop:hover{
  1548.     text-shadow: 0px 0px 3px #888888;
  1549.     color:{color:subtitle};
  1550. }
  1551.  
  1552. .pagination {
  1553.     {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  1554.     {block:ifnotinfinitescroll}
  1555.     position:fixed;
  1556.     margin-top:230px;
  1557.     opacity:1;
  1558.     width:100px;
  1559.     margin-left:130px;
  1560.     height:80px;
  1561.     font-family:tinytots;
  1562.     font-size:50px;
  1563.     text-align:center;
  1564.     z-index:999;
  1565.     {/block:ifnotinfinitescroll}
  1566.     -webkit-transition: all 0.2s linear;
  1567.     -moz-transition: all 0.2s linear;
  1568.     -o-transition: all 0.2s linear;
  1569.     -ms-transition: all 0.2s linear;
  1570. }
  1571.  
  1572. .pagination a{
  1573.     color:{color:pagination};
  1574. }
  1575.  
  1576. .pagination a:hover{
  1577.     text-shadow:2px 0 0 rgba(255,0,0,0.3), -2px 0 0 rgba(0,255,0,0.3);
  1578. }
  1579.  
  1580.  
  1581. #credit{
  1582.     position:fixed;
  1583.     bottom:10px;
  1584.     right:10px;
  1585.     opacity:0.8;
  1586.     z-index:1;
  1587.     -webkit-transition: all 0.3s linear;
  1588.     -moz-transition: all 0.3s linear;
  1589.     -o-transition: all 0.3s linear;
  1590.     -ms-transition: all 0.3s linear;
  1591. }
  1592.  
  1593. #credname{
  1594.     position:fixed;
  1595.     bottom:-20px;
  1596.     width:40px;
  1597.     right:3px;
  1598.     height:20px;
  1599.     opacity:0;
  1600.     text-align:center;
  1601.     font-size:8px;
  1602.     font-family:tinytots;
  1603.     padding-top:3px;
  1604.     z-index:999;
  1605.     background-color:#f09b4a;
  1606.     border-top-right-radius:10px;
  1607.     border-top-left-radius:10px;
  1608.     -webkit-transition: all 0.3s linear;
  1609.     -moz-transition: all 0.3s linear;
  1610.     -o-transition: all 0.3s linear;
  1611.     -ms-transition: all 0.3s linear;
  1612. }
  1613.  
  1614. #credit:hover ~ #credname{
  1615.     bottom:0;
  1616.     opacity:0.8;
  1617. }
  1618.  
  1619. #credname:hover{
  1620.     bottom:0;
  1621.     opacity:0.8;
  1622. }
  1623.  
  1624. a #credname{
  1625.     color:black;
  1626. }
  1627.    
  1628.  
  1629.  
  1630. {CustomCSS}
  1631.    
  1632. body {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important;}
  1633.    
  1634. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  1635.    
  1636. </style>
  1637.  
  1638.    
  1639.       {block:IndexPage}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1640.  
  1641. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1642.  
  1643. <script>
  1644. $(function(){
  1645. var $container = $('#postmargin');
  1646. $container.imagesLoaded(function(){
  1647. $container.masonry({
  1648. itemSelector: '.posts',
  1649. });
  1650. });
  1651. $container.infinitescroll({
  1652. itemSelector : ".posts",
  1653. navSelector : "div.pagination",
  1654. {block:ifinfinitescroll}nextSelector : ".pagination a#next",{/block:ifinfinitescroll}
  1655. {block:ifnotinfinitescroll}nextSelector : "none",{/block:ifnotinfinitescroll}
  1656. loadingImg : "",
  1657. loadingText : "<em>patience is a virtue, so hold on while i load</em>",
  1658. bufferPx : 10000,
  1659. extraScrollPx: 12000,
  1660. },
  1661. function( newElements ) {
  1662.   var $newElems = $( newElements ).css({ opacity: 0 });
  1663. $newElems.imagesLoaded(function(){
  1664. $newElems.animate({ opacity: 1 });
  1665. $container.masonry( 'appended', $newElems, true );
  1666. });
  1667. }
  1668. );
  1669. });
  1670. </script>{/block:IndexPage}
  1671.  
  1672.    
  1673.     <script>
  1674. window.onload = function () {
  1675. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  1676. document.addEventListener( 'click', function ( event ) {
  1677.     var myLike = event.target;
  1678.     if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  1679.         var frame = document.getElementById( 'my-like-frame' ),
  1680.             liked = ( myLike.className == 'my-liked' ),
  1681.             command = liked ? 'unlike' : 'like',
  1682.             reblog = myLike.getAttribute( 'data-reblog' ),
  1683.             id = myLike.getAttribute( 'data-id' ),
  1684.             oauth = reblog.slice( -8 );
  1685.         frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  1686.         liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  1687.     };
  1688. }, false );
  1689. };
  1690. </script>
  1691.  
  1692.  
  1693.    
  1694. </head><body>
  1695.  
  1696. <a href="http://redfox-themes.tumblr.com"><img src="https://lh5.googleusercontent.com/-jDb8l0m6g2s/ULvHPyFukjI/AAAAAAAACoA/FRBmvQsxRkc/s22/fox.gif" id="credit"><div id="credname">redfox themes</div></a>
  1697.  
  1698. {block:ifnotinfinitescroll}
  1699. <div class="pagination">{block:Pagination}<div id="pagination">
  1700. {block:PreviousPage}<a href="{PreviousPage}">&#171;</a>{/block:PreviousPage}
  1701. {block:NextPage}<a href="{NextPage}">&#187;</a>{/block:NextPage}
  1702. </div>{/block:Pagination}
  1703. </div>{/block:ifnotinfinitescroll}
  1704.  
  1705.  
  1706. <div id="main">{title}</div>
  1707. <div id="umbrella"><img src="{image:sidebar}" id="umbrellaimg">
  1708.     <div id="desc">{description}</div>
  1709. </div>
  1710.  
  1711. <a href="/" id="homed"><div id="home">home</div></a>
  1712. <a href="/ask" id="messd"><div id="mess">ask</div></a>
  1713. <a href="/archive" id="archd"><div id="arch">past</div></a>
  1714.  
  1715. {block:iflink1}<a href="{text:link1url}" id="link1d"><div id="link1">{text:link1}</div></a>{/block:iflink1}
  1716. {block:iflink2}<a href="{text:link2url}" id="link2d"><div id="link2">{text:link2}</div></a>{/block:iflink2}
  1717. {block:iflink3}<a href="{text:link3url}" id="link3d"><div id="link3">{text:link3}</div></a>{/block:iflink3}
  1718. {block:iflink4}<a href="{text:link4url}" id="link4d"><div id="link4">{text:link4}</div></a>{/block:iflink4}
  1719. {block:iflink5}<a href="{text:link5url}" id="link5d"><div id="link5">{text:link5}</div></a>{/block:iflink5}
  1720.  
  1721. <div id="postmargin">{block:Posts}<div class="posts">
  1722.  
  1723.  {block:ifpostsideborder}<div id="postbar"></div>{/block:ifpostsideborder}
  1724.  
  1725. {block:indexpage}
  1726.    {block:Date}
  1727.    {block:ifnottwocolumns}
  1728. <div id="drop">
  1729.    <div id="date">
  1730.         <a href="{Permalink}">{MonthNumber} | {DayOfMonth} | {ShortYear}</a>
  1731.    </div>
  1732.    <div id="note">
  1733.         <a href="{Permalink}">{notecount}</a>
  1734.    </div>
  1735. </div>
  1736.    
  1737.    <div id="reblog"><a href="{ReblogURL}">Reblog</a>
  1738.    <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post">&hearts;</div> </div>
  1739.    {/block:ifnottwocolumns}
  1740.    {block:iftwocolumns}
  1741.    <div id="date2">
  1742.         <a href="{Permalink}">{MonthNumber} | {DayOfMonth} | {ShortYear}</a>
  1743.    </div>
  1744.    <div id="note2">
  1745.         <a href="{Permalink}">{notecount}</a>
  1746.    </div>
  1747.    <div id="reblog2"><a href="{ReblogURL}">Reblog</a>
  1748.    <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post">&hearts;</div> </div>
  1749.    {/block:iftwocolumns}
  1750.     {/block:Date}
  1751. {/block:indexpage}    
  1752.  
  1753. {block:Text}<center><div id="title">{block:Title}{Title}{/block:Title}</div></center>{Body}{/block:Text}
  1754.  
  1755. {block:Photo}<center><img src="{PhotoURL-500}" width="500"></center>
  1756. {block:indexpage}{block:ifpostdescriptions}{block:Caption}{Caption}{/block:Caption}{/block:ifpostdescriptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Photo}
  1757.  
  1758. {block:Photoset}<div align="center">{block:indexpage}
  1759.         {block:iftwocolumns}{Photoset-250}{/block:iftwocolumns}
  1760.         {block:ifnottwocolumns}
  1761.             {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  1762.             {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1763.             {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1764.         {/block:ifnottwocolumns}
  1765.         {/block:indexpage}
  1766.         {block:permalinkpage}
  1767.             {Photoset-500}
  1768.         {/block:permalinkpage}</div>
  1769. {block:indexpage}{block:ifpostdescriptions}{block:Caption}{Caption}{/block:Caption}{/block:ifpostdescriptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Photoset}
  1770.  
  1771. {block:Quote}<div id="quote">{Quote}</div><p align="right">{block:Source}—{Source}{/block:Source}</p>{/block:Quote}
  1772.  
  1773. {block:Link}<div id="title" align="center"><t><a href="{URL}" {Target}>{Name}</a></t></div>{block:Description}{Description}{/block:Description}{/block:Link}
  1774.  
  1775. {block:Chat}<div id="title" align="center">{block:Title}<t>{Title}</t>{/block:Title}</div><p>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</p>{/block:Chat}
  1776.  
  1777. {block:Audio}
  1778. <div id="audioplayer">{AudioPlayerWhite} </div>
  1779. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  1780. <div id="musicinfo">
  1781. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br><br>
  1782. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br><br>
  1783. <b>Album:</b> {block:Album}{Album}{/block:Album}
  1784. </div>
  1785. {block:caption}<div id="audiocaption">{caption}</div>{/block:caption}
  1786. {/block:Audio}
  1787.  
  1788. {block:Video}{block:indexpage}
  1789. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1790. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1791. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1792. {/block:indexpage}
  1793. {block:permalinkpage}{Video-500}{/block:permalinkpage}
  1794. {block:indexpage}{block:ifpostdescriptions}{block:Caption}{Caption}{/block:Caption}{/block:ifpostdescriptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  1795. {/block:Video}
  1796.  
  1797. {block:Answer}
  1798. <img src="{AskerPortraitURL-48}" width="45" class="askicon"><div id="qask">{Asker} wondered—</div><br><div id="askz">{Question}</div>
  1799. <div id="answer">{Answer}</div>
  1800. {/block:Answer}
  1801.  
  1802.  
  1803.  
  1804.  
  1805. {block:permalinkpage}
  1806.  
  1807.     <div id="tagborder"></div>
  1808.  
  1809.     <div id="tag">
  1810.    
  1811.     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  1812.     <br>
  1813.     <a href="{Permalink}">{timeago}</a> at <a href="{Permalink}">{12hour}:{minutes}{ampm}</a>
  1814.     <br>
  1815.     with
  1816.     <a href="{Permalink}">{notecount} notes</a>
  1817.    
  1818.     {block:NoteCount}{block:RebloggedFrom}<br><br><a href="{ReblogRootURL}">origin</a> &#8727; <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{/block:NoteCount}{/block:ifreblogrooturl}
  1819.    
  1820.     <br><br>
  1821.    
  1822.     {block:HasTags}{block:Tags}x<a href="/tagged/{Tag}">{Tag} </a> {/block:Tags}{/block:HasTags}
  1823.        
  1824.     </div>
  1825.  
  1826. {block:permalinkpage}
  1827.  
  1828. </div>
  1829.  
  1830. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  1831.  
  1832.  
  1833.  
  1834.  
  1835. {/block:Posts}</div>
  1836.  
  1837. {block:ifinfinitescroll}
  1838. <div class="pagination">
  1839. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  1840. </div>
  1841. {/block:ifinfinitescroll}
  1842.  
  1843.  
  1844. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!