API tools faq
paste
Advertisement
Jousway

Jousway's Tumblr Theme Source

Jousway
Jul 17th, 2012
217
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.72 KB | None | 0 0
raw download clone embed print report
  1. <!-- Because "people" like "M*x D*vis" cant understand where the enter key is, and crop stuff all over the place, and right and need to put shameless self adverisment all over their themes, I'm like, !@#$ YOU, I'LL WRITE IT MYSELF
  2.  
  3. So ya, about this theme because maybe people will wonder
  4. This theme has been made by Jousway for Shantaru, if you want a theme like this, go um... google me or something, like its "Jousway" not that hard to find.
  5. But yeah lets add some proper info
  6.  
  7. --------------------
  8. Creator: Jousway
  9. E-Contact: zettbou@gmail.com *or just google me*
  10. Date: 7/17/2012
  11. CC: Attribution-NonCommercial 3.0 Unported (CC BY-NC 3.0) *YES I'M POINTING THIS OUT TO YOU GUYS WHO TEND TO SELL OTHER PEOPLES STUFF*
  12. --------------------
  13.  
  14. -->
  15.  
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <!-- use proper doctype and xmlns to define stuff okey! :> -->
  20.  
  21.     <head><!-- FOR THE HORDE -->
  22.         <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  23.         <!-- THE TITLE OF TITLES -->
  24.         <meta name="image:Background" content="" />
  25.        
  26.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  27.         <!-- and then the meta charset, *random guy* "But jousway why do we need to define charset?", SO STUFF WORKS PROPERLY, NOW STOP QUESTING MY STUFF, AND DO WHAT I SAY -->
  28.    
  29.         <link rel="shortcut icon" href="{Favicon}" />
  30.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31.         <link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'><!-- DAT FONT -->
  32.         <link href='http://fonts.googleapis.com/css?family=Squada+One' rel='stylesheet' type='text/css'><!-- easy(ier) to read font for cc stuff -->
  33.  
  34.         <style type="text/css"> /* The Once-ler (Ed Helms): HOW BAD CAN I BE  (listen to this song, its good) */
  35.             body {
  36.                 background-image: url({image:background});
  37.                 background-repeat: no-repeat;
  38.                 background-size: 145% auto;
  39.                 background-attachment: fixed;
  40.                 background-position: center top;
  41.                 font-family: 'Merienda One', cursive;
  42.                 text-align: center;    
  43.                 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  44.                 font-size: 12px;
  45.                 color:#FFFFFF;
  46.             }
  47.  
  48.             .clear {
  49.                 clear: both;
  50.             }
  51.                                
  52.             /* defining the main container ;) */  
  53.             .Metallica_One {
  54.                 text-align: center;    
  55.                 margin: 0px auto;
  56.             }
  57.                                
  58.             /* because we want the avatar and to be next to the posts we need another container */
  59.             .WHY_CANT_I_HOLD_ALL_THESE_FEELINGS {
  60.                 text-align: center;    
  61.                 width: 1000px;
  62.                 margin: 0px auto;
  63.             }  
  64.                        
  65.             /* nice colour around div fitting with the background :) */
  66.             .At_Worlds_End {
  67.                 -webkit-border-radius: 10px;
  68.                 -moz-border-radius: 10px;
  69.                 border-radius: 10px;
  70.                 border: 10px solid rgb(8, 31, 47); /* border fallback */
  71.                 border: 10px solid rgba(32, 170, 217, .5); /* border fallback for nice browsers */
  72.                 -webkit-background-clip: padding-box; /* border for Safari */
  73.                 background-clip: padding-box; /* border for IE9+, Firefox 4+, Opera, Chrome */
  74.                 overflow: hidden;
  75.             }
  76.                
  77.             .Scroller { position:fixed; }
  78.                        
  79.             /* avatar and user info div (ignore my silly names) ;), update: actually I'ma use it for all the stuff */
  80.             .The_Legend_of_Korra {
  81.                 background-clip: padding-box; /* border for IE9+, Firefox 4+, Opera, Chrome */
  82.                 background: rgb(255, 255, 255) transparent; /* div transparency fallback */
  83.                 background: rgba(255, 255, 255, 0.8); /* div transparency for nice browsers */
  84.                 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); /* div transparency for IE 6/7 */
  85.                 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* div transparency for IE8 */      
  86.             }
  87.  
  88.             /* bottom CC protection, YES ITS A SAD WORLD :( */
  89.             .CANT_TOUCH_THIS {
  90.                 font-family: 'Squada One', cursive;
  91.                 font-size: 15px;
  92.                 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  93.                 color:#FFFFFF;
  94.                 width: 140px;
  95.                 margin: 0px auto;
  96.             }
  97.                
  98.             .HoNk {
  99.                 background: #22a1cc;
  100.                 background: -moz-linear-gradient(top,  #22a1cc 1%, #1a83a7 100%);
  101.                 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#22b5e1), color-stop(100%,#1a83a7));
  102.                 background: -webkit-linear-gradient(top,  #22a1cc 1%,#1a83a7 100%);
  103.                 background: -o-linear-gradient(top,  #22a1cc 1%,#1a83a7 100%);
  104.                 background: -ms-linear-gradient(top,  #22a1cc 1%,#1a83a7 100%);
  105.                 background: linear-gradient(to bottom,  #22a1cc 1%,#1a83a7 100%);
  106.                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a1cc', endColorstr='#1a83a7',GradientType=0 );
  107.                 border: 1px solid rgb(0, 0, 0); /* border fallback */
  108.                 border: 1px solid rgba(0, 0, 0, .9); /* border for nice browsers */
  109.                 -webkit-background-clip: padding-box; /* border for Safari */
  110.                 background-clip: padding-box; /* border for IE9+, Firefox 4+, Opera, Chrome */
  111.                 font-size: 18px;
  112.                 opacity:0.68;
  113.                 filter:alpha(opacity=68);
  114.                 padding:4px;
  115.             }
  116.                                
  117.             .HoNk:hover {
  118.                 opacity:0.85;
  119.                 filter:alpha(opacity=85);
  120.             }
  121.            
  122.             .Woop_Woop {
  123.                 text-align:center;
  124.                 background-color:#000000;
  125.                 border:6px solid black;
  126.                 -webkit-border-radius: 7px;
  127.                 -moz-border-radius: 7px;
  128.                 border-radius: 7px;
  129.                 margin-bottom: 5px;
  130.                 opacity:0.7;
  131.                 filter:alpha(opacity=70);
  132.             }
  133.            
  134.             .GAY_SWIMMING {
  135.                 background-color:#000000;
  136.                 border:6px solid black;
  137.                 -webkit-border-radius: 7px;
  138.                 -moz-border-radius: 7px;
  139.                 border-radius: 7px;
  140.                 margin-bottom: 5px;
  141.             }
  142.  
  143.             a:link {color:#FFFFFF;text-decoration:none;}      /* unvisited link */
  144.             a:visited {color:#FFFFFF;text-decoration:none;}  /* visited link */
  145.             a:hover {color:#FFFFFF;text-decoration:none;}  /* mouse over link */
  146.             a:active {color:#FFFFFF;text-decoration:none;}  /* selected link */
  147.         </style>
  148.  
  149.     </head>
  150.     <body>
  151.         <div class="Metallica_One" >
  152.             <div class="WHY_CANT_I_HOLD_ALL_THESE_FEELINGS" >
  153.                 <div class="Scroller" style="width:230px">
  154.                     <div class="At_Worlds_End" style="width:230px;float:left;margin-right:50px;margin-bottom:25px;" >
  155.                         <div class="The_Legend_of_Korra" >
  156.                             <a href="/" ><h1 style="margin: 0px;" >{title}</h1></a>
  157.                             <img src="{PortraitURL-128}" style="border: 4px solid black;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;" vspace="10px" /><br />
  158.                             {Description}<br /><br /><!-- DONT JUDGE ME! >:V -->
  159.                         </div>
  160.                     </div>
  161.                     <div class="At_Worlds_End" style="width:230px;float:left;margin-right:1000px;margin-bottom:25px;" >
  162.                         <div class="The_Legend_of_Korra" >
  163.                             <a href="http://{Name}.tumblr.com/" ><div class="HoNk">{Name}'s Home</div></a>
  164.                             {block:AskEnabled}
  165.                                 <a href="http://{Name}.tumblr.com/ask" ><div class="HoNk">{AskLabel}</div></a>
  166.                             {/block:AskEnabled}
  167.                         </div>
  168.                     </div>
  169.                     <div class="At_Worlds_End" style="width:230px;float:left;margin-right:1000px;" >
  170.                         <div class="The_Legend_of_Korra" >
  171.                             <h2 style="margin: 0px;" >
  172.                                 Page: {CurrentPage}/{TotalPages}<br />
  173.                             </h2>
  174.                             <h1 style="margin: 0px;" >
  175.                                 {block:NextPage}
  176.                                     <a href="{NextPage}"><font size="20">&#171;</font></a>
  177.                                 {/block:NextPage}
  178.                                 {block:PreviousPage}  
  179.                                     <a href="{PreviousPage}"><font size="20">&#187;</font></a>
  180.                                 {/block:PreviousPage}
  181.                             </h1>
  182.                         </div>
  183.                     </div>
  184.                 </div>
  185.                 <div class="At_Worlds_End" style="width:680px;float:right;" >
  186.                     <div class="The_Legend_of_Korra" style="margin: 0px; height: 100%;">
  187.                         <br />
  188.                         <!-- Post stuff -->
  189.                    
  190.                    
  191.                         <ol id="posts" style="margin-top: 10px;margin-right: 40px;text-align:left;" >
  192.                             {block:Posts}
  193.                                 {block:Text}
  194.                                     <li class="post text" >
  195.                                         {block:Title}
  196.                                             <h1 class="Woop_Woop" ><a href="{Permalink}">{Title}</a></h1>
  197.                                         {/block:Title}
  198.  
  199.                                         {Body}
  200.                                     </li>
  201.                                     {block:PostNotes}
  202.                                         <div class="GAY_SWIMMING" >
  203.                                             Notes:
  204.                                         </div></br>
  205.                                         {PostNotes}
  206.                                     {/block:PostNotes}
  207.                                 {/block:Text}
  208.    
  209.                                 {block:Photo}
  210.                                     <li class="post photo" style="text-align:center" >
  211.                                         <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  212.  
  213.                                         {block:Caption}
  214.                                             <div class="caption">{Caption}</div>
  215.                                         {/block:Caption}
  216.                                     </li>
  217.                                     {block:PostNotes}
  218.                                         <div style="" >
  219.                                             Notes:
  220.                                         </div></br>
  221.                                         {PostNotes}
  222.                                     {/block:PostNotes}
  223.                                 {/block:Photo}
  224.  
  225.                                 {block:Photoset}
  226.                                     <li class="post photoset">
  227.                                         {Photoset-500}
  228.  
  229.                                         {block:Caption}
  230.                                             <div class="caption">{Caption}</div>
  231.                                         {/block:Caption}
  232.                                     </li>
  233.                                     {block:PostNotes}
  234.                                         <div class="GAY_SWIMMING" >
  235.                                             Notes:
  236.                                         </div></br>
  237.                                         {PostNotes}
  238.                                     {/block:PostNotes}
  239.                                 {/block:Photoset}
  240.  
  241.                                 {block:Quote}
  242.                                     <li class="post quote" >
  243.                                         <h2 class="Woop_Woop" style="margin: 0px" >"{Quote}"</h2>
  244.  
  245.                                         {block:Source}
  246.                                             <div class="source">{Source}</div>
  247.                                         {/block:Source}
  248.                                     </li>
  249.                                     {block:PostNotes}
  250.                                         <div class="Woop_Woop" >
  251.                                             Notes:
  252.                                         </div></br>
  253.                                         {PostNotes}
  254.                                     {/block:PostNotes}
  255.                                 {/block:Quote}
  256.  
  257.                                 {block:Link}
  258.                                     <li class="post link">
  259.                                         <h1 class="Woop_Woop" ><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  260.  
  261.                                         {block:Description}
  262.                                             <div class="description">{Description}</div>
  263.                                         {/block:Description}
  264.                                     </li>
  265.                                     {block:PostNotes}
  266.                                         <div class="GAY_SWIMMING" >
  267.                                             Notes:
  268.                                         </div></br>
  269.                                         {PostNotes}
  270.                                     {/block:PostNotes}
  271.                                 {/block:Link}
  272.  
  273.                                 {block:Chat}
  274.                                     <li class="post chat">
  275.                                         {block:Title}
  276.                                             <h3><a href="{Permalink}">{Title}</a></h3>
  277.                                         {/block:Title}
  278.  
  279.                                         <ul class="chat">
  280.                                             {block:Lines}
  281.                                                 <li class="{Alt} user_{UserNumber}" >
  282.                                                     <div class="Woop_Woop">
  283.                                                         {block:Label}
  284.                                                             <span class="label">{Label}</span>
  285.                                                         {/block:Label}
  286.  
  287.                                                         {Line}
  288.                                                     </div>
  289.                                                 </li>
  290.                                             {/block:Lines}
  291.                                         </ul>
  292.                                     </li>
  293.                                     {block:PostNotes}
  294.                                         <div class="GAY_SWIMMING" >
  295.                                             Notes:
  296.                                         </div></br>
  297.                                         {PostNotes}
  298.                                     {/block:PostNotes}
  299.                                 {/block:Chat}
  300.  
  301.                                 {block:Video}
  302.                                     <li class="post video">
  303.                                         {Video-500}
  304.  
  305.                                         {block:Caption}
  306.                                             <div class="caption">{Caption}</div>
  307.                                         {/block:Caption}
  308.                                     </li>
  309.                                     {block:PostNotes}
  310.                                         <div class="GAY_SWIMMING" >
  311.                                             Notes:
  312.                                         </div></br>
  313.                                         {PostNotes}
  314.                                     {/block:PostNotes}
  315.                                 {/block:Video}
  316.  
  317.                                 {block:Audio}
  318.                                     <li class="post audio">
  319.                                         {AudioPlayerBlack}
  320.  
  321.                                         {block:Caption}
  322.                                             <div class="caption">{Caption}</div>
  323.                                         {/block:Caption}
  324.                                     </li>
  325.                                     {block:PostNotes}
  326.                                         <div class="GAY_SWIMMING" >
  327.                                             Notes:
  328.                                         </div></br>
  329.                                         {PostNotes}
  330.                                     {/block:PostNotes}
  331.                                 {/block:Audio}
  332.                                
  333.                                 {block:Answer}
  334.                                     <div id="question" class="Woop_Woop" >
  335.                                         <div style="width:100px;float:left"><img src="{AskerPortraitURL-64}"/></div>
  336.                                         <div style="vertical-align:middle"><h1>{Asker}: {Question}</h1></div>
  337.                                     </div></br>
  338.                                     {Answer}
  339.                                 {/block:Answer}
  340.                                 {block:indexpage}{block:Date}
  341.                                     <div class="GAY_SWIMMING" >
  342.                                         <div style="float:left;width:160px"><a href="{ReblogURL}">Reblog Post</a></div>
  343.                                         {block:NoteCount}
  344.                                             {NoteCountWithLabel}
  345.                                         {/block:NoteCount}
  346.                                         <div style="float:right;"><a href="{Permalink}">Posted {TimeAgo}</a></div>
  347.                                         </br>
  348.                                     </div>
  349.                                     </br></br></br>
  350.                                 {/block:Date}{/block:indexpage}
  351.                             {/block:Posts}
  352.                         </ol>
  353.        
  354.                         <!--end -->
  355.                     </div>
  356.                 </div>
  357.             </div>
  358.             <div class="CANT_TOUCH_THIS" ><!-- CC DIV -->
  359.                 <p>&#169  2012 Jousway<br />
  360.                     <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US">
  361.                     <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /><br />
  362.                 </a></p>
  363.             </div>
  364.         </div>
  365.     </body>
  366. </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!