API tools faq
paste
Advertisement
helloiloveju

#6 Valar Morghulis

helloiloveju
Sep 27th, 2014
4,328
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!----
  6.    V A L A R   M O R G H U L I S
  7.             theme #6 by
  8.       helloiloveju.tumblr.com
  9.        DO NOT REMOVE CREDIT!
  10.          feel free to edit
  11.             e n j o y !
  12.     & don't remove this comment
  13. --->
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{favicon}">
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:sidebarbackground" content="#000000" />
  20. <meta name="color:text" content="#000000" />
  21. <meta name="color:link" content="#000000" />
  22. <meta name="color:link hover" content="#000000" />
  23. <meta name="color:maintitle1" content="#ffffff" />
  24. <meta name="color:maintitle2" content="#ffffff" />
  25. {block:IfTabs}
  26. <meta name="color:tabs text" content="#000000" />
  27. <meta name="color:tabs label" content="#888888" />
  28. <meta name="color:tabs bg" content="#ffffff" />
  29. {/block:IfTabs}
  30. <meta name="color:tags" content="#000000" />
  31. <meta name="color:tags bg" content="#888888" />
  32. <meta name="color:tags hover" content="#ffffff" />
  33. <meta name="color:tags" content="#000000" />
  34. <meta name="color:quote" content="#000000" />
  35. <meta name="color:quotetext" content="#ffffff" />
  36. <meta name="color:pagination" content="#000000" />
  37. <meta name="color:square links" content="#000000" />
  38. <meta name="color:square links bg" content="#ffffff" />
  39.  
  40. <meta name="image:icon1" content=""/>
  41. <meta name="image:icon2" content=""/>
  42. <meta name="image:icon3" content=""/>
  43. <meta name="image:icon4" content=""/>
  44. <meta name="image:icon5" content=""/>
  45. <meta name="image:icon6" content=""/>
  46. <meta name="image:icon7" content=""/>
  47. <meta name="image:icon8" content=""/>
  48. <meta name="image:icon9" content=""/>
  49. <meta name="image:icon10" content=""/>
  50. <meta name="image:icon11" content=""/>
  51. <meta name="image:icon12" content=""/>
  52.  
  53. <meta name="if:Timestamps" content="0"/>
  54. <meta name="if:Font2" content="0"/>
  55. <meta name="if:Tabs" content="0"/>
  56.  
  57. <meta name="text:Maintitle1" content="Valar Morghulis"/>
  58. <meta name="text:Maintitle2" content="all men must die, but we are not men"/>
  59.  
  60. <meta name="text:Naviname1" content="home"/>
  61. <meta name="text:Navilink1" content="/"/>
  62. <meta name="text:Naviname2" content="harrenhal"/>
  63. <meta name="text:Navilink2" content="http://yourblog.tumblr.com/example"/>
  64. <meta name="text:Naviname3" content="king's landing"/>
  65. <meta name="text:Navilink3" content="http://yourblog.tumblr.com/example"/>
  66. <meta name="text:Naviname4" content="highgarden"/>
  67. <meta name="text:Navilink4" content="http://yourblog.tumblr.com/example"/>
  68. <meta name="text:Naviname5" content="braavos"/>
  69. <meta name="text:Navilink5" content="http://yourblog.tumblr.com/example"/>
  70. <meta name="text:Naviname6" content="casterly rock"/>
  71. <meta name="text:Navilink6" content="http://yourblog.tumblr.com/example"/>
  72. <meta name="text:Naviname7" content="winterfell"/>
  73. <meta name="text:Navilink7" content="http://yourblog.tumblr.com/example"/>
  74. <meta name="text:Naviname8" content="dorne"/>
  75. <meta name="text:Navilink8" content="http://yourblog.tumblr.com/example"/>
  76. <meta name="text:Naviname9" content="the wall"/>
  77. <meta name="text:Navilink9" content="http://yourblog.tumblr.com/example"/>
  78. <meta name="text:Naviname10" content="dragonstone"/>
  79. <meta name="text:Navilink10" content="http://yourblog.tumblr.com/example"/>
  80. <meta name="text:Naviname11" content="riverrun"/>
  81. <meta name="text:Navilink11" content="http://yourblog.tumblr.com/example"/>
  82.  
  83.  
  84. {block:IfTabs}
  85. <meta name="text:tab1label" content="about me"/>
  86. <meta name="text:tab1headline" content="mother of dragons"/>
  87. <meta name="text:tab2label" content="my house"/>
  88. <meta name="text:tab2headline" content="house targaryen"/>
  89. <meta name="text:tab2content" content="House Targaryen is one of the former Great Houses of Westeros and was the ruling royal House of the Seven Kingdoms for three centuries, before it was deposed during Robert's Rebellion and House Baratheon replaced it as the new royal House. The few surviving Targaryens fled into exile. House Targaryen's sigil is a three-headed red dragon on a black background, and their words are "Fire and Blood".  "/>
  90. <meta name="text:tab3label" content="my titles"/>
  91. <meta name="text:tab3headline" content="my titles"/>
  92. <meta name="text:tab3content" content="Daenerys Stormborn of the House Targaryen, the First of Her Name, the Unburnt, Queen of Meereen, Queen of the Andals and the Rhoynar and the First Men, Khaleesi of the Great Grass Sea, Breaker of Chains, and Mother of Dragons"/>{/block:IfTabs}
  93.  
  94. <link href='http://fonts.googleapis.com/css?family=Homemade Apple' rel='stylesheet' type='text/css'>
  95.  
  96. {block:IfFont2}<link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'> {/block:IfFont2}
  97. <style type="text/css">
  98.    
  99. body {
  100.     background: {color:background};
  101.     background-image : url('{image:background}');
  102.     background-repeat : repeat;
  103.     background-attachment : fixed;
  104.     font: 11px arial;
  105.     line-height:14px;
  106.     color: {color:text};
  107.     z-index:-999999999999999999999999999999999;
  108. }  
  109.    
  110. #sidebarbackground{
  111.     background: {color:sidebarbackground};
  112.     width:500px;
  113.     height:1000px;
  114.     position:fixed;
  115.     top:0;
  116.     left:0;
  117. }    
  118.    
  119. a {text-decoration:underline;
  120.     color :{color:link};
  121.     padding:1px;
  122.     font-style:italic;}
  123.  
  124. a:hover {
  125.     color:{color:link hover};
  126.     text-decoration:none;}
  127.    
  128. a img {
  129.     border: none;}
  130.    
  131. b, strong {font-weight : bold;}
  132.    
  133. i, em {font-style : italic;}
  134.    
  135. strike, s {text-decoration: line-through #434340;}
  136.    
  137. u{
  138.     color:{color:text};
  139.     line-height: 12px;
  140.     font-weight: normal;
  141.     font: 11px arial;
  142.     letter-spacing:1px;
  143.     text-transform: uppercase;
  144.     font-weight:600;
  145.     text-decoration;none;}    
  146.    
  147. h1 {
  148.     color:{color:text};
  149.     line-height: 12px;
  150.     font-weight: normal;
  151.     font: 11px arial;
  152.     letter-spacing:1px;
  153.     text-transform: uppercase;
  154.     font-weight:600;}
  155.    
  156. h2 {
  157.     font-family : inconsolata;
  158.     font-style:normal;
  159.     font-weight:400;
  160.     font-size : 11px;
  161.     text-transform : uppercase;
  162.     padding : 5px;
  163.     margin-bottom : 10px;}
  164.    
  165. .link1{color:{color:tags};text-transform:uppercase;border-radius:3px;padding:1px 8px; font-size:7px;font-family:arial;text-decoration:none;}
  166.  
  167. .link1:hover{color:{color:tags hover}; background-color:{color:tags bg};text-decoration:none;}
  168.  
  169.  
  170. #titless{
  171.     position:fixed;
  172.     top:344px;
  173.     left:40px;
  174.     width:423px;
  175.     text-decoration:none;}  
  176.    
  177. .maintitle1 {
  178.     {block:IfFont2}font: 35px 'Damion'; {/block:IfFont2}
  179.     {block:IfNotFont2}font: 32px 'Homemade Apple'; {/block:IfNotFont2}
  180.     line-height:14px;
  181.     color: {color:maintitle1};
  182.     text-align: center;
  183.     z-index:999999;
  184.     text-decoration:none;
  185.     text-shadow: 1px 1px 1px #000;
  186.     font-weight:500;
  187.     margin-top:3px;
  188.     margin-bottom:-6px;
  189. }
  190.    
  191. .maintitle2 {
  192.     font: 7px arial;
  193.     letter-spacing:1px;
  194.     text-transform:uppercase;
  195.     color: {color:maintitle2};
  196.     text-align: center;
  197.     margin-left:-10px;
  198.     font-style:italic;
  199.     text-shadow: 1px 1px 1px #000;}
  200.  
  201. blockquote {
  202.     color:{color:text};
  203.     padding:3px 5px 3px 5px;
  204.     margin:0px 5px 5px 0px;
  205.     border-left:1px solid {color:blockquote};
  206.     font: 11px arial;
  207. }
  208.    
  209. blockquote img {
  210.     display : block;}
  211.    
  212. blockquote p {
  213.     padding : 0;
  214.     margin : 0;}
  215.    
  216. blockquote blockquote {
  217.     position : relative;
  218.     margin-top : 5px;
  219.     margin-left : 5px;
  220.     padding-right : 0;}
  221.  
  222.  
  223. /**********************************************************BASIS*/
  224.  
  225. #hintergrund {position:fixed;
  226.     top:0;
  227.     left:0px;
  228.     width:490px;
  229.     height:350px;
  230.     z-index:-999;}    
  231.    
  232. #sidebar {position:fixed;
  233.     top:410px;
  234.     left:50px;
  235.     width:465px;
  236.     height:500px;}
  237.  
  238. #entry {
  239.     width : 500px;
  240.     display : block;
  241.     margin : 20px 3px 3px 2px;}
  242.  
  243. #entries {
  244.     width : 500px;
  245.     display : block;
  246.     margin : 20px 0px 0px 3px;}
  247.    
  248. #post{
  249.    margin-left: 620px;
  250.    margin-top:6px;
  251.    width:506px;}
  252.    
  253. /**************************Icons***************/
  254. #icons {
  255.     position: fixed;
  256.     top:5px;
  257.     width: 415px;
  258.     height: 310px;
  259.     margin-left: 45px;}
  260.  
  261. #icon1 {
  262.     position: fixed;
  263.     top:5px;
  264.     left:45px;
  265.     width:100px;
  266.     height:100px;}
  267.  
  268. #icon2 {
  269.     position: fixed;
  270.     top:5px;
  271.     left:150px;
  272.     width:100px;
  273.     height: 100px;
  274. }
  275.  
  276. #icon3 {
  277.     position: fixed;
  278.     top:5px;
  279.     left:255px;
  280.     width:100px;
  281.     height: 100px;}
  282.  
  283. #icon4 {
  284.     position: fixed;
  285.     top:5px;
  286.     left:360px;
  287.     width:100px;
  288.     height: 100px;
  289. }
  290.  
  291. #icon5 {
  292.     position: fixed;
  293.     top:110px;
  294.     left:45px;
  295.     width:100px;
  296.     height: 100px;
  297. }
  298.  
  299. #icon6 {
  300.     position: fixed;
  301.     top:110px;
  302.     left:150px;
  303.     width:100px;
  304.     height: 100px;
  305. }
  306.  
  307. #icon7 {
  308.     position: fixed;
  309.     top:110px;
  310.     left:255px;
  311.     width:100px;
  312.     height: 100px;
  313. }
  314.  
  315. #icon8 {
  316.     position: fixed;
  317.     top:110px;
  318.     left:360px;
  319.     width:100px;
  320.     height: 100px;
  321. }
  322.  
  323. #icon9 {
  324.     position: fixed;
  325.     top:215px;
  326.     left:45px;
  327.     width:100px;
  328.     height: 100px;
  329. }
  330.  
  331. #icon10 {
  332.     position: fixed;
  333.     top:215px;
  334.     left:150px;
  335.     width:100px;
  336.     height: 100px;
  337. }
  338.  
  339. #icon11 {
  340.     position: fixed;
  341.     top:215px;
  342.     left:255px;
  343.     width:100px;
  344.     height: 100px;
  345. }
  346.  
  347. #icon12 {
  348.     position: fixed;
  349.     top:215px;
  350.     left:360px;
  351.     width:100px;
  352.     height: 100px;
  353. }
  354.  
  355.  
  356. #icon1 img, #icon2 img, #icon3 img, #icon4 img, #icon5 img, #icon6 img, #icon7 img, #icon8 img, #icon9 img, #icon10 img, #icon11 img, #icon12 img {
  357.     width: 100px;
  358.     height: 100px;
  359. }
  360.  
  361. .iconhov{
  362. position:absolute;
  363. top:5px;
  364. left:5px;
  365. height:90px;
  366. width:90px;
  367. opacity:0;
  368. text-align:center;
  369. background: {color:square links bg};
  370. color:{color:square links};
  371. -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease;}
  372.  
  373. #icon1:hover .iconhov, #icon2:hover .iconhov, #icon3:hover .iconhov, #icon4:hover .iconhov, #icon5:hover .iconhov, #icon6:hover .iconhov, #icon7:hover .iconhov, #icon8:hover .iconhov, #icon9:hover .iconhov, #icon10:hover .iconhov, #icon11:hover .iconhov, #icon12:hover .iconhov{
  374. opacity:1;
  375. }
  376.  
  377. .iconhov a {
  378.    display:block;
  379.    font:7px 'arial';
  380.    text-transform:uppercase;
  381.    text-align: center;
  382.    padding: 9px 7px 9px 7px;
  383.    letter-spacing: 1px;
  384.    margin-top: 33px;
  385.    text-decoration:none;
  386.    color:{color:square links};
  387.  
  388. }
  389.  
  390. .iconhov a:hover {
  391.    font-weight:600;
  392.    text-decoration:none;
  393.    color:{color:square links};
  394.  
  395. }
  396.      
  397.    
  398. /******************************Sidebar Specials*********/
  399. {block:IfTabs}
  400. /*****************************************************TABS*************/
  401. .tabs {
  402.     position: relative;
  403.     width: 423px;}
  404.  
  405. .tabs input {
  406.     position: absolute;
  407.     z-index: 1000;
  408.     width: 150px;
  409.     height: 20px;
  410.     left: 0px;
  411.     top: 0px;
  412.     opacity: 0;
  413.     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  414.     filter: alpha(opacity=0);
  415.     cursor: pointer;}
  416.    
  417. .tabs input#tab-2{
  418.     left: 0px;}
  419.    
  420. .tabs input#tab-3{
  421.     left: 0px;}
  422.  
  423. .tabs label {position: relative;
  424.     display: block;
  425.     height: 30px;
  426.     width: 141px;  
  427.     padding: 0px;
  428.     float: left;
  429.     color: {color:tabs label};
  430.     background-color:{color:tabs bg};
  431.     text-align: center;
  432.     font-family:arial;
  433.     font-size: 7px;
  434.     font-style:italic;
  435.     text-transform:uppercase;
  436.     letter-spacing:1px;
  437.     line-height: 30px;}
  438.  
  439. .tabs label:after {
  440.     content: '';
  441.     position: absolute;
  442.     bottom: -2px;
  443.     left: 0;
  444.     width: 100%;
  445.     height: 2px;
  446.     display: block;}
  447.  
  448. .tabs input:hover + label {
  449.     color:#000;}
  450.  
  451. .tabs label:first-of-type {
  452.     z-index: 4;}
  453.  
  454. .tab-label-2 {
  455.     z-index: 3;}
  456.  
  457. .tab-label-3 {
  458.     z-index: 2;}
  459.  
  460. .tabs input:checked + label {
  461.     z-index: 6;
  462.     -webkit-animation: page 0.2s linear;
  463.     -moz-animation: page 0.2s linear;
  464.     -ms-animation: page 0.2s linear;
  465.     -o-animation: page 0.2s linear;
  466.     animation: page 0.2s linear;}
  467.  
  468. .clear-shadow { clear: both;}
  469.  
  470. .content {position: relative;
  471.     background: {color:tabs bg};
  472.     width: 100%;
  473.     height: 125px;
  474.     z-index: 5;
  475.     overflow: hidden;}
  476.  
  477. .content div {
  478.     position: absolute;
  479.     top: 0;
  480.     padding: 15px 20px 5px 20px;
  481.     z-index: 1;
  482.     opacity: 0;
  483.     -webkit-transition: all linear 0.3s;
  484.     -moz-transition: all linear 0.3s;
  485.     -o-transition: all linear 0.3s;
  486.     -ms-transition: all linear 0.3s;
  487.     transition: all linear 0.3s;}
  488.  
  489. .content-1, .content-3 {
  490.     -webkit-transform: translateX(-250px);
  491.     -moz-transform: translateX(-250px);
  492.     -o-transform: translateX(-250px);
  493.     -ms-transform: translateX(-250px);
  494.     transform: translateX(-250px);}
  495.  
  496. .content-2, {
  497.     -webkit-transform: translateX(250px);
  498.     -moz-transform: translateX(250px);
  499.     -o-transform: translateX(250px);
  500.     -ms-transform: translateX(250px);
  501.     transform: translateX(250px);}
  502.  
  503. .tabs input.tab-selector-1:checked ~ .content .content-1,
  504. .tabs input.tab-selector-2:checked ~ .content .content-2,
  505. .tabs input.tab-selector-3:checked ~ .content .content-3 {
  506.     -webkit-transform: translateX(0px);
  507.     -moz-transform: translateX(0px);
  508.     -o-transform: translateX(0px);
  509.     -ms-transform: translateX(0px);
  510.     transform: translateX(0px);
  511.     z-index: 100;
  512.     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  513.     filter: alpha(opacity=100);
  514.     opacity: 1;
  515.     -webkit-transition: all ease-out 0.2s 0.1s;
  516.     -moz-transition: all ease-out 0.2s 0.1s;
  517.     -o-transition: all ease-out 0.2s 0.1s;
  518.     -ms-transition: all ease-out 0.2s 0.1s;
  519.     transition: all ease-out 0.2s 0.1s;}
  520.  
  521. .content div h2{color:{color:tabs text}; font: 11px arial;letter-spacing:1px;margin:0 0 0 -3px; line-height:10px;font-weight:600;}
  522.  
  523. .content div h3{color:{color:tabs text}; font: 10px times new roman;margin:0; line-height:13px;}
  524.    
  525.    
  526. @keyframes "page" {0% {left: 0;} 50% {left: 10px;} 100% { left: 0;}}
  527.  
  528. @-moz-keyframes page { 0% {left: 0;} 50% {left: 10px;} 100% {left: 0;}}
  529.  
  530. @-webkit-keyframes "page" { 0% {left: 0;} 50% {left: 10px;} 100% {left: 0;}}
  531.  
  532. @-ms-keyframes "page" {0% {left: 0;}50% {left: 10px;} 100% {left: 0;}}
  533.  
  534. @-o-keyframes "page" {0% {left: 0;} 50% {left: 10px;} 100% {left: 0;}}
  535.  
  536. {/block:IfTabs}
  537. /**********************************************PAGINATION SIDEBAR*/
  538. #pagination {
  539.     position:relative;
  540.     width: 200px;
  541.     height: 30px;
  542.     top:0;
  543.     left:105px;
  544.     padding-top: 30px;
  545.     word-spacing: 6px;
  546.     text-align: center;
  547.     font-family: arial;
  548.     font-size: 7px;
  549.     font-style:italic;
  550.     color:{color:pagination};}
  551.  
  552. .jump_page {
  553.     padding: 3px;}
  554.  
  555. .current_page {
  556.     padding: 3px;
  557.     color: {color:pagination};
  558.     opacity:0.7;}
  559.  
  560. #pagination a, a:visited {
  561.     padding: 3px;
  562.     color: {color:pagination};
  563.     text-decoration: none;}
  564.  
  565. #pagination a:hover {
  566.     padding: 3px;
  567.     text-decoration: none;
  568.     font-weight: bold;}
  569.  
  570.  
  571. /**HOVER POST**/
  572. .hovercontainer {
  573.     width: auto;
  574.     height:auto;
  575.     position: relative;
  576.     top: 70px;
  577.     right: 15px;
  578.     float: right;
  579.     z-index: 1;
  580.     opacity: 0;
  581.     -webkit-transition: all 0.6s ease-in;
  582.     -moz-transition: all 0.6s ease-in;
  583.     -o-transition: all 0.6s ease-in;}
  584.  
  585. .hovercontainer2 {
  586.     text-align: center;
  587.     padding:10px;
  588.     line-height: 120%;
  589.     -webkit-transition: all 0.6s ease-in;
  590.     -moz-transition: all 0.6s ease-in;
  591.     -o-transition: all 0.6s ease-in;
  592.         background-color: hsla(0,0%,0%,0.6);}
  593.  
  594. .blacks:hover .hovercontainer {
  595.     opacity: 1;}
  596.    
  597.    
  598. /******************************************tags****************/
  599.  
  600. #taggs {
  601.     font:7px 'arial';
  602.     font-style:italic;
  603.     line-height:13px;
  604.     margin-left:5px;
  605.     padding-top:3px;
  606.     margin-top:-5px;
  607.     letter-spacing:1px;
  608.     padding:1px; }
  609.    
  610. .tags1 {    
  611.     font-weight: uppercase;
  612.     letter-spacing: 1px;
  613.     text-align: center;
  614.     margin-top: 20px;
  615.     }
  616.  
  617. .tags2 {
  618.     text-align: center;
  619.     margin-bottom: 90px;}
  620.      
  621.    
  622.    
  623. /*ask*/
  624. .asp {float:left; margin-right: 10px;}
  625. .asn {width: 24px; height: 24px; border: 6px solid #fff;margin:20px;margin-top:0;}
  626.  
  627. .asker {
  628.     width: 485px;
  629.     font-size: 7px;
  630.     font-family: 'times new roman';
  631.     text-transform:uppercase;
  632.     width: 100%;
  633.     background-color: {color:quote};
  634.     color:{color:quotetext};
  635.     line-height:9px;
  636.     padding-top:15px;
  637.     letter-spacing:2px;
  638.     font-weight:600;}
  639.    
  640. .asker img{
  641.     float:left;
  642.     border-bottom:5px solid #fff;}
  643.    
  644. .asker a{
  645.    font-size: 7px;
  646.     font-family: 'times new roman';
  647.     text-transform:uppercase;
  648.     width: 100%;
  649.     background-color: {color:quote};
  650.     color:{color:quotetext};
  651.     line-height:9px;
  652.     padding-top:15px;
  653.     letter-spacing:2px;
  654.     font-weight:600;
  655.     text-decoration:none;}
  656.    
  657. .question {
  658.     padding-bottom:0px;
  659.     padding-top:5px;
  660.     font-family:'times new roman';
  661.     min-height:39px;
  662.     font-size:10px;
  663.     background-color:{color:quote};
  664.     color:{color:quotetext};}
  665.    
  666. .answer {
  667.     margin: 3px 0 0 20px;
  668.     font-family:times new roman;
  669.     font-size:9px;
  670.     line-height:115%;
  671.     padding:0 10px 0 15px;
  672.     border-left:1px solid {color:quote};}
  673.    
  674. .answer img {
  675.    max-width: 470px;}
  676.    
  677.    
  678.    
  679. /******quote**/  
  680. .quote{background-color: {color:quote};
  681.     color:{color:quotetext};
  682.     padding:40px;
  683.     font-family:times new roman;
  684.     font-size:10px;}
  685.  
  686.  
  687.  
  688. /*audio*/
  689. #player {
  690.     width:26px;
  691.     height:30px;
  692.     overflow:hidden;
  693.     position:absolute;
  694.     margin-top:7px;
  695.     text-align: center;
  696.     margin-bottom:5px;
  697.     margin-left: 2px;
  698.     padding-left: 5px;
  699.     opacity: 0.7;
  700.     filter:alpha(opacity=70);
  701.     -moz-opacity: 0.7;
  702.     -khtml-opacity: 0.7;
  703.     z-index: 3;}
  704.  
  705. #playerbg{ width:40px;
  706.     height:40px;
  707.     margin-top:36px;
  708.     margin-left:37px;
  709.     margin-bottom:40px;
  710.     opacity: 0.7;
  711.     -moz-opacity: 0.7;
  712.     -khtml-opacity: 0.7;
  713.     position:absolute;
  714.     z-index: 2;}
  715.  
  716. #albumart {
  717.     width: 100px;
  718.     float:left;
  719.     margin:5px 7px 0px 7px;
  720.     z-index: 1;
  721.     position:absolute;}
  722.  
  723.  
  724.  
  725. /***audio links feld mit text****/
  726.  
  727. .atext {
  728.    font-family: arial;
  729.    font-size: 8px;
  730.    line-height: 7px;
  731.    letter-spacing: 2px;
  732.    color: {color:text};
  733.    margin-top: 5px;
  734.    margin-left: 101px;
  735.    text-transform:;
  736.    height:18px;
  737.    text-decoration: none;
  738.    display: block;
  739.    padding: 20px 5px 41px 6px;
  740.    width:350px;
  741.    text-align:center;}
  742.  
  743.  
  744. iframe#tumblr_controls {
  745.    top: 0%;
  746.    right:0%;
  747.    position: fixed;}
  748.  
  749. .source img {
  750.    margin-top:2px;
  751.    margin-left:1px;
  752.    margin-bottom:1px;
  753.    border:4px solid {color:background};}
  754.  
  755.  
  756.  
  757. /**chat***/
  758. ul.chat {
  759.     width:497px;
  760.     margin:0;
  761.     padding:0;}
  762.  
  763. .chat li {
  764.     list-style-type: none;
  765.     padding: 10px;}
  766.  
  767. .chat li.odd {
  768.     color: {color:Text};
  769.     border-top: 1px solid #eee;
  770.     border-left: 1px solid #eee;
  771.     border-right: 1px solid #eee;}
  772.  
  773. .chat li.even {
  774.     border-top: 1px solid #eee;
  775.     border-left: 1px solid #eee;
  776.     border-right: 1px solid #eee;
  777.     color: #000;}
  778.    
  779. .chat li:last-child {border-bottom: 1px solid #eee;;}    
  780.  
  781. .label {
  782.     text-transform:uppercase;
  783.     font-weight: bold;
  784.     letter-spacing:1px;}
  785.        
  786.  
  787.  
  788.  
  789.  
  790. </style>
  791.  
  792. </head>
  793. <body>
  794. <div id="sidebarbackground"></div>
  795. <div id="icons">
  796. <div id="icon1"><img src="{image:icon1}"><div class="iconhov"><a href="{text:Navilink1}">{text:Naviname1}</a></div></div>
  797. <div id="icon2"><img src="{image:icon2}"><div class="iconhov"><a href="{text:Navilink2}">{text:Naviname2}</a></div></div>
  798. <div id="icon3"><img src="{image:icon3}"><div class="iconhov"><a href="{text:Navilink3}">{text:Naviname3}</a></div></div>
  799. <div id="icon4"><img src="{image:icon4}"><div class="iconhov"><a href="{text:Navilink4}">{text:Naviname4}</a></div></div>
  800. <div id="icon5"><img src="{image:icon5}"><div class="iconhov"><a href="{text:Navilink5}">{text:Naviname5}</a></div></div>
  801. <div id="icon6"><img src="{image:icon6}"><div class="iconhov"><a href="{text:Navilink6}">{text:Naviname6}</a></div></div>
  802. <div id="icon7"><img src="{image:icon7}"><div class="iconhov"><a href="{text:Navilink7}">{text:Naviname7}</a></div></div>
  803. <div id="icon8"><img src="{image:icon8}"><div class="iconhov"><a href="{text:Navilink8}">{text:Naviname8}</a></div></div>
  804. <div id="icon9"><img src="{image:icon9}"><div class="iconhov"><a href="{text:Navilink9}">{text:Naviname9}</a></div></div>
  805. <div id="icon10"><img src="{image:icon10}"><div class="iconhov"><a href="{text:Navilink10}">{text:Naviname10}</a></div></div>
  806. <div id="icon11"><img src="{image:icon11}"><div class="iconhov"><a href="{text:Navilink11}">{text:Naviname11}</a></div></div>
  807. <div id="icon12"><img src="{image:icon12}"><div class="iconhov"><a href="http://helloiloveju.tumblr.com">credit</a></div></div>
  808.  
  809. </div>
  810.  
  811. <div id="titless"> <a href="/" style="text-decoration:none"border="0"><div class="maintitle1">{text:Maintitle1}</div></a>
  812. <div class="maintitle2">{text:Maintitle2}</div>  
  813. </div>
  814. <div id="hintergrund"></div>
  815. <div id="sidebar">
  816. {block:IfTabs}
  817.         <!----------Tab Slider-->
  818.         <section class="tabs">
  819.         <input id="tab-1" type="radio"
  820.        name="radio-set" class="tab-selector-1" checked="checked" />
  821.         <input id="tab-2" type="radio"
  822.        name="radio-set" class="tab-selector-2" />
  823.         <input id="tab-3" type="radio"
  824.        name="radio-set" class="tab-selector-3" />
  825.         <div class="clear-shadow"></div>  
  826.         <div class="content">
  827.        
  828.         <div class="content-2">
  829.         <h2>{text:tab2headline}<br>_</h2>
  830.         <h3>{text:tab2content}</h3></div>
  831.  
  832.         <div class="content-1">
  833.         <h2>{text:tab1headline}<br>_</h2>
  834.         <h3>{Description}
  835.         </h3></div>
  836.        
  837.         <div class="content-3">
  838.         <h2>{text:tab3headline}<br>_</h2>
  839.         <h3>{text:tab3content}
  840.         </h3></div>
  841.         </div>  
  842.        
  843.         <label for="tab-1" class="tab-label-1"> {text:tab1label} </label>
  844.         <label for="tab-2" class="tab-label-2"> {text:tab2label} </label>
  845.         <label for="tab-3" class="tab-label-3"> {text:tab3label} </label>
  846.     <div class="clear-shadow"></div>                
  847.     </section>
  848. {/block:IfTabs}
  849. <div id="pagination" >{block:Pagination}
  850. {block:PreviousPage}
  851. <a class="jump_page" href="{PreviousPage}" style="margin-right:30px;">&larr;</a>
  852. {/block:PreviousPage}
  853.  
  854. {block:JumpPagination length="3"}
  855. {block:CurrentPage}
  856. <span class="current_page">{PageNumber}</span>
  857. {/block:CurrentPage}
  858.  
  859. {block:JumpPage}
  860. <a class="jump_page" href="{URL}">{PageNumber}</a>
  861. {/block:JumpPage}
  862. {/block:JumpPagination}
  863.   of {TotalPages}
  864.  
  865. {block:NextPage}
  866. <a class="jump_page" href="{NextPage}" style="margin-left:30px;">&rarr;</a>
  867. {/block:NextPage}
  868. {/block:Pagination}</div>
  869.  
  870.  
  871. </div>
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878. <!-- content  -->
  879. <div id="post">
  880. {block:Posts}
  881. <div id="entries">
  882.  
  883.  
  884. {block:Text}
  885. <div id="entry" style="padding :8px;">
  886. {block:Title}
  887. <h1>{title}</h1>{/block:Title}{Body}
  888. </div>
  889. {/block:Text}
  890.  
  891. {block:Photo}
  892. <div class="blacks">
  893. <div class="hovercontainer"></div>
  894. <div class="hovercontainer"><div style="margin-top:-52px;"><div class="hovercontainer2">{LikeButton size="13"}<br> {ReblogButton size="13"} </div></div></div>
  895. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  896. {block:Caption}<div style="padding-left :8px;">{Caption}</div>{/block:Caption}</div>
  897. {/block:Photo}
  898.  
  899. {block:Photoset}
  900. <div class="blacks">
  901. <div class="hovercontainer"></div>
  902. <div class="hovercontainer"><div style="margin-top:-52px;"><div class="hovercontainer2">{LikeButton size="13"}<br> {ReblogButton size="13"} </div></div></div>
  903. <div id="entries">
  904. {Photoset-500}  
  905. {block:Caption}<div style="padding-left :8px;">{Caption}</div>{/block:Caption}</div></div>
  906. {/block:Photoset}
  907.  
  908. {block:ContentSource}
  909. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  910. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  911. {/block:SourceLogo}
  912. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  913. {/block:ContentSource}
  914.  
  915. {block:Quote}
  916. <div id="entry" style="padding: 8px;">
  917. <div class="quote">{quote}<br><p align="right">{block:Source}<font style="font-weight: bold; text-transform: uppercase; color: #fff; line-height: 7px; letter-spacing: 3pt; text-transform:uppercase;padding-right:5px;font:7px times new roman;font-weight:600;">&mdash; {Source}</font></p>{/block:Source}</div>
  918. {/block:Quote}
  919.  
  920. {block:Link}
  921. <div id="entry" style="padding : 8px;">
  922. <div class="h1"><a href="{URL}" title="{name}"><h1>{name}</h1></a></div>{block:Description}<blockquote>{Description}</blockquote>{/block:Description}
  923. </div>
  924. {/block:Link}
  925.  
  926. {block:Chat}
  927. {block:Title}
  928. <h3><a href="{Permalink}">{Title}</a></h3>
  929. {/block:Title}
  930. <ul class="chat">
  931. {block:Lines}
  932. <li class="{Alt} user_{UserNumber}">
  933. {block:Label}
  934. <span class="label">{Label}</span>
  935. {/block:Label}
  936. {Line}
  937. </li>
  938. {/block:Lines}
  939. </ul>
  940. {/block:Chat}
  941.  
  942. {block:Audio}
  943. <div id="entry" style="padding : 8px;">
  944. <div id="playerbg">
  945. <div id="player">{AudioPlayerWhite}</div>  
  946. </div>
  947. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  948. <span class="atext"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">♫ {block:TrackName}{TrackName}{/block:TrackName}</font><br>
  949. <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}
  950. Album: {Album}{/block:Album}</font></span>
  951. <br><br>{block:Caption}<blockquote>{Caption}</blockquote>{/block:Caption}
  952. </div>{/block:Audio}
  953.  
  954. {block:Answer}
  955. <div id="entry" style="padding: 8px;">
  956. <div id="question">
  957. <div class="asker">
  958. <table cellspacing="0" cellpadding="0" class="asp"><tr><td><div class="asn"><img src="{AskerPortraitURL-24}"></div></td><td style="vertical-align: top"></td></tr></table>
  959. &nbsp;{Asker}</div>
  960. <div class="question">{Question}</div>
  961. </div>
  962. <div class="answer">{Answer}</div>
  963. </div>
  964. {/block:Answer}  
  965.  
  966. {block:Video}
  967. <div id="entry" style="padding: 8px;">
  968. {Video-500}
  969. <div class="padding">{block:Caption}{Caption}{/block:Caption}</div>
  970. </div>
  971. {/block:Video}
  972.  
  973.  
  974. <!-- tags and info  -->
  975. <br>
  976. <div id="taggs">
  977. <div class="tags1">
  978.           {block:Text} {LikeButton size="13"}{/block:Text}
  979.           {block:Panorama} {LikeButton size="13"}{/block:Panorama}
  980.           {block:Quote} {LikeButton size="13"}{/block:Quote}
  981.           {block:Link} {LikeButton size="13"}{/block:Link}
  982.           {block:Chat} {LikeButton size="13"}{/block:Chat}
  983.           {block:Audio} {LikeButton size="13"}{/block:Audio}
  984.           {block:Video} {LikeButton size="13"}{/block:Video}
  985.           {block:Answer} {LikeButton size="13"}{/block:Answer}
  986. <a class="link1" href="{Permalink}">{block:NoteCount}{Notecount} notes{/block:NoteCount}</a>&nbsp;&nbsp;
  987. {block:RebloggedFrom}<a class="link1" href="{ReblogParentURL}">VIA</a> / <a class="link1" href="{ReblogRootURL}">©</a>
  988. <a class="link1" href="{ReblogURL}">REBLOG</a>{/block:RebloggedFrom}
  989. {block:IfTimestamps}{block:Date}<br><a class="link1" href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month}, {Year}  {24Hour}:{Minutes}:{Seconds}</a> {/block:Date}{/block:IfTimestamps}
  990.  
  991.  
  992.  
  993.  
  994. </div>
  995.  
  996.  
  997. <div class="tags2">{block:HasTags} <div class="taggedi"> {block:Tags}<span class="taghead" style="margin-top:-5px;"> <a class="link1" href="{TagURL}">{Tag}</a></span>{/block:Tags} </div>{/block:HasTags}
  998. </div>
  999. </div>
  1000.  
  1001. {block:PostNotes}
  1002. {PostNotes}
  1003. {/block:PostNotes}
  1004. </div>
  1005. {/block:Posts}
  1006. </div>
  1007. <div style="position:fixed;font:12px arial;color:#000;text-decoration:none;bottom:10px;left:10px;text-shadow:0;font-weight:300;"><a href="http://helloiloveju.tumblr.com/" border="0" style="text-decoration:none;font-weight:300;">©</a></div>
  1008. </body>
  1009. </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!