API tools faq
paste
Advertisement
Guest User

you&I v 1

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