Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 14th, 2012  |  syntax: None  |  size: 15.83 KB  |  hits: 46  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. <!--
  5. Theme by themesforya
  6. Basecode by: Hussy-Glamour
  7. - DO NOT REMOVE CREDIT!
  8.  
  9. -->
  10.  
  11. <head> <!-- DEFAULT VARIABLES -->
  12.  
  13.  
  14.  
  15. <!-- ENERGY SAVING MODE -->
  16. <script language="javaScript" type="text/javascrip" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23. <!-- CURSOR -->
  24. <style type="text/css">body, a, a:hover {cursor: url('{image:cursor}'), progress;}</style>
  25.  
  26.  
  27.  
  28. <META name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png" />
  29. <META name="image:favicon" content="http://media.tumblr.com/tumblr_lu2de169mC1qfoi4t.gif" />
  30. <META name="color:Ask Border" content="#EEE0E5">
  31. <META name="color:Scrollbar" content="#EEE0E5">
  32. <META name="color:link" content="#898989">
  33. <META name="color:link hover" content="#fff">
  34. <META name="image:Background" content="" />
  35. <META name="color:description background" content="#fff">
  36. <META name="color:description background hover" content="#484848">
  37. <META name="color:Navi background" content="#525151">
  38. <META name="text:Link 1 Title" content="" />
  39. <META name="text:Link 1" content="" />
  40. <META name="text:Link 2 Title" content="" />
  41. <META name="text:Link 2" content="" />
  42. <META name="text:Link 3 Title" content="" />
  43. <META name="text:Link 3" content="" />
  44. <META name="text:Link 4 Title" content="" />
  45. <META name="text:Link 4" content="" />
  46. <META name="text:Link 5 Title" content="" />
  47. <META name="text:Link 5" content="" />
  48. <META name="text:Link 6 Title" content="" />
  49. <META name="text:Link 6" content="" />
  50. <META name="text:quote" content="I believe in being strong when everything seems to be going wrong. I believe that happy girls are the prettiest girls. I believe that tomorrow is another day, and I believe in miracles" />
  51.  
  52. <META name="image:sidebar image" content="http://24.media.tumblr.com/tumblr_m6trycJaU01r7oge1o1_500.png" />
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. <title>{Title}</title>
  61. <!--favicon-->
  62. <link rel="shortcut icon" href="{image:favicon}">
  63.  
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  65. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  66.  
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. @font-face { font-family: "jennasue"; src: url('http://static.tumblr.com/q54tzar/aGWm4tde5/jennasue_1_.ttf'); }
  72.  
  73.  
  74. .face {position:absolute;-webkit-backface-visibility: hidden;font-family:jennasue;font-size:30px;padding:10px; line-height:22px;}
  75. .side {float: left; position: fixed; top: 20px; left: 60px;}
  76. .side .front { }
  77. .side .back {width: 650px; height: auto; padding: 10px;-webkit-transform: rotateY(180deg);overflow:hidden;}
  78. .sidebar3{
  79. margin-top: 20px; margin-left:60px;width: 650px; height: auto;-webkit-perspective: 1000;padding:10px;
  80. }
  81. .sidebar3:hover .flip{
  82.     -webkit-transform: rotateY(180deg);
  83. }
  84. .flip{width: 650px; height: auto;-webkit-transform-style: preserve-3d;-webkit-transition: 0.5s;
  85. }
  86.  
  87.  
  88. /*** COLOR SCROLL BAR ***/
  89. ::-webkit-scrollbar {width: 3px; height: 5px; background-color:#fff; }
  90.  
  91. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};}
  92.  
  93.  
  94. /***NAVIGATION BUTTON***/
  95. div.navigate a{
  96.  color: #fff; display:block; width: 80px; height: auto; text-align: center; padding-left:2px;padding-right:2px;padding-top:3px; padding-bottom:5px;margin-left:0px; margin-top:5px; position:relative; text-align: center; z-index:1; border-left:0px dotted #898989;font-weight: normal;display: inline-block;font-size:20px; font-family:swenson;
  97. }
  98.  
  99.  
  100. #asker{
  101. margin-top:1px;
  102. padding:10px 10px 10px 10px;
  103. border-bottom: 1px dashed {color:Ask Border};
  104. }
  105.  
  106. #answer{
  107. margin-top:1px;
  108. padding:10px 10px 10px 10px;
  109.  
  110. }
  111.  
  112.  
  113. /*** THIS IS WHERE YOU CAHNGE THE BACKGROUND COLOR/ USE A BACKGROUND IMAGE ***/
  114. body{
  115. color:#898989;
  116. background-color:#EEE0E5;
  117. background-image:url({image:Background});
  118. background-postition:center;
  119. background-attachment: fixed;
  120. background-repeat: yes-repeat;
  121. font-family: "century gothic";
  122. font-size: 10px;
  123. letter-spacing: 0px;
  124. line-height: 15px;
  125. text-align:justify;
  126. }
  127.  
  128.  
  129. /*** FONTS USED ***/
  130. @font-face { font-family: "swenson"; src: url('http://static.tumblr.com/q54tzar/PHem21foh/swenson_1_.ttf'); }
  131.  
  132. @font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  133.  
  134. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141. /*** COLOR OF THE LINK ***/
  142. a:link, a:active, a:visited{
  143. color:{color:link};
  144. text-decoration:none;
  145. }
  146.  
  147.  
  148.  
  149. /*** COLOR OF THE LINK, WHEN YOU HOVER IT ***/
  150. a:hover {
  151. color:{color:link hover};
  152. text-decoration: none;
  153. }
  154.  
  155.  
  156. /*** HEADER ***/
  157. h1, big{
  158. color: #8B8878;
  159. font-family: "blackswan";
  160. font-size:20px;
  161. line-height:30px;
  162. letter-spacing:1px;
  163. font-weight:normal;
  164. text-transform:;
  165. margin:0px;
  166. padding:0px;
  167. text-align:center;
  168. }
  169.  
  170.  
  171. h3{
  172. color: #8B8878;
  173. font-family: "blackswan";
  174. font-size:20px;
  175. line-height:14px;
  176. letter-spacing:1px;
  177. font-weight:normal;
  178. margin:0px;
  179. padding:0px;
  180. margin-bottom:-0px;
  181. text-align:center;
  182. }
  183.  
  184. h2{
  185. color: #8B8878;
  186. font-family: "blackswan";
  187. font-size:25px;
  188. line-height:27px;
  189. letter-spacing:1px;
  190. font-weight:normal;
  191. margin:0px;
  192. padding:0px;
  193. margin-bottom:-0px;
  194. text-align:center;
  195. }
  196.  
  197.  
  198.  
  199. h5{
  200. color: #8B8878;
  201. font-family: "blackswan";
  202. font-size:20px;
  203. line-height:25px;
  204. letter-spacing:1px;
  205. font-weight:bold;
  206. margin:10px;
  207. padding:0px;
  208. margin-bottom:-0px;
  209. text-align:center;
  210. }
  211.  
  212.  
  213. .title {
  214. color: #8B8878;
  215. font-family: "blackswan";
  216. font-size:22px;
  217. line-height:10px;
  218. letter-spacing:2px;
  219. font-weight:normal;
  220. text-align:;
  221. text-transform:;
  222. padding-left:10px;
  223. border-bottom:0px solid ;
  224. }
  225.  
  226.  
  227.  
  228. #bottominfo{
  229. border-top:1px solid #ffffff;
  230. padding:2px 0px 0px 0px;
  231. display:block;
  232. }
  233.  
  234. #info{
  235. float:left;
  236.  
  237. width:1212px;
  238.  
  239.  
  240.  
  241. padding:3px;
  242. margin:5px;
  243. margin-right:23px;
  244. background-color: ;
  245. border: 1px solid #;
  246. }
  247.  
  248.  
  249. /**SIDEBAR**/
  250.  
  251.  
  252. #sidebar4{
  253. position:fixed !important;
  254. margin-top:104px;
  255. margin-left:112px;
  256. text-align:left;
  257. height:25px;
  258. width:1020px;
  259. {block:PermalinkPage}
  260. width:613px;
  261. {/block:PermalinkPage}
  262. overflow:hidden;
  263. background-color:{color:Navi background};
  264. z-index:999;
  265. padding-left:10px;
  266. padding-bottom:8px;
  267. }
  268.  
  269. #sidebar5{
  270. position:fixed !important;
  271. margin-top:137px;
  272. margin-left:112px;
  273. text-align:left;
  274. height:200px;
  275. width:1027px;
  276. {block:PermalinkPage}
  277. width:620px;
  278. {/block:PermalinkPage}
  279. overflow:hidden;
  280. background-color:{color:description background};
  281. z-index:999;
  282. padding-left:3px;
  283. padding-top:3px;
  284. padding-bottom:3px;
  285. -webkit-transition: all 0.9s ease-in-out;
  286. -moz-transition: all 0.9s ease-in-out;
  287. -o-transition: all 0.9s ease-in-out;
  288. }
  289.  
  290. #sidebar5:hover{
  291. background-color:{color:description background hover};
  292. color:#b3b3b3;
  293. opacity:0.8;
  294. -webkit-transition: all 0.9s ease-in-out;
  295. -moz-transition: all 0.9s ease-in-out;
  296. -o-transition: all 0.9s ease-in-out;
  297.  
  298. }
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305. /**END OF SIDEBAR**/
  306.  
  307.  
  308. /*** POSTS ***/
  309. #center{
  310. -moz-box-shadow: 0 0 0px {color:shadow};
  311. -webkit-box-shadow: 0 0 0px {color:shadow};
  312. width:1020px;
  313. margin-left:112px;
  314. height:235px;
  315. {block:PermalinkPage}
  316. width:613px;
  317. height:350px;
  318. {/block:PermalinkPage}
  319. position:absolute;
  320. margin-top:343px;
  321. padding-right:5px;
  322. padding-left: 5px;
  323. background-color: #fff;
  324. overflow-y:scroll;
  325. overflow-x:hidden;
  326. }
  327.  
  328.  
  329.  
  330.  
  331. #bottominfo{
  332. border-top:0px solid #ffffff;
  333. padding:2px 0px 0px 0px;
  334. display:block;
  335. }
  336.  
  337.  
  338.  
  339. #question{
  340. border-bottom:1px solid #ffffff;
  341. overflow:SHOW;
  342. padding-bottom:3px;
  343. margin-bottom:3px;}
  344.  
  345.  
  346.  
  347.  
  348.  
  349. #entry {
  350. border:0px solid; border-color:{color:Border};
  351. background-image: url();
  352. background-color:;
  353. float:left;
  354. {block:IndexPage}
  355. width: 335px;
  356. height: 223px;
  357. {/block:IndexPage}
  358. {block:PermalinkPage}
  359. width:600px;
  360. height: auto;
  361. padding:0px;
  362. font color: #000;
  363. {/block:PermalinkPage}
  364. overflow:hidden;
  365. margin:0px;
  366. margin-top:6px;
  367. margin-left:3px;
  368. }
  369.  
  370.  
  371.  
  372.  
  373. .hoverreb{
  374. position:absolute;opacity:0;
  375. font-size: 12px;  
  376. text-align: center;
  377. width: 20px;
  378. height: 20px;
  379. background-color: #000;
  380. border: 0px solid #000;
  381. display: inline-block;
  382. margin-top:5px;
  383. margin-left:5px;
  384. padding-top:5px;
  385. padding-right:5px;padding-left:5px;
  386. -webkit-transform: rotate(0deg);
  387. -moz-transform: rotate(0deg);
  388. -ms-transform: rotate(0deg);
  389. -o-transform: rotate(0deg);
  390. transform: rotate(0deg);
  391. -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;
  392. transition: 0.5s;
  393. -webkit-border-radius: 5px 5px 5px 5px;
  394. -moz-border-radius: 5px 5px 5px 5px;
  395. border-radius: 5px 5px 5px 5px;
  396. }
  397.  
  398. .hoverrebright{
  399. opacity:0;
  400. font-size: 12px;
  401. text-align: center;
  402. width: 20px;
  403. height: 20px;
  404. background-color: #000;
  405. border: 0px solid #000;
  406. display: inline-block;
  407. margin-top:5px;
  408. margin-left:39px;
  409. padding-top:5px;
  410. padding-left:5px;padding-right:5px;
  411. position:absolute;
  412. -webkit-transform: rotate(0deg);
  413. -moz-transform: rotate(0deg);
  414. -ms-transform: rotate(0deg);
  415. -o-transform: rotate(0deg);
  416. transform: rotate(0deg);
  417. -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;
  418. transition: 0.5s;
  419. -webkit-border-radius: 5px 5px 5px 5px;
  420. -moz-border-radius: 5px 5px 5px 5px;
  421. border-radius: 5px 5px 5px 5px;
  422. }
  423.  
  424. .hoverrebperma{
  425. opacity:0;
  426. font-size: 11px;
  427. text-align: center;
  428. width: 30px;
  429. height: 20px;
  430. background-color: #000;
  431. border: 0px solid #000;
  432. display: inline-block;
  433. margin-top:5px;
  434. margin-left:74px;
  435. padding-top:5px;
  436. padding-left:5px;padding-right:5px;
  437. position:absolute;
  438. -webkit-transform: rotate(0deg);
  439. -moz-transform: rotate(0deg);
  440. -ms-transform: rotate(0deg);
  441. -o-transform: rotate(0deg);
  442. transform: rotate(0deg);
  443. -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;
  444. transition: 0.5s;
  445. -webkit-border-radius: 5px 5px 5px 5px;
  446. -moz-border-radius: 5px 5px 5px 5px;
  447. border-radius: 5px 5px 5px 5px;
  448. }
  449.  
  450. #entry:hover .hoverreb{opacity: 1; margin-left: 5px; }
  451. #entry:hover .hoverreb:hover{opacity: 1; margin-left: 5px;-webkit-transform}
  452.  
  453.  
  454. #entry:hover .hoverrebright{opacity: 1; margin-left:39px;}
  455. #entry:hover .hoverrebright:hover {opacity: 1; margin-left:39px;-webkit}
  456. #entry:hover .hoverrebperma{opacity: 1; margin-left:74px;margin-top:5px;}
  457. #entry:hover .hoverrebperma:hover {opacity: 1; margin-left:74px;margin-top}
  458.  
  459.  
  460. <style type="text/css">{CustomCSS]</style>
  461. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  462.  
  463. <style>
  464. .my-like {
  465.     background-image: url(http://i47.tinypic.com/16atr4o.png) !important;
  466.     height:17px;
  467.     width:19px;
  468.     cursor:pointer;
  469.     display:inline-block;
  470.     vertical-align:top;
  471. }
  472. .my-liked, .my-like:hover {
  473.     background-image: url(http://i49.tinypic.com/1pikuq.png) !important;
  474.     height:17px;
  475.     width:19px;
  476.     cursor:pointer;
  477.     display:inline-block;
  478.     vertical-align:top;
  479. }
  480.  
  481. </style>
  482.  
  483.  
  484. <script>
  485. window.onload = function () {
  486. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  487. document.addEventListener( 'click', function ( event ) {
  488.     var myLike = event.target;
  489.     if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  490.         var frame = document.getElementById( 'my-like-frame' ),
  491.             liked = ( myLike.className == 'my-liked' ),
  492.             command = liked ? 'unlike' : 'like',
  493.             reblog = myLike.getAttribute( 'data-reblog' ),
  494.             id = myLike.getAttribute( 'data-id' ),
  495.             oauth = reblog.slice( -8 );
  496.         frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  497.         liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  498.     };
  499. }, false );
  500. };
  501. </script>
  502.  
  503.  
  504. </head>
  505.  
  506.  
  507. <body>
  508.  
  509.  
  510. <div id="sidebar4">
  511. <div class="navigate">
  512. {block:IndexPage}
  513. <a href="/">Home</a>
  514. <a href="/archive">History</a>
  515. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  516. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  517. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  518. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  519. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  520. {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
  521. <a href="http://themesforya.tumblr.com/">Credit</a>
  522. {/block:IndexPage}
  523.  
  524. {block:PermalinkPage}
  525. <a href="/">Home</a>
  526. {/block:PermalinkPage}
  527.  
  528. </div>
  529. </div>
  530.  
  531. <div id="sidebar5">
  532. <img src="{image:sidebar image}" width="300px" style="margin-bottom:0px; margin-top:0px; margin-right:0px; float:left; padding-right:5px; overflow:auto;"/></a> {description}
  533. </div>
  534.  
  535.  
  536. <div class="sidebar3 side">
  537. <div class="flip">
  538. <div class="face front">
  539. {title}
  540.  
  541. </div>
  542.  
  543. <div class="face back">
  544. {text:quote}
  545.    
  546. </div></center>
  547. </div></div></div>
  548.  
  549. {/block:Pagination}
  550.  
  551. <div id="center">
  552. <div class = "autopagerize_page_element" >
  553. {block:Posts}<div id="entry">
  554. {block:IndexPage}
  555.  
  556. <div class="hoverrebright"><center><a href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png"></a> </center></div>
  557. <div class="hoverreb"><center> <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> </center></div>
  558.  
  559. <div class="hoverrebperma"><center> <a href="{permalink}" target="_blank">{NoteCount}  </center></div>
  560. {/block:IndexPage}
  561.  
  562. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}{block:Link}{/block:Link}{block:Quote}<h2>"{Quote}"</h2>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}
  563. {block:Text}{Body}{/block:Text}
  564.  
  565. {block:Photo}<center>{block:IndexPage}<img src="{PhotoURL-250}" width="335px" alt="{PhotoAlt}"/></a>
  566. {/block:IndexPage}
  567.  
  568. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="600px"/>
  569.  
  570.  
  571. {LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
  572. {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  573. {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
  574. {block:Link}<a href="{URL}" class="links2" {Target}><h2>{Name}</h2></a><BR>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  575. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  576. {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{/block:Video}
  577. {block:Audio}<span class="audio">{AudioPlayergrey}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  578. {block:Answer}<div id="asker">{Asker} Asked: <br><br>{Question}</div><div id="answer">I answered: {Answer}</div>{/block:Answer}</div>
  579. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  580.  
  581.  
  582. <div id="bottominfo">
  583. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month}&middot;{DayofMonth}&middot;{NoteCount} Notes{/block:Date}&hearts; {block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  584.  
  585.  
  586. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  587. </div></div> {/block:Date}{/block:PermalinkPage}
  588. {/block:Posts}
  589. </div>
  590. {block:PostNotes}{PostNotes}{/block:PostNotes}
  591. <p id="footer">
  592.  
  593.  
  594. </div>
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601. </body>
  602.  
  603.  
  604.  
  605.  
  606. </html>
create a new version of this paste RAW Paste Data