API tools faq
paste
hannahg

Theme #52

hannahg
Apr 23rd, 2014
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.93 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 #52 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. <head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Sidebar" content="#ffffff"/>
  18. <meta name="color:Text" content="#a8a8a8"/>
  19. <meta name="color:Link" content="#b8b8b8"/>
  20. <meta name="color:Tags" content="f0f0f0"/>
  21. <meta name="color:Hover" content="#f2f2f2"/>
  22. <meta name="color:Line" content="#f2f2f2"/>
  23. <meta name="color:Border" content="#e4e4e4"/>
  24. <meta name="color:Post" content="#ffffff"/>
  25. <meta name="color:Answer" content="#f8f8f8"/>
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="image:bg" content=""/>
  28. <meta name="text:Link1" content="link" />
  29. <meta name="text:Link1 URL" content="/" />
  30. <meta name="text:Link2" content="link" />
  31. <meta name="text:Link2 URL" content="/" />
  32. <meta name="text:Link3" content="link" />
  33. <meta name="text:Link3 URL" content="/" />
  34. <meta name="text:Link4" content="link" />
  35. <meta name="text:Link4 URL" content="/" />
  36. <meta name="text:Link5" content="link" />
  37. <meta name="text:Link5 URL" content="/" />
  38. <meta name="if:Show Link 1" content="1" />
  39. <meta name="if:Show Link 2" content="1" />
  40. <meta name="if:Show Link 3" content="1" />
  41. <meta name="if:Show Link 4" content="1" />
  42. <meta name="if:Show Link 5" content="1" />
  43. <meta name="color:scrollbarbg" content="ffffff"/>
  44.  
  45. <script type="text/javascript" src="http://static.tumblr.com/qlfmldj/1H6mmbwdm/jquery-1.7.1.min.js"></script>
  46.  
  47. <script type="text/javascript">
  48.  
  49. $(function(){ // document ready
  50.  
  51. var stickyTop = $('.links').offset().top; // returns number
  52.  
  53. $(window).scroll(function(){ // scroll event
  54.  
  55. var windowTop = $(window).scrollTop(); // returns number
  56.  
  57. if (stickyTop < windowTop) {
  58.  
  59. $('.links').css({ position:'fixed', top: -110 });
  60.  
  61. }
  62.  
  63. else {
  64.  
  65. $('.links').css('position','static');
  66.  
  67. }
  68.  
  69. });
  70.  
  71. });
  72.  
  73. </script>
  74.  
  75.  
  76.  
  77.  
  78. <style type="text/css">#dhtmltooltip{ position: absolute; width: 30px; border: 1px solid {color:text}; padding: 2px; background-color:#fff; color:{color:text}; visibility: hidden; z-index: 100; text-align:center; font-size:10px; font-family:arial;/*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
  79.  
  80.  
  81.  
  82. /* --- SCROLLBAR ---*/
  83.  
  84. ::-webkit-scrollbar {
  85. width: 5px;height: 5px;}
  86. ::-webkit-scrollbar-button:start:decrement,
  87. ::-webkit-scrollbar-button:end:increment {
  88. height: 6px;display: block;background-color: {color:white};}
  89. ::-webkit-scrollbar-track-piece {
  90. background-color: {color:scrollbarbg};}
  91. ::-webkit-scrollbar-thumb:vertical {
  92. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  93.  
  94.  
  95. /* --- BODY ---*/
  96.  
  97. body {
  98. background:{color:background};
  99. margin:0px;
  100. color:{color:text};
  101. font-family:Calibri;
  102. font-size:9px;
  103. line-height:100%;
  104. }
  105.  
  106. a {
  107. text-decoration:none;
  108. outline:none;
  109. -moz-outline-style:none;
  110. color:{color:link};
  111. }
  112.  
  113. img {
  114. border:none;
  115. }
  116.  
  117. blockquote {
  118. padding-left:5px;
  119. border-left:2px solid;
  120. }
  121.  
  122. blockquote blockquote {
  123. padding-left:5px;
  124. border-left:2px solid;
  125. }
  126.  
  127. h1 {
  128. font-size:9px;
  129. text-transform:uppercase;
  130. }
  131.  
  132. a:hover {
  133. opacity:10;
  134. color:{color:hover};
  135. -webkit-transition: all 0.7s ease;
  136. -moz-transition: all 0.7s ease;
  137. -o-transition: all 0.7s ease
  138. }
  139.  
  140. /* --- POST ENTRIES ---*/
  141.  
  142.  
  143. #entries {
  144. padding:10px;
  145. width:500px;
  146. margin-left:370px;
  147. margin-top:600px;
  148. padding-bottom:100px;
  149. font-size:10px;
  150. }
  151.  
  152. /* --- BODY: POSTS ---*/
  153.  
  154.  
  155. #post {
  156. width:500px;
  157. padding-bottom:20px;
  158. padding:10px;
  159. margin-top:15px;
  160. background-color:{color:Post};
  161. }
  162.  
  163. /* --- SIDEBAR IMAGE ---*/
  164.  
  165.  
  166. #sidebar {
  167. width:100px;
  168. position:absolute;
  169. margin-left:390px;
  170. margin-top:-525px;
  171. }
  172.  
  173. #sidebarimage {
  174. width 100px;
  175. }
  176.  
  177. #sidebarimage img {
  178. width:500px;
  179. height:232px;
  180. }
  181.  
  182. #title {
  183. font-family:arial;
  184. color:{color:Body};
  185. font-weight:bold;
  186. width:500px;
  187. margin-top:35px;
  188. margin-left:0px;
  189. font-size:17px;
  190. text-align:center;
  191. text-decoration:none;
  192. -webkit-transition: all 0.5s ease-in-out;
  193. -moz-transition: all 0.5s ease-in-out;
  194. -o-transition: all 0.5s ease-in-out;
  195. }
  196.  
  197. /* --- SIDEBAR LINKS ---*/
  198.  
  199. .links {
  200. width:490px;
  201. height:5px;
  202. padding: 9px;
  203. font-size:20px;
  204. font-family:'arial';
  205. text-align:center;
  206. margin-top:108px;
  207. margin-left:-15px;
  208. text-align:center;
  209. text-transform:lowercase;
  210. word-spacing:5px;
  211. position:absolute;
  212. padding:20px;
  213. opacity:10;
  214. background-color:#fff;
  215. }
  216.  
  217. .links a {
  218. font-size: 13px;
  219. }
  220.  
  221. .links a:hover {
  222. color:{color:Hover}
  223. }
  224.  
  225.  
  226. /* --- DESCRIPTION ---*/
  227.  
  228. #description {
  229. position:absolute;
  230. font-family:arial;
  231. line-height:140%;
  232. font-size:11.5px;
  233. font-style:;
  234. width:490px;
  235. margin-top:20px;
  236. padding:8px;
  237. margin-left:0px;
  238. text-align:center;
  239. color:{color:text};
  240. }
  241.  
  242. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  243. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  244.  
  245. /* --- PAGINATION---*/
  246.  
  247. #pagination {
  248. width:500px;
  249. font-size:13px;
  250. text-align:center;
  251. margin-left:-20px;
  252. bottom:0px;
  253. padding:20px;
  254. color:{color:text};
  255. background:#fff;
  256. position:fixed;
  257. font-family:arial;
  258. }
  259.  
  260.  
  261. /* --- POST INFO ---*/
  262.  
  263.  
  264. #info {
  265. text-align:center;
  266. margin-top:10px;
  267. width:500px;
  268. text-transform:lowercase;
  269. font-size:9px;
  270. font-family:arial;
  271. font-style:none;
  272. border-top:1px solid {color:text};
  273. }
  274.  
  275. /* --- POST TAGS---*/
  276.  
  277.  
  278. #tags {
  279. font-family:arial;
  280. letter-spacing:0px;
  281. text-transform:lowercase;
  282. font-size:10px;
  283. font-style:italic;
  284. margin-top:4px;
  285. text-align:center;
  286. }
  287.  
  288. #tags
  289. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  290. -webkit-transition: all 0.6s ease-in-out;
  291. -moz-transition: all 0.6s ease-in-out;
  292. -o-transition: all 0.6s ease-in-out;
  293. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  294.  
  295.  
  296. /* --- QUESTIONS ---*/
  297.  
  298. #asker {
  299. padding:5px;
  300. font-family:arial;
  301. letter-spacing:1px;
  302. text-align:left;
  303. font-style:italic;
  304. border:1px {color:text}; solid;
  305. background-color:#fff;
  306. }
  307.  
  308. {CustomCSS}</style></head><body><div id="dhtmltooltip"></div>
  309.  
  310. <script type="text/javascript">
  311.  
  312. /***********************************************
  313. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  314. * This notice MUST stay intact for legal use
  315. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  316. ***********************************************/
  317.  
  318. var offsetxpoint=-60 //Customize x offset of tooltip
  319. var offsetypoint=20 //Customize y offset of tooltip
  320. var ie=document.all
  321. var ns6=document.getElementById && !document.all
  322. var enabletip=false
  323. if (ie||ns6)
  324. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  325.  
  326. function ietruebody(){
  327. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  328. }
  329.  
  330. function ddrivetip(thetext, thecolor, thewidth){
  331. if (ns6||ie){
  332. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  333. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  334. tipobj.innerHTML=thetext
  335. enabletip=true
  336. return false
  337. }
  338. }
  339.  
  340. function positiontip(e){
  341. if (enabletip){
  342. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  343. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  344. //Find out how close the mouse is to the corner of the window
  345. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  346. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  347.  
  348. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  349.  
  350. //if the horizontal distance isn't enough to accomodate the width of the context menu
  351. if (rightedge<tipobj.offsetWidth)
  352. //move the horizontal position of the menu to the left by it's width
  353. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  354. else if (curX<leftedge)
  355. tipobj.style.left="5px"
  356. else
  357. //position the horizontal position of the menu where the mouse is positioned
  358. tipobj.style.left=curX+offsetxpoint+"px"
  359.  
  360. //same concept with the vertical position
  361. if (bottomedge<tipobj.offsetHeight)
  362. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  363. else
  364. tipobj.style.top=curY+offsetypoint+"px"
  365. tipobj.style.visibility="visible"
  366. }
  367. }
  368.  
  369. function hideddrivetip(){
  370. if (ns6||ie){
  371. enabletip=false
  372. tipobj.style.visibility="hidden"
  373. tipobj.style.left="-1000px"
  374. tipobj.style.backgroundColor=''
  375. tipobj.style.width=''
  376. }
  377. }
  378.  
  379. document.onmousemove=positiontip
  380.  
  381. </script>
  382.  
  383.  
  384. <div id="sidebar">
  385. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  386.  
  387. <div id="title">{title}</div>
  388.  
  389. <div id="description">
  390. {Description}
  391. </div>
  392.  
  393.  
  394. <div class="links">
  395. <a href="{text:Link1 URL}" onMouseover="ddrivetip('{text:Link1}')";
  396. onMouseout="hideddrivetip()">i.</a>
  397. <a href="{text:Link2 URL}" onMouseover="ddrivetip('{text:Link2}')";
  398. onMouseout="hideddrivetip()">ii.</a>
  399. <a href="{text:Link3 URL}" onMouseover="ddrivetip('{text:Link3}')";
  400. onMouseout="hideddrivetip()">iii.</a>
  401. <a href="{text:Link4 URL}" onMouseover="ddrivetip('{text:Link4}')";
  402. onMouseout="hideddrivetip()">iv.</a>
  403. <a href="{text:Link5 URL}" onMouseover="ddrivetip('{text:Link5}')";
  404. onMouseout="hideddrivetip()">v.</a>
  405. </div>
  406.  
  407.  
  408. {block:Pagination}<div id="pagination">
  409. {block:PreviousPage}<a href="{PreviousPage}">back - </a>{/block:PreviousPage}
  410. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  411. </div>{/block:Pagination}
  412.  
  413. </div>
  414.  
  415. <div id="entries">{block:Posts}<div id="post">
  416.  
  417. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  418.  
  419. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  420.  
  421. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  422.  
  423. {block:Quote}{Quote}{/block:Quote}
  424.  
  425. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  426.  
  427. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  428.  
  429. {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>
  430. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  431. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  432. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  433. {/block:Audio}
  434.  
  435. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  436.  
  437. {block:Answer}<div id="asker"><span style="font-family:arial;font-size:9px;font-style:italic;"> {Asker} whispered: </span>{Question}</div><left><font face="arial">{Answer}</font>{/block:Answer}
  438.  
  439. <div id="info">
  440. <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>
  441. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  442. {/block:Posts}
  443. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  444. {/block:Posts}</div></div></div>
  445.  
  446.  
  447.  
  448. <!--
  449. THEME MAKER CREDIT
  450. -->
  451.  
  452. <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>
  453.  
  454.  
  455. </body></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!