YheLzz

Theme # 2

Jan 19th, 2012
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.84 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4. THEME BY GLAMISTHA.TUMBLR.COM
  5. DO NOT REMOVE THE CREDITS OR ELSE
  6. YOU'LL BE REPORTED
  7. THEME BY GLAMISTHA.TUMBLR.COM
  8. GRAPHICS BY IMPERIOR.TUMBLR.COM
  9.  
  10. -->
  11.  
  12. <html lang="en">
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <style>
  22. .shakeimage{
  23. position:relative}
  24. </style>
  25. <script language="JavaScript1.2">
  26. //configure shake degree (where larger # equals greater shake)
  27. var rector=3
  28. var stopit=0
  29. var a=1
  30. function init(which){
  31. stopit=0
  32. shake=which
  33. shake.style.left=0
  34. shake.style.top=0}
  35. function rattleimage(){
  36. if ((!document.all&&!document.getElementById)||stopit==1) return
  37. if (a==1){
  38. shake.style.top=parseInt(shake.style.top)+rector+"px"}
  39. else if (a==2){
  40. shake.style.left=parseInt(shake.style.left)+rector+"px"}
  41. else if (a==3){
  42. shake.style.top=parseInt(shake.style.top)-rector+"px"}
  43. else{
  44. shake.style.left=parseInt(shake.style.left)-rector+"px"} if (a<4)
  45. a++
  46. else
  47. a=1
  48. setTimeout("rattleimage()",50)}
  49. function stoprattle(which){
  50. stopit=1
  51. which.style.left=0
  52. which.style.top=0}
  53. </script>
  54.  
  55.  
  56. <!--GO TO APPEARANCE TAB TO CHANGE THE COLORS OR CODES--->
  57. <meta name="color:background" content="#F5DFBA"/>
  58. <meta name="color:letters" content="#b1b1b1"/>
  59. <meta name="color:links" content="#A3A09A"/>
  60. <meta name="color:center" content="#EEBD5C"/>
  61. <meta name="font:body" content="Trebuchet MS"/>
  62. <meta name="text:font size" content="7pt"/>
  63.  
  64. <style type="text/css">
  65. body{
  66. color:{color:letters};
  67. background-color:{color:background};
  68. background-image:url();
  69. font-family:{font:body};
  70. font-size:{text:font size};
  71. letter-spacing:1px;
  72. cursor:url(http://i53.tinypic.com/zycxmw.png), auto;
  73. text-align:justify;
  74. text-transform:lowercase;
  75. }
  76. a:link, a:active, a:visited{
  77. color:{color:links};
  78. text-decoration:none;
  79. }
  80. a:hover{
  81. border-bottom:1px solid {color:links};
  82. text-decoration:none;
  83. cursor:url(http://i53.tinypic.com/zycxmw.png), auto;
  84. }
  85. #sidebar{
  86. float:left;
  87. background-color:{color:center};
  88. width:220px;
  89. height:380px;
  90. position:relative;
  91. padding:5px;
  92. margin-left:150px;
  93. margin-top:150px;
  94. overflow:hidden;
  95. text-align:left;
  96. }
  97. .description{
  98. float:left;
  99. background-color:#F7EDD9;
  100. width:142px;
  101. height:145px;
  102. padding:2px;
  103. margin-left:74px;
  104. margin-top:-76px;
  105. margin-bottom:10px;
  106. border:1px solid #FCC14D;
  107. overflow:scroll;
  108. overflow-x:hidden;
  109. opacity:0.90;
  110. }
  111. #center{
  112. float:left;
  113. background-color:{color:center};
  114. position:relative;
  115. width:671px;
  116. height:390px;
  117. margin-left:0px;
  118. margin-top:150px;
  119. overflow:scroll;
  120. overflow-x:hidden;
  121. }
  122. #entrybox{
  123. float:left;
  124. background-color:transparent;
  125. position:relative;
  126. {block:IndexPage}
  127. width:217px;
  128. height:170px;
  129. {/block:IndexPage}
  130. {block:PermalinkPage}
  131. width:500px;
  132. height:100%;
  133. {/block:PermalinkPage}
  134. display:block;
  135. overflow:hidden;
  136. }
  137. </style>
  138. </head>
  139.  
  140. <body>
  141. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  142. <style type="text/css">{CustomCSS}</style>
  143.  
  144. <img src="http://i1126.photobucket.com/albums/l603/truebeautylove/welcomeone.png" style="position:fixed; top:65px; left:340px; opacity:1; z-index:1;">
  145.  
  146. <div id="sidebar">
  147. <img src="{PortraitURL-64}" style="border:1px solid #FCC14D; padding:3px;" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">&nbsp;
  148. <div class="description">{Description}</div>
  149.  
  150. <!--EDIT LINKS--->
  151. <center>
  152. <a href="/">home</a>|&nbsp;
  153. <a href="/ask">ask</a>|&nbsp;
  154. <a href="/random">random</a>|&nbsp;<br>
  155. <a href="URLHERE">link1</a>|&nbsp;
  156. <a href="URLHERE">link2</a>|&nbsp;
  157. <a href="http://glamistha.tumblr.com">credit</a>|
  158. </center>
  159. </div>
  160.  
  161.  
  162.  
  163. <div id="center">
  164. <div class="autopagerize_page_element" >
  165. {block:Posts}
  166. <div id="entrybox">
  167. {block:Text}
  168. {block:Title}<span class="title"><font size="3">{Title}</font></span>{/block:Title}
  169. <span class="entrytext">{Body}</span>
  170.  
  171. {/block:Text}
  172.  
  173. {block:Photoset}<center>{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  174.  
  175. {block:Photo}{block:IndexPage}<center>
  176. <a href="{ReblogURL}" target="_blank" class="details"><img src="{PhotoURL-250}" width="250" height="170" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" alt="{PhotoAlt}"></a></center>{/block:IndexPage}
  177.  
  178. {block:PermalinkPage}
  179. {LinkOpenTag}
  180. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  181. {block:Caption}{Caption}{/block:Caption}
  182. {LinkCloseTag}
  183. {/block:PermalinkPage}
  184.  
  185. {block:Caption}{Caption}{/block:Caption}
  186. {/block:Photo}
  187.  
  188. {block:Link}
  189. <a href="{URL}" class="title"><font size="2">{Name}</font></a>
  190. {block:Description}{Description}{/block:Description}
  191. {block:Link}
  192.  
  193. {block:Quote}
  194. <span class="title"><font size="3">{Quote}</font></span><br>
  195. {block:Source}{Source}{/block:Source}
  196. {/block:Quote}
  197.  
  198. {block:Chat}
  199. {block:Title}<span class="title"><font size="2">{Title}</span></font>{/block:Title}
  200. <ul class="chat">
  201. {block:Lines}
  202. <li class="user_{UserNumber}">
  203. {block:Label}
  204. <span class="label">{Label}</span>
  205. {/block:Label}
  206.  
  207. {Line}
  208. </li>
  209. {/block:Lines}
  210. </ul>
  211.  
  212. {/block:Chat}
  213.  
  214.  
  215. {block:Audio}
  216. <centeR><div style="width:250px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><tiny><br><br>
  217. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  218.  
  219. </tiny></div></div></centeR><BR>
  220. {block:Caption}{Caption}{/block:Caption}
  221. {/block:Audio}
  222.  
  223. {block:Video}<center>
  224. {Video-250}<BR>
  225. {block:Caption}{Caption}{/block:Caption}</center>
  226. {block:Video}
  227.  
  228.  
  229. {block:PostNotes}
  230. <center>
  231. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  232.  
  233. {block:RebloggedFrom}
  234. via <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  235. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br>
  236. {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}
  237. </center></span>
  238. <BR>
  239. <div id="postnotes">{PostNotes}</div><br>
  240.  
  241. <center>{block:ContentSource}
  242. <br><a href="{SourceURL}">
  243. {lang:Source}:
  244. {block:SourceLogo}
  245. <img src="{BlackLogoURL}" width="{LogoWidth}"
  246. height="{LogoHeight}" alt="{SourceTitle}" />
  247. {/block:SourceLogo}
  248. {block:NoSourceLogo}
  249. {SourceLink}
  250. {/block:NoSourceLogo}
  251. </a>
  252. {/block:ContentSource}</center>
  253.  
  254. {/block:PostNotes}
  255. </div>
  256. {/block:Posts}
  257.  
  258.  
  259.  
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </body>
  265. </html>
Advertisement
Add Comment
Please, Sign In to add comment