API tools faq
paste
Advertisement
Guest User

You&I v 2

a guest
Oct 24th, 2014
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by drearythemes
  6.  
  7. credit is very much appreciated but not necessary
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="color:Background" content="#ffffff">
  17. <meta name="color:Post BG" content="#fff">
  18. <meta name="color:Text" content="#000000">
  19. <meta name="color:Link" content="#999999">
  20. <meta name="color:Link Hover" content="#000000">
  21. <meta name="color:Border" content="#eee">
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="color:background" content="">
  24. <meta name="text:User URL" content=""/>
  25. <meta name="text:Link 1" content=""/>
  26. <meta name="text:Link 1 URL" content=""/>
  27. <meta name="text:Link 2" content=""/>
  28. <meta name="text:Link 2 URL" content=""/>
  29. <meta name="text:Link 3" content=""/>
  30. <meta name="text:Link 3 URL" content=""/>
  31. <meta name="text:Link 4" content=""/>
  32. <meta name="text:Link 4 URL" content=""/>
  33.  
  34. <title>{Title}</title>
  35.  
  36. <link rel="shortcut icon" href="{Favicon}">
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  39.  
  40. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  41.  
  42. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  43. <script type="text/javascript"
  44. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45. <script>
  46. $(document).ready(function() {
  47. //
  48. $('a.poplight[href^=#]').click(function() {
  49. var popID = $(this).attr('rel'); //Get Popup Name
  50. var popURL = $(this).attr('href'); //Get Popup href to define size
  51. var query= popURL.split('?');
  52. var dim= query[1].split('&');
  53. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  54. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  55. var popMargTop = ($('#' + popID).height() + 80) / 2;
  56. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  57. //Apply Margin to Popup
  58. $('#' + popID).css({
  59. 'margin-top' : -popMargTop,
  60. 'margin-left' : -popMargLeft
  61. });
  62. $('body').append('<div id="fade"></div>');
  63. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  64. return false;
  65. });
  66. $('a.close, #fade').live('click', function() {
  67. $('#fade , .popup_block').fadeOut(function() {
  68. $('#fade, a.close').remove(); //fade them both out
  69. });
  70. return false;
  71. });
  72. });
  73. </script>
  74.  
  75. <script>
  76.  
  77. (function($){
  78.  
  79. $(document).ready(function(){
  80.  
  81. $("a[title]").style_my_tooltips({
  82.  
  83. tip_follows_cursor:true,
  84.  
  85. tip_delay_time:30,
  86.  
  87. tip_fade_speed:300,
  88.  
  89. attribute:"title"
  90.  
  91. });
  92.  
  93. });
  94.  
  95. })(jQuery);
  96.  
  97. </script>
  98.  
  99.  
  100.  
  101. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. #s-m-t-tooltip{
  107. padding:3px;
  108. display:none;
  109. text-align:center;
  110. position:absolute;
  111. font-size:7px;
  112. margin-left:10px;
  113. margin-top:-2px;
  114. line-height:9px;
  115. font-family:'arial';
  116. z-index:1000000000;
  117. background-color:#000;
  118. color:#fff;
  119. text-transform:uppercase;
  120. letter-spacing:2px;}
  121.  
  122. #fade {
  123. display: none;
  124. position: fixed;
  125. left: 0;
  126. top: 0;
  127. width: 100%;
  128. height: 100%;
  129. z-index: 9999;
  130. background:#fff;
  131. opacity: .5;
  132. }
  133.  
  134. .popup_block{
  135. display: none;
  136. background:transparent;
  137. padding: 20px;
  138. float: left;
  139. position: fixed;
  140. top: 50%;
  141. left: 50%;
  142. z-index: 99999;
  143. font-family:helvetica;
  144. font-size:11px;
  145. color:#000;
  146. }
  147.  
  148. .popup_block a {
  149. color:#eee;
  150. }
  151.  
  152. *html #fade {
  153. position: absolute;
  154. }
  155.  
  156. *html .popup_block {
  157. position: absolute;
  158. }
  159.  
  160. .showhide_element {
  161. display: none;
  162. }
  163.  
  164.  
  165. ::-webkit-scrollbar {
  166. width:5px;
  167. height:5px;
  168. background:{color:Background};}
  169. ::-webkit-scrollbar-thumb {background:{color:Text};}
  170.  
  171. body {
  172. margin:0px;
  173. background:{color:Background};
  174. font-family:cambria, times, serif;
  175. font-size:11px;
  176. line-height:140%;
  177. color: {color:Text};
  178. }
  179.  
  180. a{
  181. color:{color:link};
  182. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  183. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  184. }
  185.  
  186. a:hover{
  187. color:{color:link hover};
  188. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  189. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  190. }
  191.  
  192. .post a{
  193. color:{color:Link};
  194. text-decoration:none;
  195. font-weight:normal;
  196.  
  197. }
  198.  
  199. .post a:hover{
  200. color:{color:Link Hover};
  201. text-decoration:none;
  202. }
  203.  
  204. #wrapper{
  205. width:680px;
  206. margin:0 auto;
  207. padding:10px;
  208. }
  209.  
  210. #sidebar{
  211. margin-top:100px;
  212. margin-left:0;
  213. text-align:center;
  214. background:transparent;
  215. width:150px;
  216. padding:10px;
  217. position:fixed;
  218. }
  219.  
  220. #sidebarimg{
  221. margin-bottom:5px;
  222. width:150px;
  223. height:200px;
  224. padding:10px;
  225. border:1px solid {color:border};
  226. }
  227.  
  228. #sidebarimg img{
  229. width:150px;
  230. height:200px;
  231. }
  232.  
  233. #links{
  234.  
  235. width:100%;
  236. text-align:center;
  237. text-decoration:none;
  238. line-height:200%;
  239.  
  240. }
  241.  
  242. #links a{
  243. text-decoration:none;
  244. border:1px solid #fff;
  245. line-height:200%;
  246. padding:2px;
  247. font-size:10px;
  248. }
  249.  
  250. #description{
  251.  
  252. width:100%;
  253. text-align:center;
  254. }
  255.  
  256. #description a{
  257. color:{color:Link};
  258. text-decoration:none;
  259. }
  260.  
  261. #description a:hover{
  262. color:{color:Link Hover};
  263. }
  264.  
  265. .nav{
  266. margin:0;
  267. font-size:10px;
  268. font-style:italic;
  269. text-transform:uppercase;
  270. letter-spacing:2px;
  271. width:150px;
  272. line-height:150%;
  273. margin-top:-217px;
  274. margin-left:10px;
  275. text-align:center;
  276. padding-top:10px;
  277. padding-bottom:10px;
  278. opacity:0;
  279. border:1px solid {color:border};
  280. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  281. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  282. }
  283.  
  284. .nav a{
  285.  
  286. line-height:260%;
  287. padding-left:30px;
  288. padding-right:30px;
  289. text-decoration:none;
  290. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  291. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  292. }
  293.  
  294. #sidebar:hover .nav{
  295. opacity:0.5;
  296. background:#fff;
  297. color:#000;
  298. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  299. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  300. }
  301.  
  302. .nav a:hover{
  303. opacity:1;
  304. background:#fff;
  305. color:#000;
  306. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  307. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  308. }
  309.  
  310. #content{
  311. width:440px;
  312. padding:10px;
  313. margin-top:-30px;
  314. margin-left:230px;
  315. overflow:hidden;
  316. }
  317.  
  318. .post{
  319. width:420px;
  320. padding:10px;
  321. padding-left:18px;
  322. margin:45px 0px 35px 0;
  323. overflow:hidden;
  324. text-align:justify;
  325. border:1px solid #fff;
  326. background:transparent;
  327. }
  328.  
  329. .post img{
  330. max-width:100%;
  331. }
  332.  
  333. .posttitle{
  334. font-weight:normal;
  335. font-size:16px;
  336. line-height:22px;
  337. text-decoration:none;
  338. margin:3px 0 -3px 0;
  339. }
  340.  
  341. .posttitle a{
  342. text-decoration:none;
  343. }
  344.  
  345. .quote{
  346. font-weight:normal;
  347. font-size:16px;
  348. font-style:italic;
  349. line-height:22px;
  350. text-decoration:none;
  351. }
  352.  
  353. .quotesource{
  354. text-align:right;
  355. }
  356.  
  357.  
  358. .question{
  359. padding-bottom:10px;
  360. margin:0;
  361. border-bottom:1px solid {color:Border};
  362. }
  363.  
  364. .caption{
  365. margin:0;
  366. }
  367.  
  368. blockquote{
  369. margin:0 0 0 15px;
  370. padding:0 0 0 10px;
  371. margin-left:5px;
  372. border-left:solid 1px {color:Border};
  373. }
  374.  
  375. .post .footer{
  376. margin:1px;
  377. font-size:9px;
  378. font-style:italic;
  379. line-height:13px;
  380. text-align:right;
  381. }
  382.  
  383. ol.notes li.note img {
  384. width:10px;
  385. height:10px;
  386. }
  387.  
  388. ol.notes{
  389. list-style-type:none;
  390. padding:2px 10px 2px 10px;
  391. font-size:10px;
  392. }
  393.  
  394. .credit {
  395. bottom:2px;
  396. right:2px;
  397. color:#a5a5a5;
  398. font-family:candara;
  399. font-size:10px;
  400. position:fixed;
  401. }
  402.  
  403. .credit a {
  404. color:#a5a5a5;
  405. text-decoration:none;
  406. }
  407.  
  408. {CustomCSS}
  409. </style>
  410. </head>
  411.  
  412. <body class="{block:IndexPage}index{/block:IndexPage} {block:PermalinkPage}permalink{/block:PermalinkPage}">
  413.  
  414. <div id="01" class="popup_block">
  415. <div id="description">{Description}</div>
  416. </div>
  417.  
  418. <div id="02" class="popup_block">
  419. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:User URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  420. </div>
  421.  
  422. <div id="03" class="popup_block">
  423. <div id="links">{block:ifLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  424. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  425. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  426. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}</div>
  427. </div>
  428.  
  429.  
  430. <div id="wrapper">
  431.  
  432.  
  433. <div id="sidebar">
  434.  
  435. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  436.  
  437.  
  438.  
  439.  
  440. <div class="nav">
  441. <a href="/">home</a>
  442. <p><a href="#?w=450" rel="01" class="poplight">description</a>
  443. <p><a href="#?w=450" rel="02" class="poplight">ask</a>
  444. <p><a href="#?w=450" rel="03" class="poplight">links</a>
  445.  
  446. <p>
  447. {block:PreviousPage}
  448. <a href="{PreviousPage}"><big>-</big></a>{/block:PreviousPage}
  449. {block:NextPage}
  450. <a href="{NextPage}"><big>+</big></a>
  451. {/block:NextPage}
  452. {/block:Pagination}
  453. </div>
  454. </div>
  455.  
  456.  
  457. <div id="content">
  458. {block:Posts}
  459.  
  460. <div class="post">
  461.  
  462. {block:Text}
  463. {block:Title}
  464. <div class="posttitle">{Title}</div>
  465. {/block:Title}
  466. {Body}
  467. {/block:Text}
  468.  
  469. {block:Photo}
  470. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  471. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  472. {/block:Photo}
  473.  
  474. {block:Photoset}
  475. {Photoset-400}
  476. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  477. {/block:Photoset}
  478.  
  479. {block:Quote}
  480. <div class="quote">"{Quote}"</div>
  481. {block:Source}
  482. <div class="quotesource">{Source}</div>
  483. {/block:Source}
  484. {/block:Quote}
  485.  
  486. {block:Link}
  487. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  488. {block:Description}
  489. <div class="description">{Description}</div>
  490. {/block:Description}
  491. {/block:Link}
  492.  
  493. {block:Chat}
  494. {block:Title}
  495. <div class="posttitle">{Title}</div>
  496. {/block:Title}
  497.  
  498. {block:Lines}
  499. <div class="{Alt} user_{UserNumber}">
  500. {block:Label}
  501. <b>{Label}</b>{/block:Label}
  502. &nbsp;{Line}
  503. </div>
  504. {/block:Lines}
  505. {/block:Chat}
  506.  
  507. {block:Video}
  508. {Video-400}
  509. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  510. {/block:Video}
  511.  
  512. {block:Audio}
  513. <div class="cover">{block:AlbumArt}
  514. <img src="{AlbumArtURL}">
  515. {/block:AlbumArt}</div>
  516.  
  517. {AudioPlayerWhite}
  518.  
  519. <i>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist} ({block:Album}{Album}{/block:Album})</i>
  520.  
  521. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  522. {/block:Audio}
  523.  
  524. {block:Answer}
  525. <div class="question"><i>{Asker} asked:</i> {Question}</div>
  526. <div class="caption">{Answer}</div>
  527. {/block:Answer}
  528.  
  529.  
  530.  
  531. <div class="footer">
  532. <a href="{Permalink}">{block:Date}posted {TimeAgo}{/block:Date}{block:NoteCount} <br>{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}" a title="via">/ {ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}" a title="source">/ {SourceTitle}</a>{/block:ContentSource}{block:HasTags}<br>
  533. {block:Tags}(<a href="{TagURL}" a title="{Tag}">{Tag},</a>) {/block:Tags}{/block:HasTags}</div>
  534.  
  535. {block:PermalinkPage}
  536. {block:NoteCount}
  537. {block:PostNotes}{PostNotes}{/block:PostNotes}
  538. {/block:NoteCount}
  539. {/block:PermalinkPage}
  540.  
  541. </div>
  542.  
  543. <div class="credit"><a href="http://thewolfpack.co.vu">N M</a></div>
  544. {/block:Posts}
  545. </div>
  546. </div>
  547.  
  548. </div>
  549.  
  550. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  551. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  552.  
  553. <!-- add Javascript file here -->
  554. <!--<script src=""></script>-->
  555. </body>
  556. </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!