API tools faq
paste
dylaenobriens

Theme #47: You And I

dylaenobriens
Nov 30th, 2013
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.85 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10.  
  11. <!---
  12. theme #47 yet by alexgaeskarth
  13. do not steal or i will chop off your dick
  14. --->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#a8a8a8"/>
  18. <meta name="color:Sidebar Links" content="#000000"/>
  19. <meta name="color:DescriptionText" content="#000000"/>
  20. <meta name="color:Border" content="#dddddd"/>
  21. <meta name="color:Hover" content="#bdeefe"/>
  22. <meta name="color:Accent" content="#eeeeee"/>
  23. <meta name="color:Second Accent" content="#bdeefe"/>
  24. <meta name="color:Scrollbar" content="#000000"/>
  25. <meta name="color:Post Links" content="#c0bfbf"/>
  26. <meta name="color:Ask Backg" content="#000000"/>
  27.  
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="image:Background" content=""/>
  30.  
  31. <meta name="text:Home Link Text" content="" />
  32. <meta name="text:Ask Link Text" content="" />
  33. <meta name="text:Ask Link" content="" />
  34. <meta name="text:Click Links Text" content="" />
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:Link 1 Text" content="" />
  37. <meta name="text:Link 2" content="" />
  38. <meta name="text:Link 2 Text" content="" />
  39. <meta name="text:Link 3" content="" />
  40. <meta name="text:Link 3 Text" content="" />
  41. <meta name="text:Sidetitle" content="" />
  42.  
  43. <meta name="if:Cursor" content="1">
  44. <meta name="if:500pxPosts" content="1">
  45. <meta name="if:400pxPosts" content="0">
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. {block:ifCursor}
  51.  
  52. body, a{cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  53.  
  54. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  55.  
  56. {/block:ifCursor}
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  60. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  61.  
  62. body {
  63. background:{color:background};
  64. margin:0px;
  65. color:{color:text};
  66. font-family:'arial';
  67. font-size:10px;
  68. line-height:100%;
  69. letter-spacing:0px;
  70. text-align:justify;
  71. background-image:url('{image:Background}') top left fixed repeat;
  72. }
  73.  
  74. a {
  75. text-decoration:none;
  76. outline:none;
  77. -moz-outline-style:none;
  78. color:{color:Post Links};
  79. -moz-transition-duration:0.5s;
  80. -webkit-transition-duration:0.5s;
  81. -o-transition-duration:0.5s;
  82. }
  83.  
  84. img {
  85. border:none;
  86. }
  87.  
  88. blockquote {
  89. padding-left:5px;
  90. border-left:2px solid;
  91. }
  92.  
  93. blockquote blockquote {
  94. padding-left:5px;
  95. border-left:2px solid;
  96. }
  97.  
  98. h1 {
  99. font-size:15px;
  100. text-align:center;
  101. font-weight:bold;
  102. font-family:'arial';
  103. font-style:none;
  104. line-height:10px;
  105. background-color:#000;
  106. border-left:12px solid {color:Accent};
  107. border-right:12px solid {color:Accent};
  108. color:#fff;
  109. padding:8px;
  110. -moz-transition-duration:0.5s;
  111. -webkit-transition-duration:0.5s;
  112. -o-transition-duration:0.5s;
  113. }
  114.  
  115. h1 a {
  116. color:#fff;
  117. }
  118.  
  119. h1:hover {
  120. -moz-transition-duration:0.5s;
  121. -webkit-transition-duration:0.5s;
  122. -o-transition-duration:0.5s;
  123. border-left:12px solid {color:Second Accent};
  124. border-right:12px solid {color:Second Accent};
  125. }
  126.  
  127. a:hover {
  128. color:#000000;
  129. -moz-transition-duration:0.5s;
  130. -webkit-transition-duration:0.5s;
  131. -o-transition-duration:0.5s;
  132. }
  133.  
  134. /*ENTRIES*/
  135.  
  136. #entries {
  137. padding:10px;
  138. width:500px;
  139. margin-left:352px;
  140. margin-top:20px;
  141. font-size:10px;
  142. font-family:'arial';
  143. letter-spacing:0px;
  144. }
  145.  
  146.  
  147.  
  148. #posts {
  149. {block:if500pxPosts}
  150. width:500px;
  151. {/block:if500pxPosts}
  152. {block:if400pxPosts}
  153. width:500px;
  154. {/block:if400pxPosts}
  155. margin-bottom:10px;
  156. padding:1px;
  157. font-size:11px;
  158. color:{color:Text};
  159. line-height:100%;
  160. text-align:justify;
  161. -webkit-transition: all 0.6s ease-out;
  162. -moz-transition: all 0.6s ease-out;
  163. transition: all 0.6s ease-out;
  164. }
  165.  
  166. /*SIDEBAR*/
  167.  
  168. #sidebar {
  169. position:fixed;
  170. width:100px;
  171. text-align:left;
  172. margin-left:160px;
  173. margin-top:180px;
  174. }
  175.  
  176.  
  177.  
  178. #sidebarimage {
  179. width:100px;
  180. }
  181.  
  182. #sidebarimage img {
  183. width:100px;
  184. padding:3px;
  185. -moz-transition-duration:0.6s;
  186. -webkit-transition-duration:0.6s;
  187. -o-transition-duration:0.6s;
  188. }
  189.  
  190. #sidebarimage img:hover {
  191. opacity:0.8;
  192. -moz-transition-duration:0.6s;
  193. -webkit-transition-duration:0.6s;
  194. -o-transition-duration:0.6s;
  195. }
  196.  
  197. .links {
  198. margin-left:3px;
  199. width:100px;
  200. margin-top:9px;
  201. font-family:'calibri';
  202. text-transform:uppercase;
  203. text-align:center;
  204. padding-bottom:5px;
  205. border-bottom:3px double {color:border};
  206. }
  207.  
  208. .links a {
  209. padding:3px;
  210. display:block;
  211. margin-bottom:5px;
  212. font-size:9px;
  213. background-color:#000;
  214. border-left:8px solid {color:accent};
  215. border-right:8px solid {color:accent};
  216. letter-spacing:0px;
  217. color:#fff;
  218. }
  219.  
  220. .links a:hover {
  221. border-left:8px solid {color:Second Accent};
  222. border-right:8px solid {color:Second Accent};
  223. }
  224.  
  225. #description {
  226. text-align:justify;
  227. font-family:'Arial';
  228. width:100px;
  229. margin-top:7px;
  230. font-size:9px;
  231. position:fixed;
  232. text-transform:none;
  233. margin-left:3px;
  234. color:{color:DescriptionText};
  235. }
  236.  
  237. #description a {
  238. color:{color:DescriptionText};
  239. }
  240.  
  241. #pagination {
  242. font-style:bold;
  243. padding:2px;
  244. font-family:'arial';
  245. letter-spacing:0px;
  246. font-size:9px;
  247. text-align:center;
  248. padding:2px;
  249. margin-top:10px;
  250. text-transform:lowercase;
  251. }
  252.  
  253. #pagination a {
  254. color:{color:DescriptionText};
  255. }
  256.  
  257.  
  258. #info {
  259. font-family:'trebuchet ms';
  260. text-align:left;
  261. border-top:solid 1px #F0F0F0;
  262. text-transform:uppercase;
  263. margin-bottom:10px;
  264. margin-top:10px;
  265. letter-spacing:1px;
  266. font-size:7px;
  267. padding-top:4px;
  268. color:#b9b8b8;
  269. }
  270.  
  271. #info a {
  272. color:#b9b8b8;
  273. }
  274.  
  275.  
  276. /*--tags--*/
  277.  
  278. #tags {
  279. font-family:trebuchet ms;
  280. width:490px;
  281. margin-left:0px;
  282. margin-top:-3px;
  283. font-size:7px;
  284. color:{color:Tags}:
  285. }
  286.  
  287. #tags a {
  288. color:{color:Tags};
  289. }
  290.  
  291. #tags a:hover {
  292. color:{color:Hover};
  293. }
  294. /*QUESTION*/
  295.  
  296. #asker {
  297. color:#fcfcfc;
  298. padding:14px;
  299. font-family:'arial';
  300. font-size:11px;
  301. letter-spacing:0px;
  302. text-align:left;
  303. margin-top:0px;
  304. text-transform:lowercase;
  305. line-height:100%;
  306. background-color:{color:Ask Backg}
  307. }
  308.  
  309. /*CREDIT*/
  310.  
  311. #credit {
  312. right:2px;
  313. bottom:-4px;
  314. font-size:9px;
  315. padding:5px;
  316. text-transform:uppercase;
  317. position:fixed;
  318. -webkit-transition: all 0.5s ease-out;
  319. -moz-transition: all 0.5s ease-out;
  320. transition: all 0.5s ease-out;
  321. }
  322.  
  323.  
  324. #s-m-t-tooltip {
  325. max-width:300px;
  326. padding:5px 4px 5px 4px;
  327. margin:20px 0px 0px 20px;
  328. background-color:#e7e7e7; /* change the background color */
  329. font-family:arial; /* change the font */
  330. font-size:8px; /* change the font size */
  331. letter-spacing:1px; /* change the letter spacing */
  332. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  333. color:#b9b8b8; /* change the text color */
  334. z-index:999999999999999999999999999999999999;
  335. }
  336.  
  337. #panel,#flip
  338. {
  339. text-align:center;
  340. font-size:10px;
  341. margin-top:3px;
  342. }
  343. #panel
  344. {
  345. text-align:center;
  346. width:100px;
  347. padding-top:3px;
  348. display:none;
  349. }
  350.  
  351. #panel a {
  352. background-color:#fff;
  353. border:none;
  354. color:{color:sidebar links};
  355. text-align:center;
  356. display:inline-block;
  357. }
  358.  
  359. #flip {
  360. cursor:help;
  361. padding:3px;
  362. font-size:9px;
  363. background-color:#000;
  364. border-left:8px solid {color:Accent};
  365. border-right:8px solid {color:Accent};
  366. letter-spacing:0px;
  367. color:#fff;
  368. -moz-transition-duration:0.3s;
  369. -webkit-transition-duration:0.3s;
  370. -o-transition-duration:0.3s;
  371. }
  372.  
  373. #panel a:hover {
  374. color:{color:hover};
  375. }
  376.  
  377. #flip:hover {
  378. -moz-transition-duration:0.3s;
  379. -webkit-transition-duration:0.3s;
  380. -o-transition-duration:0.3s;
  381. border-left:8px solid {color:Second Accent};
  382. border-right:8px solid {color:Second Accent};
  383. }
  384.  
  385. #title {
  386. width:100px;
  387. margin-left:3px;
  388. color:#000;
  389. margin-top:2px;
  390. font-size:15px;
  391. text-align:left;
  392. font-family:arial;
  393. font-weight:bold;
  394. }
  395.  
  396. #sources img {
  397. border:2px solid {color:accent};
  398. padding:3px;
  399. }
  400.  
  401. {CustomCSS}</style></head>
  402.  
  403. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  404.  
  405. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  406.  
  407. <script>
  408.  
  409. (function($){
  410.  
  411. $(document).ready(function(){
  412.  
  413. $("a[title]").style_my_tooltips({
  414.  
  415. tip_follows_cursor:true,
  416.  
  417. tip_delay_time:90,
  418.  
  419. tip_fade_speed:600,
  420.  
  421. attribute:"title"
  422.  
  423. });
  424.  
  425. });
  426.  
  427. })(jQuery);
  428.  
  429. </script>
  430.  
  431. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  432. </script>
  433. <script>
  434. $(document).ready(function(){
  435. $("#flip").click(function(){
  436. $("#panel").slideToggle("slow");
  437. });
  438. });
  439. </script>
  440.  
  441. <body>
  442.  
  443. <div id="sidebar">
  444.  
  445.  
  446. <div id="sidebarimage">
  447. <img src="{image:Sidebar}">
  448. </div>
  449.  
  450. <div id="title">{text:sidetitle}</div>
  451.  
  452. <div class="links">
  453. <a href="/">{text:Home Link Text}</a>
  454. <a href="{text:Ask Link}">{text:Ask Link Text}</a>
  455. <div id="flip">{text:Click Links Text}</div>
  456. <div id="panel">
  457. <a href="{text:link 1}">{text:link 1 text}</a>
  458. <a href="{text:link 2}">{text:link 2 text}</a>
  459. <a href="{text:link 3}">{text:link 3 text}</a>
  460. </div></div>
  461.  
  462. <div id="description">{Description}
  463.  
  464. {block:Pagination}
  465. <div id="pagination">
  466. {block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}
  467. — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
  468. </div>
  469. {/block:Pagination}
  470. </div>
  471. </div>
  472.  
  473. <div id="entries">
  474. {block:Posts}
  475.  
  476. <div id="posts">
  477.  
  478.  
  479. {block:Text}{block:Title}<h1>{Title}{/block:Title}</h1>{Body}{/block:Text}
  480.  
  481.  
  482. {block:Photo}{LinkOpenTag}
  483.  
  484. {block:if500pxPosts}
  485. <img src="{PhotoURL-500}">
  486. {/block:if500pxPosts}
  487.  
  488. {block:if400pxPosts}
  489. <img src="{PhotoURL-400}">
  490. {/block:if400pxPosts}
  491.  
  492. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  493.  
  494. {block:Photoset}
  495.  
  496. {block:if500pxPosts}
  497. {Photoset-500}
  498. {/block:if500pxPosts}
  499.  
  500. {block:if400pxPosts}
  501. {Photoset-400}
  502. {/block:if400pxPosts}
  503.  
  504. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  505.  
  506. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  507.  
  508. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  509.  
  510. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  511.  
  512. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  513.  
  514. {block:Video}
  515.  
  516. {block:if500pxPosts}
  517. {Video-500}
  518. {/block:if500pxPosts}
  519.  
  520. {block:if400pxPosts}
  521. {Video-400}
  522. {/block:if400pxPosts}
  523.  
  524. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  525. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  526.  
  527. {block:Answer}<div id="asker"><span style="font-family:playball;font-size:18px;">{Asker}</span>: {Question}</div> {Answer}{/block:Answer}
  528.  
  529. <div id="info">{block:Date} <a href="{Permalink}">
  530. {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</a></a>{/block:Date} - {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  531. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} with <a href="{Permalink}">
  532. {NoteCountWithLabel}</a></div>
  533. {block:HasTags} <div id="tags">tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  534.  
  535.  
  536. </div>
  537.  
  538. {/block:Posts}
  539.  
  540. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  541. {/block:Posts}
  542.  
  543. </div>
  544. <br><br><br><br>
  545.  
  546.  
  547. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://static.tumblr.com/ujmsumm/TJamv4jm6/sg.png" width="40px;"></div></a>
  548. </body>
  549. </html>
  550. </body></html>
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!