jcegers

KAIJU

Oct 26th, 2014
1,423
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.45 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8.      jcegers' THEME #01: KAIJU
  9.     (basecode by http://britishrobert.tumblr.com)
  10.  
  11. --------------------------------------------->
  12.  
  13.     <title>{Title}</title>
  14.     <link rel="shortcut icon" href="{Favicon}">
  15.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  16.     <meta name="description" content="" />
  17.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  18.    
  19.  
  20.     <meta name="color:Background" content="#FFFFFF">
  21.     <meta name="color:Link" content="#252525">
  22.     <meta name="color:Link Hover" content="#312F2F">
  23.     <meta name="color:Text" content="#363232">
  24.     <meta name="color:Scrollbar" content="#2E2D2D">
  25.     <meta name="color:Blockquote" content="#2B2B2B">
  26.     <meta name="color:Info Border" content="#2B2B2B">
  27.     <meta name="color:Accent" content="#2B2B2B">
  28.     <meta name="color:Shadow" content="#FFF661">
  29.    
  30.     <meta name="image:Sidebar" content=""/>
  31.    
  32.     <meta name="if:Show 400px posts" content="0"/>
  33.     <meta name="if:Show Link1" content="0" />
  34.     <meta name="if:Show Link2" content="0" />
  35.     <meta name="if:Show Link3" content="0" />
  36.    
  37.     <meta name="text:link1" content="">
  38.     <meta name="text:link1 url" content="/">
  39.     <meta name="text:link2" content="">
  40.     <meta name="text:link2 url" content="/">
  41.     <meta name="text:link3" content="">
  42.     <meta name="text:link3 url" content="/">
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. img,.photoset{
  49. FILTER: URL("DATA:IMAGE/SVG+XML;UTF8,<SVG XMLNS=\'HTTP://WWW.W3.ORG/2000/SVG\'><FILTER ID=\'GRAYSCALE\'><FECOLORMATRIX TYPE=\'MATRIX\'
  50. VALUES=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></FILTER></SVG>#GRAYSCALE"); /* FIREFOX 3.5+ */
  51. FILTER: GRAY; /* IE6-9 */
  52. -WEBKIT-FILTER: GRAYSCALE(0%);
  53. -webkit-transition: all 0.6s ease-in-out;
  54. -moz-transition: all 0.6s ease-in-out;
  55. -o-transition: all 0.6s ease-in-out;
  56. }
  57.  
  58. img:hover,.photoset:hover{
  59. FILTER: URL("DATA:IMAGE/SVG+XML;UTF8,<SVG XMLNS=\'HTTP://WWW.W3.ORG/2000/SVG\'><FILTER ID=\'GRAYSCALE\'><FECOLORMATRIX TYPE=\'MATRIX\'
  60. VALUES=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></FILTER></SVG>#GRAYSCALE"); /* FIREFOX 3.5+ */
  61. FILTER: GRAY; /* IE6-9 */
  62. -WEBKIT-FILTER: GRAYSCALE(100%);
  63. -webkit-transition: all 0.6s ease-in-out;
  64. -moz-transition: all 0.6s ease-in-out;
  65. -o-transition: all 0.6s ease-in-out;
  66. }
  67.  
  68. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  69.  
  70.     ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:6px}
  71.     ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  72.     ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  73.  
  74.  
  75.     h1 {
  76.     font-weight:normal;
  77.     font-size:10px;
  78.     text-align:center;
  79.     font-style:italic;
  80.     line-height:50%;
  81.     letter-spacing:0px;
  82.     font-family:calibri;
  83.     text-transform:none;
  84.     color:{color:Text};
  85.     }
  86.    
  87.         h2 {
  88.     font-size:11px;
  89.     font-family:calibri;
  90.     letter-spacing:0px;
  91.     margin-bottom:12px;
  92.     padding-bottom:10px;
  93.     font-weight:bold;
  94.     line-height:90%;
  95.     text-transform:none;
  96.     color:{color:Text};
  97.     margin: 0px;
  98.         }
  99.  
  100.     pre {
  101.     {block:ifNotShow400pxposts}
  102.     width:500px;
  103.     {/block:ifNotShow400pxposts}
  104.     {block:ifShow400pxposts}
  105.     width:400px;
  106.     {/block:ifShow400pxposts}
  107.     text-align: left;
  108.     word-wrap: break-word;
  109.     color:{color:Text};
  110.     }
  111.    
  112.     blockquote {
  113.     border-left:2px solid {color:Accent};
  114.     padding-left:6px;
  115.     margin:8px;
  116.     }
  117.    
  118.     body {
  119.         color: {color:Text};
  120.         background-color:{color:Background};
  121.     }
  122.        
  123.         a {
  124.         color:{color:Link};
  125.     text-decoration: none;
  126.         -moz-transition-duration: 0.5s;
  127.         -o-transition-duration: 0.5s;
  128.         -webkit-transition-duration: 0.5s;
  129.         transition-duration: 0.5s;
  130.         }
  131.  
  132.     a:hover {
  133.     color:{color:Link};
  134.     text-shadow: 1px 1px 5px {color:Shadow};
  135.     text-decoration:none;
  136.         -moz-transition-duration: 0.5s;
  137.         -o-transition-duration: 0.5s;
  138.         -webkit-transition-duration: 0.5s;
  139.         transition-duration: 0.5s;
  140.     }
  141.        
  142.     .sidebar {
  143.     width:245px;
  144.         position: fixed;
  145.     margin-top:70px;
  146.     margin-left:10px;
  147.     }
  148.    
  149.     .sidebarimage {
  150.     width:245px;
  151.     margin-bottom:0px;
  152.     opacity:0.9;
  153.     }
  154.    
  155.     .sidebarlinks {
  156.     width:245px;
  157.     padding-bottom:8px;
  158.     padding-top:8px;
  159.     font-size:10px;
  160.     font-family:arial;
  161.     text-transform:lowercase;
  162.     text-align:center;
  163.     }
  164.    
  165.     .sidebarlinks a {
  166.     color:{color:Link};
  167.     padding:3px;
  168.         -moz-transition-duration: 0.5s;
  169.         -o-transition-duration: 0.5s;
  170.         -webkit-transition-duration: 0.5s;
  171.         transition-duration: 0.5s;
  172.     }
  173.  
  174.     .sidebarlinks a:hover {
  175.         color:{color:Background};
  176.         background-color:{color:Link Hover};
  177.         text-shadow:none;
  178.         padding: 3px 3px 3px 3px;
  179.         -moz-transition-duration: 0.5s;
  180.         -o-transition-duration: 0.5s;
  181.         -webkit-transition-duration: 0.5s;
  182.         transition-duration: 0.5s;
  183.     }
  184.    
  185.     .description {
  186.     width:240px;
  187.     padding:10px 5px 10px 5px;
  188.     line-height:100%;
  189.     margin-left:-2px;
  190.     background-color:{color:Accent};
  191.     text-align:justify;
  192.     font-size:11px;
  193.     font-family:calibri;
  194.     color:{color:Background};
  195.     }
  196.    
  197.     .description a {
  198.     color:{color:Background};
  199.     }
  200.    
  201.     .description a:hover {
  202.     color:{color:Shadow};
  203.     text-shadow:none;
  204.     }
  205.  
  206.     .pagination {
  207.     font-family:arial;
  208.     text-align:center;
  209.     font-size:11px;
  210.     padding-top:6px;
  211.     text-align:center;
  212.     }
  213.    
  214.     .pagination a {
  215.     color:{color:Link};
  216.     padding-top:6px;
  217.         -moz-transition-duration: 0.5s;
  218.         -o-transition-duration: 0.5s;
  219.         -webkit-transition-duration: 0.5s;
  220.         transition-duration: 0.5s;
  221.     }
  222.    
  223.     .pagination a:hover {
  224.         color:{color:Shadow};
  225.         text-shadow:none;
  226.         -moz-transition-duration: 0.5s;
  227.         -o-transition-duration: 0.5s;
  228.         -webkit-transition-duration: 0.5s;
  229.         transition-duration: 0.5s;
  230.     }
  231.    
  232.     .container {
  233.     width:900px;
  234.     margin: auto;
  235.     margin-top:-8px;
  236.     }
  237.  
  238.     .postscontainer {
  239.     {block:ifNotShow400pxposts}
  240.     max-width:500px;
  241.     {/block:ifNotShow400pxposts}
  242.     {block:ifShow400pxposts}
  243.     max-width:400px;
  244.     {/block:ifShow400pxposts}
  245.     margin: auto;
  246.     margin-top:-60px;
  247.     margin-left:350px;
  248.     }
  249.  
  250.     .posts {
  251.     {block:ifNotShow400pxposts}
  252.     width:500px;
  253.     {/block:ifNotShow400pxposts}
  254.     {block:ifShow400pxposts}
  255.     width:400px;
  256.     {/block:ifShow400pxposts}
  257.     line-height:100%;
  258.         font-size:11px;
  259.         font-family:calibri;
  260.     margin-top:120px;
  261.     text-align:justify;
  262.     }
  263.    
  264.     .posts img {
  265.     {block:ifNotShow400pxposts}
  266.     max-width:500px;
  267.     {/block:ifNotShow400pxposts}
  268.     {block:ifShow400pxposts}
  269.     max-width:400px;
  270.     {/block:ifShow400pxposts}
  271.     }
  272.  
  273.     .info {
  274.     margin-top:0px;
  275.     padding-top:3px;
  276.     margin-bottom:1px;
  277.     text-align:left;
  278.         font-size:11px;
  279.         font-family:calibri;
  280.         background-color:{color:Accent};
  281.         padding:3px;
  282.     color:{color:Background};
  283.     }
  284.  
  285.     .info a {
  286.     color:{color:Background};
  287.     }
  288.    
  289.     .info a:hover {
  290.     text-decoration:none;
  291.     color:{color:Shadow};
  292.     text-shadow:none;
  293.     }
  294.  
  295.     .tags {
  296.     {block:ifNotShow400pxposts}
  297.     width:500px;
  298.     {/block:ifNotShow400pxposts}
  299.     {block:ifShow400pxposts}
  300.     width:400px;
  301.     {/block:ifShow400pxposts}
  302.     position:absolute;
  303.     margin-top:1px;
  304.     line-height:100%;
  305.     font-family:calibri;
  306.     font-size:10px;
  307.     text-align:left;
  308.     }
  309.    
  310.     .tags a {
  311.     color:{color:Link};
  312.     }
  313.    
  314.     .tags a:hover {
  315.     text-decoration:none;
  316.     color:{color:Link Hover};
  317.     }
  318.    
  319.     .postnote {
  320.     {block:ifNotShow400pxposts}
  321.     width:500px;
  322.     {/block:ifNotShow400pxposts}
  323.     {block:ifShow400pxposts}
  324.     width:400px;
  325.     {/block:ifShow400pxposts}
  326.     font-family:calibri;
  327.     text-transform:lowercase;
  328.     font-size:10px;
  329.     text-align:left;
  330.     line-height:90%;
  331.     margin-top:40px;
  332.     }
  333.    
  334.     .postnote li {
  335.     list-style-type:none;
  336.     border-bottom:1px solid {color:Info Border};
  337.     padding:37px 0px 3px 0px;
  338.     text-align:left;
  339.     margin:0px;
  340.     -moz-transition-duration:0.5s;
  341.     -webkit-transition-duration:0.5s;
  342.     -o-transition-duration:0.5s;
  343.     }
  344.    
  345.     .postnote img {
  346.     width:20px;
  347.     padding: 3px;
  348.     margin:2px 7px -3px 6px;
  349.     text-align:left;
  350.     }
  351.    
  352.     .music {
  353.     width:500px;
  354.     {block:ifShow400pxposts}
  355.     width:400px;
  356.     {/block:ifShow400pxposts}
  357.     padding-bottom:10px;
  358.     }
  359.    
  360.     .albumart {
  361.     float:left;
  362.     padding:10px 10px 10px 0px;
  363.     }
  364.    
  365.     .albumart img {
  366.     width:40px;
  367.     padding: 0px;
  368.     border:solid 5px {color:Accent};
  369.     margin:1px 2px -2px -4px;
  370.     }
  371.    
  372.     .playercontainer {
  373.     text-align:left;
  374.     padding:5px 7px -5px;
  375.     width:480px;
  376.     }
  377.    
  378.     .musicinfo {
  379.     padding:10px;
  380.     margin-top:9px;
  381.     color:{color:Text};
  382.     }
  383.    
  384.     .quote {
  385.     font-size:11px;
  386.     font-family:calibri;
  387.     letter-spacing:0px;
  388.     line-height:90%;
  389.     font-weight:normal;
  390.     text-align:center;
  391.     }
  392.    
  393.     .source {
  394.     font-family:calibri;
  395.     font-size:10px;
  396.     font-style:normal;
  397.     text-align:center;
  398.     line-height:17px;
  399.     }
  400.    
  401.     .chat ol {
  402.     font-size:10px;
  403.     font-family:calibri;
  404.     line-height:100%;
  405.     padding:0px;
  406.     list-style:none;
  407.     }
  408.    
  409.     .label {
  410.     font-size:10px;
  411.     font-family:calibri;
  412.     font-weight:bold;
  413.     color:{color:Text};
  414.     }
  415.    
  416.     .line.odd {
  417.     padding:4px;
  418.     margin-bottom:2px;
  419.     }
  420.    
  421.     .line.even {
  422.     padding:4px;
  423.     margin-bottom:2px;
  424.     }
  425.        
  426.         .ask {
  427.     font-size:11px;
  428.     font-family:calibri;
  429.     text-align:left;
  430.     padding-top:6px;
  431.     text-transform:lowercase;
  432.         }
  433.        
  434.         .question {
  435.     {block:ifNotShow400pxposts}
  436.     width:500px;
  437.     {/block:ifNotShow400pxposts}
  438.     {block:ifShow400pxposts}
  439.     width:400px;
  440.     {/block:ifShow400pxposts}
  441.     letter-spacing:0px;
  442.     margin-top:3px;
  443.     padding-bottom:3px;
  444.     text-align:justify;
  445.     color:{color:Text};
  446.     font-size:10px;
  447.     font-family:calibri;
  448.     }
  449.    
  450.     .answer {
  451.     {block:ifNotShow400pxposts}
  452.     width:500px;
  453.     {/block:ifNotShow400pxposts}
  454.     {block:ifShow400pxposts}
  455.     width:400px;
  456.     {/block:ifShow400pxposts}
  457.     letter-spacing:0px;
  458.     text-align:justify;
  459.     padding-top:20px;
  460.     margin-bottom:1px;
  461.     font-size:10px;
  462.     font-family:calibri;
  463.     color:{color:Text};
  464.     }
  465.    
  466.     .askimg {
  467.     padding: 0px;
  468.     border:solid 5px {color:Accent};
  469.     margin:1px 4px -2px -4px;
  470.     }
  471.    
  472.     .credit {
  473.     position:fixed;
  474.     font-family:calibri;
  475.     font-size:10px;
  476.     font-weight:normal;
  477.     line-height:150%;
  478.     letter-spacing:0px;
  479.     right:5px;
  480.     bottom:20px;
  481.     text-align:center;
  482.     }
  483.    
  484.     .credit a {
  485.     font-style:normal;
  486.     padding:3px;
  487.     border: solid 1px #f7f7f7;
  488.     color:{color:Link};
  489.     -moz-transition-duration:0.5s;
  490.     -webkit-transition-duration:0.5s;
  491.     -o-transition-duration:0.5s;
  492.     }
  493.    
  494.     .credit a:hover{
  495.         background-color:{color:Accent};
  496.         text-shadow:none;
  497.         padding:2px 3px 2px 3px;
  498.         color:{color:Background};
  499.     }
  500.  
  501. </style>  
  502. </head>
  503.  
  504. <body>
  505. <div class="container">
  506. <div class="sidebar">
  507. <center><a href="/">
  508. <img src="{image:sidebar}" class="sidebarimage">
  509. </a></center>
  510. <div class="sidebarlinks">
  511. <a href="/">Home</a>
  512. <a href="/ask">ask</a>
  513. {block:ifShowLink1}
  514. <a href="{text:link1 url}">{text:link1}</a>
  515. {/block:IfShowLink1}
  516. {block:ifShowLink2}
  517. <a href="{text:link2 url}">{text:link2}</a>
  518. {/block:IfShowLink2}
  519. {block:ifShowLink3}
  520. <a href="{text:link3 url}">{text:link3}</a>
  521. {/block:IfShowLink3}
  522. </div>
  523. <div class="description">
  524. {Description}
  525. </div>
  526. {block:Pagination}
  527. <div class="pagination">
  528. {block:PreviousPage}
  529. <a href="{PreviousPage}"> back </a>
  530. {/block:PreviousPage}
  531. {block:NextPage}
  532. <a href="{NextPage}"> next </a>
  533. {/block:NextPage}
  534. </div>
  535. {/block:Pagination}
  536. </div>
  537.  
  538.  
  539.  
  540.  
  541. <div class="postscontainer">
  542. {block:Posts}
  543.  
  544. <div class="posts">
  545.  
  546. {block:Text}
  547. {block:Title}<h2>{Title}</h2>{/block:Title}
  548. {Body}
  549. {/block:Text}
  550.  
  551. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  552.  
  553. {/block:Quote}
  554.  
  555. {block:Link}
  556. <h2><a href="{URL}">{Name}</a></h2>
  557. {block:Description}{Description}{/block:Description}    
  558. {/block:Link}
  559.  
  560. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  561. </ol></div>{/block:Chat}
  562.  
  563. {block:Answer}<img src="{AskerPortraitURL-48}" width="40px" align="left" class="askimg"> <div class="ask"><span style="text-transform:lowercase;"><u><i>{Asker}</i></u> said:</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  564.  
  565. {block:Photo}
  566. {LinkOpenTag}{block:ifNotShow400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNotShow400pxposts}
  567. {block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  568. {/block:Photo}
  569.  
  570. {block:Photoset}
  571. {block:ifNotShow400pxposts}{Photoset-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Photoset-400}{/block:ifShow400pxposts}
  572. {block:Caption}{Caption}{/block:Caption}
  573. {/block:Photoset}
  574.  
  575. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  576. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  577. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  578. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  579. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  580.  
  581. {block:Video}
  582. {block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  583. {block:Caption}{Caption}{/block:Caption}
  584. {/block:Video}
  585.  
  586. {block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}  (<a href="{ReblogParentURL}">via</a>){block:ContentSource}  <a href="{SourceURL}"></a><a href="{ReblogRootURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom}</div>{/block:Date}
  587.  
  588. {block:HasTags}
  589. <div class="tags">
  590. {block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/4oreovg/8hRnd8qo8/tags.png" width="7" original="http://static.tumblr.com/4oreovg/8hRnd8qo8/tags.png"> {Tag}</a> {/block:Tags}
  591. </div>
  592. {/block:HasTags}
  593.  
  594. <div class="postnote">
  595. {block:PostNotes}{PostNotes}{/block:PostNotes}
  596. </div>
  597. {/block:Posts}
  598.  
  599. <div class="credit"><a href="http://jcegers.tumblr.com/">JCE</a></div>
  600.  
  601.  
  602. </div>
  603. </div>
  604. </div>
  605. </body>
Advertisement
Add Comment
Please, Sign In to add comment