API tools faq
paste
tatianaception

Theme 6

tatianaception
Jul 14th, 2015
1,063
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.    
  4. <head>
  5.     <!--IMPORTANT SHIT-->
  6.     <title>{Title}</title>
  7.     <link rel="shortcut icon" href="{Favicon}">
  8.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.     {block:Description}
  10.         <meta name="description" content="{MetaDescription}"/>
  11.     {/block:Description}
  12. </head>
  13.  
  14. <!--FONTS-->
  15. <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
  18.  
  19. <!--CUSTOMIZABLES-->
  20.  
  21. <meta name="image:Background Image" content=""/>
  22. <meta name="image:Sidebar Image" content=""/>
  23.  
  24. <meta name="color:Background Color" content="#f1f4f5"/>
  25. <meta name="color:Main Font Color" content="#000000"/>
  26. <meta name="color:Secondary Font Color" content="#1daecf"/>
  27. <meta name="color:Link Color" content="#1daecf"/>
  28. <meta name="color:Link Color Hover" content="#11788a"/>
  29. <meta name="color:Blockquote Border Color" content="#0e4049"/>
  30. <meta name="color:Post Background Color" content="#ffffff"/>
  31. <meta name="color:Post Border Color" content="#dddddd"/>
  32. <meta name="color:Post Footer BG Color" content="#d4ebf0"/>
  33. <meta name="color:Post Footer Border Color" content="#dddddd"/>
  34. <meta name="color:Audio Border Color" content="#dddddd"/>
  35. <meta name="color:Ask Border Color" content="#dddddd"/>
  36. <meta name="color:Sidebar Image Border Color" content="#1daefc"/>
  37. <meta name="color:Sidebar Title Color" content="#1daecf"/>
  38. <meta name="color:Sidebar Title Border Color" content="#1daecf"/>
  39. <meta name="color:Sidebar Description BG Color" content="#ffffff"/>
  40. <meta name="color:Sidebar Description Font Color" content="#000000"/>
  41. <meta name="color:Nav Link BG Color" content="#ffffff"/>
  42. <meta name="color:Nav Link Font Color" content="#1daecf"/>
  43. <meta name="color:Nav Link Font Color Hover" content="#ffffff"/>
  44. <meta name="color:Nav Link Border Color" content="#1daecf"/>
  45.  
  46. <meta name="if:White Reblog and Like Button" content="0"/>
  47. <meta name="if:Black Reblog and Like Button" content="1"/>
  48. <meta name="if:White Audio Player" content="1"/>
  49. <meta name="if:Black Audio Player" content="0"/>
  50. <meta name="if:Show Link 1" content="0"/>
  51. <meta name="if:Show Link 2" content="0"/>
  52. <meta name="if:Show Link 3" content="0"/>
  53. <meta name="if:Show Link 4" content="0"/>
  54.  
  55. <meta name="text:Link 1 URL" content=""/>
  56. <meta name="text:Link 1 Title" content=""/>
  57. <meta name="text:Link 2 URL" content=""/>
  58. <meta name="text:Link 2 Title" content=""/>
  59. <meta name="text:Link 3 URL" content=""/>
  60. <meta name="text:Link 3 Title" content=""/>
  61. <meta name="text:Link 4 URL" content=""/>
  62. <meta name="text:Link 4 Title" content=""/>
  63.  
  64. <!--CSS-->
  65.  
  66. <style type="text/css">
  67.    
  68.     /*BODY*/
  69.    
  70.     body {
  71.         background-color: {color:Background Color};
  72.         font-family: 'Droid Sans';
  73.         font-size: 13px;
  74.         color: {color:Main Font Color};
  75.         background-image: url('{image:Background Image}');
  76.     }
  77.    
  78.     blockquote {
  79.         border-left: 3px solid {color:Blockquote Border Color};
  80.         padding-left: 10px;
  81.         margin-left: 3px;
  82.     }
  83.    
  84.     blockquote blockquote {
  85.         max-width: 490px;
  86.     }
  87.    
  88.     a {
  89.         text-decoration: none;
  90.         color: {color:Link Color};
  91.         transition-duration: 0.1s;
  92.     }
  93.    
  94.     a:hover {
  95.         color: {color:Link Color Hover};
  96.     }
  97.    
  98.     h3 {
  99.        font-size: 20px;
  100.        font-family: 'Montserrat';
  101.        text-transform: uppercase;
  102.     }
  103.    
  104.     ::-webkit-scrollbar-thumb {
  105.         height: 7px;
  106.         background-color: {color:Secondary Font Color};
  107.     }
  108.    
  109.     ::-webkit-scrollbar {
  110.         background-color: {color:Background Color};
  111.         width: 7px;
  112.         height: 4px;
  113.     }
  114.    
  115.     /*POSTS*/
  116.    
  117.     #entries {
  118.         margin-left: 510px;
  119.         width: 540px;
  120.         margin-top: 20px;
  121.     }
  122.    
  123.     #posts {
  124.         padding-top: 20px;
  125.         padding-left: 20px;
  126.         padding-right: 20px;
  127.         background-color: {color:Post Background Color};
  128.         margin-bottom: 50px;
  129.         border: 1px solid {color:Post Border Color};
  130.         border-bottom: 0px;
  131.     }
  132.    
  133.         /*TEXTS POSTS*/
  134.        
  135.         #text-inner {
  136.             margin-top: -10px;
  137.             width: 500px;
  138.         }
  139.        
  140.         /*PHOTOS AND PHOTOSETS*/
  141.        
  142.         #photo-inner {
  143.             margin: auto;
  144.         }
  145.        
  146.         #photoset-inner {
  147.             margin: auto;
  148.         }
  149.        
  150.         /*QUOTES*/
  151.        
  152.         #quote-text {
  153.             font-family: 'Montserrat';
  154.             font-size: 18px;
  155.             margin-bottom: 5px;
  156.             padding: 5px;
  157.             font-weight: bold;
  158.             color: {color:Secondary Font Color};
  159.         }
  160.        
  161.         #quote-source {
  162.             float:right;
  163.             padding-bottom: 20px;
  164.             font-size: 12px;
  165.         }
  166.        
  167.         /*CHATS*/
  168.        
  169.         #chat-inner {
  170.             margin-top: -10px;
  171.         }
  172.        
  173.         #chat-inner li {
  174.             padding: 1px 4px;
  175.             margin-left: -35px;
  176.             margin-right: 10px;
  177.             text-transform: uppercase;
  178.             font-size: 10px;
  179.             font-family: 'Montserrat';
  180.         }
  181.            
  182.         #chat-title {
  183.             color: {color:Secondary Font Color};
  184.             margin-bottom: -10px;
  185.         }
  186.            
  187.         #chat-label {
  188.             color: {color:Secondary Font Color};
  189.         }
  190.            
  191.         #chat-inner ul {
  192.             list-style:none;
  193.         }
  194.        
  195.         /*LINKS*/
  196.        
  197.         #link-title {
  198.             margin-top: -10px;
  199.         }
  200.        
  201.         #link-description {
  202.             margin-top: -5px;
  203.             padding-bottom: 1px;
  204.         }
  205.        
  206.         /*AUDIO*/
  207.        
  208.         #audio-container img {
  209.             width: 100px;
  210.             height: 100px;
  211.             border: 1px solid {color:Audio Border Color};
  212.             padding: 2px;
  213.         }
  214.        
  215.         #audio-info {
  216.             padding-left: 10px;
  217.             vertical-align: middle;
  218.             text-transform: uppercase;
  219.             width: 275px;
  220.         }
  221.        
  222.         #audio-label {
  223.             color: {color:Secondary Font Color};
  224.         }
  225.        
  226.         #audio-player {
  227.             width: 27px;
  228.             height: 27px;
  229.             overflow: hidden;
  230.         }
  231.        
  232.         /*VIDEO*/
  233.        
  234.         #video {
  235.             margin: auto;
  236.         }
  237.        
  238.         /*ASKS*/
  239.        
  240.         #ask-portrait img {
  241.             border-radius: 50px;
  242.         }
  243.        
  244.         #ask-portrait {
  245.             vertical-align: top;
  246.         }
  247.        
  248.         #question {
  249.             vertical-align: top;
  250.             padding-left: 5px;
  251.             border-bottom: 1px solid {color:Ask Border Color};
  252.             width: 400px;
  253.             padding-right: 40px;
  254.             font-size: 12px;
  255.         }
  256.        
  257.         #asker {
  258.             font-family: 'Montserrat';
  259.             text-transform: uppercase;
  260.             font-size: 10px;
  261.         }
  262.        
  263.         #ask-table {
  264.             margin-bottom: -15px;
  265.         }
  266.    
  267.     /*POST INFO*/
  268.    
  269.     #info {
  270.         position: absolute;
  271.         margin-left: 525px;
  272.         max-width: 150px;
  273.         margin-top: -10px;
  274.     }
  275.    
  276.     #notes {
  277.         font-size: 20px;
  278.         font-weight: bold;
  279.         letter-spacing: 0.5px;
  280.         font-family: 'Montserrat';
  281.     }
  282.    
  283.     #date {
  284.         font-size: 10px;
  285.     }
  286.    
  287.     #date a {
  288.         color: {color:Main Font Color};
  289.     }
  290.    
  291.     #post-source {
  292.         font-size: 10px;
  293.     }
  294.    
  295.     #post-source a {
  296.         color: {color:Main Font Color};
  297.     }
  298.    
  299.     /*TAGS*/
  300.    
  301.     #tag-container {
  302.         background-color: {color:Post Footer BG Color};
  303.         border: 1px solid {color:Post Footer Border Color};
  304.         width: 524px;
  305.         margin-left: -21px;
  306.         margin-top: 20px;
  307.         padding: 7px;
  308.         padding-top: 9px;
  309.         overflow: hidden;
  310.         font-size: 9px;
  311.         letter-spacing: 0.5px;
  312.         text-transform: uppercase;
  313.         font-family: 'Montserrat';
  314.     }
  315.    
  316.     #tags {
  317.         float: left;
  318.         max-width: 480px;
  319.     }
  320.    
  321.     #likeandreblog {
  322.         float:right;
  323.         width: 35px;
  324.     }
  325.    
  326.     #reblog-button {
  327.         float: left;
  328.         opacity: 0.5;
  329.         transition-duration: 0.1s;
  330.     }
  331.    
  332.     #reblog-button:hover {
  333.         opacity: 1;
  334.     }
  335.    
  336.     #like-button {
  337.         float: right;
  338.         opacity: 0.5;
  339.         transition-duration: 0.1s;
  340.     }
  341.    
  342.     #like-button:hover {
  343.         opacity: 1;
  344.     }
  345.    
  346.     /*SIDEBAR*/
  347.    
  348.     #sidebar {
  349.         position: fixed;
  350.         float: left;
  351.         margin-left: 75px;
  352.         width: 325px;
  353.         margin-top: 70px;
  354.     }
  355.    
  356.     #sidebar-image img {
  357.         border: solid 15px {color:Sidebar Image Border Color};
  358.         width: 140px;
  359.         height: 140px;
  360.         padding: 3px;
  361.     }
  362.    
  363.     #sidebar-image {
  364.         float: left;
  365.         margin-bottom: 10px;
  366.     }
  367.    
  368.     .navlink {
  369.         background-color: {color:Nav Link BG Color};
  370.         color: {color:Nav Link Font Color};
  371.         margin-bottom: 2px;
  372.         width: 120px;
  373.         padding: 4px;
  374.         padding-left: 10px;
  375.         font-family: 'Montserrat';
  376.         text-transform: uppercase;
  377.         font-size: 10px;
  378.         border-left: 5px solid {color:Nav Link Border Color};
  379.         border-radius: 2px;
  380.         transition-duration: 0.3s;
  381.         letter-spacing: 1px;
  382.     }
  383.    
  384.     .navlink:hover {
  385.         background-color: {color:Nav Link Border Color};
  386.         letter-spacing: 3px;
  387.         color: {color:Nav Link Font Color Hover};
  388.     }
  389.    
  390.     #links {
  391.         float: right;
  392.         margin-top: 8px;
  393.     }
  394.    
  395.     #sidebar-title {
  396.         font-family: 'Montserrat';
  397.         font-size: 25px;
  398.         text-transform: uppercase;
  399.         font-weight: bold;
  400.         clear: both;
  401.         text-align: center;
  402.         letter-spacing: 1px;
  403.         color: {color:Sidebar Title Color};
  404.         line-height: 85%;
  405.     }
  406.    
  407.     #sidebar-description {
  408.         background-color: {color:Sidebar Description BG Color};
  409.         color: {color:Sidebar Description Font Color};
  410.         border-radius: 2px;
  411.         padding: 15px;
  412.         font-size: 12px;
  413.         width: 285px;
  414.         margin: auto;
  415.         margin-top: 10px;
  416.     }
  417.    
  418.     #pagination {
  419.         text-align: right;
  420.         font-family: 'Montserrat';
  421.         margin-top: 3px;
  422.         text-transform: uppercase;
  423.         font-size: 10px;
  424.     }
  425.    
  426.     .page {
  427.         padding: 3px;
  428.     }
  429.    
  430.     /*PERMALINK*/
  431.    
  432.     #permalink {
  433.         padding: 10px;
  434.     }
  435.    
  436.     /*CREDIT*/
  437.    
  438.     #credit {
  439.         position: fixed;
  440.         bottom: 10px;
  441.         right: 10px;
  442.         font-size: 11px;
  443.         font-family: 'Calibri';
  444.         letter-spacing: 0.5px;
  445.         text-transform: uppercase;
  446.         opacity: 0.5;
  447.     }
  448.    
  449.     {CustomCSS}
  450.    
  451. </style>
  452.  
  453. <body>
  454.  
  455. <!--SIDEBAR-->
  456.  
  457. <div id="sidebar">
  458.     <div id="sidebar-image"><img src="{image:Sidebar Image}"/></div>
  459.     <div id="links">
  460.         <a href="/"><div class="navlink">home</div></a>
  461.         <a href="/ask"><div class="navlink">ask</div></a>
  462.         <a href="/archive"><div class="navlink">archive</div></a>
  463.         {block:ifShowLink1}<a href="{text:Link 1 URL}"><div class="navlink">{text:Link 1 Title}</div></a>{/block:ifShowLink1}
  464.         {block:ifShowLink2}<a href="{text:Link 2 URL}"><div class="navlink">{text:Link 2 Title}</div></a>{/block:ifShowLink2}
  465.         {block:ifShowLink3}<a href="{text:Link 3 URL}"><div class="navlink">{text:Link 3 Title}</div></a>{/block:ifShowLink3}
  466.         {block:ifShowLink4}<a href="{text:Link 4 URL}"><div class="navlink">{text:Link 4 Title}</div></a>{/block:ifShowLink4}
  467.     </div>
  468.     <div id="sidebar-title">{Title}</div>
  469.     <div id="sidebar-description">
  470.         {Description}
  471.         <div id="pagination">
  472.         {block:PreviousPage}<a href="{PreviousPage}"><span id="prev-page" class="page">prev</span></a>/ {/block:PreviousPage}
  473.             {block:NextPage}<a href="{NextPage}"><span id="next-page" class="page">next</span></a>{/block:NextPage}
  474.         </div>
  475.     </div>
  476. </div>
  477.  
  478. <!--POSTS-->
  479.  
  480. <div id="entries">
  481. {block:Posts}
  482. <div id="posts">
  483.  
  484. <!--POST INFO-->
  485.     <div id="info">
  486.         <div id="notes"><a href="{Permalink}">{NoteCount}</a></div>
  487.         {block:Date}<div id="date"><a href="{Permalink}">{TimeAgo}</a></div>{/block:Date}
  488.         {block:RebloggedFrom}
  489.             <div id="post-source">
  490.             <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  491.             {block:ContentSource} /
  492.                 <a href="{SourceURL}" title="{SourceTitle}">source</a>
  493.             {/block:ContentSource}
  494.             </div>
  495.         {/block:RebloggedFrom}
  496.     </div>
  497.    
  498.     <!--TEXT POSTS-->
  499.     {block:Text}
  500.     <div id="text-inner">
  501.         {block:Title}
  502.         <div id="text-title">
  503.             <h3><a href="{Permalink}">{Title}</a></h3>
  504.         </div>
  505.         {/block:Title}
  506.         <div id="text-body">
  507.             {Body}
  508.         </div>
  509.     </div>
  510.     {/block:Text}
  511.    
  512.     <!--PHOTOS-->
  513.     {block:Photo}
  514.     <div id="photo-inner">
  515.         <div id="photo-img">
  516.             <center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>
  517.         </div>
  518.         {block:Caption}
  519.         <div id="photo-caption">
  520.             {Caption}
  521.         </div>
  522.         {/block:Caption}
  523.     </div>
  524.     {/block:Photo}
  525.    
  526.     <!--PHOTOSETS-->
  527.     {block:Photoset}
  528.     <div id="photoset-inner">
  529.         <div id="photoset-img">
  530.             {Photoset-500}
  531.         </div>
  532.         {block:Caption}
  533.         <div id="photoset-caption">
  534.             {Caption}
  535.         </div>
  536.         {/block:Caption}
  537.     </div>
  538.     {/block:Photoset}
  539.    
  540.     <!--LINKS-->
  541.     {block:Link}
  542.     <div id="link-inner">
  543.         <div id="link-title">
  544.             <h3><a href="{URL}"{Target}>{Name}</a></h3>
  545.         </div>
  546.         {block:Description}
  547.         <div id="link-description">
  548.             {Description}
  549.         </div>
  550.         {/block:Description}
  551.     </div>
  552.     {/block:Link}
  553.    
  554.     <!--QUOTES-->
  555.     {block:Quote}
  556.     <div id="quote-inner">
  557.         <div id="quote-text">
  558.             "{Quote}"
  559.         </div>
  560.         {block:Source}
  561.         <div id="quote-source">
  562.             {Source}
  563.         </div>
  564.         {/block:Source}
  565.     </div>
  566.     {/block:Quote}
  567.    
  568.     <!--CHATS-->
  569.     {block:Chat}
  570.     <div id="chat-inner">
  571.         {block:Title}
  572.         <div id="chat-title">
  573.             <h3>{Title}</h3>
  574.         </div>
  575.         {/block:Title}
  576.         <ul id="chat-lines">
  577.             {block:Lines}
  578.             <li class="{Alt}">
  579.                 <p>{block:Label}<span id="chat-label">{Label}</span>{/block:Label}
  580.                 {Line}</p>
  581.             </li>
  582.             {/block:Lines}
  583.         </ul>
  584.         {/block:Title}
  585.     </div>
  586.     {/block:Chat}
  587.    
  588.     <!--AUDIO-->
  589.     {block:Audio}
  590.     <div id="audio-inner">
  591.         <table cellspacing ="0" id="audio-container">
  592.             <tr>
  593.                 <td id="albumart">
  594.                     {block:AlbumArt}
  595.                     <img src="{AlbumArtURL}"/>
  596.                     {/block:AlbumArt}
  597.                 </td>
  598.                 <td id="audio-info">
  599.                     <div id="audio-info2">
  600.                     {block:TrackName}<span id="audio-label">Song:</span> {TrackName}<br>{/block:TrackName}
  601.                     {block:Artist}<span id="audio-label">Artist:</span> {Artist}<br>{/block:Artist}
  602.                     {block:Album}<span id="audio-label">Album:</span> {Album}<br>{/block:Album}
  603.                     <span id="audio-label">Plays:</span> {PlayCountWithLabel}
  604.                     </div>
  605.                 </td>
  606.                 <td id="audio-player-container"><div id="audio-player">{block:ifWhiteAudioPlayer}{AudioPlayerWhite}{/block:ifWhiteAudioPlayer}{block:ifBlackAudioPlayer}{AudioPlayerBlack}{/block:ifBlackAudioPlayer}</div></td>
  607.             </tr>
  608.         </table>
  609.         {block:Caption}
  610.         <div id="audio-caption">
  611.             {Caption}
  612.         </div>
  613.         {/block:Caption}
  614.     </div>
  615.     {/block:Audio}
  616.    
  617.     <!--VIDEOS-->
  618.     {block:Video}
  619.     <div id="video-inner">
  620.         <div id="video">
  621.             {Video-500}
  622.         </div>
  623.         {block:Caption}
  624.         <div id="video-caption">
  625.             {Caption}
  626.         </div>
  627.         {/block:Caption}
  628.     </div>
  629.     {/block:Video}
  630.    
  631.     <!--ASKS-->
  632.     {block:Answer}
  633.     <table id="ask-table" cellspacing="5px">
  634.         <tr id="question-container">
  635.             <td id="ask-portrait"><img src="{AskerPortraitURL-40}"/></td>
  636.             <td id="question"><span id="asker">{Asker}</span><br> {Question}</td>
  637.         </tr>
  638.         <tr id="answer">
  639.             <td colspan="2">{Answer}</td>
  640.         </tr>
  641.     </table>
  642.     {/block:Answer}
  643.    
  644.    <!--TAGS-->
  645.     <div id="tag-container">
  646.     {block:HasTags}
  647.         <div id="tags">
  648.             Tags: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  649.         </div>
  650.     {/block:HasTags}
  651.         <div id="likeandreblog">
  652.             {block:ifWhiteReblogAndLikeButton}
  653.                 <div id="reblog-button">{ReblogButton color="white" size="14"}</div>
  654.                 <div id="like-button">{LikeButton color="white" size="13"}</div>
  655.             {/block:ifWhiteReblogAndLikeButton}
  656.             {block:ifBlackReblogAndLikeButton}
  657.                 <div id="reblog-button">{ReblogButton color="black" size="14"}</div>
  658.                 <div id="like-button">{LikeButton color="black" size="13"}</div>
  659.             {/block:ifBlackReblogAndLikeButton}
  660.         </div>
  661.     </div>
  662.    
  663.     <!--PERMALINK PAGE-->
  664.     {block:PermalinkPage}
  665.         {block:PostNotes}
  666.             <br><br>
  667.             <div id="permalink">{PostNotes}</div>
  668.         {/block:PostNotes}
  669.     {/block:PermalinkPage}
  670.    
  671.    
  672. </div>
  673. {/block:Posts}
  674.  
  675. </div>
  676.  
  677. <div id="credit"><a href="http://officialcommanderlexa.tumblr.com">© officialcommanderlexa</a></div>
  678.  
  679. </body>
  680.    
  681. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!