Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Aug 2nd, 2013  |  syntax: None  |  size: 25.83 KB  |  views: 151  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!---
  7.  
  8.  don't remove the credit
  9.  leave the credit if you want to use parts of the theme
  10.  
  11.  
  12. ____________________________________
  13.  
  14.  
  15. --->
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:Text" content="#000000" />
  21.  
  22. <meta name="color:EntryBackground" content="#ffffff" />
  23. <meta name="color:EntryBorder" content="#000000" />
  24. <meta name="color:AskBackground" content="#e3e3e3" />
  25. <meta name="color:AskText" content="#000000" />
  26. <meta name="color:DescText" content="#e3e3e3" />
  27. <meta name="color:DescLink" content="#e3e3e3" />
  28. <meta name="color:SidebarBackground" content="#000000" />
  29. <meta name="color:Bold" content="#000000" />
  30. <meta name="color:Italic" content="#000000" />
  31. <meta name="color:LinkHover" content="#f7f5f5" />
  32. <meta name="color:Link" content="#635f5f" />
  33. <meta name="color:BlogTitle" content="#ffffff" />
  34. <meta name="color:BlogTitleBackground" content="#161616" />
  35. <meta name="color:PostTitle" content="#000000" />
  36. <meta name="color:PostTitleBackground" content="#e3e3e3" />
  37. <meta name="color:BlockquoteBorder" content="#000000" />
  38. <meta name="color:TagsText" content="#000000" />
  39. <meta name="color:TagsLink" content="#000000" />
  40. <meta name="color:TagsLinkHover" content="#ffffff" />
  41. <meta name="color:PermaText" content="#ffffff" />
  42. <meta name="color:PermaLink" content="#b1b0b0" />
  43. <meta name="color:PermaBackground" content="#000000" />
  44. <meta name="color:PermaLinkHover" content="#ffffff" />
  45. <meta name="color:NavigationBackground" content="#ffffff"/>
  46. <meta name="color:NavigationText" content="#161616"/>
  47. <meta name="color:CustomLinkText" content="#b8b5b5"/>
  48. <meta name="color:CustomLinkBackground" content="#000000"/>
  49. <meta name="color:CustomLinkTitle" content="#ffffff"/>
  50. <meta name="color:Pagination" content="#ffffff"/>
  51. <meta name="color:MusicPlayer" content="#000000" />
  52. <meta name="color:ChatOddBackground" content="#000000" />
  53. <meta name="color:ChatOddText" content="#e3e3e3" />
  54. <meta name="color:ChatEvenBackground" content="#ffffff" />
  55. <meta name="color:ChatEvenText" content="#161616" />
  56. <meta name="color:ChatEvenName" content="#000000" />
  57. <meta name="color:ChatOddName" content="#ffffff" />
  58.  
  59. <meta name="font:body" content="georgia" />
  60.    
  61.  
  62. <meta name="if:InfiniteScrolling" content="0" />
  63. <meta name="if:ShowCaptions" content="0">
  64. <meta name="if:FadingPhoto" content="1" />
  65. <meta name="if:Big Posts" content="0" />
  66. <meta name="if:MusicPlayer" content="1" />
  67. <meta name="if:ShowTags" content="1" />
  68. <meta name="if:Monochrome" content="0" />
  69. <meta name="if:CustomLinks" content="1" />
  70.  
  71. <meta name="image:SidebarImage" content="http://static.tumblr.com/9955a84afbe9c4522742fa38372bf64f/7fjp0ap/Vhnmk46dh/tumblr_static_tumblr_lv5f610eac1qldwnro1_500.jpg"/>
  72. <meta name="image:Background" content="http://static.tumblr.com/2917b154d1fd0d0e09da78a64e1ce12b/7fjp0ap/Zg3mk46fz/tumblr_static_tumblr_ls0w5txuft1r3vazto8_250.png"/>
  73. <meta name="image:AudioImage" content="http://media.tumblr.com/90911ce35307a2b68bb52c9794d02dd0/tumblr_inline_mgshunrUnn1r8s568.png" />
  74. <meta name="image:CornerImage" content="" />
  75. <meta name="image:CustomLinkImage" content="" />
  76.  
  77.  
  78. <meta name="text:Background Repeat" content="repeat"/>
  79. <meta name="text:Music" content="Music Code Here"/>
  80. <meta name="text:LinksTitle" content="Links"/>
  81.  
  82. <meta name="text:Link1" content="" />
  83. <meta name="text:Link1 URL" content="/"/>
  84. <meta name="text:Link2" content="" />
  85. <meta name="text:Link2 URL" content="/"/>
  86. <meta name="text:Link3" content="" />
  87. <meta name="text:Link3 URL" content="/"/>
  88. <meta name="text:Link4" content="" />
  89. <meta name="text:Link4 URL" content="/"/>
  90. <meta name="text:Link5" content="" />
  91. <meta name="text:Link5 URL" content="/"/>
  92. <meta name="text:Link6" content="" />
  93. <meta name="text:Link6 URL" content="/"/>
  94. <meta name="text:Link7" content="" />
  95. <meta name="text:Link7 URL" content="/"/>
  96. <meta name="text:Link8" content="" />
  97. <meta name="text:Link8 URL" content="/"/>
  98.  
  99.  
  100.  
  101. <head>
  102. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  103. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  104. <title>{Title}</title>
  105. <link rel="shortcut icon" href="{Favicon}">
  106.  
  107. <style type="text/css">
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. body {
  115. background-image: url('{image:background}');
  116. background-color: {color:background};
  117. background-attachment: fixed;
  118. background-repeat: {text:Background Repeat};
  119. color: {color:text};
  120. font-family: {font:body};
  121. font-size: 10px;
  122. }
  123.  
  124. @font-face {
  125. font-family: "heather";
  126. src: url('http://static.tumblr.com/7fjp0ap/yh5mcyonf/heather_.ttf');}
  127.  
  128. @font-face {
  129. font-family: "riesling";
  130. src: url('http://static.tumblr.com/7fjp0ap/KTrmgsiev/riesling.ttf');}
  131.  
  132. @font-face {
  133. font-family: "tommaso";
  134. src: url('http://static.tumblr.com/7fjp0ap/L63mbsxdh/tommaso.otf');}
  135.  
  136.  
  137. @font-face {
  138. font-family: "matilde";
  139. src: url('http://static.tumblr.com/7fjp0ap/26hmgteln/matilde.otf');}
  140.  
  141.  
  142.  
  143. ::-webkit-scrollbar-thumb:vertical {
  144. background-color: {color:text};
  145. height: 30px;
  146. }
  147.  
  148. ::-webkit-scrollbar {
  149. height: 30px;
  150. width: 3px;
  151. background-color: {color:entrybackground};
  152. }
  153.  
  154. a{
  155. color: {color:link};
  156.  
  157. text-decoration: none;
  158. -webkit-transition: all 0.5s linear;
  159. -moz-transition: all 0.5s linear;
  160. -o-transition: all 0.5s linear;
  161. }
  162.  
  163.  
  164.  
  165.  
  166. #side1{
  167. z-index:999;
  168. position: fixed;
  169. width: 150px;
  170. top: 0px;
  171. bottom: 0px;
  172. left: 0px;
  173. text-align: center;
  174. background:  url('{image:CustomLinkImage}') no-repeat bottom center;
  175.  
  176.  
  177. }
  178.  
  179.  
  180. #linktitle{
  181. position: fixed;  
  182. top: 20px;
  183. left: 5px;
  184. width: 200px;
  185. height: 30px;
  186. line-height: 30px;
  187. text-align: left;
  188. padding: 3px;
  189.  
  190. background-color: {color:sidebarbackground};  
  191.  
  192. -moz-border-radius: 50px 50px 50px 50px;
  193.   -webkit-border-radius: 50px 50px 50px 50px;
  194.   border-radius: 50px 50px 50px 50px;
  195.     -webkit-transition: all 0.5s ease-in-out;
  196.    -moz-transition: all 0.5s ease-in-out;
  197.    -o-transition: all 0.5s ease-in-out;
  198. }
  199.  
  200.  
  201.  
  202.  
  203. #linktitle img{
  204.   float: left;
  205.   margin-left: 5px;  
  206.   width:   30px;
  207.   height: 30px;
  208.   -moz-border-radius: 50px 50px 50px 50px;
  209.   -webkit-border-radius: 50px 50px 50px 50px;
  210.   border-radius: 50px 50px 50px 50px;
  211.     -webkit-transition: all 0.5s ease-in-out;
  212.    -moz-transition: all 0.5s ease-in-out;
  213.    -o-transition: all 0.5s ease-in-out;
  214.     }
  215.    
  216.  
  217.    
  218.    
  219.  #linktitle2{
  220.      font-family: vivaldi;
  221.      font-size: 20px;
  222.      margin-left: 10px;
  223.      letter-spacing: 1px;
  224.      margin-top: 2px;
  225.      float: left;
  226.      display: block;
  227.    color: {color:customlinktitle};  
  228.    
  229. text-transform: none;
  230.  
  231.    height: 25px;
  232. line-height: 25px;  
  233.      
  234.      }  
  235.    
  236.  
  237.    
  238. #linksbox{
  239.   width: 140px;
  240.   margin-top: 65px;
  241.   margin-left: 25px;
  242.    -webkit-transition: all 0.5s ease-in-out;
  243.    -moz-transition: all 0.5s ease-in-out;
  244.    -o-transition: all 0.5s ease-in-out;  
  245.     }  
  246.    
  247.    
  248.    
  249. #linksbox a{
  250.     font-family: calibri;
  251.     font-size: 13px;
  252.     letter-spacing: 1px;
  253. text-transform: none;
  254.    display: block;
  255.    color: {color:customlinktext};
  256.    background-color:{color:customlinkbackground};
  257. width: 80px;
  258.    margin-top: 4px;
  259.    border-left: 10px solid {color:customlinktext};
  260.    
  261.    text-align: left;
  262.    padding: 5px;
  263.     float: left;
  264.     -webkit-transition: all 0.5s ease-in-out;
  265.    -moz-transition: all 0.5s ease-in-out;
  266.    -o-transition: all 0.5s ease-in-out;  
  267.    
  268.     }
  269.    
  270. #linksbox a:hover{
  271.    
  272.    
  273.    border-left: 20px solid {color:customlinktext};
  274.    -webkit-transition: all 0.5s ease-in-out;
  275.    -moz-transition: all 0.5s ease-in-out;
  276.    -o-transition: all 0.5s ease-in-out;    
  277.     }
  278.  
  279.  
  280.  
  281.  
  282. #side2{
  283. position: fixed;
  284. left: 150px;
  285. top: 0px;
  286. bottom: 0px;
  287. width: 280px;
  288. text-align: center;
  289. background-color: {color:sidebarbackground};
  290. font-family: consolas;
  291. font-size: 10px;
  292. }
  293.  
  294.  
  295. #side2x img{
  296. margin-top: 66px;    
  297. max-width: 210px;
  298. text-align: center;
  299.  
  300. }
  301.  
  302.  
  303. #descbox{
  304. font-family:  calibri;
  305. font-size: 11px;
  306. width: 210px;
  307. margin-top: 30px;
  308. color: {color:desctext};
  309.     }
  310.    
  311. #descbox a{
  312. color: {color:desclink};
  313.     }    
  314.    
  315.    
  316.  
  317. #linkss2box{
  318.  margin-top: 20px;
  319.  
  320.   }
  321.  
  322.  
  323. #linkss2{
  324.  
  325. text-transform: none;
  326. display: block;
  327. width: 210px;
  328. height: 15px;
  329. border-right: 10px solid {color:navigationtext};
  330. border-left: 10px solid {color:navigationtext};
  331. margin-bottom: 2px;
  332. line-height: 15px;
  333. text-align: center;
  334. font-family: vivaldi;
  335. font-size: 12px;
  336. letter-spacing: 1px;
  337. color: {color:navigationtext};
  338. background-color: {color:navigationbackground};
  339. -webkit-transition: all 0.5s ease-in-out;
  340.    -moz-transition: all 0.5s ease-in-out;
  341.    -o-transition: all 0.5s ease-in-out;
  342. }
  343.  
  344. #linkss2:hover{
  345.    color: {color:navigationbackground};
  346.    background-color: {color:navigationtext};
  347.    border-right: 10px solid {color:navigationbackground};
  348.    border-left: 10px solid {color:navigationbackground};
  349.    -webkit-transition: all 0.5s ease-in-out;
  350.    -moz-transition: all 0.5s ease-in-out;
  351.    -o-transition: all 0.5s ease-in-out;
  352. }
  353.  
  354.  
  355.  
  356.    
  357.  
  358.    
  359. .sidetitle{
  360.    width: 230px;
  361.    display: inline-block;
  362.    font-size: 20px;
  363.    padding-top:8px;
  364.    padding-bottom: 3px;
  365.    text-align: center;
  366.    letter-spacing: 2px;
  367.    margin-top: -5px;
  368.    font-family: vivaldi;
  369.    color: {color:blogtitle};
  370.    background-color: {color:blogtitlebackground};
  371.    -webkit-transition: all 0.5s ease-in-out;
  372.    -moz-transition: all 0.5s ease-in-out;
  373.    -o-transition: all 0.5s ease-in-out;    
  374.     }
  375.    
  376.  
  377.      
  378.  
  379. #pagi{
  380. margin-top:20px;
  381. font-size: 20px;
  382. font-family: consolas;
  383. }
  384.  
  385. #pagi a{
  386.  
  387. color:{color:pagination};
  388.    
  389.     }
  390.  
  391.  
  392. #posts{
  393. {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
  394. {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
  395. margin-left: 470px;
  396. margin-bottom: 20px;
  397. }
  398.  
  399.  
  400.  
  401. img.center {
  402. display: block;
  403. margin-left: auto;
  404. margin-right: auto;
  405. }
  406.  
  407.  
  408. .entry{
  409. border: 1px solid {color:entryborder};
  410. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  411. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  412. text-align: justify;
  413. padding: 7px;
  414. padding-bottom:0px;
  415. margin-top: 25px;
  416. font-family: calibri;
  417. font-size: 11.5px;
  418. overflow: hidden;
  419. background-color: {color:entrybackground};
  420. color: {color:text};
  421. -webkit-transition: all 0.9s ease;
  422. -moz-transition: all 0.9s ease;
  423. -o-transition: all 0.9s ease;
  424. }
  425.  
  426. .entry img{
  427. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  428. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  429. {block:ifFadingPhoto}
  430. opacity: 0.7;
  431. -webkit-transition: all 0.7s ease-in-out;
  432. -moz-transition: all 0.7s ease-in-out;
  433. -o-transition: all 0.7s ease-in-out;  
  434. {/block:ifFadingPhoto}
  435. }
  436.  
  437. {block:ifFadingPhoto}
  438. .entry img:hover{
  439. opacity: 1;
  440. }
  441. {/block:ifFadingPhoto}
  442.  
  443.  
  444. {block:ifFadingPhoto}
  445. .photosetfade {
  446. opacity: 0.7;
  447. filter:alpha(opacity=0);
  448. -moz-opacity: 0.7;
  449. -webkit-transition: all 0.7s linear;
  450. -moz-transition: all 0.7s linear;
  451. -o-transition: all 0.7s linear;
  452. }
  453. {/block:ifFadingPhoto}
  454.  
  455.  
  456. {block:ifFadingPhoto}
  457. .photosetfade:hover {
  458. opacity: 1;
  459. filter:alpha(opacity=100);
  460. -moz-opacity: 0.9;
  461. }
  462. {/block:ifFadingPhoto}
  463.  
  464.  
  465. {block:ifMonochrome}
  466. .mono{
  467. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  468. filter: gray; /* IE6-9 */
  469. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  470. -webkit-transition: all 0.7s linear;
  471. -moz-transition: all 0.7s linear;
  472. -o-transition: all 0.7s linear;
  473. }
  474.  
  475.  
  476. .mono:hover{
  477. filter: none;
  478. -webkit-filter: grayscale(0%);  
  479. }
  480.  
  481. {/block:ifMonochrome}  
  482.  
  483.  
  484. .entry b, strong{
  485. color: {color:Bold};
  486. }
  487.  
  488. .entry i, em{
  489. color: {color:Italic};
  490. }
  491.  
  492. .entry a{
  493. color: {color:Link};
  494. text-decoration: none;
  495. -webkit-transition: all 0.5s ease-in-out;
  496. -moz-transition: all 0.5s ease-in-out;
  497. -o-transition: all 0.5s ease-in-out;
  498. }
  499.  
  500. .entry a:hover{
  501. color: {color:LinkHover};
  502. text-decoration: none;
  503. text-shadow: 0.1em 0.1em 0.06em {color:text};
  504. }
  505.  
  506.  
  507. .entry h1{
  508. font-family: consolas;
  509. text-transform: uppercase;
  510. font-size: 15px;
  511. font-weight: 20px;
  512. letter-spacing: 1px;
  513. }
  514.  
  515. .entry h1 a{
  516. color: {color:link};
  517.  
  518. }
  519.  
  520. .entry h1 a:hover{
  521. color: {color:linkhover};
  522. background-color: none;
  523. }
  524.  
  525.  
  526. blockquote{
  527. background-color:{color:blockquotebackground};
  528. color: {color:blockquotetext};
  529. border-left: 5px solid {color:blockquoteborder};
  530. font-size: 12px;
  531. padding-left:10px;
  532. padding-right: 4px;
  533. padding-top: 3px;
  534. padding-bottom: 3px;
  535. margin:5px;
  536. text-align:justify;
  537. }
  538.  
  539.  
  540. .entry blockquote img{
  541. max-width: 90%;
  542. margin-left: 3px;
  543. }
  544.  
  545.  
  546. #quote{
  547. color: {color:Quote};
  548. padding: 15px;
  549. font-family: heather;
  550. letter-spacing: 2px;
  551. line-height: 20px;
  552. font-size:15px;
  553. }
  554.  
  555.  
  556. #perma{
  557. z-index: 999;
  558. font-family: calibri;
  559. font-size: 10px;
  560. letter-spacing: 1px;
  561. {block:ifBigPosts}width: 510px;{/block:ifBigPosts}
  562. {block:ifNotBigPosts}width: 410px;{/block:ifNotBigPosts}
  563. margin-top: 10px;
  564. margin-left: -10px;
  565. display: inline-block;
  566. background-color: {color:permabackground};
  567. color: {color:permatext};
  568. padding: 5px;
  569. text-align: right;
  570.  
  571. }
  572.  
  573. #perma a{
  574. color: {color:PermaLink};
  575. font-style: none;
  576. }
  577.  
  578. #perma a:hover {
  579. color: {color:PermaLinkHover};
  580. font-style: none;
  581. }
  582.  
  583. x{
  584. font-size: 12px;
  585. color: {color:permatext};
  586. }
  587.  
  588. .entry:hover #tags{
  589. margin-top: 0px;    
  590. opacity: 1;
  591. border-left:5px solid {color:permabackground};
  592. -webkit-transition: all 0.8s ease;
  593. -moz-transition: all 0.8s ease;
  594. -o-transition: all 0.8s ease;
  595. }
  596.  
  597.  
  598. #tags{
  599. border-left:5px solid {color:permabackground};
  600. z-index: 999;
  601. font-family: calibri;
  602. font-size: 10px;
  603. letter-spacing: 1px;
  604. width: 150px;
  605. margin-top: 0px;
  606. display: inline- {block:HasTags}
  607.        {block:Tags}
  608.           <a href="{TagURL}">{Tag}</a>
  609.        {/block:Tags}
  610.     {/block:HasTags}blo;
  611. padding: 5px;
  612. {block:ifBigPosts}margin-left: 520px;{/block:ifBigPosts}
  613. {block:ifNotBigPosts}margin-left: 420px;{/block:ifNotBigPosts}
  614. text-align: left;
  615. position: absolute;
  616. z-index: 9999;
  617. opacity: 0;
  618. -webkit-transition: all 0.8s ease;
  619. -moz-transition: all 0.8s ease;
  620. -o-transition: all 0.8s ease;
  621. font-weight:bold;
  622. }
  623.  
  624. #tags a{
  625. color: {color:TagsLink};
  626. font-style: none;
  627. }
  628.  
  629. #tags a:hover {
  630. color: {color:TagsLinkHover};
  631. font-style: none;
  632. }
  633.  
  634. #tags b,strong{
  635. color: {color:Tagstext};    
  636. }
  637.  
  638.  
  639.  
  640. .permalink {
  641. font-family: cambria;
  642. font-size: 10px;
  643. color: {color:Text};
  644. text-transform: uppercase;
  645. text-align: center;
  646. {block:ifBigPosts}width: 494px;{/block:ifBigPosts}
  647. {block:ifNotBigPosts}width: 394px;{/block:ifNotBigPosts}
  648.  
  649. background-color: {color:entrybackground};
  650. }
  651.  
  652. .permalink b {
  653. color: {color:Bold};
  654. font-weight: normal;
  655. }
  656.  
  657. #date {
  658. color: {color:text};
  659. }
  660.  
  661. .permalink a {
  662. color: {color:Link};
  663. text-decoration: none;
  664. }
  665.  
  666.  
  667.  
  668. .title{
  669. color: {color:posttitle};
  670. background-color:{color:posttitlebackground};
  671. border-left:10px solid {color:posttitle};
  672. border-right:10px solid {color:posttitle};
  673. padding:5px;
  674. margin-bottom:10px;
  675. font-size: 35px;
  676. font-family: matilde;
  677. line-height: 100%;
  678. letter-spacing: 2px;
  679. text-transform: uppercase;
  680. text-align: center;
  681. font-weight:bold;
  682. }
  683.  
  684.  
  685. .ask {
  686. {block:ifBigPosts}width: 480px;{/block:ifBigPosts}
  687. {block:ifNotBigPosts}width: 380px;{/block:ifNotBigPosts}
  688. display: inline-block;
  689. padding: 10px;
  690. line-height: 10px;
  691. text-align: justify;
  692. background-color: {color:askbackground};
  693. font-family: comic;
  694. color: {color:asktext};
  695. font-size: 10px;
  696. text-transform: none;
  697. }
  698.  
  699. .ask i {
  700. font-style: normal;
  701. }
  702.  
  703. .ask b {
  704. font-weight: normal;
  705. }
  706.  
  707. .ask a{
  708. float: left;
  709. display: block;
  710. margin-right: 5px;
  711. font-family: comic;  
  712. }
  713.  
  714.  
  715. .askimg{
  716. display: block;
  717. float: left;
  718. margin-right: 10px;
  719. width: 48px;
  720. height:48px;
  721. border: 2px solid {color:entrybackground};  
  722. }
  723.    
  724. .askimg  img{
  725. width: 48px;
  726. height: 48px;
  727. }
  728.  
  729.  
  730. iframe#tumblr_controls {
  731.  
  732. right:3px !important;
  733. top:100%;
  734. position:fixed !important;
  735. opacity: 0.5;
  736. filter:alpha(opacity=0.5);
  737. -moz-opacity: 0.5;
  738. -webkit-transition: all 0.5s linear;
  739. -moz-transition: all 0.5s linear;
  740. -o-transition: all 0.5s linear;
  741. }
  742.  
  743. iframe#tumblr_controls:hover {
  744. opacity: 1;
  745. filter:alpha(opacity=1);
  746. -moz-opacity: 1;
  747. }
  748.  
  749. #source {
  750. font-family: consolas;
  751. font-size:7pt;
  752. text-align: right;
  753. margin-top: -5px;
  754. }
  755.  
  756. ol.notes {
  757. background-color:{color:EntryBackground};
  758. font-family:tahoma;
  759. font-size:10px;
  760. padding-top:10px;
  761. border: 0px;
  762. padding-left:15px;
  763. margin-top:10px;
  764. {block:ifBigPosts}width:476px;{/block:ifBigPosts}
  765. {block:ifNotBigPosts}width:376px;{/block:ifNotBigPosts}
  766. margin-left: 0px;
  767. list-style-type: none;}
  768.  
  769. ol.notes li.note {
  770. background: ;
  771. padding:5px;
  772. {block:ifBigPosts}width:480px;{/block:ifBigPosts}
  773. {block:ifNotBigPosts}width:380px;{/block:ifNotBigPosts}
  774. letter-spacing: 0px;
  775. text-align: left;
  776. }
  777.  
  778. ol.notes li.note a{
  779. color:{color:Link};
  780. background: ;
  781. font-family:tahoma;
  782. text-transform:none;
  783. letter-spacing:0px;
  784. font-size:10px;}
  785.  
  786. ol.notes li.note img.avatar {
  787. vertical-align: -4px;
  788. margin-right: 0px;
  789. }
  790.  
  791. #musicbox{
  792. width: 270px;
  793. height: 100px;
  794. text-align: left;
  795.      }
  796.  
  797. .cover {
  798. width:100px;
  799. height: 100px;
  800. display: block;
  801. position:absolute;
  802. z-index:2;
  803.     }
  804.    
  805. .cover img{
  806. width: 100px;
  807. height: 100px;
  808. }
  809.  
  810. .coverx{
  811. width: 100px;
  812. height: 100px;
  813. display: block;
  814. position:absolute;
  815. z-index:1;
  816. }
  817.  
  818. .coverx img{
  819. width: 100px;
  820. height: 100px;
  821. }
  822.  
  823. .playbutton {
  824. width:20px;  
  825. height: 20px;  
  826. line-height:20px;
  827. overflow: hidden;  
  828. position:relative;
  829. z-index:100;
  830. margin-left:2px;
  831. margin-top:2px;
  832. }
  833.  
  834.  
  835. .playbox {
  836. opacity: 0.8;
  837. background-color: #000000;  
  838. position: absolute;  
  839. z-index: 1000;
  840. margin-top:36px;  
  841. margin-left:36px;
  842. width:30px;
  843. height:30px;
  844. line-height:32px;
  845. text-align:center;
  846. }
  847.  
  848. .audioplayer {
  849. float:left;
  850. margin-left: 100px;
  851. position: absolute;
  852. display: block;
  853. margin-top: 10px;
  854. padding-bottom:7px;
  855. }
  856.  
  857. .infomusic {
  858. text-align:left;
  859. {block:ifbigposts}max-width: 390px;{/block:ifbigposts}
  860. {block:ifnotbigposts}max-width: 290px;{/block:ifnotbigposts}
  861. margin-left:10px;
  862. padding:5px;
  863. background-color: {color:Blockquote};
  864. }
  865.  
  866.  
  867.  
  868. .odd .line {
  869. background-color: {color:chatoddbackground};
  870. padding: 3px;
  871. margin-bottom:3px;
  872. color:{color:chatoddtext};
  873. }
  874. .even .line {
  875. background-color: {color:ChatEvenBackground};
  876. padding:3px;
  877. margin-bottom:3px;
  878. color:{color:chateventext};
  879. }
  880. .odd .name {
  881. color: {color:chatoddname};
  882. padding: 3px;
  883. }
  884. .even .name {
  885. color: {color:chatevenname};
  886. padding: 3px;
  887. }
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895. #cornerplayer
  896. {z-index:999;
  897. background-color: {color:musicplayer};
  898. width:50px;
  899. height:50px;
  900.  
  901. border-radius:50px 0px 0px 0px;
  902. -moz-border-radius:50px 0px 0px 0px;
  903. color:#ffffff;
  904. position:fixed;
  905. overflow:hidden;
  906. bottom:0px;
  907. right:0px;
  908. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  909.  
  910. #cornericon
  911. {margin-top:25px;
  912. margin-bottom:20px;
  913. margin-left:-5px;
  914. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  915.  
  916. #cornerplayer:hover
  917. {width:200px;
  918. -moz-border-radius:0px;
  919. border-radius:0px;}
  920.  
  921. #cornerplayer:hover #cornericon
  922. {margin-top:10px;
  923. margin-left:0px;
  924. margin-bottom:4px;}
  925.  
  926.  
  927.  
  928.  
  929. b, strong{
  930. color: {color:Bold};
  931. }    
  932.      
  933.      
  934.  
  935.  
  936. {CustomCSS}
  937.  
  938. </style>
  939.  
  940.  
  941.  
  942.  
  943. </head>
  944.  
  945. {block:IfInfiniteScrolling}
  946. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  947.  
  948. <body>
  949.  
  950.  
  951. {block:ifmusicplayer}<div id='cornerplayer'><center>
  952. <div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
  953. <div> {Text:Music} </div>    
  954. </center> </div><!--cornerplayer-->{/block:ifmusicplayer}
  955.  
  956.  
  957.  
  958. <div id="side1">
  959.  
  960.  
  961. {block:ifcustomlinks}
  962.  
  963.  
  964. <div id="linktitle"><img src="{PortraitURL-64}"> <div id="linktitle2"> {text:LinksTitle}</div>
  965. </div>
  966.  
  967. <div id="linksbox">
  968. {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
  969. {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  970. {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  971. {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  972. {block:ifLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}
  973. {block:ifLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:ifLink6}
  974. {block:ifLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:ifLink7}
  975. {block:ifLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:ifLink8}
  976. </div>
  977.  
  978.  
  979. {/block:ifcustomlinks}
  980.  
  981.  </div>
  982.  
  983. <div id="side2">
  984.  
  985.  
  986. <div id="side2x">
  987.  
  988. <img src="{image:sidebarimage}">
  989.  
  990.  
  991. </div>
  992.  
  993.  
  994. <center><div class="sidetitle">{Title}</div></center>
  995.  
  996. <center><div id="linkss2box">
  997.  
  998. <a href="/" id="linkss2">Refresh</a>
  999. <a href="/ask" id="linkss2">Ask</a>
  1000. <a href="/archive" id="linkss2">Archive</a>
  1001. <a href="http://a--themes.tumblr.com/" id="linkss2">Theme</a>
  1002.  
  1003. </div></center>
  1004.  
  1005. <p><p><p>
  1006. <center><a href="http://sherlock-thegame.tumblr.com/"><img src="http://media.tumblr.com/ffe15b39106c25e9297bea1434bb9e2f/tumblr_inline_mqv5raim3R1qz4rgp.png"></a></center>
  1007.  
  1008. <center>
  1009. <div id="descbox">
  1010.  
  1011.  
  1012. {Description}
  1013. </div>
  1014.    
  1015. </center>
  1016.  
  1017.  
  1018. {block:IfNotInfiniteScrolling}
  1019. <center><div id="pagi">{block:Pagination}
  1020. {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}
  1021. </div></center>{/block:IfNotInfiniteScrolling}
  1022.  
  1023.  
  1024.  
  1025. </div>
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032. <div id="posts">
  1033.  
  1034. {block:Posts}
  1035.  
  1036. <div class="entry" >
  1037.  
  1038. {block:indexpage}
  1039. {block:IfShowTags}
  1040. {block:HasTags}
  1041. <div id="tags">
  1042. <b>tags:</b><br /> {block:Tags} <b>#</b><a href="/tagged/{Tag}">{Tag}</a><br />{/block:Tags}
  1043. </div>
  1044. {/block:HasTags}
  1045. {/block:IfShowTags}
  1046. {/block:indexpage}
  1047.  
  1048.  
  1049.  
  1050. {block:Text}
  1051. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  1052. {/block:Text}
  1053.  
  1054. {block:Photo}
  1055. {LinkOpenTag}<div class="mono"><img src="{PhotoURL-500}" class="center"></div>{LinkCloseTag}
  1056. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1057. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1058. {Caption}
  1059. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1060. {/block:Photo}
  1061.  
  1062. {block:Photoset}
  1063. {block:IfBigPosts}<div class="mono"><div class="photosetfade">{Photoset-500}</div></div>{/block:IfBigPosts}
  1064. {block:IfNotBigPosts}<div class="mono"><div class="photosetfade">{Photoset-400}</div></div>{/block:IfNotBigPosts}
  1065. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1066. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1067. {Caption}
  1068. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1069. {/block:Photoset}
  1070.  
  1071.  
  1072. {block:Link}
  1073. <div class="title">
  1074. <a href="{URL}" {Target}>{Name}</a>
  1075. </div>
  1076. {block:Description}{Description}{/block:Description}
  1077. {/block:Link}
  1078.  
  1079. {block:Quote}
  1080. <div id="quote">" {Quote} "</div>{block:Source} <div id="source"> —{Source}</div> {/block:Source}{/block:Quote}
  1081.  
  1082. {block:Chat}
  1083. {block:Title}
  1084. <div class="title">{Title}</div>
  1085. {/block:Title}
  1086. {block:Lines}<div class="{Alt}">
  1087. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1088. {/block:Lines}
  1089. {/block:Chat}
  1090.  
  1091. {block:Audio}
  1092. <div id="musicbox">
  1093. <div class="playbox">
  1094. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1095. </div>
  1096. </div>
  1097. <div class="coverx"><img src="{image:audioimage}"></div>
  1098. {block:AlbumArt}
  1099. <div class="cover"><img src="{AlbumArtURL}"></div>
  1100. {/block:AlbumArt}
  1101. <div class="audioplayer">
  1102. {block:Artist}
  1103. <div class="infomusic">  <b>Artist:</b> {Artist}</div>
  1104. {/block:Artist}
  1105. {block:TrackName}
  1106. <div class="infomusic"><b>Track:</b>  "{TrackName}" </div>  
  1107. {/block:TrackName}
  1108. <div class="infomusic"><b>Plays: </b> {PlayCountWithLabel} </div>
  1109. </div>
  1110. </div>
  1111. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1112. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1113. {Caption}
  1114. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1115.  
  1116. {/block:Audio}
  1117.  
  1118. {block:Video}
  1119. {block:IfBigPosts}{Video-500}{/block:IfBigPosts}
  1120. {block:IfNotBigPosts}{Video-400}{/block:IfNotBigPosts}
  1121. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1122. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1123. {Caption}
  1124. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1125. {/block:Video}
  1126.  
  1127. {block:Answer}
  1128. <div class="ask"><div class="askimg"><img src="{AskerPortraitURL-128}"></div><i>{Asker}</i> <b>sent:</b><br /><br/>
  1129. {Question}</div>
  1130. {Answer}
  1131. {/block:Answer}
  1132.  
  1133.  
  1134.  
  1135.  
  1136. {block:PermalinkPage}
  1137. <div class="permalink">
  1138. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1139. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  1140. {block:PostNotes}
  1141. {PostNotes}
  1142. {/block:PostNotes}
  1143. </div>
  1144. {/block:PermalinkPage}
  1145.  
  1146.  
  1147. {block:IndexPage}
  1148. <div id="perma">
  1149. <a href="{ReblogURL}">REBLOG</a> <x>|</x> {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} <x>|</x> <a href="{Permalink}"> {NoteCount}</a>{/block:NoteCount}
  1150. </div>
  1151. {/block:IndexPage}
  1152.  
  1153.  
  1154. </div>
  1155.  
  1156.  
  1157.  
  1158. {/block:Posts}
  1159.  
  1160. </div>
  1161.  
  1162.  
  1163.  
  1164.  
  1165. <div>
  1166.  
  1167. <img src="{image:cornerimage}" style="position:fixed;
  1168. max-height: 100%;
  1169. max-width: 500px;
  1170. right:-20px;
  1171. bottom:-5px;
  1172. z-index:-9;
  1173. ">  
  1174.    
  1175. </div>
  1176.  
  1177. </body>
  1178. </html>
clone this paste RAW Paste Data