API tools faq
paste
Advertisement
MochaNeko

Purple Stitched Theme

MochaNeko
May 15th, 2014
49
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.   "http://www.w3.org/TR/html4/strict.dtd">
  3.  
  4. <html lang="en">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7.   <title>{Title}</title>
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.   <meta name="font:styled" content="Arquitecta" />
  11.  
  12.   <meta name="text:Link1URL" content=" " />
  13.   <meta name="text:Link1Name" content="Link1" />
  14.   <meta name="text:Link2URL" content=" " />
  15.   <meta name="text:Link2Name" content="Link2" />
  16.   <meta name="text:Link3URL" content=" " />
  17.   <meta name="text:Link3Name" content="Link3" />
  18.  
  19.   <meta name="image:BlogIcon" content="" />
  20.  
  21.   <style type="text/css">
  22.  
  23. /*     This theme is made by MochaNeko - mochaneko.tumblr.com. Please do not remove this credit. You are however allowed to edit this theme as needed.     */
  24.  
  25.     body {
  26.       margin: 0;
  27.       padding: 0;
  28.       background: url('http://static.tumblr.com/nzimrf9/A4Kn5mt1f/zwartevilt.png')center center #282828;
  29.     }
  30.  
  31.     ::-webkit-scrollbar {
  32.     width:6px;
  33.     height:6px;
  34.     background-color: #282828;
  35.     }
  36.  
  37.     ::-webkit-scrollbar-thumb:vertical {
  38.     background-color: rgba(69, 48, 84, 1);
  39.     }
  40.  
  41.     ::-webkit-scrollbar-thumb:horizontal {
  42.     background-color: rgba(69, 48, 84, 1);
  43.     }
  44.  
  45.     a {
  46.       text-decoration: none;
  47.         -moz-transition: all 0.3s;
  48.         -webkit-transition: all 0.3s;
  49.         -o-transition: all 0.3s;
  50.       transition: all 0.3s;
  51.       color: #1ca39c;
  52.     }
  53.  
  54.     a:hover{
  55.       color: rgba(255, 255, 255, 0.8);
  56.     }
  57.  
  58.     div {
  59.       display: block;
  60.     }
  61.  
  62.     #page {
  63.       position: relative;
  64.       margin: auto;
  65.       padding: 0;
  66.       width: 600px;
  67.       height: 100%;
  68.       background-color: rgba(88, 61, 107, 0.3);
  69.       padding-bottom: 50px;
  70.       z-index: 0;
  71.       border-left: 1px dashed rgba(162, 117, 194, 0.4);
  72.       border-right: 1px dashed rgba(162, 117, 194, 0.4);
  73.     }
  74.  
  75.     #header {
  76.       background-color: rgba(88, 61, 107, 0.6);
  77.       background-image: ;
  78.       padding: 20px 0;
  79.       height: 80px;
  80.       width: 600px;
  81.       margin: auto;
  82.       font-family: {font:styled};
  83.         border-left: 1px dashed rgba(162, 117, 194, 0.4);
  84.         border-right: 1px dashed rgba(162, 117, 194, 0.4);
  85.     }
  86.  
  87.     .headerimg {
  88.       display: inline-block;
  89.       width: auto;
  90.       float: left;
  91.       z-index: 1;
  92.     }
  93.  
  94.     .headerimg img {
  95.       margin-top: 0;
  96.       margin-left: 20px;
  97.       height: 80px;
  98.       border: 1px dashed rgba(162, 117, 194, 0.4);
  99.     }
  100.  
  101.     .topnav {
  102.       display: inline-block;
  103.       padding: 0 20px;
  104.       padding-right: 20px;
  105.       margin-right: 0;
  106.       margin-top: 60px;
  107.       height: auto;
  108.       width: auto;
  109.       float: right;
  110.       font-family: {font:styled};
  111.     }
  112.  
  113.     .topnav a {
  114.       display: inline-block;
  115.       padding-right: 5px;
  116.       color: rgba(255, 255, 255, 0.8);
  117.       font-size: 0.65rem;
  118.       text-transform: uppercase;
  119.     }
  120.  
  121.     .topnav a:hover {
  122.       color: #ffffff;
  123.     }
  124.  
  125.     #mainnav {
  126.       width: 600px;
  127.       height: 25px;
  128.       margin: auto;
  129.       padding-bottom: 5px;
  130.       background-color: rgba(88, 61, 107, 0.2);
  131.       border-top: 1px dashed rgba(162, 117, 194, 0.6);
  132.       border-bottom: 1px dashed rgba(162, 117, 194, 0.6);
  133.       z-index: 1;
  134.       padding-left: 10px;
  135.       padding-right: 10px;
  136.       font-size: 0.75rem;
  137.       text-transform: uppercase;
  138.       color: #1ca39c;
  139.       font-family: {font:styled};
  140.     }
  141.  
  142.     #mainnav a {
  143.       display: inline-block;
  144.       padding-top: 3px;
  145.     }
  146.  
  147.     #mainnav a:hover {
  148.       color: rgba(88, 61, 107, 1);
  149.     }
  150.  
  151.     #searchcontainer {
  152.       height: auto;
  153.       width: auto;
  154.       margin: 0;
  155.       padding: 0;
  156.       float: right;
  157.     }
  158.  
  159.     .search {
  160.       float: right;
  161.     }
  162.  
  163.     .search input {
  164.       width: 200px;
  165.       height: 15px;
  166.       padding: 4px 6px;
  167.       font-size: 14px;
  168.       color: #aaaaaa;
  169.       border: 1px solid rgba(88, 61, 107, 1);
  170.       background-color: #333333;
  171.     }
  172.  
  173.     .search button {
  174.       display: inline-block;
  175.       margin-left: -5px;
  176.       margin-bottom: 0;
  177.       margin-top: 2px;
  178.       padding: 3px 8px;
  179.       height: 25px;
  180.       color: #333333;
  181.       border: 1px solid rgba(88, 61, 107, 1);
  182.       background-color: #282828;
  183.           -moz-transition: all 0.3s;
  184.           -webkit-transition: all 0.3s;
  185.           -o-transition: all 0.3s;
  186.         transition: all 0.3s;
  187.       }
  188.  
  189.       .search button:hover {
  190.       background-color: rgba(88, 61, 107, 0.6);
  191.           -moz-transition: all 0.3s;
  192.           -webkit-transition: all 0.3s;
  193.           -o-transition: all 0.3s;
  194.         transition: all 0.3s;
  195.       }
  196.  
  197.       .search button:active {
  198.         background-image: none;
  199.         outline: 0;
  200.           -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  201.           -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  202.         box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  203.         }
  204.  
  205.       .search button img {
  206.         margin-top: -4px;
  207.         vertical-align: middle;
  208.         text-align: center;
  209.         height: 13px;
  210.         width: 13px;
  211.       }
  212.  
  213.       #main {
  214.         width: 580px;
  215.         height: 100%;
  216.         margin: auto;
  217.         padding-top: 10px;
  218.         font-family: Arial, Helvetica, sans-serif;
  219.         font-size: 0.750rem;
  220.         margin-bottom: 10px;
  221.       }
  222.  
  223.       #post {
  224.         padding: 20px;
  225.         margin-left: 20px;
  226.         margin-right: 20px;
  227.         margin-top: 14px;
  228.         margin-bottom: 10px;
  229.         color: rgba(162, 117, 194, 0.7);
  230.         background-color: rgba(0,0,0,0.5);
  231.         border-left: 1px dashed rgba(162, 117, 194, 0.4);
  232.         border-right: 1px dashed rgba(162, 117, 194, 0.4);
  233.       }
  234.  
  235.     .blogtitle {
  236.       display: block;
  237.       position: absolute;
  238.       width: 600px;
  239.       padding: 0 20px;
  240.       padding-left: 120px;
  241.       margin: auto;
  242.       height: auto;
  243.       font-size: 1rem;
  244.       text-align: left;
  245.       font-family: {font:styled};
  246.       z-index: 2;
  247.       text-decoration: uppercase;
  248.     }
  249.  
  250.     .blogtitle a {
  251.       color: rgba(162, 117, 194, 0.8);
  252.     }
  253.  
  254.     .blogtitle a:hover {
  255.       color: rgba(201, 175, 220, 0.8);
  256.       text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  257.     }
  258.  
  259.     .title a{
  260.         color: #282828;
  261.       }
  262.  
  263.       .title a:hover{
  264.         color: #000000;
  265.         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  266.       }
  267.  
  268.       .text {
  269.        
  270.       }
  271.  
  272.       .link a{
  273.         display: block;
  274.         width: 100%;
  275.         height: 40px;
  276.         margin: auto;
  277.         background: rgba(0, 0, 0, 0.3);
  278.         color: rgba(255, 255, 255, 0.8);
  279.         border-top: 1px dashed rgba(162, 117, 194, 0.4);
  280.         border-bottom: 1px dashed rgba(162, 117, 194, 0.4);
  281.         text-align: center;
  282.         font-size: 1rem;
  283.         font-family: {font:styled};
  284.         padding-top: 8px;
  285.       }
  286.  
  287.       .link a:hover{
  288.         background: rgba(0, 0, 0, 0.7);
  289.         color: #ffffff;
  290.       }
  291.  
  292.       .link_og_blockquote {
  293.         width: 100%!important;
  294.         margin-left: -1px!important;
  295.         margin-top: 5px!important;
  296.         padding-top: 10px!important;
  297.         padding-bottom: 10px!important;
  298.         padding-left: 0!important;
  299.         height: auto;
  300.         background: rgba(0, 0, 0, 0.05);
  301.         border: 1px dotted rgba(0, 0, 0, 0.1);
  302.         text-align: center;
  303.       }
  304.  
  305.       .photo {
  306.  
  307.       }
  308.  
  309.       blockquote {
  310.         width: 90%;
  311.         border-left: 2px solid #555555;
  312.         padding-left: 5px;
  313.         margin-top: -5px;
  314.         margin-left: 10px!important;
  315.       }
  316.  
  317.       blockquote p {
  318.         padding-left: 5px;
  319.       }
  320.  
  321.       .photo img{
  322.         margin: auto;
  323.         max-width: 500px;
  324.       }
  325.  
  326.       .quote {
  327.         text-align: center;
  328.       }
  329.  
  330.       .quote .words {
  331.         display: inline-block!important;
  332.         text-align: center;
  333.         vertical-align: text-bottom;
  334.         color: rgba(162, 117, 194, 0.8);
  335.         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  336.         font-size: 1rem;
  337.         font-family: {font:styled};
  338.         max-width: 90%;
  339.         width: auto;
  340.         margin: auto;
  341.       }
  342.  
  343.       .quote .qs {
  344.         display: inline;
  345.         position: relative;
  346.         text-align: center;
  347.         color: rgba(162, 117, 194, 0.4);
  348.         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  349.         font-size: 2rem;
  350.         font-family: {font:styled};
  351.         vertical-align: top;
  352.         top: -5px;
  353.       }
  354.  
  355.       .quote p {
  356.         text-align: right;
  357.         font-style: italic;
  358.         font-size: 11px;
  359.       }
  360.  
  361.       .chat {
  362.  
  363.       }
  364.  
  365.       .chat table{
  366.         width: 100%;
  367.       }
  368.  
  369.       .chattitle {
  370.         display: block;
  371.         width: auto;
  372.         margin: auto;
  373.         vertical-align: text-bottom;
  374.         font-size: 2rem;
  375.         font-family: {font:styled};
  376.         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  377.       }
  378.  
  379.       .chattitle:hover {
  380.         color: rgba(38, 166, 160, 0.7);
  381.         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  382.       }
  383.  
  384.       .name {
  385.         text-align: right;
  386.         vertical-align: text-bottom;
  387.         color: rgba(255, 255, 255, 0.5);
  388.         font-size: 0.75rem;
  389.         padding-right: 5px;
  390.         width: 100px;
  391.       }
  392.  
  393.       .audio{
  394.  
  395.       }
  396.  
  397.       .album img{
  398.         width: 100px;
  399.         top:0;
  400.         left:0;
  401.       }
  402.  
  403.       .albumi {
  404.         display: inline-block!important;
  405.         background-image: url('');
  406.         background-size: 100px;
  407.         background-repeat: no-repeat;
  408.         background-position: bottom center;
  409.         background-color: #ffffff;
  410.         width: 100px;
  411.         height: 100px;
  412.         float: left;
  413.         overflow: hidden;
  414.       }
  415.  
  416.       .audiop {
  417.         width:30px;
  418.         height:30px;
  419.         overflow:hidden;
  420.         position:absolute;
  421.         opacity: 0.7;
  422.         margin-left: 35px;
  423.         margin-top: 35px;
  424.       }
  425.  
  426.       .audioinfo {
  427.         display: inline-block!important;
  428.         background: rgba(0,0,0, 0.3);
  429.         height: 80px;
  430.         padding: 10px;
  431.         width: 50%;
  432.         float: left;
  433.       }
  434.  
  435.       .track {
  436.         color: rgba(255, 255, 255, 0.7);
  437.         font-size: 1rem;
  438.         font-family: {font:styled};
  439.       }
  440.  
  441.       .artist {
  442.         font-weight: bold;
  443.         font-size: 11px;
  444.         padding-left: 10px;
  445.         color: #1ca39c;
  446.       }
  447.  
  448.       .album{
  449.         font-style: italic;
  450.         font-size: 11px;
  451.         padding-left: 10px;
  452.       }
  453.  
  454.       .ask {
  455.       }
  456.  
  457.       .question {
  458.  
  459.       }
  460.  
  461.       .ask .q {
  462.         display: inline-block;
  463.         position: relative;
  464.         float: left;
  465.         padding-bottom: 10px;
  466.       }
  467.  
  468.       .ask .a {
  469.         display: inline-block;
  470.         position: relative;
  471.         padding-bottom: 30px;
  472.       }
  473.  
  474.       .ask .qa {
  475.         padding-left: 10px;
  476.         margin-left: 10px;
  477.         border-left: 2px solid #555555;
  478.       }
  479.  
  480.       .askportrait {
  481.         float: left;
  482.         padding-right: 20px;
  483.       }
  484.  
  485.       .askportrait img{
  486.         position: relative;
  487.         display: inline-block;
  488.         padding: 5px;
  489.       }
  490.  
  491.       .answerportrait {
  492.         float: left;
  493.         padding: 0;
  494.       }
  495.  
  496.       .answerportrait img{
  497.         position: relative;
  498.         display: inline-block;
  499.         padding: 5px;
  500.       }
  501.  
  502.       .askname {
  503.         padding-bottom: 5px;
  504.       }
  505.  
  506.       .reply {
  507.         padding-left: 5px;
  508.         color: rgba(255, 255, 255, 0.7);
  509.         margin-top: -10px;
  510.       }
  511.  
  512.       .title {
  513.         font-size: 1rem;
  514.         font-family: {font:styled};
  515.       }
  516.  
  517.       .title a{
  518.         color: #1ca39c;
  519.       }
  520.  
  521.       .title a:hover{
  522.         color: rgba(255, 255, 255, 0.8);
  523.       }
  524.  
  525.       #notes {
  526.         padding: 20px;
  527.         margin-left: 20px;
  528.         margin-right: 20px;
  529.         margin-top: 14px;
  530.         margin-bottom: 10px;
  531.         color: rgba(162, 117, 194, 0.7);
  532.         background-color: rgba(0,0,0,0.5);
  533.         border-left: 1px dashed rgba(162, 117, 194, 0.4);
  534.         border-right: 1px dashed rgba(162, 117, 194, 0.4);
  535.         font-size: 10px;
  536.       }
  537.  
  538.       #notes a{
  539.         color: #1ca39c;
  540.         text-transform: none;
  541.         font-size: 11px;
  542.       }
  543.  
  544.       #notes a:hover{
  545.         color: rgba(255, 255, 255, 0.8);
  546.       }
  547.  
  548.       #notes img {
  549.         padding: 0 5px;
  550.         top: 5px;
  551.       }
  552.  
  553.       #notes li {
  554.         padding: 2px;
  555.         list-style: decimal inside;
  556.         text-align: text-top;
  557.       }
  558.  
  559.       #more_notes_{PostID} {
  560.         list-style: none!important;
  561.         padding-top: 20px!important;
  562.         width: 400px;
  563.         margin: auto;
  564.       }
  565.  
  566.       #more_notes_{PostID} a {
  567.         background-color: rgba(88, 61, 107, 0.2);
  568.         display: block;
  569.         width: 400px;
  570.         margin: auto;
  571.         padding-top: 2px;
  572.         padding-bottom: 2px;
  573.         border-top: 1px dashed rgba(162, 117, 194, 0.4);
  574.         border-bottom: 1px dashed rgba(162, 117, 194, 0.4);
  575.       }
  576.  
  577.       #more_notes_{PostID} a:hover {
  578.         background: #222222;
  579.         color: rgba(255, 255, 255, 0.8);
  580.       }
  581.  
  582.       #info {
  583.         width: 550px;
  584.         height: auto;
  585.         background: ;
  586.         border-top: 1px dashed rgba(162, 117, 194, 0.4);
  587.         border-bottom: 1px dashed rgba(162, 117, 194, 0.4);
  588.         margin: auto;
  589.         margin-top: -10px;
  590.         background: rgba(0, 0, 0, 0.3);
  591.         font-size: 11px;
  592.         color: #1ca39c;
  593.       }
  594.  
  595.       #info a{
  596.         padding: 0 8px;
  597.       }
  598.  
  599.       #tags {
  600.         text-align: left;
  601.         width: 100%;
  602.         border-bottom: 1px dashed rgba(162, 117, 194, 0.4);
  603.         padding: 5px 0;
  604.       }
  605.  
  606.       #tagscontainer {
  607.         word-wrap: normal;
  608.         width: 540px;
  609.         padding: 0 10px;
  610.       }
  611.  
  612.       #tags a{
  613.         padding: 0 8px 0 0;
  614.       }
  615.  
  616.       #info .date {
  617.         text-align: right;
  618.         padding: 5px 0;
  619.       }
  620.  
  621.       #info a:hover{
  622.         color: rgba(255, 255, 255, 0.7);
  623.       }
  624.  
  625.       blockquote ul li {
  626.         margin-left: 50px;
  627.       }
  628.  
  629.       #space {
  630.         position: relative;
  631.         display: inline-block;
  632.         height: 2px;
  633.         width: 500px;
  634.       }
  635.  
  636.       #pagenav {
  637.         display: block;
  638.         position: fixed;
  639.         float: center;
  640.         margin-left: -90px!important;
  641.         top: 325px;
  642.         width: 778px;
  643.         height: 35px;
  644.         font-family: {font:styled};
  645.         z-index: 4;
  646.       }
  647.  
  648.       #pagenav a{
  649.         display: block;
  650.         background-color: rgba(88, 61, 107, 0.1);
  651.         color: #1ca39c;
  652.         padding-top: 10px;
  653.         padding-bottom: 10px;
  654.         font-size: 0.75rem;
  655.         text-shadow: rgba(0, 0, 0, 0.3);
  656.         text-transform: uppercase;
  657.       }
  658.  
  659.       #pagenav a:hover{
  660.         background: #282828;
  661.         color: #ffffff;
  662.       }
  663.  
  664.       #pagenav .back{
  665.         position: absolute;
  666.         display: block;
  667.         text-align: center;
  668.       }
  669.  
  670.       #pagenav .back a{
  671.         left: 0;
  672.         padding-left: 20px;
  673.         padding-right: 5px;
  674.         border: 1px dashed rgba(162, 117, 194, 0.4);
  675.         border-right: transparent;
  676.       }
  677.  
  678.       #pagenav .next{
  679.         right: 0;
  680.         position: absolute;
  681.         display: block;
  682.         text-align: center;
  683.       }
  684.  
  685.       #pagenav .next a{
  686.         right: 0;
  687.         padding-right: 20px;
  688.         padding-left: 5px;
  689.         border: 1px dashed rgba(162, 117, 194, 0.4);
  690.         border-left: transparent;
  691.       }
  692.  
  693.       #descriptionbox {
  694.         position: fixed;
  695.         float: left;
  696.         height: 280px; /* Feel free to increase or decrease this as much as you need in order to contain all of your description. */
  697.         bottom: -255px; /* If you edit the height, you must increase or decrease this by the same amount as you did to the height. */
  698.         display: block;
  699.         width: 170px;
  700.         z-index: 2;
  701.         background: url('http://static.tumblr.com/nzimrf9/A4Kn5mt1f/zwartevilt.png')center center #282828;
  702.         padding-bottom: 0;
  703.         border: 1px dashed rgba(162, 117, 194, 0.4);
  704.         border-bottom: transparent;
  705.           -moz-transition: all 0.3s;
  706.           -webkit-transition: all 0.3s;
  707.           -o-transition: all 0.3s;
  708.         transition: all 0.3s;
  709.         padding: 15px;
  710.       }
  711.  
  712.       #descriptionbox:hover {
  713.         bottom: 0px;
  714.         -moz-transition: all 0.3s;
  715.         -webkit-transition: all 0.3s;
  716.         -o-transition: all 0.3s;
  717.       transition: all 0.3s;
  718.       }
  719.  
  720.       #descriptionbox .title {
  721.         display: block;
  722.         height: auto;
  723.         width: auto;
  724.         float: center;
  725.         font-size: 0.75rem;
  726.         text-align: center;
  727.         font-family: {font:styled};
  728.         text-transform: uppercase;
  729.         background-color: rgba(88, 61, 107, 0.2);
  730.         border-top: 1px dashed rgba(162, 117, 194, 0.6);
  731.         border-bottom: 1px dashed rgba(162, 117, 194, 0.6);
  732.         color: rgba(255, 255, 255, 0.5);
  733.       }
  734.  
  735.       #descriptionbox .description {
  736.         margin-top: 30px;
  737.         display: block;
  738.         height: auto;
  739.         width: auto;
  740.         float: center;
  741.         font-size: 12px;
  742.         text-align: center;
  743.         background-color: rgba(88, 61, 107, 0.2);
  744.         border-left: 1px dashed rgba(162, 117, 194, 0.6);
  745.         border-right: 1px dashed rgba(162, 117, 194, 0.6);
  746.         margin-bottom: 15px;
  747.         font-family: Arial, Helvetica, sans-serif;
  748.         color: rgba(162, 117, 194, 0.7);
  749.         padding: 5px;
  750.       }
  751.  
  752.       #descriptionbox .description a{
  753.         color: #1ca39c;
  754.       }
  755.  
  756.       #descriptionbox .description a:hover{
  757.         color: rgba(255, 255, 255, 0.8);
  758.       }
  759.  
  760.       #pagebox {
  761.         position: fixed;
  762.         right: 0;
  763.         height: 155px; /* This will need to be increased by about 35px for each page over 3 that you have. */
  764.         bottom: -130px; /* Don't forget to increase this the same amount as you did the height as well. */
  765.         display: block;
  766.         width: 170px;
  767.         z-index: 3;
  768.         background: url('http://static.tumblr.com/nzimrf9/A4Kn5mt1f/zwartevilt.png')center center #282828;
  769.         padding-bottom: 0;
  770.         border: 1px dashed rgba(162, 117, 194, 0.4);
  771.         border-bottom: transparent;
  772.           -moz-transition: all 0.3s;
  773.           -webkit-transition: all 0.3s;
  774.           -o-transition: all 0.3s;
  775.         transition: all 0.3s;
  776.         padding: 15px;
  777.       }
  778.  
  779.       #pagebox:hover {
  780.         bottom: 0px;
  781.           -moz-transition: all 0.3s;
  782.           -webkit-transition: all 0.3s;
  783.           -o-transition: all 0.3s;
  784.         transition: all 0.3s;
  785.       }
  786.  
  787.       #pagebox .title {
  788.         display: block;
  789.         height: auto;
  790.         width: auto;
  791.         margin: auto;
  792.         float: center;
  793.         font-size: 0.75rem;
  794.         text-align: center;
  795.         font-family: {font:styled};
  796.         text-transform: uppercase;
  797.         background-color: rgba(88, 61, 107, 0.2);
  798.         border-top: 1px dashed rgba(162, 117, 194, 0.6);
  799.         border-bottom: 1px dashed rgba(162, 117, 194, 0.6);
  800.         color: rgba(255, 255, 255, 0.5);
  801.         margin-bottom: 30px;
  802.       }
  803.  
  804.       #pagebox a {
  805.         display: block;
  806.         height: auto;
  807.         width: auto;
  808.         float: center;
  809.         font-size: 0.75rem;
  810.         text-align: center;
  811.         font-family: {font:styled};
  812.         text-transform: uppercase;
  813.         background-color: rgba(88, 61, 107, 0.2);
  814.         border-left: 1px dashed rgba(162, 117, 194, 0.6);
  815.         border-right: 1px dashed rgba(162, 117, 194, 0.6);
  816.         color: rgba(255, 255, 255, 0.5);
  817.         margin-bottom: 15px;
  818.       }
  819.  
  820.       #pagebox a:hover{
  821.         background: #282828;
  822.       }
  823.  
  824.    {CustomCSS}
  825.  
  826.   </style>
  827.  
  828.  
  829.   <link rel="shortcut icon" href="{Favicon}">
  830.   <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  831. </head>
  832.  
  833.  
  834. <body>
  835.   <div id="header">
  836.     <div class="headerimg"><a href="{BlogURL}"><img src="{image:BlogIcon}" alt=""/></a></div>
  837.     <div class="blogtitle"><a href="{BlogURL}">{Title}</a></div>
  838.     <div class="topnav">
  839.       <a href="{text:Link1URL}" target="_blank">{text:Link1Name}</a>
  840.       <a href="{text:Link2URL}" target="_blank">{text:Link2Name}</a>
  841.       <a href="{text:Link3URL}" target="_blank">{text:Link3Name}</a>
  842.       <a href="http://pastebin.com/wxNCJ2DB" target="_blank">Theme</a>
  843.     </div>
  844.   </div>
  845.  
  846.   <div id="mainnav">
  847.     <div id="searchcontainer">
  848.       <div class="search">
  849.         <form action="/search" method="get">
  850.           <input type="text" name="q" value="{SearchQuery}" placeholder="Search"/>
  851.           <button type="submit"><img src="http://static.tumblr.com/nzimrf9/Mdsn5hfd7/1399951138_black_search.png" alt="Search" />
  852.           </button>
  853.         </form>
  854.       </div>
  855.     </div>
  856.  
  857.     <div id="topnav">
  858.       <a href="{BlogURL}ask">{AskLabel}</a> &nbsp; | &nbsp;
  859.       <a href="{BlogURL}submit">{SubmitLabel}</a>
  860.     </div>
  861.   </div>
  862.  
  863. <div id="page">
  864.   {block:Posts}
  865. <div id="main">
  866.     {block:Text}
  867.       <div id="post" class="text">
  868.         {block:Title}
  869.           <div class="title">
  870.             <a href="{Permalink}">{Title}</a>
  871.           </div>
  872.         {/block:Title}
  873.         <p>{Body}</p>
  874.       </div>
  875.     {/block:Text}
  876.  
  877.     {block:Link}
  878.       <div id="post" class="link">
  879.         <a href="{URL}" class="link" target="_blank">{Name}</a>
  880.         <p>{block:Description}{Description}{/block:Description}</p>
  881.       </div>
  882.     {block:Link}
  883.  
  884.     {block:Photo}
  885.       <div id="post" class="photo">
  886.         {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  887.         <p>{block:Caption}{Caption}{/block:Caption}</p>
  888.       </div>
  889.     {/block:Photo}
  890.  
  891.     {block:Quote}
  892.       <div id="post" class="quote">
  893.         <div class="qs">&#8220;</div>
  894.           <div class="words">{Quote}</div>
  895.         <div class="qs">&#8221;</div>
  896.         <p>{block:Source}&mdash; {Source}{/block:Source}</p>
  897.       </div>
  898.     {/block:Quote}
  899.  
  900.     {block:Chat}
  901.       <div id="post" class="chat">
  902.         {block:Title}
  903.           <a href="{Permalink}" class="chattitle">{Title}</a>
  904.         {/block:Title}
  905.         <table>
  906.           {block:Lines}
  907.           <tr>
  908.             {block:Label}
  909.               <td class="name">{Label}</td>
  910.             {block:Label}
  911.             <td class="words">{Line}</td>
  912.           </tr>
  913.           {/block:Lines}
  914.         </table>
  915.       </div>
  916.     {/block:Chat}
  917.  
  918.     {block:Audio}
  919.     <div id="post" class="audio">
  920.       {block:AudioEmbed}
  921.         {AudioEmbed-500}
  922.       {/block:AudioEmbed}
  923.  
  924.       <div class="albumi">
  925.         {block:AlbumArt}
  926.           <img src="{AlbumArtURL}" alt="" height="100" width="100"/>
  927.         {/block:AlbumArt}
  928.       </div>
  929.  
  930.       <div class="audioinfo">
  931.         {block:TrackName}
  932.           <div class="track">{TrackName}</div>
  933.         {/block:TrackName}
  934.  
  935.         {block:Artist}
  936.           <div class="artist">{Artist}</div>
  937.         {/block:Artist}
  938.  
  939.         {block:Album}
  940.           <div class="album">{Album}</div>
  941.         {/block:Album}
  942.       </div>
  943.      
  944.       {block:AudioPlayer}
  945.         <div class="audiop">
  946.           {AudioPlayerBlack}
  947.         </div>
  948.       {/block:AudioPlayer}
  949.       <div id="space"></div>
  950.       {block:Caption}<p>{Caption}</p>{/block:Caption}
  951.     </div>
  952.     {/block:Audio}
  953.  
  954.     {block:Video}
  955.     <div id="post">
  956.       {Video-500}
  957.       {block:Caption}{Caption}{/block:Caption}
  958.     </div>
  959.     {/block:Video}
  960.  
  961.     {block:Answer}
  962.       <div id="post" class="ask">
  963.         <div class="askportrait"><img src="{AskerPortraitURL-30}" alt="" /></div>
  964.         <div class="q"><div class="askname">{Asker} asked:</div><div class="qa">{Question}</div></div>
  965.         <div id="space"></div>
  966.       <br />
  967.  
  968.       {block:Answerer}
  969.         <div class="answerportrait"><img src="{AnswererPortraitURL-30}" alt="" /></div>
  970.         <div class="a"><div class="askname">{Answerer}</div><div class="qa">{Answer}</div></div>
  971.       {/block:Answerer}
  972.  
  973.       <div class="replies">
  974.         <div class="reply">{Replies}</div>
  975.       </div>
  976.  
  977.       </div>
  978.     {/block:Answer}
  979.  
  980.  
  981.     <div id="info">
  982.         {block:HasTags}
  983.           <div id="tags">
  984.             <div id="tagscontainer">
  985.               {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  986.             </div>
  987.           </div>
  988.         {/block:HasTags}
  989.  
  990.       <div class="date">
  991.         {block:Date}
  992.           <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a> | <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>
  993.         {/block:Date}
  994.         {block:NoteCount} |
  995.           <a href="{Permalink}">{NoteCountWithLabel}</a>
  996.         {/block:NoteCount}
  997.         {block:ContentSource} |  
  998.           <a href="{SourceURL}">source</a>
  999.         {/block:ContentSource}
  1000.       </div>
  1001.  
  1002.     </div>
  1003.    
  1004.     {block:PostNotes}
  1005.       <div id="notes">{PostNotes-16}</div>
  1006.     {/block:PostNotes}
  1007.  
  1008. </div>
  1009. {/block:Posts}
  1010.  
  1011.   <div id="pagenav">
  1012.     {block:Pagination}
  1013.       {block:PreviousPage}
  1014.         <div class="back"><a href="{PreviousPage}"><< Back</a></div>
  1015.       {/block:PreviousPage}
  1016.       {block:NextPage}
  1017.         <div class="next"><a href="{NextPage}">Next >></a></div>
  1018.       {/block:NextPage}
  1019.     {/block:Pagination}
  1020.   </div>
  1021.  
  1022.   </div>
  1023.  
  1024. </div>
  1025.  
  1026. {block:HasPages}
  1027.   <div id="pagebox">
  1028.     <div class="title">Pages</div>
  1029.     {block:Pages}
  1030.       <a href="{URL}">{Label}</a>
  1031.     {/block:Pages}
  1032.   </div>
  1033. {/block:HasPages}
  1034.  
  1035.   <div id="descriptionbox">
  1036.     <div class="title">Description</div>
  1037.     <div class="description">{Description}</div>
  1038.   </div>
  1039.  
  1040. </body>
  1041.  
  1042. </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!