API tools faq
paste
hannahg

Theme #51

hannahg
Mar 29th, 2014
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. theme #51 by smullingar, follow the rules and enjoy! x
  6.  
  7. -->
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17.  
  18. <meta name="font:Body" content="Helvetica" />
  19. <meta name="color:Background" content="#fff" />
  20. <meta name="color:Body" content="#333" />
  21. <meta name="color:Link" content="#8d8c8d" />
  22. <meta name="color:Link Hover" content="#c48e8e" />
  23. <meta name="image:Sidebar" content="" />
  24. <meta name="image:Background" content="" />
  25. <meta name="text:Link1" content="link" />
  26. <meta name="text:Link1 URL" content="/" />
  27. <meta name="text:Link2" content="link" />
  28. <meta name="text:Link2 URL" content="/" />
  29. <meta name="text:Link3" content="link" />
  30. <meta name="text:Link3 URL" content="/" />
  31. <meta name="text:Link4" content="link" />
  32. <meta name="text:Link4 URL" content="/" />
  33.  
  34.  
  35. <style type="text/css">#dhtmltooltip{ position: absolute; width: 30px; border: 2px solid black; padding: 2px; background-color:#000; color:#fff; visibility: hidden; z-index: 100; text-align:center;/*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
  36.  
  37. body {
  38. background: {color:Background};
  39. background-image: url('{image:Background}');
  40. position:absolute;
  41. font-size:12px;
  42. font-family: {font:Body};
  43. color:{color:Body};
  44. }
  45.  
  46. blockquote {
  47. border-left: 3px solid #eee;
  48. padding:5px;
  49. padding-left:10px;
  50. text-align: justify;
  51. }
  52.  
  53. blockquote img {
  54. max-width: 100%;
  55. display: block;
  56. margin-bottom: 5px;
  57. }
  58.  
  59. blockquote blockquote {
  60. margin: 10px;
  61. padding: 10px;
  62. }
  63.  
  64. a {
  65. text-decoration:none;
  66. outline:none;
  67. color:{color:Link};
  68. -webkit-transition: all 0.5s ease-in-out;
  69. -moz-transition: all 0.5s ease-in-out;
  70. -o-transition: all 0.5s ease-in-out;
  71. }
  72.  
  73. a:hover {
  74. color:{color:Link Hover};
  75. -webkit-transition: all 0.5s ease-in-out;
  76. -moz-transition: all 0.5s ease-in-out;
  77. -o-transition: all 0.5s ease-in-out;
  78. }
  79.  
  80. h1 {
  81. font-family:{font:Body};
  82. text-align:center;
  83. }
  84.  
  85. h2 {
  86. font-family:tahoma;
  87. text-transform:uppercase;
  88. padding:5px;
  89. color:{color:Link};
  90. }
  91.  
  92. #title {
  93. font-family:{font:Title};
  94. color:{color:Body};
  95. font-style:italic;
  96. border-bottom:3px {color:link hover} solid;
  97. font-weight:bold;
  98. width:333px;
  99. margin-top:5px;
  100. margin-left:50px;
  101. font-size:17px;
  102. text-align:center;
  103. text-decoration:none;
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out;
  107. }
  108.  
  109.  
  110. #sidebar {
  111. position:fixed;
  112. top:100px;
  113. left:100px;
  114. width:190px;
  115. padding:5px;
  116. }
  117.  
  118. #sidebar img {
  119. width:190px;
  120. height:249px;
  121. margin-left:192px;
  122. margin-top:-100px;
  123. text-align:center;
  124. }
  125.  
  126. #sidebarimage img {
  127. margin-top:0px;
  128. }
  129.  
  130.  
  131. #description {
  132. padding:8px;
  133. width:137px;
  134. margin-top:-150px;
  135. margin-left:43px;
  136. color:{color:Description};
  137. font-size:11px;
  138. text-align:justify;
  139. font-family:{font:Body};
  140. }
  141.  
  142. #pagination {
  143. width:229px;
  144. height:46px;
  145. font-size:10px;
  146. padding-top:20px;
  147. text-align:center;
  148. margin-left:198px;
  149. font-family:{font:Body};
  150. color:#000;
  151. margin-top:360px;
  152. position:fixed;
  153. letter-spacing:1px;
  154. }
  155.  
  156. #pagination a:hover {
  157. font-style:italic;
  158. color:{color:link hover}
  159. }
  160.  
  161.  
  162. #links {
  163. text-align:center;
  164. margin-top:-266px;
  165. margin-left:51px;
  166. }
  167.  
  168.  
  169. #links a{
  170. display:inline-block;
  171. background:{color:Link Hover};
  172. padding:25px;
  173. margin-top:3px;
  174. color:#fff;
  175. -webkit-transition: all 0.2s ease-in-out;
  176. -moz-transition: all 0.2s ease-in-out;
  177. -o-transition: all 0.2s ease-in-out;
  178. }
  179.  
  180. #links a:hover{
  181. color:{color:Link Hover};
  182. background:{color:Background};
  183. -webkit-transition: all 0.5s ease-in-out;
  184. -moz-transition: all 0.5s ease-in-out;
  185. -o-transition: all 0.5s ease-in-out;
  186. }
  187.  
  188.  
  189. #entries {
  190. padding:10px;
  191. width:500px;
  192. margin-left:550px;
  193. margin-top:40px;
  194. font-size:10px;
  195. }
  196.  
  197. #post {
  198. font-size:10px;
  199. padding: 5px;
  200. margin-bottom:30px;
  201. width: 500px;
  202. color:{color:Body};
  203. text-align: left;
  204. overflow:hidden;
  205. }
  206.  
  207. #info {
  208. padding: 0px;
  209. border-top:5px solid {color:link hover};
  210. }
  211.  
  212. #asker {
  213. padding-top:5px;
  214. padding-bottom:5px;
  215. font-family:arial;
  216. letter-spacing:1px;
  217. text-align:center;
  218. font-style:italic;
  219. color:#000;
  220. background-color:#fff;
  221. border-bottom:1px solid {color: link hover};
  222. }
  223.  
  224.  
  225.  
  226. </style>
  227. <style type="text/css">{CustomCSS}</style>
  228. </head>
  229.  
  230. <body><div id="dhtmltooltip"></div>
  231.  
  232. <script type="text/javascript">
  233.  
  234. /***********************************************
  235. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  236. * This notice MUST stay intact for legal use
  237. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  238. ***********************************************/
  239.  
  240. var offsetxpoint=-60 //Customize x offset of tooltip
  241. var offsetypoint=20 //Customize y offset of tooltip
  242. var ie=document.all
  243. var ns6=document.getElementById && !document.all
  244. var enabletip=false
  245. if (ie||ns6)
  246. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  247.  
  248. function ietruebody(){
  249. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  250. }
  251.  
  252. function ddrivetip(thetext, thecolor, thewidth){
  253. if (ns6||ie){
  254. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  255. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  256. tipobj.innerHTML=thetext
  257. enabletip=true
  258. return false
  259. }
  260. }
  261.  
  262. function positiontip(e){
  263. if (enabletip){
  264. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  265. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  266. //Find out how close the mouse is to the corner of the window
  267. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  268. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  269.  
  270. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  271.  
  272. //if the horizontal distance isn't enough to accomodate the width of the context menu
  273. if (rightedge<tipobj.offsetWidth)
  274. //move the horizontal position of the menu to the left by it's width
  275. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  276. else if (curX<leftedge)
  277. tipobj.style.left="5px"
  278. else
  279. //position the horizontal position of the menu where the mouse is positioned
  280. tipobj.style.left=curX+offsetxpoint+"px"
  281.  
  282. //same concept with the vertical position
  283. if (bottomedge<tipobj.offsetHeight)
  284. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  285. else
  286. tipobj.style.top=curY+offsetypoint+"px"
  287. tipobj.style.visibility="visible"
  288. }
  289. }
  290.  
  291. function hideddrivetip(){
  292. if (ns6||ie){
  293. enabletip=false
  294. tipobj.style.visibility="hidden"
  295. tipobj.style.left="-1000px"
  296. tipobj.style.backgroundColor=''
  297. tipobj.style.width=''
  298. }
  299. }
  300.  
  301. document.onmousemove=positiontip
  302.  
  303. </script>
  304.  
  305. <div id="sidebar">
  306. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  307.  
  308. <div id="title">{title}</div>
  309.  
  310. <div id="description">
  311. {block:Description}{Description}{/block:Description}
  312. </div>
  313.  
  314.  
  315. <div id="links">
  316. <a href='{text:Link1 URL}' onMouseover="ddrivetip('{text:Link1}')";
  317. onMouseout="hideddrivetip()">01.</a>
  318. <a href='{text:Link2 URL}' onMouseover="ddrivetip('{text:Link2}')";
  319. onMouseout="hideddrivetip()">02.</a>
  320. <a href='{text:Link3 URL}' onMouseover="ddrivetip('{text:Link3}')";
  321. onMouseout="hideddrivetip()">03.</a>
  322. <a href='{text:Link4 URL}' onMouseover="ddrivetip('{text:Link4}')";
  323. onMouseout="hideddrivetip()">04.</a>
  324. </div>
  325. </div>
  326.  
  327. <div id="pagination">
  328. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  329. </div></div>
  330.  
  331.  
  332. <div id="entries">{block:Posts}<div id="post">
  333.  
  334. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  335.  
  336. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  337.  
  338. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  339.  
  340. {block:Quote}{Quote}{/block:Quote}
  341.  
  342. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  343.  
  344. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  345.  
  346. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  347. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  348. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  349. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  350. {/block:Audio}
  351.  
  352. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  353.  
  354. {block:Answer}<div id="asker"><span style="font-family:arial;font-size:9px;font-style:italic;">{Asker}: </span>{Question}</div><center><font face="arial">{Answer}</font>{/block:Answer}
  355.  
  356. <div id="info">
  357. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  358. {block:HasTags}<div id="tags">tags:{block:Tags} +<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  359. {/block:Posts}
  360. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  361. {/block:Posts}</div></div></div>
  362.  
  363.  
  364.  
  365. <!--
  366. THEME MAKER CREDIT
  367. -->
  368.  
  369. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://smullingar.tumblr.com/">© SMULLINGAR</a></center></div>
  370. </body>
  371. </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!