SHARE
TWEET

MissDiLaurentis Theme #28

missdilaurentis Apr 6th, 2014 (edited) 11,505 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. <script src="js/jquery-1.7.1.js" type="text/javascript"></script>
  5. <script src="js/jquery.adipoli.min.js" type="text/javascript"></script>
  6. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  7.  
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--,
  14. THEME #28 BY JASONDILAURENTS / THEMESBYJASONDILAURENTS
  15.  
  16. http://jasondilaurents.tumblr.com
  17. http://themesbyjasondilaurents.tumblr.com
  18.  
  19. Please do not use as base
  20. Don't claim as your own
  21. Don't remove my credit.
  22.  
  23. Thank you!
  24. -->
  25.  
  26. <!--DEFAULT VARIABLES-->
  27.  
  28. <!--COLORS-->
  29. <meta name="color:Audio bg" content="#e4e4e4"/>
  30. <meta name="color:Audio title" content="#ba001c"/>
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Bold" content="#000000"/>
  33. <meta name="color:Blog title" content="#ffffff"/>
  34. <meta name="color:Blog title bg" content="#232323"/>
  35. <meta name="color:Description bg" content="#ededed"/>
  36. <meta name="color:Entry bg" content="#f7f7f7"/>
  37. <meta name="color:Info" content="#cccccc"/>
  38. <meta name="color:Info bg" content="#232323"/>
  39. <meta name="color:Info buttons" content="#ba001c"/>
  40. <meta name="color:Info buttons hover" content="#ffffff"/>
  41. <meta name="color:Italic" content="#555555"/>
  42. <meta name="color:leftbar" content="#ba001c"/>
  43. <meta name="color:Links" content="#ba001c"/>
  44. <meta name="color:Links Hover" content="#fe072c"/>
  45. <meta name="color:More button" content="#ffffff"/>
  46. <meta name="color:More button bg" content="#232323"/>
  47. <meta name="color:Navbar" content="#232323"/>
  48. <meta name="color:Navi" content="#000000"/>
  49. <meta name="color:Navi hover" content="#ba001c"/>
  50. <meta name="color:Navicons bg" content="#232323"/>
  51. <meta name="color:Navicons bg hover" content="#ba001c"/>
  52. <meta name="color:NavLinks" content="#000000"/>
  53. <meta name="color:NavLinks bg" content="#ededed"/>
  54. <meta name="color:NavLinks bg hover" content="#ffffff"/>
  55. <meta name="color:Post title" content="#000000"/>
  56. <meta name="color:Post title bg" content="#ededed"/>
  57. <meta name="color:Question Bg" content="#ededed"/>
  58. <meta name="color:Question Border" content="#ba001c"/>
  59. <meta name="color:Question Icon bg" content="#232323"/>
  60. <meta name="color:Question Icon border" content="#ba001c"/>
  61. <meta name="color:Rightpics bg" content="#232323"/>
  62. <meta name="color:Rightpics border" content="#000000"/>
  63. <meta name="color:Rightsb Background" content="#232323"/>
  64. <meta name="color:Selection" content="#ffffff"/>
  65. <meta name="color:Selection BG" content="#000000"/>
  66. <meta name="color:Scrollbar" content="#000000"/>
  67. <meta name="color:Scrollbar bg" content="#ffffff"/>
  68. <meta name="color:Searchbox" content="#232323"/>
  69. <meta name="color:Searchbox text" content="#ffffff"/>
  70. <meta name="color:Sidebar Text" content="#a3a3a3"/>
  71. <meta name="color:Tags" content="#898686"/>
  72. <meta name="color:Text" content="#9f9f9f"/>
  73.  
  74. <!--IMAGES-->
  75. <meta name="image:Background" content="" />
  76. <meta name="image:Sidebar" content=""/>
  77. <meta name="image:Rightpic1" content=""/>
  78. <meta name="image:Rightpic2" content=""/>
  79. <meta name="image:Rightpic3" content=""/>
  80.  
  81. <!--NAVIGATION LINKS-->
  82. <meta name="text:Link 1 URL" content="/" />
  83. <meta name="text:Link 1 Title" content="link 1" />
  84. <meta name="text:Link 2 URL" content="/" />
  85. <meta name="text:Link 2 Title" content="link 2" />
  86. <meta name="text:Link 3 URL" content="/" />
  87. <meta name="text:Link 3 Title" content="link 3" />
  88. <meta name="text:Link 4 URL" content="/" />
  89. <meta name="text:Link 4 Title" content="link 4" />
  90. <meta name="text:Link 5 URL" content="/" />
  91. <meta name="text:Link 5 Title" content="link 5" />
  92. <meta name="text:Link 6 URL" content="/" />
  93. <meta name="text:Link 6 Title" content="link 6" />
  94.  
  95. <!--DEFAULT FONTS AND FONTS SIZE-->
  96. <meta name="text:Post Font Size" content="11px"/>
  97. <meta name="text:Post Font" content="Calibri"/>
  98. <meta name="text:Sidebar Font Size" content="8px"/>
  99. <meta name="text:Sidebar Font" content="Calibri"/>
  100. <meta name="text:Quote Font Size" content="20px"/>
  101.  
  102. <!--GOOGLE WEB FONTS-->
  103. <meta name="text:Google Web Font name" content='Open Sans'/>
  104. <link href='http://fonts.googleapis.com/css?family={text:Google Web Font name}' rel='stylesheet' type='text/css'>
  105.  
  106. <!--ASKBOX OPTIONS-->
  107. <meta name="text:ASKBOX URL" content="type your url without http://" />
  108. <meta name="text:Askbox Title" content="your askbox title" />
  109.  
  110. <!--SHOW/HIDE OPTIONS-->
  111. <meta name="if:Show Link1" content="1">
  112. <meta name="if:Show Link2" content="1">
  113. <meta name="if:Show Link3" content="1">
  114. <meta name="if:Show Link4" content="1">
  115. <meta name="if:Show Link5" content="1">
  116. <meta name="if:Show Link6" content="1">
  117. <meta name="if:Show Blog title" content="1">
  118. <meta name="if:Popup Ask" content="1">
  119. <meta name="if:Searchbox" content="1">
  120. <meta name="if:Infobuttons" content="1">
  121. <meta name="if:Navbar" content="1">
  122. <meta name="if:Circlepic" content="0">
  123. <meta name="if:Rightsb" content="1">
  124.  
  125. <!--END OF DEFAULT VARIABLES-->
  126.  
  127.  
  128. <style type="text/css">
  129.  
  130.  
  131. body {
  132.     background:{color:background};
  133.     background-image: url('{image:background}');
  134.     background-attachment:fixed;
  135.     margin:0px;
  136.     color:{color:text};
  137.     font-family:'calibri';
  138.     font-size:11px;
  139.     line-height:100%;}
  140.    
  141.    
  142. /* SCROLLBAR */    
  143.  
  144. ::-webkit-scrollbar-thumb:vertical {
  145.     height:12px;;
  146.     background-color:{color:scrollbar};}
  147. ::-webkit-scrollbar-thumb:horizontal {
  148.     background-color:{color:scrollbar bg};}
  149. ::-webkit-scrollbar {
  150.     width:5px;
  151.     height:7px;
  152.     background-color:{color:scrollbar bg};}
  153.    
  154.  
  155. /* BASICS */
  156.  
  157. a, a:active, a:visited {
  158.     transition:0.3s;
  159.     -o-transition-transition:0.3s;
  160.     -webkit-transition-duration:0.3s;
  161.     -moz-transition-duration:0.3s;
  162.     text-decoration:none;
  163.     color:{color:links};}
  164.  
  165. a:hover {
  166.     transition:0.3s;
  167.     -o-transition-transition:0.3s;
  168.     -webkit-transition-duration:0.3s;
  169.     -moz-transition-duration:0.3s;
  170.     text-decoration:none;
  171.     color:{color:links hover};
  172.     background-color:{color:transparent};}
  173.    
  174. blockquote {
  175.     padding-left: 5px;
  176.     border-left: 2px solid ;border-color:{color:text};
  177.     max-width:500px;}
  178.  
  179. blockquote blockquote {
  180.     padding-left:5px;
  181.     border-left:2px solid ;border-color:{color:text};
  182.     max-width:500px;}
  183.  
  184. b, strong {color:{color:bold};}
  185. i, em {color:{color:italic};letter-spacing:1px;}
  186. p{margin-top:5px; margin-bottom:5px}
  187.  
  188. blockquote {
  189.     padding:0px;
  190.     padding-left:5px;
  191.     margin:5px;
  192.     margin-top:10px;
  193.     margin-bottom:10px;
  194.     border-left:2px solid ; border-color:{color:text};
  195.     max-width:500px;}
  196.  
  197. blockquote img {
  198.     max-width:450px}
  199.    
  200. ul, li img {
  201.     max-width:300px}
  202.  
  203. h1 {
  204.     font-size:12px;
  205.     font-family:'calibri';
  206.     line-height:100%;
  207.     text-transform:none;
  208.     margin-bottom:15px;
  209.     font-weight:normal;
  210.     font-style:none;
  211.     text-align:center;
  212.     color:{color:post title};}
  213.    
  214.  
  215. /* POSTS */    
  216.  
  217. #entries {    
  218.     padding:10px;
  219.     width:520px;
  220.     margin-left:360px;
  221.     padding-left:40px;
  222.     padding-right:40px;
  223.     margin-right:auto;
  224.     margin-top:0px;
  225.     background-color:{color:entry bg};
  226.     color:{color:Text};}
  227.  
  228. #post {
  229.     width:500px;
  230.     padding:10px;
  231.     margin-top:-10px;
  232.     font-family:{text:Post Font};
  233.     font-size:{text:Post Font Size};
  234.     text-transform:none;
  235.     color:{color:text};
  236.     word-wrap: break-word;}
  237.  
  238. #quote {
  239.     font-size:{text:Quote Font Size};
  240.     line-height: 100%;
  241.     font-style:italic;
  242.     color: {color:text};
  243.     font-family: '{text:Google Web Font name}';
  244.     padding-left: 0px;}  
  245.  
  246. #source {
  247.     text-align: left;
  248.     font-style:none;}
  249.    
  250.  
  251. /* AUDIO */
  252.  
  253. #Allaudio {
  254.     width:480px;
  255.     height:100px;
  256.     padding:10px;
  257.     background-color:{color:audio bg};}
  258.  
  259. #audioplayer {
  260.     float:right;
  261.     height:100px;
  262.     width:100px;
  263.     margin-top:0px;
  264.     margin-left:10px;
  265.     overflow:hidden;
  266.     background-color:{color:audio bg};
  267.     opacity: 0.4;filter:alpha(opacity=60);
  268.     -webkit-transition: all 0.7s ease;
  269.     -moz-transition: all 0.7s ease;
  270.     -o-transition: all 0.7s ease;}
  271.  
  272. #audioplayer:hover {
  273.     opacity: 1; filter:alpha(opacity=60);}
  274.  
  275. #audioplayerz {
  276.     width:25px;
  277.     height:25px;
  278.     margin-top:35px;
  279.     margin-left:35px;
  280.     overflow:hidden;
  281.     padding:3px;}
  282.  
  283. #albumart {
  284.     margin-top:0px;
  285.     margin-left:0px;
  286.     margin-right:10px;
  287.     float:left;}
  288.  
  289. #audiostuff {
  290.     font-style:italic;
  291.     color:{color:text};
  292.     text-transform:uppercase;
  293.     font-family:'calibri';
  294.     float:left;
  295.     text-align:center;
  296.     padding:8px;
  297.     letter-spacing:1;
  298.     font-size:10px;
  299.     margin-top:15px;
  300.     margin-bottom:10px;
  301.     margin-left:20px;}
  302.  
  303.  
  304. /* CREDIT */
  305.  
  306. .credit a{z-index:99999;font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;opacity:1;}
  307.  
  308.  
  309. /* SIDEBAR */
  310.  
  311. #sidebar {
  312.     width:200px;
  313.     position:fixed;
  314.     left:105px;
  315.     margin-top:-80px;
  316.     padding-bottom:5px;}
  317.  
  318. #title {
  319.     text-align:center;
  320.     width:194px;
  321.     background-color:{color:blog title bg};
  322.     padding:3px;
  323.     line-height:11px;
  324.     margin-bottom:0px;
  325.     margin-left:auto;
  326.     margin-right:auto;
  327.     margin-top:5px;
  328.     font-family:'calibri';
  329.     color:{color:blog title};
  330.     letter-spacing:1px;
  331.     font-style:none;
  332.     text-transform:uppercase;
  333.     font-size:10px;}
  334.  
  335. {block:IfNotCirclepic}    
  336. #sidebarimage {
  337.     width:200px;
  338.     margin-bottom:-3px;
  339.     margin-left:auto;
  340.     margin-right:auto;
  341.     text-align:center;
  342.     margin-top:180px;}
  343.  
  344. #sidebarimage img {
  345.    width:200px;
  346.    height:auto;}{block:IfNotCirclepic}
  347.    
  348. {block:IfCirclepic}
  349. #sidebarimage {
  350.     width:150px;
  351.     margin-bottom:-3px;
  352.     margin-left:auto;
  353.     margin-right:auto;
  354.     text-align:center;
  355.     margin-top:180px;}
  356.  
  357. #sidebarimage img {
  358.    width:150px;
  359.    border-radius:50%;
  360.    height:150px;}{/block:IfCirclepic}
  361.  
  362. #description {
  363.     z-index:999999;
  364.     width:190px;
  365.     padding:5px;
  366.     height:auto;
  367.     {block:IfShowBlogtitle}margin-top:5px;{/block:IfShowBlogtitle}
  368.     {block:IfNotShowBlogtitle}margin-top:10px;{/block:IfNotShowBlogtitle}
  369.     margin-left:auto;
  370.     margin-right:auto;
  371.     margin-bottom:5px;
  372.     font-family:{text:Sidebar Font};
  373.     font-size:{text:Sidebar Font Size};
  374.     letter-spacing:1px;
  375.     font-style:none;
  376.     text-transform:uppercase;
  377.     font-weight:normal;
  378.     text-align:left;
  379.     color:{color:sidebar text};
  380.     background-color:{color:description bg};}    
  381.  
  382. /* NAVIGATION ICONS */  
  383. {block:IfNavbar}
  384. #lbar {
  385.     z-index:9999999;
  386.     width:70px;
  387.     height:100%;
  388.     position:fixed;
  389.     left:0px;
  390.     margin-top:-10px;
  391.     padding-top:10px;
  392.     padding-bottom:10px;
  393.     background-color:{color:leftbar};}  
  394.    
  395. #navbar {
  396.     z-index:9999999;
  397.     width:30px;
  398.     height:100%;
  399.     position:fixed;
  400.     left:70px;
  401.     margin-top:-10px;
  402.     padding-top:10px;
  403.     padding-bottom:10px;
  404.     background-color:{color:navbar};}    
  405.    
  406. #navic {
  407.     margin-top:120px;
  408.     margin-left:auto;
  409.     margin-right:auto;
  410.     text-align:center;}
  411.  
  412. #navic img {
  413.     margin-left:auto;
  414.     margin-right:auto;
  415.     text-align:center;
  416.     padding:3px;
  417.     background-color:{color:navicons bg};
  418.     -webkit-transition: opacity 0.5s linear;
  419.     -webkit-transition: all 0.5s ease-in-out;
  420.     -moz-transition: all 0.5s ease-in-out;
  421.     -o-transition: all 0.5s ease-in-out;}
  422.    
  423. #navic img:hover {
  424.     opacity:0.7;
  425.     background-color:{color:navicons bg hover};
  426.     -webkit-transition: opacity 0.5s linear;
  427.     -webkit-transition: all 0.5s ease-in-out;
  428.     -moz-transition: all 0.5s ease-in-out;
  429.     -o-transition: all 0.5s ease-in-out;}{/block:IfNavbar}
  430.    
  431. {block:IfNotNavbar}
  432. #navs {
  433.     background-color:transparent;
  434.     width:200px;
  435.     margin-left:auto;
  436.     margin-right:auto;
  437.     margin-top:5px;
  438.     margin-bottom:3px;
  439.     word-spacing:1px;
  440.     text-align:center;}
  441.    
  442. #navs a{    
  443.     display:inline-block;
  444.     padding:5px;
  445.     font-family:'calibri';
  446.     font-weight:normal;
  447.     text-transform:uppercase;
  448.     letter-spacing:1px;
  449.     text-align:center;
  450.     font-size:8px;
  451.     color:{color:Navi};}
  452.    
  453. #navs a:hover{    
  454.     text-decoration:underline;
  455.     color:{color:Navi hover};}{/block:IfNotNavbar}
  456.    
  457.  
  458. /*SEARCH BOX*/    
  459.    
  460. .sfm input {
  461.     background-color:{color:searchbox};
  462.     font-size: 8px;
  463.     border: 0px;
  464.     text-transform: uppercase;
  465.     margin-top:0px;
  466.     color:{color:searchbox text};
  467.     letter-spacing: 1px;
  468.     padding: 4px 8px;
  469.     font-family: calibri, helvetica, arial;}
  470.  
  471. #sb {
  472.     height: 10px;
  473.     vertical-align:top;
  474.     background-color:{color:searchbox};}  
  475.  
  476. #sf {
  477.     width:150px;}
  478.  
  479.  
  480. /* NAVIGATION LINKS */
  481.  
  482. #bx {
  483.     {block:IfSearchbox}height:25px;{/block:IfSearchbox}
  484.     {block:IfNotSearchbox}height:20px;{/block:IfNotSearchbox}
  485.     background-color:transparent;
  486.     text-align:center;
  487.     overflow: hidden;
  488.     transition: all 0.4s ease-out;
  489.     -o-transition: all 0.4s ease-out;
  490.     -webkit-transition: all 0.4s ease-out;
  491.     -moz-transition: all 0.4s ease-out;}
  492.  
  493. #bx:hover {
  494.     height: 120px;
  495.     transition: all 0.4s ease-out;
  496.     -o-transition: all 0.4s ease-out;
  497.     -webkit-transition: all 0.4s ease-out;
  498.     -moz-transition: all 0.4s ease-out;}
  499.  
  500. .substuff {
  501.     background-color:transparent;}
  502.  
  503. #Navlinks {
  504.     background-color:transparent;
  505.     width:200px;
  506.     margin-left:auto;
  507.     margin-right:auto;
  508.     margin-top:5px;
  509.     margin-bottom:10px;
  510.     word-spacing:1px;
  511.     text-align:center;}
  512.    
  513. #Navlinks a{
  514.     display:inline-block;
  515.     width:88px;
  516.     padding:5px;
  517.     margin-bottom:3px;
  518.     font-family:'calibri';
  519.     font-weight:normal;
  520.     text-transform:uppercase;
  521.     letter-spacing:1px;
  522.     text-align:center;
  523.     font-size:8px;
  524.     color:{color:Navlinks};
  525.     background-color:{color:navlinks bg};}
  526.  
  527. #Navlinks a:hover{
  528.     background-color:{color:Navlinks bg hover};
  529.     font-style:italic;
  530.     font-weight:bold;
  531.     transition:0.2s;
  532.     -o-transition-transition:0.2s;
  533.     -webkit-transition-duration:0.2s;
  534.     -moz-transition-duration:0.2s;}
  535.    
  536.    
  537. /*RIGHT SIDEBAR*/
  538.  
  539. #allrightsb {
  540.     width:190px;
  541.     height:110%;
  542.     margin-left:1050px;
  543.     height:110%;}
  544.  
  545. #Rightsidebar {
  546.     position:fixed;
  547.     width:90px;
  548.     height:110%;
  549.     margin-left:0px;
  550.     margin-top:-10px;
  551.     padding-left:0px;
  552.     padding-right:10px;
  553.     background-color:{color:rightsb background};}
  554.    
  555. #Rightpic1 {
  556.     width:120px;
  557.     margin-top:112px;
  558.     margin-left:-27px;
  559.     margin-right:auto;
  560.     text-align:center;}
  561.  
  562. #Rightpic1 img {
  563.     width:120px;
  564.     height:120px;
  565.     border:15px solid;
  566.     background-color:{color:rightpics bg};
  567.     border-color:{color:rightpics bg};
  568.     outline:1px double;
  569.     outline-color:{color:rightpics border};}
  570.    
  571. #Rightpic2 {
  572.     width:120px;
  573.     margin-top:10px;}
  574.  
  575. #Rightpic2 img {
  576.     width:120px;
  577.     height:120px;
  578.     border:15px solid;
  579.     background-color:{color:rightpics bg};
  580.     border-color:{color:rightpics bg};
  581.     outline:1px double;
  582.     outline-color:{color:rightpics border};}
  583.  
  584. #Rightpic3 {
  585.     width:120px;
  586.     margin-top: 10px;}
  587.  
  588. #Rightpic3 img {
  589.     width:120px;
  590.     height:120px;
  591.     border:15px solid;
  592.     background-color:{color:rightpics bg};
  593.     border-color:{color:rightpics bg};
  594.     outline:1px double;
  595.     outline-color:{color:rightpics border};}    
  596.    
  597.    
  598. /* INFO & TAGS */
  599.  
  600. #allbottom {
  601.     background-color:{color:info bg};
  602.     padding-top:5px;
  603.     padding-bottom:7px;
  604.     padding-left:5px;}
  605.  
  606. {block:IfInfobuttons}  
  607. #info {
  608.     text-align:left;
  609.     text-transform:uppercase;
  610.     letter-spacing:1px;
  611.     font-family:'trebuchet ms';
  612.     font-style:none;
  613.     font-weight:normal;
  614.     font-size:7px;
  615.     color:{color:info};
  616.     margin-top:-43px;
  617.     margin-left:60px;
  618.     background-color:{color:info bg};
  619.     padding-top:10px;
  620.     padding-bottom:5px;
  621.     padding-left:10px;}{/block:IfInfobuttons}
  622.    
  623. {block:IfNotInfobuttons}
  624. #info {
  625.     text-align:left;
  626.     text-transform:uppercase;
  627.     letter-spacing:1px;
  628.     font-family:'trebuchet ms';
  629.     font-style:none;
  630.     font-weight:normal;
  631.     font-size:7px;
  632.     color:{color:info};
  633.     margin-top:0px;
  634.     margin-left:0px;
  635.     background-color:{color:info bg};
  636.     padding-top:10px;
  637.     padding-bottom:5px;
  638.     padding-left:10px;}{/block:IfNotInfobuttons}    
  639.    
  640. #info a{
  641.     color:{color:info};}
  642.    
  643. #info a:hover{
  644.     color:{color:links hover};}    
  645.  
  646. {block:IfInfobuttons}    
  647. #tags {
  648.     width:430px;
  649.     word-wrap:break-word;
  650.     font-family: 'trebuchet ms';
  651.     text-transform:uppercase;
  652.     text-align:left;
  653.     font-style:none;
  654.     font-size:7px;
  655.     line-height:10px;
  656.     letter-spacing:1px;
  657.     font-weight:normal;
  658.     color:{color:tags};
  659.     margin-top:-6px;
  660.     margin-left:60px;
  661.     padding-bottom:10px;
  662.     padding-left:10px;
  663.     -webkit-transition: opacity 0.5s linear;
  664.     -webkit-transition: all 0.5s ease-in-out;
  665.     -moz-transition: all 0.5s ease-in-out;
  666.     -o-transition: all 0.5s ease-in-out;}{/block:IfInfobuttons}
  667.    
  668. {block:IfNotInfobuttons}
  669. #tags {
  670.     word-wrap:break-word;
  671.     font-family: 'trebuchet ms';
  672.     text-transform:uppercase;
  673.     text-align:left;
  674.     font-style:none;
  675.     font-size:7px;
  676.     line-height:10px;
  677.     letter-spacing:1px;
  678.     font-weight:normal;
  679.     color:{color:tags};
  680.     margin-top:-6px;
  681.     margin-left:0px;
  682.     padding-bottom:10px;
  683.     padding-left:10px;
  684.     -webkit-transition: opacity 0.5s linear;
  685.     -webkit-transition: all 0.5s ease-in-out;
  686.     -moz-transition: all 0.5s ease-in-out;
  687.     -o-transition: all 0.5s ease-in-out;}{/block:IfNotInfobuttons}      
  688.    
  689. #tags a{
  690.     color:{color:tags};}
  691.    
  692. #tags a:hover{
  693.     text-decoration:none;
  694.     font-style:italic;}
  695.    
  696.  
  697. /* QUESTIONS */
  698.  
  699. #allask {
  700.     background-color:transparent;
  701.     padding:10px;
  702.     background-color:{color:question bg};}
  703.  
  704. #question {
  705.     background-color: none;
  706.     color:{color:text};
  707.     text-transform:none;
  708.     text-align: justify;
  709.     letter-spacing:0px;
  710.     font-style:none;
  711.     margin-left:32px;
  712.     padding:13px;
  713.     margin-top:-10px;}
  714.  
  715. #askerportrait {
  716.     float:left;
  717.     width:24px;
  718.     height:24px;}
  719.  
  720. #answer {
  721.     text-align: justify;
  722.     background-color:none;
  723.     padding:3px;
  724.     margin-left:0px;}
  725.    
  726.    
  727. /* POP UP ASKBOX*/
  728.  
  729. #fade {
  730.     display: none;
  731.     background:#000;
  732.     position: fixed;
  733.     left:0;
  734.     top:0;
  735.     width:100%;
  736.     height:100%;
  737.     opacity:.60;
  738.     z-index:9999;}
  739.  
  740. .popup_block{
  741.     display:none;
  742.     background:#ffffff;
  743.     background-image:url('' );
  744.     background-repeat:no-repeat;
  745.     background-position:center top;
  746.     font-family:'calibri';
  747.     font-weight:normal;
  748.     font-style:none;
  749.     font-size:14px;
  750.     color:#000;
  751.     padding:20px;
  752.     float:left;
  753.     position:fixed;
  754.     width:100%;
  755.     top:50%;
  756.     left:50%;
  757.     z-index:999999;
  758.     opacity:1;
  759.     overflow:hidden;}
  760.  
  761. img.btn_close {
  762.     float: right;
  763.     margin: -55px -55px 0 0;}
  764.  
  765. *html #fade {
  766.     position:absolute;}
  767.  
  768. *html .popup_block {
  769.     position:absolute;}
  770.    
  771. /*BUTTONS*/    
  772.    
  773. .like_and_reblog_buttons {
  774.     list-style:none;
  775.     padding-left:0px;}
  776.  
  777. .like_and_reblog_buttons li {
  778.     display:inline-block;
  779.     padding:5px;
  780.     height:13px;
  781.     background-color:{color:info buttons};
  782.     -webkit-transition: opacity 0.5s linear;
  783.     -webkit-transition: all 0.5s ease-in-out;
  784.     -moz-transition: all 0.5s ease-in-out;
  785.     -o-transition: all 0.5s ease-in-out;}
  786.  
  787. .like_and_reblog_buttons li:hover {
  788.     background-color:{color:info buttons hover};
  789.     -webkit-transition: opacity 0.5s linear;
  790.     -webkit-transition: all 0.5s ease-in-out;
  791.     -moz-transition: all 0.5s ease-in-out;
  792.     -o-transition: all 0.5s ease-in-out;}    
  793.  
  794. .like_and_reblog_buttons li:first-child {
  795.     border-right: 0px solid #e8e8e8;}    
  796.  
  797. /* SELECTION */      
  798.    
  799. ::selection {color:{color:selection}; background: {color:selection BG};}
  800. ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
  801. ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
  802.  
  803.  
  804. {CustomCSS}</style>
  805. </head><body>
  806.  
  807. <!-------------------POP UP ASKBOX SCRIPT----------------------------->
  808.  
  809. <script type="text/javascript"
  810. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  811.  
  812. <script>
  813.  
  814.  
  815.  
  816. $(document).ready(function() {
  817.  
  818.     //
  819.  
  820.  
  821.  
  822. //When you click on a link with class of poplight and the href starts with a #
  823.  
  824. $('a.poplight[href^=#]').click(function() {
  825.  
  826.     var popID = $(this).attr('rel'); //Get Popup Name
  827.  
  828.     var popURL = $(this).attr('href'); //Get Popup href to define size
  829.  
  830.  
  831.  
  832.     //Pull Query & Variables from href URL
  833.  
  834.     var query= popURL.split('?');
  835.  
  836.     var dim= query[1].split('&');
  837.  
  838.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  839.  
  840.  
  841.  
  842.     //Fade in the Popup and add close button
  843.  
  844.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/1raka3s/YNLnnzb4n/close.png" title="Close Window  alt="Close" /></a>');
  845.  
  846.  
  847.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  848.  
  849.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  850.  
  851.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  852.  
  853.  
  854.  
  855.     //Apply Margin to Popup
  856.  
  857.     $('#' + popID).css({
  858.  
  859.         'margin-top' : -popMargTop,
  860.  
  861.         'margin-left' : -popMargLeft
  862.  
  863.     });
  864.  
  865.  
  866.  
  867.     //Fade in Background
  868.  
  869.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  870.  
  871.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  872.  
  873.  
  874.  
  875.     return false;
  876.  
  877. });
  878.  
  879.  
  880.  
  881. //Close Popups and Fade Layer
  882.  
  883. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  884.  
  885.     $('#fade , .popup_block').fadeOut(function() {
  886.  
  887.         $('#fade, a.close').remove();  //fade them both out
  888.  
  889.     });
  890.  
  891.     return false;
  892.  
  893. });
  894.  
  895.  
  896.  
  897.  
  898.  
  899. });
  900.  
  901. </script>
  902.  
  903. <!--------------END OF POP UP ASKBOX SCRIPT----------------------------->
  904.  
  905. {block:IfPopupAsk}
  906. <!-- ASKBOX -->
  907. <div id="popup_name" class="popup_block">
  908. </br>
  909. <center>{Text:Askbox Title}</center>
  910. </br>
  911.  
  912. <iframe frameborder="0"
  913. height="200"
  914. id="ask_form"
  915. scrolling="no"
  916. src="http://www.tumblr.com/ask_form/{Text:ASKBOX URL}"
  917. width="100%">
  918. </iframe></br></div>{/block:IfPopupAsk}
  919.  
  920. <!---------------------------------------------------------------------->
  921.  
  922. {block:IfNavbar}
  923. <div id="lbar"></div>
  924. <div id="navbar">
  925. <div id="navic">
  926. <a href="/"><img src="http://static.tumblr.com/g1muzcu/oEbn3e62m/home.png"></a><p><br>
  927. {block:IfNotPopupAsk}
  928. <a href="/ask"><img src="http://static.tumblr.com/g1muzcu/Xo4n3e6b7/mail.png"></a><p><br>
  929. {/block:IfNotPopupAsk}
  930. {block:IfPopupAsk}
  931. <a href="#?w=500" rel="popup_name" class="poplight"><img src="http://static.tumblr.com/g1muzcu/Xo4n3e6b7/mail.png"></a><p><br>
  932. {/block:IfPopupAsk}
  933. <a href="/archive"><img src="http://static.tumblr.com/g1muzcu/bjSn3e6cn/calendar.png"></a><p><br><br><br><br><br>
  934. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/g1muzcu/6KEn3e75d/back.png"></a><p>{/block:PreviousPage}
  935. {block:NextPage}<a href="{NextPage}"><img src="http://static.tumblr.com/g1muzcu/apEn3e75z/forward.png"></a><p>{/block:NextPage}
  936. </div></div>{/block:IfNavbar}
  937.  
  938. {block:IfRightsb}
  939. <div id="allrightsb">
  940. <div id="Rightsidebar">
  941. <div id="Rightpic1"><img src="{image:Rightpic1}">
  942. <div id="Rightpic2"><img src="{image:Rightpic2}">
  943. <div id="Rightpic3"><img src="{image:Rightpic3}"></div></div></div></div></div>{/block:IfRightsb}
  944.  
  945. <div id="sidebar">
  946.  
  947. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  948. {block:IfShowBlogtitle}<div id="title">{Title}</div>{/block:IfShowBlogtitle}
  949. <div id="description">{Description}</div>
  950.  
  951. {block:IfNotNavbar}
  952. <div id="navs">
  953. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  954. <a href="/">home</a>
  955. <a href="/ask">ask</a>
  956. <a href="/archive">archive</a>
  957. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
  958. </div>{/block:IfNotNavbar}
  959.  
  960. {block:IfSearchbox}
  961. <center><form action="/search" method="get" class="sfm">
  962. <input type="text" name="q" value="SEARCH" id="sf"/>
  963. <input type="image" value="Search" src="http://static.tumblr.com/g1muzcu/Wyfn3ebic/magnifying_glass_16x16.png" id="sb"/>
  964. </form></center>{/block:IfSearchbox}
  965.  
  966. <div id="bx">
  967. <p style="{block:IfSearchbox}margin-top:5px{/block:IfSearchbox};{block:IfNotSearchbox}margin-top:0px{/block:IfNotSearchbox};background-color:{color:more button bg};color:{color:more button};letter-spacing:1px;padding:3px;font-size:10px">+ MORE</p>
  968. <div class="substuff">
  969.  
  970. <div id="Navlinks">
  971. {block:IfShowLink1}<a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a>{/block:IfShowLink1}
  972. {block:IfShowLink2}<a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a>{/block:IfShowLink2}</br>
  973. {block:IfShowLink3}<a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a>{/block:IfShowLink3}
  974. {block:IfShowLink4}<a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a>{/block:IfShowLink4}</br>
  975. {block:IfShowLink5}<a href="{Text:Link 5 URL}">{Text:Link 5 Title}</a>{/block:IfShowLink5}
  976. {block:IfShowLink6}<a href="{Text:Link 6 URL}">{Text:Link 6 Title}</a>{/block:IfShowLink6}
  977. </div></div></div></div>
  978.  
  979. <div id="entries"></br></br></br></br></br></br></br></br>
  980. {block:Posts}<div id="post">
  981.  
  982. {block:Text}<h1>{block:Title}<p style="background-color:{color:post title bg};padding:15px">{Title}</p>{/block:Title}</h1>{Body}</span>{/block:Text}
  983.  
  984. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  985.  
  986. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  987.  
  988. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}  
  989.  
  990. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  991.  
  992. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  993.  
  994. {block:Audio}
  995. <div id="Allaudio">
  996. <div id="audioplayer">
  997. <div id="audioplayerz">{AudioPlayerGrey}</div></div>
  998. <div id="albumart">
  999. {block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}</div>
  1000. <div id="audiostuff">
  1001. <span style="color:{color:audio title}">{block:TrackName}{TrackName}{/block:TrackName} BY
  1002. {block:Artist}{Artist}<br>{/block:Artist}</span>
  1003. {block:Album}{Album}<br>{/block:Album}
  1004. {PlayCountWithLabel}</div></div>
  1005. {block:caption}{Caption}{/block:caption}
  1006. {/block:Audio}
  1007.  
  1008. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1009.  
  1010. {block:Answer}
  1011. <div id="allask">
  1012. <div id="askerportrait"><span style="width:24px;height:24px;"><img src="{AskerPortraitURL-24}" style="border:2px solid;border-color:{color:question icon border};padding:5px;background-color:{color:question icon bg}"></span></div>
  1013.  
  1014. <div id="question"><span style="font-family:calibri;text-transform:uppercase;font-size:8px;font-style:none;letter-spacing:1px">{Question}</span>
  1015. <div style="border-bottom:1px solid;border-color:{color:question border};margin-top:2px;margin-bottom:-8px"></div></br><span style="text-transform:uppercase;font-size:8px;font-family:calibri;letter-spacing:1px;font-weight:bold;">ASKED BY {asker}.</span></div></div>
  1016. <div id="answer">
  1017. <span style="color:{color:text};">{Answer}</span></div>{/block:Answer}</div>
  1018.  
  1019. <div id="allbottom">
  1020. {block:IfInfobuttons}
  1021. <div style="margin-left:10px">
  1022. <ul class="like_and_reblog_buttons">
  1023. <li>{ReblogButton color="black" size="15"}</li>
  1024. <li>{LikeButton color="black" size="15"}</li></ul></div>{/block:IfInfobuttons}
  1025.  
  1026. <div id="info">
  1027. {block:Date}{TimeAgo}{/block:Date}&nbsp;with
  1028. <a href="{Permalink}">{NoteCount}&nbsp;notes</a>
  1029. {block:IfNotInfobuttons}&nbsp;-&nbsp;<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>{/block:IfNotInfobuttons}
  1030. {block:RebloggedFrom}&nbsp;-&nbsp;<a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;{block:ContentSource}/&nbsp;<a href="{SourceURL}">source</a> {/block:ContentSource}{/block:RebloggedFrom}</div>
  1031. <div id="tags">{block:HasTags}TAGGED AS:&nbsp;{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div></div></br></br></br></br>
  1032.  
  1033. {/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  1034. </div>
  1035.  
  1036. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASON</br>DILAURENTS</a></div>
  1037.  
  1038. </body></html>
RAW Paste Data
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
 
Top