sombrematsu

midori theme:・゚✧

Feb 9th, 2018
238
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.39 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <!--
  4. ✧゚プラスウルトラ!゚✧
  5.  
  6. midori theme by punkcherries
  7. base code by sppock
  8.  
  9. dont remove the credit!!
  10. u can change the credit img to match ur blog tho!!
  11. jus go to th bottom and change the "img src" url
  12. u can edit the code as u see fit but this is not a base code!! so dont repost as ur own or nothin pls ty
  13. -->
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{image:favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <link rel="shortcut icon" href="{image:favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <!--Default Variables-->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#aaaaaa"/>
  27. <meta name="color:Links" content="#888888"/>
  28. <meta name="color:Hover" content="#ffffff"/>
  29. <meta name="color:border" content="#8193e3"/>
  30. <meta name="color:sidebar bg" content="#eeeeee"/>
  31. <meta name="color:scrollbar" content="#aaaaaa"/>
  32. <meta name="color:post bg" content="#iiiiii"/>
  33. <meta name="color:blockquote" content="#000000"/>
  34.  
  35. <meta name="color:Chrome scrollbar" content="#000000" />
  36.  
  37. <meta name="image:Sidebar image" content=""/>
  38. <meta name="image:bg" content=""/>
  39. <meta name="image:favicon" content=""/>
  40. <meta name="image:side image" content="">
  41.  
  42.     <meta name="if:img bg" content="0"/>
  43.     <meta name="if:full bg" content="0"/>
  44.     <meta name="if:show captions" content="1"/>
  45.     <meta name="if:show tags" content="1"/>
  46.     <meta name="if:400px posts" content="1"/>
  47.     <meta name="if:300px posts" content="0"/>
  48.     <meta name="if:250px posts" content="0"/>
  49.     <meta name="if:posts center" content="1"/>
  50.     <meta name="if:posts left" content="0"/>
  51.     <meta name="if:posts right" content="0"/>
  52.     <meta name="if:rounded posts" content="1"/>
  53.     <meta name="if:rounded sidebar" content="1"/>
  54.     <meta name="if:borders" content="0"/>
  55.     <meta name="if:tiny cursor" content="0"/>
  56.     <meta name="if:side image right" content="0"/>
  57.     <meta name="if:dropdown menu" content="0"/>
  58.     <meta name="if:sidebar links" content="0"/>
  59.     <meta name="if:img fade" content="0"/>
  60.  
  61.     <meta name="select:font" content="consolas"/>
  62.     <meta name="select:font" content="inconsolata"/>
  63.     <meta name="select:font" content="trebuchet ms"/>
  64.     <meta name="select:font" content="lucida console"/>
  65.     <meta name="select:font" content="century gothic"/>
  66.     <meta name="select:font" content="courier new"/>
  67.     <meta name="select:font" content="ms gothic"/>
  68.     <meta name="select:border" content="solid"/>
  69.     <meta name="select:border" content="dashed"/>
  70.     <meta name="select:border" content="dotted"/>
  71.     <meta name="select:post corner rounded" content="0px"/>
  72.     <meta name="select:post corner rounded" content="3px"/>
  73.     <meta name="select:post corner rounded" content="5px"/>
  74.     <meta name="select:post corner rounded" content="7px"/>
  75.     <meta name="select:sidebar corner rounded" content="0px"/>
  76.     <meta name="select:sidebar corner rounded" content="3px"/>
  77.     <meta name="select:sidebar corner rounded" content="5px"/>
  78.     <meta name="select:sidebar corner rounded" content="7px"/>
  79.  
  80. <meta name="text:ask title" content="ask"/>
  81. <meta name="text:font size" content="13"/>
  82. <meta name="text:footer txt" content="10"/>
  83. <meta name="text:sidebar width" content="200px"/>
  84. <meta name="text:side image size" content="600"/>
  85. <meta name="text:post opacity" content="1"/>
  86. <meta name="text:next button" content="next"/>
  87. <meta name="text:back button" content="back"/>
  88. <meta name="text:side img placement" content="-2"/>
  89. <meta name="text:menu text" content="menu"/>
  90. <meta name="text:Link 1" content="1" />
  91. <meta name="text:Link 1 URL" content="" />
  92. <meta name="text:Link 2" content="2" />
  93. <meta name="text:Link 2 URL" content="" />
  94. <meta name="text:Link 3" content="3" />
  95. <meta name="text:Link 3 URL" content="" />
  96. <meta name="text:Link 4" content="4" />
  97. <meta name="text:Link 4 URL" content="" />
  98.  
  99. <!-- jquery for tooltips-->
  100.  
  101. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  102.  
  103. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  104.  
  105. <script>
  106.  
  107. (function($){
  108.  
  109. $(document).ready(function(){
  110.  
  111. $("a[title]").style_my_tooltips({
  112.  
  113. tip_follows_cursor:true,
  114.  
  115. tip_delay_time:30,
  116.  
  117. tip_fade_speed:300,
  118.  
  119. attribute:"title"
  120.  
  121. });
  122.  
  123. });
  124.  
  125. })(jQuery);
  126.  
  127. </script>
  128.  
  129.  
  130. <style type="text/css">
  131.  
  132.  
  133. {block:iftinycursor}
  134. *, body, a, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), auto;}{/block:iftinycursor}
  135.    
  136.  
  137.    /*This is the sidebar stylising thing... Yeah. I'm a professional alright? Feel free to remove or replace with your own scrollbar style. It all starts here. */
  138.  
  139.    ::-webkit-scrollbar-thumb {
  140.     min-height: 60px;
  141.     border-left: 10px solid {color:scrollbar};
  142.     border-right: 10px solid {color:scrollbar};
  143.     border-top: 2px solid {color:Background};
  144.     border-bottom: 2px solid {color:Background};
  145.     background: {color:Chrome scrollbar};
  146.     }
  147.  
  148. ::-webkit-scrollbar {
  149.     width: 15px;
  150.     height: 10px;
  151.     border-left: 5px solid {color:Background};
  152.     border-right: 5px solid {color:Background};
  153.     border-top: 2px solid {color:Background};
  154.     border-bottom: 2px solid {color:Background};
  155.     background: {color:Chrome scrollbar};
  156.     }
  157.        /* Ends here. */
  158.    
  159. blockquote {
  160.     border-left:2px solid {color:blockquote};
  161.     padding-left:10px;
  162.     margin:-2px 0px 5px 5px;
  163. }
  164.  
  165. body { /* Styles the whole theme, these are just basic things really. */
  166.     background-color:{color:Background}; /* Sets the colour of the background. */
  167.     background-image: url('{image:bg}');
  168.     {block:ifnotfullbg}
  169.         background-repeat: repeat;
  170.         background-attachment: fixed;
  171.         {/block:ifnotfullbg}
  172.         {block:iffullbg}
  173.         background-size: cover;
  174.         background-attachment: fixed;
  175.         {/block:iffullbg}
  176.     color:{color:Text}; /* Sets the colour of all text in posts and extra pages. */
  177.     font-family:{select:font}; /* Makes the font Arial, feel free to replace with another font. Only fonts that come preset with a computer will work unless you add a script... */
  178.     font-size:{text:font size}; /* Adjusts the text in posts/extra pages size. */
  179.     text-align:justify; /* This adjusts the text, right now it's set as justify which just lets the text be free and do whatever the poster/you set it as. If you want all the text in posts centered just replace with center or if you want it all from the left then replace with left. */
  180.     margin:0; /* The space around the text, I wouldn't touch this really. */
  181.     line-height:16px; /* The space between each line of text. Lower will make the lines between smaller and a larger number will increase the lines between. */
  182. }
  183.  
  184.  
  185. .tooltip { display: inline; position: relative; }
  186. #s-m-t-tooltip { max-width:400px; padding:1px 3px 1px 3px; margin:10px; background-color:#fff; border:1px solid  #777; font-family:{select:font}; font-size:{text:font size}; color: #777; z-index:999999; word-wrap:break-word; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
  187.  
  188.  a { color:{color:links}; text-decoration:none; transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; }
  189.  a:hover { color:{color:hover}; transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; }
  190.  h1 { font-size:14px; }
  191.  small { font-size:10px;  }
  192.  big { font-size:14px; }
  193.  pre { font-family:{select:font}; font-size:{text:font size}; border:1px solid {color:accent border}; background-color:{color:accent}; padding:5px 7px 5px 7px;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
  194.  }
  195.  
  196.  #pangaea { {block:if250pxposts} width:270px; {/block:if250pxposts} {block:if300pxposts} width:320px; {/block:if300pxposts} {block:if350pxposts} width:370px; {/block:if350pxposts} {block:if400pxposts} width:420px; {/block:if400pxposts} {block:if500pxposts} width:520px; {/block:if500pxposts} margin:auto; }
  197.  
  198. img { /* What all the images on the theme will look like */
  199.    {block:ifnotimgfade}opacity:1;{/block:ifnotimgfade} /* The opacity of the images, 1 is the most you can get which is full ocapacity, do 0.5 if you want it more transparent. */
  200.    
  201.    text-decoration:none;
  202. }
  203.  
  204. {block:ifimgfade}#posts img, #posts iframe {
  205.  
  206.     opacity:0.8;
  207.  
  208.     -moz-transition-duration: 0.5s;
  209.  
  210.     -o-transition-duration: 0.5s;
  211.  
  212.     -webkit-transition-duration: 0.5s;
  213.  
  214.     transition-duration: 0.5s;}
  215.    
  216.     #posts img:hover, #posts iframe:hover {
  217.  
  218.     opacity:1;
  219.  
  220.     -webkit-filter:none;
  221.  
  222.     -moz-transition-duration: 0.5s;
  223.  
  224.     -o-transition-duration: 0.5s;
  225.  
  226.     -webkit-transition-duration: 0.5s;
  227.  
  228.     transition-duration: 0.5s;}{/block:ifimgfade}
  229.  
  230. small { /* Small text will be this size, always make relatively smaller than the 'big' font */
  231.    font-size:9px;
  232. }
  233.  
  234. big { /* Big text will be this size, always make relatively bigger than the 'small' font */
  235.    font-size:15px;
  236. }
  237.  
  238. #sidebar { /* This is how the Next and Back buttons will look!*/
  239.   position:fixed; /* This keeps the sidebar where it is, if you want it to move with the page then replace with 'float' */
  240.   width:{text:sidebar width};
  241.   background:{color:sidebar bg};
  242.   margin-left:-225px; /* Positions the sidebar as a whole horizontally, lower value will move it more to the left, etc. */
  243.   margin-top:100px; /* Does the same thing but moves it up and down, a lower value will move it nearer the top of the page, etc. */
  244.   padding:10px; /* How much 'invisible' space will be around your sidebar */
  245.   border:{block:ifborders}{select:border}{/block:ifborders} 1px {color:border};
  246.   border-radius:{select:sidebar corner rounded}
  247. }
  248.  
  249. #sidebarim { /* Sets the 'container' for the image itself to go in. */
  250.   margin-bottom:5px; /* Adjusts how much space there is between the bottom of the sidebar image and the description, lower will bring the description closer, etc. */
  251.   ;
  252.  
  253. }
  254.  
  255. #sidebarim img { /* The actual image! */
  256.   width:{text:sidebar width}
  257. }
  258.  
  259. #description { /* This ones pretty telling tbh, it's to style the description! */
  260.   line-height:normal; /* Leaving this at normal is recommended but if you want the lines squished together a little more I'd replace it with 1px*/
  261.   margin:10px 10;
  262.   padding:5px 4px 5px 5px; /* When the padding looks like this with 4 px values, I like to imagine a little rectangle around the thing you're styling, It starts as the top, then the right of the "rectangle", the bottom and then the left.*/
  263.   color:{color:Text};
  264.   width:relative; /* Good to keep this 10 less than your sidebar width. */
  265.   text-align:center; /* This centers the text, if you want to make it come from the left, just put 'left' instead and same for the right. */
  266. }
  267.  
  268. #ks { width: {text:menu tab width}px ;
  269. height:102px;
  270. {block:ifborders}border:{select:sidebar border style} {color:sidebar border}{/block:ifborders} ;
  271. background-color:{color:sidebar};
  272. overflow:hidden;
  273. padding-top:9px;
  274. padding-bottom:3px; }
  275.  
  276.  #hk { text-align:center;  
  277.  width:{text:menu tab width}px;
  278.  margin-top:-116px;
  279.  margin-left:10px;  
  280.  -moz-transition: all 0.6s ease;
  281.  -webkit-transition: all 0.6s ease;
  282.  -o-transition: all 0.6s ease;  
  283.  transition: all 0.6s ease;
  284.  -moz-transition-delay: 0.2s;
  285.  -webkit-transition-delay: 0.2s;
  286.  -o-transition-delay: 0.2s;  
  287.  transition-delay: 0.2s; }
  288.  
  289.  #hk:hover { margin-top:-1px;  }
  290.  
  291.  #menu { {block:ifdropdownmenu}display:block; line-height:20px;
  292.  {block:ifborder}border:{select:border} {color:border};{/block:ifborder}
  293.  padding-top:2px; text-align:center;  
  294.  width: {text:menu tab width} ;
  295.  border-top:1px dotted {color:border} ;
  296.  background-color:{color:sidebar};
  297.  margin-top:-1px;{/block:ifdropdownmenu}
  298.  }
  299.  
  300. #links { {block:ifsidebarlinks}/* The container for your sidebar links */
  301.   padding:0px 5px 0px 4px; /* When the padding looks like this with 4 px values, I like to imagine a little rectangle around the thing you're styling, It starts as the top, then the right of the "rectangle", the bottom and then the left. */
  302.   margin-top:6px; /* Space between the bottom of the description and the top of your links */
  303.   line-height:10px;
  304.   text-align:center; /* Adjusts where the links will be, left, center or right. Center is best normally. */{/block:ifsidebarlinks}
  305. }
  306.  
  307. #links a {{block:ifsidebarlinks} /* Now this stylises the links individually! */
  308.   margin:2px; /* How much space there will be between each link, lower will bring it closer together. */
  309.   display:inline-block;
  310.   margin-bottom:5px; /* Will adjusts how much space between the bottom of the links and the navigations */{/block:ifsidebarlinks}
  311. }
  312.  
  313. #pagination { /* This is how the Next and Back buttons will look!*/
  314.   padding-bottom:7px;
  315.   width:125px; /* Usually good to keep the same size or smaller than your sidebars width. */
  316.   margin:-10px 0;
  317.   text-align:center;
  318.   font-weight:bold;
  319. }
  320.  
  321. #pagination a {
  322.   padding:0 15px; /* This just styles how far apart the Next and Back buttons will be from each other. */
  323. }
  324.  
  325. /*container, basically how wide you're whole theme is? If that makes sense...*/
  326. #con {
  327.   left:50%; /*The smaller the percentage, the closer to the left your whole theme will go.*/
  328.   margin-left:-250px;
  329.   position:absolute; /*No need to touch this, really!*/
  330. }
  331.  
  332. /*posts, change how wide your posts are and how close to the top the posts start on the blog!*/
  333.  
  334. #entries {
  335.   margin-top:75px; /*This is to change how high your posts start, I really wouldn't go below at least 40 cause then the top of your browser will start consuming your posts... unless that's your aesthetic, I guess?*/
  336.  
  337.   width:500px; /*This is to change the post width, i recommend leaving it at 500 but if you want smaller don't go below 400 (just my personal opinion) cause then the posts just get ridiculously small and nobody got time for that crappy shit.*/
  338. }
  339.  
  340. #posts {
  341.   {block:ifpostscenter} margin:auto; {/block:ifpostscenter} {block:ifpostsleft} margin-left:140px; {/block:ifpostsleft} {block:ifpostsright} float:right; margin-right:150px; {/block:ifpostsright} {block:if250pxposts} width:282px; {/block:if250pxposts} {block:if300pxposts} width:332px; {/block:if300pxposts} {block:if400pxposts} width:432px; {/block:if400pxposts} ;
  342.   padding:10px;
  343.   {block:IndexPage}
  344.   margin-bottom:75px; /* Adjusts the space between each post! */
  345.   {/block:IndexPage}
  346.   {block:linkPage}
  347.   margin-bottom:50px; /*Adjusts the space on your extra pages! */
  348.   {/block:linkPage}
  349.   background:{color:post bg};
  350.   background:{text:post opacity};
  351.   border:{block:ifborders}{select:border}{/block:ifborders} 1px {color:border};
  352.   border-radius:{select:post corner rounded}
  353. }
  354.  
  355.  
  356.  
  357. #posts img {
  358.   {block:ifpostscenter} margin:auto; {/block:ifpostscenter} {block:ifpostsleft} margin-left:140px; {/block:ifpostsleft} {block:ifpostsright} float:right; margin-right:150px; {/block:ifpostsright} {block:if250pxposts} width:auto; {/block:if250pxposts} {block:if300pxposts} width:auto; {/block:if300pxposts} {block:if400pxposts} width:auto; {/block:if400pxposts};
  359.   /*Make this the same size as you've made your post width.*/
  360. }
  361.  
  362.  .seto { display:block; width:100%; height:16px; line-height:16px; overflow:hidden; text-align:center; font-family:courier; font-size:12px; letter-spacing:1px; color:{color:links}; }
  363.  .seto:hover { color:{color:hover}; }
  364.  
  365. #posts img, #posts li, #posts blockquote {
  366.   max-width: 100%;}
  367. .caption {
  368.   width:100%;
  369.   margin-top:10px;
  370. }
  371.  
  372. /*What your quote posts look like, don't really need to change anything except the font size to match whatever you desire...*/
  373. #titlequote{
  374.   text-align:left;
  375.   font-size:14px; /*Yeah, this.*/
  376.   line-height:18px;
  377.   font-weight:bold;
  378. }
  379. /*Quote source, y'know like how the staff put '- Wisdom of Confucius.' in that example quote post? Yeah, that. We all have that quote ingrained into our minds by now. I don't care how slow I'm going you Banksy shit, I'll take my goddamn time.*/
  380. #source {
  381.   margin-top:15px; /*How close Confucius gonna be to the actual quote, no seriously this changes how close to the bottom of the quote the source will be.*/
  382.   margin-left:15px;/*And this changes how far along it'll be, the lower the number the closer to the left of the post it'll go.*/
  383. }
  384.  
  385. /*Audio posts! I wouldn't touch this really, Tumblr actually does a relitively good job itself (Holy Shit, wild right?) in making audio players a good size on it's own on a theme.*/
  386. .player {
  387.   width:25px;
  388.   height:25px;
  389.   overflow:hidden;
  390.   position:absolute;
  391.   background:white; /*This actually doesn't matter so like if your backgrounds blood-red (It's fucking orange) then it'll just become transparent so it'll blend in. Don't worry.*/
  392. }
  393.  
  394. .audioinfo {
  395.   margin-left:50px; /*This changes how far along audio information is, remember, the lower the number the closer to the left it'll be*/
  396. }
  397.  
  398. /*Asks! Stylize your anon hate, today!*/
  399. .q { /*The Asker-er-er...er? The person who asks the question and their username.*/
  400.   margin-bottom:10px;
  401. }
  402. .as { /*The actualy ask/question.*/
  403.   font-weight:bold;}
  404.  
  405. .a { /*Your answer, which is probably a sarcastic remark or a gif. Nice.*/
  406.   margin-top:10px;
  407. }
  408.  
  409.  
  410. /*Chat posts, nothing really significant to change really.*/
  411. .chat ol {
  412.   padding:0;
  413.   list-style:none;
  414. }
  415. .line {
  416.   padding:5px 0;
  417. }
  418. .label {
  419.   font-weight:bold; /*This will change the persons name in the quote to bold, or you can do italics or none...*/
  420. }
  421.  
  422. #link { /*Your footer links, not your sidebar links, just link to like the post source or via or whatever. That sorta links.*/
  423.   margin-top:15px; /*Don't change this, really.*/
  424.   font-size:9px; /*I wouldn't make your link size too much bigger than your overall text size, it just looks weird and cluttered if it's bigger/smaller*/
  425.   text-transform:lowercase; /*You can make all your links uppercase if you'd like or just remove this line of code to just leave the links how they'd normally be...*/
  426.   background:{color:Background};
  427. }
  428.  
  429. #link a { /* I wouldn't change any of these two codes, add though. Always good to add your own shit.  */
  430.     margin-right:10px;
  431.     color:{color:Text};
  432. }
  433.  #link a:hover {
  434.      margin-right:10px; /* If you did change the margin-right in the link a then make this time same number as you put there.  */
  435.      color:{color:Hover};
  436. }
  437.  
  438. .tags { /* The tags for your posts  */
  439.      word-break:break-all; /* No touch-y! */
  440.      font-size:{text:footer txt}px
  441. }
  442.  
  443. .pagenotes { /* This changes how all the note reblogs/likes on a post, when you click to see an individual post and it shows you that big list of everyone whose reblogged/liked it. That thing.  */
  444.      {block:IndexPage}
  445.      display: none!important; /* This makes peoples icons not show beside their url but remove this if you want peoples icons to be shown!  */
  446.      {/block:IndexPage}
  447.      width:400px; /* Make this 100 less than your post width!  */
  448.      text-align:left; /* Don't touch this, no-no-no-no! stick to the   */
  449.  
  450. }
  451. .pagenotes img { /* This is for when you see whose reblogged a post and stuff, that big list thing yeah. */
  452.   display:none!important;} /* This is hiding the icons of people's blogs who have reblogged/liked a post, remove it if you want the images to show. */
  453. .pagenotes li { /* Styles the links of the people. */
  454.   list-style-type:none;
  455.   padding:5px 0px;
  456.   text-align:left;
  457.   margin:0 0 0 -40px;
  458. }
  459.  
  460. #cred { /* Styles the credit that shows people that YOU made the theme. YOU. No-one else. It's like pissing on your territory. */
  461.   padding:4px 4px 4px 3px;
  462.   position: fixed; /* Fixes it in place, like the sidebar image so it'll always be seen. Always. No escape. */
  463.   bottom: 6px; /* The distance it will be from the bottom of the page, lower number will bring it lower. */
  464.   right: 6px; /* The distance from the right of the page, change this to left if you want the credit to be on the left side of the page instead, etc */
  465.   color:{color:Links};
  466.   z-index: 99;
  467.   font-size: 9px;
  468. }
  469.  
  470. {CustomCSS}
  471.  
  472. </style> <!-- End of the styling! Wooh! You've made it this far! Now I gotta talk to you with a different kinda code thing... Interesting... --->
  473.  
  474.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("title").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  475.  
  476.  <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".links_body").hide(); $(".links_head").click(function(){ $(this).next(".links_body").slideToggle('fast'); }); }); </script> <style type="text/css"> .links_list { margin:0px; padding:0px; width:180px;} .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;} .links_body { padding:10px; text-align:left; color: #fff; display:none;} </style>
  477.  
  478.  
  479. </head> <!-- End of the Head container. --->
  480.  
  481. <body>
  482.  <div style="position:fixed; bottom:-2px; {block:ifsideimageright} right:{text:side img placement}px; {/block:ifsideimageright} {block:ifnotsideimageright} left:{text:side img placement}px; {/block:ifnotsideimageright}  z-index: -2;"><img height={text:side image size} width=relative style="border: 0;" src="{image:side image}"/></div>
  483.  
  484.  
  485.   <div id="pangaea">
  486.  
  487. <div id="con"> <!-- Sets the 'container', y'know the one you stylised a while ago. Yeah, that. Basically sets your theme down on the page. --->
  488.  
  489. <div id="sidebar"> <!-- The start of your sidebar container --->
  490.  
  491. <div id="sidebarim"><a href="/" title="{title}"><img src="{image:Sidebar image}"></a></div><!-- Sidebar image, probably an anime character facing left. It always is. --->
  492.  
  493.  {block:ifsidebarlinks}<div id="links"> <!-- The start of your sidebar links container, below are all the links... --->
  494. <a href="/ask">{text:ask title}</a>
  495. <a href="{text:link 1 URL}">{text:link 1}</a>
  496. <a href="{text:link 2 URL}">{text:link 2}</a>
  497. <a href="{text:link 3 URL}">{text:link 3}</a>
  498. <a href="{text:link 4 URL}">{text:link 4}</a>
  499. </div>{/block:ifsidebarlinks} <!-- End of your links container --->
  500.  
  501. <div id="description">{Description}</div>
  502.  <br>
  503.  
  504.  <div id="pagination"> <!-- Start of your navigation, aka the Next and Back buttons --->
  505. {block:Pagination}
  506. {block:PreviousPage}
  507. <a href="{PreviousPage}">{text:back button}</a>
  508. {/block:PreviousPage}
  509.  
  510.  
  511. {block:NextPage}
  512. <a href="{NextPage}">{text:next button}</a>
  513. {/block:NextPage}
  514. {/block:Pagination}
  515. </div> <!-- The end of the navigation container --->
  516.  
  517.     {block:ifdropdownmenu}<div class="links_list">
  518.     <p class="links_head">{text:menu text}</p>
  519.     <div class="links_body">
  520.     <div class="seto">
  521.     <div align="center">
  522.     <a href="/ask">{text:ask title}</a>
  523.     <a href="{text:link 1 url}">{text:link 1}</a>
  524.     <a href="{text:link 2 url}">{text:link 2}</a>
  525.     <a href="{text:link 3 url}">{text:link 3}</a>
  526.     <a href="{text:link 4 url}">{text:link 4}</a> </div> </div></div></div>
  527.  
  528. {/block:ifdropdownmenu}
  529.    
  530. </div>
  531.  
  532.  
  533. </div> <!-- The end of your sidebar container! --->
  534.  
  535.  
  536.  
  537. <div id="entries"> <!-- The start of your whole post container --->
  538.  
  539. {block:Posts} <!-- This actually shows the posts on your block. Don't remove this like... Don't... Why are you making a theme in the first place if you ain't gonna reblog some pretty pictures or lesbian couples or whatever. Show the world you fuck. --->
  540. <div id="posts"> <!-- The start of each post container --->
  541.  
  542. <!-- Legit just don't touch anything under this unless you know at least what you're kinda doing. Here's a codeword. Wowza. Don't touch anything until you see the word 'WOWZA' starting NOW. --->
  543.  
  544.  
  545.  
  546. {block:Quote}
  547.  
  548.  
  549. <div id="titlequote">“{Quote}”</div>
  550. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  551. {/block:Quote}
  552.  
  553.  
  554.  
  555. {block:Text}
  556.  
  557. {block:Title}
  558. <div id="title">{Title}</div>{/block:Title}
  559. {Body}
  560. {/block:Text}
  561.  
  562. {block:Link}
  563. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  564. {/block:Link}
  565.  
  566. {block:Chat}
  567. {block:Title}
  568. <h1>{Title}</h1>
  569. {/block:Title}
  570. <div class="chat">
  571. <ol>{block:Lines}
  572. <li class="line {Alt}">
  573. {block:Label}
  574. <span class="label">
  575. {Label}</span>
  576. {/block:Label}{Line}</li>
  577. {/block:Lines}
  578. </ol></div>
  579. {/block:Chat}
  580.  
  581.  {block:Photo}
  582.             {LinkOpenTag}
  583.             <img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width: {block:if250pxposts}280px{/block:if250pxposts} {block:if300pxposts}330px{/block:if300pxposts}{block:if400pxposts}430px{/block:if400pxposts};">
  584.             {LinkCloseTag}
  585.             {/block:Photo}
  586.  
  587. {block:Photoset}
  588.             {LinkOpenTag}
  589.             {Photoset}
  590.             {LinkCloseTag}
  591.             {/block:Photoset}
  592.  
  593.  
  594. {block:Video}
  595. {Video-500}
  596. {/block:Video}
  597.  
  598. {block:Audio}
  599. <div class="player">{AudioPlayerWhite}</div>
  600. <div class="audioinfo">
  601. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  602. </div>
  603. {/block:Audio}
  604.  
  605. {block:Answer}
  606. <div class="q">
  607. <div class="as">{Asker} said: </div>
  608. {Question}</div>
  609. <div class="a">{Answer}</div>
  610. {/block:Answer}
  611.  
  612. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  613.  
  614. {block:Date}
  615. <div id="link">
  616. {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  617. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  618. </div>
  619. {/block:Date}
  620.  
  621.  
  622.  
  623. </div>
  624.  
  625.  
  626. {block:PostNotes}
  627. <div class="pagenotes">
  628. {PostNotes}
  629. </div>
  630. {/block:PostNotes}
  631.  
  632.  
  633. {/block:Posts}
  634.  
  635.  
  636.  
  637. </div>
  638.  
  639. </div>
  640.  
  641.  
  642. {block:ContentSource}
  643. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  644. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  645. {/block:SourceLogo}
  646. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  647. {/block:ContentSource}
  648.  
  649.  <!--credit!!-->
  650.  <div id="cred"><a href="https://punkcherries.tumblr.com" title="theme"><img src="https://orig00.deviantart.net/774a/f/2016/209/1/1/light_gray_bouncing_cat_emoji_by_kaidahthedragon-dabrkr1.gif"></a></div>
  651. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment