API tools faq
paste
Advertisement
helloiloveju

#4 Clara Who?

helloiloveju
Jul 7th, 2013
7,181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!----
  7.          C L A R A    W H O ?
  8.             theme #4 by
  9.       helloiloveju.tumblr.com
  10.        DO NOT REMOVE CREDIT!
  11.          feel free to edit
  12.             e n j o y !
  13.     & don't remove this comment
  14. --->
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17. <title>{Title}</title>
  18. <meta name="color:background" content="#FAFAF0" />
  19. <meta name="color:text" content="#52524e" />
  20. <meta name="color:description" content="#838381" />
  21. <meta name="color:navi left" content="#FAFAF0" />
  22. <meta name="color:navi left hover" content="#be6183" />
  23. <meta name="color:link" content="#acac9b" />
  24. <meta name="color:entries" content="#FFFFFC"/>
  25. <meta name="color:link hover" content="#F8F8F8" />
  26. <meta name="color:link" content="#a67e9c" />
  27. <meta name="color:bold" content="#96383A" />
  28. <meta name="color:italic" content="#E08F73" />  
  29. <meta name="color:tags bg" content="#ECF7E3" />
  30. <meta name="color:navilinks" content="#000000" />
  31. <meta name="color:line" content="#f9f9f9" />
  32. <meta name="color:Navi links" content="#b1b0b0" />
  33. <meta name="color:Navi2 links" content="#b1b0b0" />
  34. <meta name="color:ask" content="#E9A089" />
  35. <meta name="color:maintitle" content="#ffffff" />
  36. <meta name="color:subtitle" content="#ffffff" />
  37. <meta name="color:quote" content="#ffffff" />
  38. <meta name="color:background navi" content="#151515" />
  39. <meta name="color:background sidebar" content="#ffffff" />
  40.  
  41.  
  42. <meta name="image:sidebargif" content=""/>
  43. <meta name="image:sidebaricon" content=""/>
  44. <meta name="image:background" content=""/>
  45. <meta name="image:bgg" content=""/>
  46.  
  47. <meta name="if:Round" content=""/>
  48. <meta name="if:YourIcon" content=""/>
  49.  
  50. <meta name="font:Font Posts" content='Arial'/>
  51.  
  52. <meta name="text:Link1" content="/" />
  53. <meta name="text:Link1 Title" content="home" />
  54. <meta name="text:Link2" content="/about" />
  55. <meta name="text:Link2 Title" content="about me" />
  56. <meta name="text:Link3" content="/tags" />
  57. <meta name="text:Link3 Title" content="tags" />
  58. <meta name="text:Link4" content="/ask" />
  59. <meta name="text:Link4 Title" content="ask" />
  60. <meta name="text:Link5" content="/submit" />
  61. <meta name="text:Link5 Title" content="submit" />
  62. <meta name="text:Link6" content="/tags" />
  63. <meta name="text:Link6 Title" content="tags" />
  64. <meta name="text:Link7" content="/ask" />
  65. <meta name="text:Link7 Title" content="ask" />
  66. <meta name="text:Link8" content="/submit" />
  67. <meta name="text:Link8 Title" content="submit" />  
  68.    
  69. <meta name="text:Navi1" content="http://helloiloveju.tumblr.com" />
  70. <meta name="text:Navi1 Title" content="friend 1" />
  71. <meta name="text:Navi2" content="http://helloiloveju.tumblr.com" />
  72. <meta name="text:Navi2 Title" content="friend 2" />
  73. <meta name="text:Navi3" content="http://helloiloveju.tumblr.com" />
  74. <meta name="text:Navi3 Title" content="friend 3" />
  75. <meta name="text:Navi4" content="http://helloiloveju.tumblr.com" />
  76. <meta name="text:Navi4 Title" content="friend fo4ur" />
  77. <meta name="text:Navi5" content="http://helloiloveju.tumblr.com" />
  78. <meta name="text:Navi5 Title" content="friend 5" />  
  79.  
  80. <meta name="text:Maintitle1" content="clara who?"/>
  81. <meta name="text:quote" content="Clara Oswald, you're the only mystery worth solving"/>
  82. <meta name="text:subtitle" content="The Girl Twice Dead, <br>the Impossible Girl, my story is done."/>
  83.  
  84.  
  85.  
  86. {block:Description}
  87.     <meta name="description" content="{MetaDescription}" />
  88.     {/block:Description}
  89.     <meta charset="utf-8">
  90.     <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  91.     <title>{Title}</title>
  92.     <link rel="shortcut icon" href="{Favicon}">
  93.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  94.     <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  95.     <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  96. <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
  97. <link href='http://fonts.googleapis.com/css?family=Zeyada' rel='stylesheet' type='text/css'>
  98.  
  99. <style type="text/css">
  100.     /*Basic styles*/
  101.    
  102. body {
  103.     background: {color:background};
  104.     background-image : url('{image:background}');
  105.     background-repeat : repeat;
  106.     background-attachment : fixed;        
  107.     font: 10px {font:Font Posts};
  108.     line-height:auto;
  109.     color: {color:text};}
  110.  
  111. /**fonts**/
  112. a {text-decoration:none;
  113.     color :{color:link};
  114.     padding:1px;}
  115.  
  116. a:hover {
  117.     color{color:italic};}
  118.    
  119. a img { border: none;}
  120.    
  121. b, strong {font-weight : bold;color: {color:bold};}
  122.  
  123. p{color:{color:text};}
  124.    
  125.    
  126. i, em {
  127.     font-style : normal;
  128.     color : {color:italic};}
  129.    
  130. strike, s {
  131.     color : #ffcb4f;
  132.     letter-spacing : 1px;
  133.     text-decoration : line-through #434340;
  134.     text-transform : none;}
  135.    
  136. u {
  137.     color : #ffcb4f;
  138.     letter-spacing : 2px;
  139.     text-decoration : none;
  140.     text-transform : uppercase;}
  141.    
  142. h1 {
  143.     color:{color:brown};
  144.     line-height: 20px;
  145.     font-weight: normal;
  146.     font: 17px georgia;
  147.     font-style:italic;
  148.     text-transform: none;}
  149.    
  150. h2 {
  151.     font-family : inconsolata;
  152.     font-style:normal;
  153.     font-weight:400;
  154.     font-size : 11px;
  155.     text-transform : uppercase;
  156.     background-image: url('{image:bgg}');
  157.     padding : 5px;
  158.     color : #ffffff;
  159.     margin-bottom : 10px;}
  160.        
  161. .maintitle1 {
  162.     position:fixed;
  163.     top:515px;
  164.     left:160px;
  165.     font:35px 'Zeyada';
  166.     text-transform:lowercase;
  167.     color: {color:maintitle};
  168.     padding:10px;
  169.     text-align: center;}
  170.    
  171. .maintitle2 {
  172.     font: 7px arial;
  173.     letter-spacing:1px;
  174.     text-transform:uppercase;
  175.     color: {color:quote};
  176.     background-image:url('{image:bgg}');
  177.     opacity:0.5;
  178.     padding:10px;
  179.     text-align: left;}
  180.    
  181. .maintitle3 {
  182.     position:fixed;
  183.     top:550px;
  184.     left:160px;
  185.     font: 8px arial;
  186.     letter-spacing:1px;
  187.     text-transform:uppercase;
  188.     color: {color:subtitle};
  189.     opacity:0.5;
  190.     padding:10px;
  191.     text-align: left;}
  192.  
  193. /**pagination**/
  194. #pag {
  195.     position:fixed;
  196.     top:580px;
  197.     left:160px;
  198.     font: 8px trebuchet ms;
  199.     margin-left:12px;
  200.     text-align:left;
  201.     color:{color:italic};
  202.     letter-spacing:1px;}
  203.        
  204. .pag a {
  205.     color: {color:italic};
  206.     margin-left:1px;}
  207.    
  208. .pag a:hover {
  209.     color : {color:link hover};}  
  210.  
  211. /**blockquote formation**/
  212. blockquote {
  213.     color:rgb(116, 116, 116);
  214.     padding:5px 5px 5px 5px;
  215.     margin:10px 5px 5px 20px;
  216.     border-left:3px solid #D5D5D5;}
  217.    
  218. blockquote img {
  219.     display : block;}
  220.    
  221. blockquote p {
  222.     padding : 0;
  223.     margin : 0;}
  224.    
  225. blockquote blockquote {
  226.     position : relative;
  227.     left : -5px;
  228.     margin-top : 5px;
  229.     margin-right : 0;
  230.     padding-right : 0;}
  231.    
  232. ul.chat, .chat ol, .chat li {
  233.     list-style : none;
  234.     margin : 0;
  235.     padding : 0;}
  236.  
  237. ul.post, .post ol, .post li {list-style-type:square;}
  238.  
  239. /**main**/
  240. #bg{
  241.     position:fixed;
  242.     top:0;left:0;
  243.     width:490px;
  244.     height:100%;
  245.     background-image:url('{image:bgg}');
  246.     background-repeat : repeat;}
  247.    
  248.    
  249. #left{
  250.     position:fixed;
  251.     top:65px;
  252.     left:75px;
  253.     width:155px;
  254.     height:440px;
  255.     padding:0px;
  256.     background-color:{color:background navi};
  257.     opacity:0.8;}
  258.    
  259. #rightinleft{
  260.     position:fixed;
  261.     top:65px;
  262.     left:75px;
  263.     width:153px;
  264.     height:440px;
  265.     margin-left:185px;
  266.     background-color:{color:background sidebar};}  
  267.    
  268. #containergif{
  269.     height:213px;
  270.     width:153px;
  271.     align:center;
  272.     background-image:url('{image:sidebargif}');}
  273.    
  274. .containergif a {
  275.    display:block;
  276.    color:{color:navi links};
  277.    font: 10px times new roman;
  278.    border-bottom: 1px solid {color:navi links};
  279.    padding:3px;  
  280.    margin-left:53px;
  281.    width:50px;
  282.    letter-spacing: 1px;
  283.    text-align:center;}
  284.    
  285. .containergif a:hover {
  286.    color:{color:italic};
  287.    }      
  288.  
  289. #hovergif{
  290.     width:153px;
  291.     height:213px;
  292.     opacity:0;
  293.     background-color:#fff;
  294.     -webkit-transition: all 0.6s ease-in;
  295.     -moz-transition: all 0.6s ease-in;
  296.     -o-transition: all 0.6s ease-in;
  297.         margin-bottom:-15px;
  298.         }
  299.    
  300. #hovergif:hover{
  301.     opacity:0.7;}
  302.    
  303. .description {
  304.     margin-top : 14px;
  305.     text-align : left;
  306.     font: 9px trebuchet ms;
  307.     line-height:11px;
  308.     color:{color:description};
  309.     width:140px;
  310.     padding:8px;}
  311.    
  312. /**general**/
  313.  
  314. #entry {
  315.     width : 484px;
  316.     display : block;
  317.     background-color : {color:entries};
  318.     overflow : hidden;
  319.     margin : 20px 3px 3px 2px;}
  320.  
  321. #entries {
  322.     width : 500px;
  323.     display : block;
  324.     overflow : hidden;
  325.         margin : 20px 0px 50px 3px;
  326.         background-color : {color:entries};}
  327.    
  328. #post{
  329.    margin-left: 520px;
  330.    margin-top:6px;
  331.    width:506px;
  332.    overflow:hidden;}      
  333.  
  334.  
  335. /**sidebars**/
  336. #side {
  337.     width:100px;
  338.     height:100px;
  339.     text-align:center;
  340.     font-size:{text:Body Font Size};
  341.     letter-spacing:1px;}
  342.  
  343. #sidebarimg img {
  344.     transition-duration: 1s;  -moz-transition-duration: 1s;  
  345.     -webkit-transition-duration: 1s;  -o-transition-duration: 1s;
  346.     position:fixed;
  347.     width:100px;
  348.     height:100px;
  349.     margin-top:23px;                      
  350.     margin-left:-15px;
  351.     overflow:hidden;
  352.     padding:0;
  353.     {block:ifRound}-moz-border-radius:50px 50px 50px 50px;
  354.     border-radius:50px 50px 50px 50px;
  355.     {block:ifRound};}
  356.  
  357.  
  358. #sidebarimg img:hover {
  359.     transition-duration: 1s;  -moz-transition-duration: 1s;  
  360.     -webkit-transition-duration: 1s;  -o-transition-duration: 1s;
  361. opacity:0.7;}
  362.  
  363.  
  364. .box {
  365.     text-align:center;
  366.     margin:auto;
  367.     position:fixed;
  368.     -webkit-transition-duration: 1s; -moz-transition-duration: 1s; }
  369.  
  370.  
  371. .main {position:fixed;
  372.     margin-top:-5px;                      
  373.     margin-left:-6px;
  374.     width: 100px;  
  375.     height: 100px;
  376.     padding:0;
  377.     z-index:101;}
  378.  
  379. /**navigation with different fonts**/
  380. #angeles{
  381.     position:fixed;
  382.     margin-left:32px;
  383.     margin-top:58px;
  384.     text-align:center;
  385.     text-align:block;}
  386.  
  387. .angeles a {
  388.    display:block;
  389.    font-family: 'times new roman';
  390.    font-size: 10px;
  391.    padding-top:9px;
  392.    padding-bottom:9px;
  393.    padding-left:7px;
  394.    padding-right:7px;      
  395.    width:82px;
  396.    letter-spacing: 1px;
  397.    color: {color:navi left};
  398.    margin-top: 3px;}
  399.    
  400. .demons a {
  401.    display:block;
  402.    font-family: 'Cambria';
  403.    text-transform:uppercase;
  404.    font-size: 11px;
  405.    line-height: 9px;
  406.    padding-top:9px;
  407.    padding-bottom:9px;
  408.    padding-left:7px;
  409.    padding-right:7px;      
  410.    width:82px;
  411.    letter-spacing: 1px;
  412.    color: {color:navi left};
  413.    margin-top: 3px;}
  414.    
  415. .shapeshifter a {
  416.    display:block;
  417.    font-family: 'lato';
  418.    text-transform:uppercase;
  419.    letter-spacing:-1px;
  420.    font-weight:100;
  421.    font-size: 14px;
  422.    padding-top:7px;
  423.    padding-bottom:9px;
  424.    padding-left:7px;
  425.    padding-right:7px;      
  426.    width:82px;
  427.    color: {color:navi left};
  428.    margin-top: 3px;}
  429.  
  430. .shapeshifter a:hover {
  431.    color:{color:navi left hover};}  
  432.  
  433. .demon a:hover {
  434.    color:{color:navi left hover};}
  435.    
  436. .angeles a:hover {
  437.    color:{color:navi left hover};}
  438.  
  439. /***tags*/
  440. .white {
  441.     -webkit-transition: all 0.9s ease;
  442.     {block:permalinkpage} opacity:1;{/block:permalinkpage}}
  443.  
  444. .white:hover .white2{
  445.     width:auto;
  446.     height:auto;
  447.     opcity:0.9;
  448.     filter: alpha(opacity = 70);
  449.     -moz-transition: all 0.5;
  450.     -webkit-transition: all 0.5s;
  451.     -o-transition: all 0.5s;
  452.     transition: all 0.5;}
  453.  
  454. .white2 a{color:#b4b4b4;}
  455.  
  456. .tags {
  457.     color: {color:tags};
  458.     text-transform:lowercase;
  459.     text-align:left;
  460.     font-family: cambria, georgia;
  461.     font-size: 9px;
  462.     opacity:.95;
  463.     padding-right:2px;
  464.     margin-right: -5px;
  465.     font-style:normal;
  466.     font-style: italic;
  467.     padding-top:1px;
  468.     letter-spacing:-.5px;
  469.     line-height:140%;}
  470.    
  471. .tags a{color:{color:tags};}
  472.  
  473. .tags a:hover {color: {color:italic};}
  474.    
  475. .notes img{
  476.     opacity:0;
  477.     width:16px;}
  478.  
  479. .notes ol, .notes li{
  480.     margin-left:-27px;
  481.     line-height:10px;
  482.     font-size:8px;
  483.     letter-spacing:1px;
  484.     text-transform:uppercase;
  485.     list-style:none;
  486.     font-family:cambria;
  487.     color:#999595;}
  488.  
  489. .hoverimages {
  490.     height:absolute;
  491.     width:480px;
  492.     position:absolute;
  493.     display:navigate;
  494.     float:left;
  495.     margin-top:10px;
  496.     margin-left:10px;
  497.     z-index:1;
  498.     opacity:0;
  499.     background-color:#fff;
  500.     -webkit-transition: all 0.6s ease-in;
  501.     -moz-transition: all 0.6s ease-in;
  502.     -o-transition: all 0.6s ease-in;}
  503.  
  504. .hoverimages2 {
  505.     text-align:center;
  506.     padding-top:10px;
  507.     padding-bottom:10px;
  508.     padding-left:15px;
  509.     padding-right:15px;
  510.     opacity:0.90;
  511.     line-height:120%;
  512.     font-family:georgia;
  513.     font-style:italic;
  514.     font-size:10px;
  515.     text-transform:lowercase;
  516.     -webkit-transition: all 0.6s ease-in;
  517.     -moz-transition: all 0.6s ease-in;
  518.     -o-transition: all 0.6s ease-in;
  519.     background-color:{color:benny};
  520.     color:#8a9b7f;
  521.     background-color:#fff;}
  522.  
  523. .white:hover .hoverimages {
  524.     opacity:0.8;}
  525.  
  526. #taggs {
  527.     font:9px 'courier new';
  528.     line-height:13px;
  529.     margin-left:5px;
  530.     background-color:#fff;
  531.     border-bottom:2px solid {color:line};
  532.     padding-top:3px;
  533.     margin-top:-5px;
  534.     letter-spacing:1px;
  535.     color:#888888;
  536.     padding:1px; }
  537.    
  538. .tags1 {    
  539.     font-weight: lowercase;
  540.     letter-spacing: 1px;
  541.     text-align: right;
  542.     margin-top: 17px;
  543.     font-size: 9px;
  544.     color: #575757;
  545.     background:;
  546.     font-family: courier new;
  547.     }
  548.  
  549. .tags2 {
  550.     padding-top: 1px;
  551.     letter-spacing: 1px;
  552.     text-align: right;
  553.     text-transform: lowercase;
  554.     font-size: 10px;
  555.     background:;
  556.     font-family: courier new;
  557.     }
  558.    
  559. /*ask*/
  560. .asp {float:left; margin-right: 10px;}
  561. .asn {width: 48px; height: 48px; border: 10px solid {color:ask};}
  562. .ast {font-size: 24px; color: {color:ask}; margin-top: 20px; margin-left: -10px;}
  563.  
  564. .asker {
  565.    width: 485px;
  566.     font-size: 15px;
  567.     font-family: 'georgia';
  568.     width: 100%;
  569.     font-style:italic;
  570.     background-color: #transparent;
  571.     color:{color:navi};
  572.     line-height:20px;}
  573.    
  574. .asker img{
  575.     margin-top: 0px;
  576.     margin-bottom: 0px;
  577.     margin-left:0px;
  578.     float:left;}
  579.    
  580. .asker a{
  581.    font-size: 15px;
  582.    color:{color:ask};
  583.    line-height: 15px;
  584.    padding: 0;
  585.    margin: 0;
  586.    border:0px;}
  587.    
  588. .question {
  589.     padding-bottom:7px;
  590.     padding-top:-3px;
  591.     font-style: italic;
  592.     font-family:georgia;
  593.     padding-left: 50px;
  594.     border-bottom: 1px dotted {color:ask};
  595.     min-height:39px;
  596.     font-size:12px;}
  597.    
  598. .answer {
  599.     padding-top: 3px;
  600.     font-family:arial;
  601.     font-size:10px;}
  602.    
  603. .answer img {
  604.    max-width: 470px;}
  605.  
  606. /*audio*/
  607. #player {
  608.     width:26px;
  609.     height:30px;
  610.     overflow:hidden;
  611.     position:absolute;
  612.     margin-top:7px;
  613.     text-align: center;
  614.     margin-bottom:5px;
  615.     margin-left: 2px;
  616.     padding-left: 5px;
  617.     opacity: 0.7;
  618.     filter:alpha(opacity=70);
  619.     z-index: 3}
  620.  
  621. #playerbg{ width:40px;
  622.     height:40px;
  623.     margin-top:36px;
  624.     margin-left:37px;
  625.     margin-bottom:40px;
  626.     background-color: white;
  627.     opacity: 0.7;
  628.     -moz-opacity: 0.7;
  629.     -khtml-opacity: 0.7;
  630.     position:absolute;
  631.     z-index: 2;}
  632.  
  633. #albumart {
  634.     width: 100px;
  635.     float:left; margin:5px 7px 0px 7px; z-index: 1; position:absolute;}
  636.  
  637. #albumart img{
  638.     -moz-border-radius:  100px 100px 100px 100px;
  639.     -webkit-border-radius:  100px 100px 10px 100px;
  640.     border-radius: 100px 100px 100px 100px;    
  641.     -webkit-transition: all 0.7s ease-out;
  642.     -moz-transition: all 0.7s ease-out;
  643.     -o-transition: all 0.7s ease-out;}
  644.    
  645. #albumart img:hover{
  646.     -moz-border-radius:  0px 0px 0px 0px;
  647.     -webkit-border-radius:  0px 0px 0px 0px;
  648.     border-radius: 0px 0px 0px 0px;    }
  649.  
  650. /***audio links feld mit text****/
  651.  
  652. .atext {
  653.    background-color:#fff;
  654.    font-family: arial;
  655.    font-size: 8px;
  656.    line-height: 7px;
  657.    letter-spacing: 2px;
  658.    color: {color:navu};
  659.    margin-top: 5px;
  660.    margin-left: 101px;
  661.    text-transform:;
  662.    height:18px;
  663.    text-decoration: none;
  664.    display: block;
  665.    padding: 20px 5px 41px 6px;
  666.    width:350px;
  667.    text-align:center;}
  668.  
  669.  
  670. iframe#tumblr_controls {
  671.    top: 0%;
  672.    right:0%;
  673.    position: fixed;}
  674.  
  675. .source img {
  676.    margin-top:2px;
  677.    margin-left:1px;
  678.    margin-bottom:1px;
  679.    border:4px solid {color:background};}
  680.  
  681.    
  682. </style>
  683. <style type="text/css">{CustomCSS}</style>
  684. </head>
  685. <body>
  686. <div id="bg">&nbsp;</div>
  687. <a href="/" border="0"><div class="maintitle1">{text:maintitle1}</div></a>
  688. <div class="maintitle3">{text:subtitle}</div>
  689.  
  690. <!-- pagination  -->
  691. <div id="pag"><div class="pag">
  692. {block:Pagination}
  693. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  694. {block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page" style="color:#fff;">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} OF {TotalPages}{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  695. </div></div>
  696.  
  697. <!--  sidebars  -->
  698. <div id="left">
  699. <div class="box">
  700. <div class="main"> <br>
  701. <div id="sidebarimg">
  702. {block:ifYourIcon}<a href="/" border="0"><img src="{PortraitURL-128}" width="100"></a>{block:ifYourIcon}
  703. {block:ifNotYourIcon}<a href="/" border="0"><img src="{image:sidebaricon}"></a>{block:ifNotYourIcon}
  704. </div></div></div>    
  705.                
  706. <!-- left-left navigation  -->
  707. <div id="angeles"><div class="angeles"><div style="position:fixed;margin-top:85px; margin-left:0px;">
  708. {block:ifLink1}<a  href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  709. {block:ifLink2}<div class="shapeshifter"><a   href="{text:Link2}">{text:Link2 Title}</a> </DIV>{/block:ifLink2}
  710. {block:ifLink3}<div class="demons"> <a href="{text:Link3}">{text:Link3 Title}</a> </div>{/block:ifLink3}
  711. {block:ifLink4}<a  href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  712. {block:ifLink5}<div class="shapeshifter"><a  href="{text:Link5}">{text:Link5 Title}</a> </div>{/block:ifLink5}
  713. {block:ifLink6}<div class="demons"> <a href="{text:Link6}">{text:Link6 Title}</a> </div>{/block:ifLink6}
  714. {block:ifLink7}<a  href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  715. {block:ifLink8}<div class="shapeshifter"><a  href="{text:Link8}">{text:Link8 Title}</a> </div>{/block:ifLink8}
  716. <a  href="http://helloiloveju.tumblr.com">©</a>
  717. </div></div></div>
  718. <br><br>
  719. </div>
  720.  
  721. <!-- left-right navigation  -->
  722. <div id="rightinleft">
  723. <div id="containergif">
  724. <div id="hovergif"><div class="containergif">
  725. <br><br><br><br>
  726.  
  727. {block:ifNavi1}<a  style="color: {color:navi2 links}"href="{text:Navi1}">{text:Navi1 Title}</a> {/block:ifNavi1}
  728. {block:ifNavi2}<a  style="color: {color:navi2 links}"href="{text:Navi2}">{text:Navi2 Title}</a> {/block:ifNavi2}
  729. {block:ifNavi3}<a  style="color: {color:navi2 links}"href="{text:Navi3}">{text:Navi3 Title}</a> {/block:ifNavi3}
  730. {block:ifNavi4}<a  style="color: {color:navi2 links}"href="{text:Navi4}">{text:Navi4 Title}</a> {/block:ifNavi4}
  731. {block:ifNavi5}<a  style="color: {color:navi2 links}"href="{text:Navi5}">{text:Navi5 Title}</a> {/block:ifNavi5}
  732.  
  733. </div></div>
  734.  
  735.  
  736. <div class="description">{Description}
  737. <div class="maintitle2">{text:quote}</div><br>
  738. </div>
  739. <br><br>
  740.  
  741. </div></div>    
  742. </div>
  743.  
  744.  
  745.  
  746.  
  747.  
  748. <!-- content  -->
  749. <div id="post">
  750. {block:Posts}
  751. <div id="entries">
  752.  
  753.  
  754. {block:Text}
  755. <div id="entry" style="padding :8px;">
  756. {block:Title}
  757. <h1>{title}</h1>{/block:Title}{Body}
  758. </div>
  759. {/block:Text}
  760.  
  761. {block:Photo}
  762. <div id="entries">
  763. <div class="white">
  764. <div class="hoverimages"></div>
  765. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  766. <div class="hoverimages"><div style="margin-top:-52px;"><div class="hoverimages2">
  767. <span style="float:left;"><a href="{Permalink}">{NoteCount} notes</a></span><span style="float:right;"><a href="{ShortURL}">{DayOfMonth}. {Month}  {Year}</a>, <a href="{ShortURL}">{12Hour}:{Minutes} {CapitalAmPm}</a></span><br> </div></div></div>
  768. {block:Caption}<div style="padding-left :8px;">{Caption}</div>{/block:Caption}</div></div>
  769. {/block:Photo}
  770.  
  771. {block:Photoset}
  772. <div id="entries">
  773. <div class="white">
  774. <div class="hoverimages">
  775. </div>
  776. {Photoset-500}  
  777. <div class="hoverimages"><div style="margin-top:-52px;"><div class="hoverimages2">
  778. <span style="float:left;"><a href="{Permalink}">{NoteCount} notes</a></span><span style="float:right;"><a href="{ShortURL}">{DayOfMonth}. {Month}  {Year}</a>, <a href="{ShortURL}">{12Hour}:{Minutes} {CapitalAmPm}</a></span><br> </div></div></div>
  779. {block:Caption}<div style="padding-left :8px;">{Caption}</div>{/block:Caption}</div></div>
  780. {/block:Photoset}
  781.  
  782. {block:ContentSource}
  783. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  784. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  785. {/block:SourceLogo}
  786. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  787. {/block:ContentSource}
  788.  
  789. {block:Quote}
  790. <div id="entry" style="padding: 8px;">
  791. <span class="quote">
  792. <div style="font-family: times; color: {color:navu};font-style: italic; font-size: 58px; margin-bottom: -30px; position: relative; text-align: left; top: 20px; left: 0px;" >“</div><br>
  793. <font style="color:#838282; font-size:11px;line-height:12px;font-weight:nromal;font-family:courier new;font-style:italic;margin:0"><br><br><div style="padding-left:30px;padding-right:30px;">{quote}</font></div>
  794. <div style="font-family: times; font-style: italic; font-size: 48px; margin-bottom: -20px; position: relative; text-align: right; bottom: -20px; right: 20px; color:{color:navu};">”</div>
  795. <br><br>{block:Source}<p align="right">&mdash; <FONT style="FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; COLOR: {color:navu}; LINE-HEIGHT: 8pt; LETTER-SPACING: 3pt; text-transform:uppercase;padding-right:5px;font:7pt courier new;">{Source}</font></p>{/block:Source}
  796. </span></div>
  797. {/block:Quote}
  798.  
  799. {block:Link}
  800. <div id="entry" style="    padding : 8px;">
  801. <div class="h1"><a href="{URL}" title="{name}"><h1>{name}</h1></a></div>{block:Description}<blockquote>{Description}</blockquote>{/block:Description}
  802. </div>
  803. {/block:Link}
  804.  
  805. {block:Chat}
  806. <div id="entry" style="    padding : 8px;">
  807. {block:Title}<h1>{title}</h1>{/block:Title}<br>
  808. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><stong>{Label}</strong></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  809. </div>
  810. {/block:Chat}
  811.  
  812. {block:Audio}
  813. <div id="entry" style="    padding : 8px;">
  814. <div id="playerbg">
  815. <div id="player">{AudioPlayerWhite}</div>  
  816. </div>
  817. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  818. <span class="atext"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">♫ {block:TrackName}{TrackName}{/block:TrackName}</font><br>
  819. <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 1pt; text-transform:;">{block:Artist}by: {Artist}{/block:Artist}  {block:PlayCount}played {PlayCount} times{/block:PlayCount}<br> {block:Album}
  820. Album: {Album}{/block:Album}</font></span>
  821. <br><br>{block:Caption}<blockquote>{Caption}</blockquote>{/block:Caption}
  822. </div>{/block:Audio}
  823.  
  824. {block:Answer}
  825. <div id="entry" style="padding: 8px;">
  826. <div id="question">
  827. <div class="asker">
  828. <table cellspacing="0" cellpadding="0" class="asp"><tr><td><div class="asn"><img src="{AskerPortraitURL-48}"></div></td><td style="vertical-align: top">
  829. <div class="ast">▶</div></td></tr></table>
  830. &nbsp;{Asker} asked:</div>
  831. <div class="question">{Question}</div>
  832. </div>
  833. <div class="answer">{Answer}</div>
  834. </div>
  835. {/block:Answer}  
  836.  
  837. {block:Video}
  838. <div id="entry" style="padding: 8px;">
  839. {Video-500}
  840. <div class="padding">{block:Caption}{Caption}{/block:Caption}</div>
  841. </div>
  842. {/block:Video}
  843.  
  844.  
  845. <!-- tags and info  -->
  846. <br>
  847. <div id="taggs">
  848. <div class="tags1">
  849. <a href="{Permalink}">{Notecount} notes</a>&nbsp;&nbsp;
  850. {block:RebloggedFrom}<a title="source : {ReblogRootName}" href="{ReblogRootURL}">source</a> / <a title="via : {ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp;{/block:RebloggedFrom}
  851. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  852. </div>
  853.  
  854.  
  855. <div class="tags2">{block:HasTags} <div class="taggedi"> {block:Tags}<span class="taghead" style="margin-top:-5px;"> #<a  href="{TagURL}">{Tag}</a></span>{/block:Tags} </div>{/block:HasTags}
  856. </div>
  857. </div>
  858.  
  859. {block:PostNotes}
  860. {PostNotes}
  861. {/block:PostNotes}
  862. </div>
  863. {/block:Posts}
  864. </div>
  865. </body>
  866. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!