API tools faq
paste
Fucking_Aj

Flawless Theme **New** by Bruhthemes

Fucking_Aj
Nov 11th, 2014
270
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.86 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Go to tumblr.com/docs/en/custom_themes for assistance.
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head><link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  42.  
  43. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  44.  
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Raleway:300,200' rel='stylesheet' type='text/css'>
  47.  
  48. <script type="text/javascript">
  49. <!--
  50.  
  51. // Disable Right Click Script
  52.  
  53. function IE(e)
  54. {
  55. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  56. {
  57. return false;
  58. }
  59. }
  60. function NS(e)
  61. {
  62. if (document.layers || (document.getElementById && !document.all))
  63. {
  64. if (e.which == "2" || e.which == "3")
  65. {
  66. return false;
  67. }
  68. }
  69. }
  70. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  71.  
  72. //-->
  73. </script>
  74.  
  75. <link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>
  76. <script type="text/javascript"
  77. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  78.  
  79. <!--DEFAULT VARIABLES-->
  80. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  81. <meta name="color:background" content="#fff"/>
  82. <meta name="color:link" content="#777"/>
  83. <meta name="color:text" content="#777"/>
  84. <meta name="color:title" content="#333"/>
  85. <meta name="color:hover" content="#fff"/>
  86. <meta name="color:sidebar borders" content="#ea938"/>
  87. <meta name="color:blogtitle" content="#ea938"/>
  88. <meta name="image:sidebar" content="1"/>
  89. <meta name="image:gif" content=""/>
  90. <meta name="image:background" content="1"/>
  91. <meta name="text:blogtitle" content="Black Widow"/>
  92. <meta name="text:quote" content="your quote"/>
  93. <meta name="text:stats" content="your stats"/>
  94. <meta name="text:name" content="your name"/>
  95. <meta name="text:link one" content="/"/>
  96. <meta name="text:link one message" content="refresh my blog!"/>
  97. <meta name="text:link one text" content="refresh"/>
  98. <meta name="text:link two" content="/"/>
  99. <meta name="text:link two message" content="ask me anything!"/>
  100. <meta name="text:link two text" content="my inbox"/>
  101. <meta name="text:link three" content="/"/>
  102. <meta name="text:link three message" content="navigate through my blog"/>
  103. <meta name="text:link three text" content="More links!"/>
  104. <meta name="text:link four" content="/"/>
  105. <meta name="text:link four message" content="my uploads"/>
  106. <meta name="text:link four text" content="photography"/>
  107. <meta name="text:link five" content="/"/>
  108. <meta name="text:link five message" content="my archive!"/>
  109. <meta name="text:link five text" content="past posts"/>
  110. <style type="text/css">
  111. ask{
  112. font-size:16px;
  113. font-family:'Satisfy', cursive;
  114. text-transform:uppercase;
  115. color:{color:blogtitle};
  116.  
  117. }
  118.  
  119. #ak{
  120. font-size:30px;
  121. letter-spacing:2px;
  122. font-family:'Satisfy', cursive;
  123. line-height:0px;
  124. color:white;
  125. margin-top:8px;
  126. width:auto;
  127. margin-left:55px;
  128. text-shadow:-1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  129. }
  130.  
  131. #ak2{
  132. font-size:30px;
  133. letter-spacing:2px;
  134. font-family:'Satisfy', cursive;
  135. line-height:0px;
  136. color:white;
  137. margin-top:8px;
  138. width:auto;
  139. margin-left:5px;
  140. text-shadow:-1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  141. }
  142. @font-face{font-family:celin; src: url(http://static.tumblr.com/tk7f1db/lyfn08krq/simplicity.ttf);}
  143.  
  144. #fade { /*--Transparent background layer--*/
  145. display: none; /*--hidden by default--*/
  146. background-image:URL();
  147. position: fixed; left: 0; top: 0;
  148. width: 100%; height: 100%;
  149. opacity: .3;
  150. z-index: 9999;
  151. }
  152.  
  153. .popup_block{
  154. display: none; /*--hidden by default--*/
  155. background-color: #fff;
  156. padding: 20px;
  157. font-family: 'Neucha', cursive;
  158. float: left;
  159. text-align: center;
  160. font-size: 14px;
  161. line-height:25px;
  162. position: fixed;
  163. top: 50%; left: 50%;
  164. border: 4px solid {color:blogtitle};
  165. -moz-border-radius: 5px;
  166. border-radius: 5px;
  167. z-index: 99999;
  168. -webkit-animation:pulse 2s;
  169. -moz-animation:pulse 2s;
  170. -o-animation:pulse 2s;
  171.  
  172. }
  173. .popup_block:hover{
  174. opacity:1;
  175. }
  176. img.btn_close {
  177. float: right;
  178. margin: -5px 18px 0 0;
  179. }
  180. *html .popup_block {
  181. position: absolute;
  182. }
  183.  
  184. #topbar{
  185. position:fixed;
  186. background:{color:blogtitle};
  187. width:100000px;
  188. height:20px;
  189. z-index:99999;
  190. margin-left:-400px;
  191. border-bottom:4px double #fff;
  192. box-shadow:4px 2px #e1e1e1;
  193. }
  194. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  195.  
  196. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  197.  
  198. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  199.  
  200. p {
  201. margin:0px;
  202. margin-top:0px;
  203. }
  204.  
  205. @font-face { font-family: penus; src: url('http://static.tumblr.com/zo7vqsu/fAzmt8ax4/oniob___.ttf'); }
  206.  
  207. body {
  208. padding: 0px;
  209. margin: 0px;
  210. color:{color:text};
  211. font-family: calibri;
  212. line-height:15px;
  213. font-size:11px;
  214. background-color: {color:Background};
  215. background-image:url({image:Background});
  216. background-attachment: fixed;
  217. background-repeat: repeat;
  218. }
  219.  
  220.  
  221. a:link, a:active, a:visited{
  222. text-decoration: none;
  223. -webkit-transition: color 0.3s ease-out;
  224. -moz-transition: color 0.3s ease-out;
  225. transition: color 0.3s ease-out;
  226. color:{color:link};
  227. }
  228.  
  229. a:hover {
  230. text-decoration: none;
  231. font-style:;
  232. color: {color:Hover};
  233. }
  234.  
  235. div#center{
  236. margin:auto;
  237. position:relative;
  238. width:1000px;
  239. background-color:;
  240. overflow:auto;
  241. overflow-y:hidden;
  242. }
  243.  
  244.  
  245. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  246. .entry {
  247. float:left;
  248. display: block;
  249. margin:11px;
  250. overflow:hidden;
  251. width:260px;
  252. padding:10px;
  253. border-radius:5px;
  254. border:1px solid #e1e1e1;
  255. {block:PermalinkPage}
  256. width:450px;
  257. text-align:left;
  258. line-height:10px;
  259. {/block:PermalinkPage}
  260. background:white;
  261. background-image:URL();
  262. }
  263. .entry img{
  264. border-radius:3px;
  265. }
  266.  
  267. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  268. .entry .perma{
  269. width:20px;
  270. height:20px;
  271. margin-left:10px;
  272. position: absolute;
  273. padding: 10px;
  274. line-height: 16px;
  275. border:1px solid #e1e1e1;
  276. border-radius:5px;
  277. overflow:hidden;
  278. text-align:center;
  279. top:20px;
  280. background:#f2f2f2;
  281. font-family:penus;
  282. font-size: 15px;
  283. word-spacing:2px;
  284. letter-spacing:1px;
  285. opacity: 0.0;
  286. -webkit-animation:pulse 2s;
  287. -moz-animation:pulse 2s;
  288. -o-animation:pulse 2s;
  289. -webkit-transition: all .7s ease;
  290. -moz-transition: all .7s ease;
  291. -o-transition: all .7s ease;
  292. transition: all .7s ease;
  293.  
  294. }
  295.  
  296. .entry:hover .perma{
  297. overflow:visible;
  298. text-shadow: 1.5px 1px #aaa;
  299. opacity:1;
  300. }
  301. .entry .perma2{
  302. width:20px;
  303. height:20px;
  304. margin-left:60px;
  305. position: absolute;
  306. padding: 10px;
  307. line-height: 16px;
  308. border:1px solid #e1e1e1;
  309. border-radius:5px;
  310. overflow:hidden;
  311. text-align:center;
  312. top:20px;
  313. background:white;
  314. font-family:penus;
  315. font-size: 15px;
  316. word-spacing:2px;
  317. letter-spacing:1px;
  318. opacity: 0.0;
  319. -webkit-animation:pulse 2s;
  320. -moz-animation:pulse 2s;
  321. -o-animation:pulse 2s;
  322. -webkit-transition: all .7s ease;
  323. -moz-transition: all .7s ease;
  324. -o-transition: all .7s ease;
  325. transition: all .7s ease;
  326.  
  327. }
  328.  
  329. .entry:hover .perma2{
  330. overflow:visible;
  331. text-shadow: 1.5px 1px #aaa;
  332. opacity:1;
  333. }
  334. .entry .perma3{
  335. width:20px;
  336. height:20px;
  337. margin-left:110px;
  338. position: absolute;
  339. padding: 10px;
  340. line-height: 16px;
  341. border:1px solid #e1e1e1;
  342. border-radius:5px;
  343. overflow:hidden;
  344. text-align:center;
  345. top:20px;
  346. background:#f2f2f2;
  347. font-family:penus;
  348. font-size: 15px;
  349. word-spacing:2px;
  350. letter-spacing:1px;
  351. opacity: 0.0;
  352. -webkit-animation:pulse 2s;
  353. -moz-animation:pulse 2s;
  354. -o-animation:pulse 2s;
  355. -webkit-transition: all .7s ease;
  356. -moz-transition: all .7s ease;
  357. -o-transition: all .7s ease;
  358. transition: all .7s ease;
  359.  
  360. }
  361.  
  362. .entry:hover .perma3{
  363. overflow:visible;
  364. text-shadow: 1.5px 1px #aaa;
  365. opacity:1;
  366. }
  367. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  368. #posts {
  369. width:760px;
  370. margin-top:31px;
  371. z-index:99;
  372. margin-left:389px;
  373. right:auto;
  374. background:transparent;
  375. margin-right:auto;
  376. position:relative;
  377. overflow-y: hidden;
  378. }
  379.  
  380.  
  381. /*CUSTOMIZE SIDEBAR HERE*/
  382. #sidebar{
  383.  
  384. z-index: 3;
  385. position:fixed !important;
  386. width:320px;
  387. background: white;
  388. height:420px;
  389. padding: 20px;
  390. border-top:10px solid {color:sidebar borders};
  391. border-bottom:10px solid {color:sidebar borders};
  392.  
  393. margin-top:115px;
  394. box-shadow: 0px 0px 5px #e1e1e1;
  395. margin-left:-100px;
  396. text-align:center;
  397. -webkit-transition: all .7s ease;
  398. -moz-transition: all .7s ease;
  399. -o-transition: all .7s ease;
  400. transition: all .7s ease;
  401. }
  402. #sidebar:hover{
  403. width:400px;
  404. height:280px;
  405. -webkit-transition: all .7s ease;
  406. -moz-transition: all .7s ease;
  407. -o-transition: all .7s ease;
  408. transition: all .7s ease;
  409. }
  410.  
  411. #pic{
  412. position:fixed !important;
  413. width:320px;
  414. height:410px;
  415. -webkit-transition: all .7s ease;
  416. -moz-transition: all .7s ease;
  417. -o-transition: all .7s ease;
  418. transition: all .7s ease;
  419. }
  420.  
  421. #sidebar:hover #pic{
  422.  
  423. }
  424.  
  425. #pic img{
  426. width:320px;
  427. height:420px;
  428. border:1px solid #cec2d1;
  429. margin-top:-1px;
  430. margin-left:-1px;
  431. opacity:1;
  432. -webkit-transition: all .7s ease;
  433. -moz-transition: all .7s ease;
  434. -o-transition: all .7s ease;
  435. transition: all .7s ease;
  436. }
  437.  
  438. #sidebar:hover #pic img{
  439. opacity:0;
  440.  
  441. }
  442.  
  443.  
  444.  
  445. #sidebar #blogtitle{
  446. position:fixed;
  447. text-align: center;
  448. margin: 20px auto 10px;
  449. width:1000px;
  450. padding:10px;
  451. background: transparent;
  452. font-family:'Satisfy', cursive;
  453. font-size:48px;
  454. text-shadow:-1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  455. color:#fff;
  456. margin-top:-49px;
  457. margin-left:-360px;
  458. z-index: 99999;
  459. opacity:3;
  460. background-image:sdfgh;
  461. letter-spacing: 2px;
  462. line-height:0px;
  463. text-align:center;
  464. -o-transition-transition: all 0.5s ease;
  465. -webkit-transition: all 0.5s ease;
  466. -moz-transition: all 0.5s ease;
  467. transition: all 0.5s ease;
  468. }
  469.  
  470.  
  471. #des{
  472. position:fixed;
  473. font-size:35px;
  474. font-family: 'Shadows Into Light', cursive;
  475. color:#fff;
  476. opacity:0;
  477. margin-top:120px;
  478. z-index:99;
  479. margin-left:200px; color:#fff;
  480. text-shadow:-1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  481. -o-transition-transition: all 0.5s ease;
  482. -webkit-transition: all 0.5s ease;
  483. -moz-transition: all 0.5s ease;
  484. transition: all 0.5s ease;
  485. }
  486. #sidebar:hover #des{
  487. opacity:1;
  488. margin-left:210px;
  489. -o-transition-transition: all 0.5s ease;
  490. -webkit-transition: all 0.5s ease;
  491. -moz-transition: all 0.5s ease;
  492. transition: all 0.5s ease;
  493. }
  494. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  495. @font-face { font-family: "notes"; src: url('http://static.tumblr.com/kjq4nx5/84omzzap5/passing_notes.ttf');}
  496. @font-face { font-family: "seriously"; src: url('http://static.tumblr.com/kjq4nx5/T7mmzzayl/seriously.ttf');}
  497.  
  498. @font-face { font-family: "love"; src: url('http://static.tumblr.com/kjq4nx5/ljImzzbte/mf_love_dings.ttf');}
  499.  
  500. @font-face { font-family: "bella"; src: url('http://static.tumblr.com/kjq4nx5/b0Tn036ok/bella_k_dings_are_cool.ttf');}
  501.  
  502. #p{
  503. position:fixed;
  504. font-size:25px;
  505. font-family: 'Shadows Into Light', cursive;
  506. color:{color:blogtitle};
  507. opacity:0;
  508. margin-top:230px;
  509. margin-left:200px;
  510. -o-transition-transition: all 0.5s ease;
  511. -webkit-transition: all 0.5s ease;
  512. -moz-transition: all 0.5s ease;
  513. transition: all 0.5s ease;
  514. }
  515. #sidebar:hover #p{
  516. opacity:1;
  517. -o-transition-transition: all 0.5s ease;
  518. -webkit-transition: all 0.5s ease;
  519. -moz-transition: all 0.5s ease;
  520. transition: all 0.5s ease;
  521. }
  522.  
  523. #pl{
  524. position:fixed;
  525. font-size:25px;
  526. font-family: 'Shadows Into Light', cursive;
  527. color:{color:blogtitle};
  528. opacity:0;
  529. margin-top:230px;
  530. margin-left:235px;
  531. -o-transition-transition: all 0.5s ease;
  532. -webkit-transition: all 0.5s ease;
  533. -moz-transition: all 0.5s ease;
  534. transition: all 0.5s ease;
  535. }
  536. #sidebar:hover #pl{
  537. opacity:1;
  538. -o-transition-transition: all 0.5s ease;
  539. -webkit-transition: all 0.5s ease;
  540. -moz-transition: all 0.5s ease;
  541. transition: all 0.5s ease;
  542. }
  543. #st{
  544. position:fixed;
  545. font-size:25px;
  546. font-family: 'Shadows Into Light', cursive;
  547. color:{color:blogtitle};
  548. opacity:0;
  549. margin-top:260px;
  550. margin-left:230px;
  551. -o-transition-transition: all 0.5s ease;
  552. -webkit-transition: all 0.5s ease;
  553. -moz-transition: all 0.5s ease;
  554. transition: all 0.5s ease;
  555. }
  556. #st a{
  557. color:{color:blogtitle};
  558. }
  559. #sidebar:hover #st{
  560. opacity:1;
  561. -o-transition-transition: all 0.5s ease;
  562. -webkit-transition: all 0.5s ease;
  563. -moz-transition: all 0.5s ease;
  564. transition: all 0.5s ease;
  565. }
  566. #q{
  567. position:fixed;
  568. font-size:11px;
  569. color:#fff;
  570. opacity:0;
  571. margin-top:200px;
  572. width:160px;
  573. margin-left:-10px;
  574. z-index:99;
  575. color:{color:blogtitle};
  576. -o-transition-transition: all 0.5s ease;
  577. -webkit-transition: all 0.5s ease;
  578. -moz-transition: all 0.5s ease;
  579. transition: all 0.5s ease;
  580. }
  581. #sidebar:hover #q{
  582. opacity:1;
  583. -o-transition-transition: all 0.5s ease;
  584. -webkit-transition: all 0.5s ease;
  585. -moz-transition: all 0.5s ease;
  586. transition: all 0.5s ease;
  587. }
  588. #ocehans{
  589. text-align:left;
  590. font-size:8px;
  591. text-transform:uppercase;
  592. opacity: 1;
  593. position:fixed;
  594. font-family:calibri;
  595. left:-5px;
  596. background-color:;
  597. letter-spacing:1px;
  598. width:95px;
  599. z-index:9999;
  600. padding:12px;
  601. top:4px;
  602. }
  603.  
  604. #link1{
  605. position:fixed;
  606. height:15px;
  607. width:15px;
  608. opacity:0;
  609. text-align:right;
  610. overflow:hidden;
  611. background:white;
  612. border:3px double #e1e1e1;
  613. padding:4px;
  614. margin-top:-1px;
  615. text-transform:uppercase;
  616. font-size:10px;
  617. color:transparent;
  618. font-family:calibri;
  619. z-index:999999999999999999999;
  620. -webkit-transition: all 0.5s ease-in-out;
  621. -moz-transition: all 0.5s ease-in-out;
  622. -o-transition: all 0.5s ease-in-out;
  623. }
  624. #link1 a{
  625. color:transparent;
  626. }
  627. #sidebar:hover #link1{
  628.  
  629. opacity:1;
  630. -webkit-transition: all 0.5s ease-in-out;
  631. -moz-transition: all 0.5s ease-in-out;
  632. -o-transition: all 0.5s ease-in-out;
  633. }
  634. #link1:hover{
  635. line-height:-10px;
  636. overflow:hide;
  637. width:100px;
  638. -webkit-transition: all 0.5s ease-in-out;
  639. -moz-transition: all 0.5s ease-in-out;
  640. -o-transition: all 0.5s ease-in-out;
  641. }
  642. #sidebar:hover #link1 a{
  643. color:{color:text};
  644. -webkit-transition: all 0.5s ease-in-out;
  645. -moz-transition: all 0.5s ease-in-out;
  646. -o-transition: all 0.5s ease-in-out;
  647. }
  648. #link2{
  649. position:fixed;
  650. height:15px;
  651. width:15px;
  652. opacity:0;
  653. text-align:right;
  654. overflow:hidden;
  655. background:white;
  656. border:3px double #e1e1e1;
  657. padding:4px;
  658. margin-top:36px;
  659. text-transform:uppercase;
  660. font-size:10px;
  661. color:transparent;
  662. font-family:calibri;
  663. z-index:999999999999999999999;
  664. -webkit-transition: all 0.5s ease-in-out;
  665. -moz-transition: all 0.5s ease-in-out;
  666. -o-transition: all 0.5s ease-in-out;
  667. }
  668. #link2 a{
  669. color:transparent;
  670. }
  671. #sidebar:hover #link2{
  672.  
  673. opacity:1;
  674. -webkit-transition: all 0.5s ease-in-out;
  675. -moz-transition: all 0.5s ease-in-out;
  676. -o-transition: all 0.5s ease-in-out;
  677. }
  678. #link2:hover{
  679. line-height:-10px;
  680.  
  681. width:100px;
  682. -webkit-transition: all 0.5s ease-in-out;
  683. -moz-transition: all 0.5s ease-in-out;
  684. -o-transition: all 0.5s ease-in-out;
  685. }
  686. #sidebar:hover #link2 a{
  687. color:{color:text};
  688. -webkit-transition: all 0.5s ease-in-out;
  689. -moz-transition: all 0.5s ease-in-out;
  690. -o-transition: all 0.5s ease-in-out;
  691. }
  692.  
  693. #link3{
  694. position:fixed;
  695. height:15px;
  696. width:15px;
  697. opacity:0;
  698. text-align:right;
  699. overflow:hidden;
  700. background:white;
  701. border:3px double #e1e1e1;
  702. padding:4px;
  703. margin-top:74px;
  704. text-transform:uppercase;
  705. font-size:10px;
  706. color:transparent;
  707. font-family:calibri;
  708. z-index:999999999999999999999;
  709. -webkit-transition: all 0.5s ease-in-out;
  710. -moz-transition: all 0.5s ease-in-out;
  711. -o-transition: all 0.5s ease-in-out;
  712. }
  713. #link3 a{
  714. color:transparent;
  715. }
  716. #sidebar:hover #link3{
  717.  
  718. opacity:1;
  719. -webkit-transition: all 0.5s ease-in-out;
  720. -moz-transition: all 0.5s ease-in-out;
  721. -o-transition: all 0.5s ease-in-out;
  722. }
  723. #link3:hover{
  724. line-height:-10px;
  725.  
  726. width:100px;
  727. -webkit-transition: all 0.5s ease-in-out;
  728. -moz-transition: all 0.5s ease-in-out;
  729. -o-transition: all 0.5s ease-in-out;
  730. }
  731. #sidebar:hover #link3 a{
  732. color:{color:text};
  733. -webkit-transition: all 0.5s ease-in-out;
  734. -moz-transition: all 0.5s ease-in-out;
  735. -o-transition: all 0.5s ease-in-out;
  736. }
  737. #link4{
  738. position:fixed;
  739. height:15px;
  740. width:15px;
  741. opacity:0;
  742. text-align:right;
  743. overflow:hidden;
  744. background:white;
  745. border:3px double #e1e1e1;
  746. padding:4px;
  747. margin-top:114px;
  748. text-transform:uppercase;
  749. font-size:10px;
  750. color:transparent;
  751. font-family:calibri;
  752. z-index:999999999999999999999;
  753. -webkit-transition: all 0.5s ease-in-out;
  754. -moz-transition: all 0.5s ease-in-out;
  755. -o-transition: all 0.5s ease-in-out;
  756. }
  757. #link4 a{
  758. color:transparent;
  759. }
  760. #sidebar:hover #link4{
  761.  
  762. opacity:1;
  763. -webkit-transition: all 0.5s ease-in-out;
  764. -moz-transition: all 0.5s ease-in-out;
  765. -o-transition: all 0.5s ease-in-out;
  766. }
  767. #link4:hover{
  768. line-height:-10px;
  769.  
  770. width:100px;
  771. -webkit-transition: all 0.5s ease-in-out;
  772. -moz-transition: all 0.5s ease-in-out;
  773. -o-transition: all 0.5s ease-in-out;
  774. }
  775. #sidebar:hover #link4 a{
  776. color:{color:text};
  777. -webkit-transition: all 0.5s ease-in-out;
  778. -moz-transition: all 0.5s ease-in-out;
  779. -o-transition: all 0.5s ease-in-out;
  780. }#link5{
  781. position:fixed;
  782. height:15px;
  783. width:15px;
  784. opacity:0;
  785. text-align:right;
  786. overflow:hidden;
  787. background:white;
  788. border:3px double #e1e1e1;
  789. padding:4px;
  790. margin-top:154px;
  791. text-transform:uppercase;
  792. font-size:10px;
  793. color:transparent;
  794. font-family:calibri;
  795. z-index:999999999999999999999;
  796. -webkit-transition: all 0.5s ease-in-out;
  797. -moz-transition: all 0.5s ease-in-out;
  798. -o-transition: all 0.5s ease-in-out;
  799. }
  800. #link5 a{
  801. color:transparent;
  802. }
  803. #sidebar:hover #link5{
  804.  
  805. opacity:1;
  806. -webkit-transition: all 0.5s ease-in-out;
  807. -moz-transition: all 0.5s ease-in-out;
  808. -o-transition: all 0.5s ease-in-out;
  809. }
  810. #link5:hover{
  811. line-height:-10px;
  812.  
  813. width:100px;
  814. -webkit-transition: all 0.5s ease-in-out;
  815. -moz-transition: all 0.5s ease-in-out;
  816. -o-transition: all 0.5s ease-in-out;
  817. }
  818. #sidebar:hover #link5 a{
  819. color:{color:text};
  820. -webkit-transition: all 0.5s ease-in-out;
  821. -moz-transition: all 0.5s ease-in-out;
  822. -o-transition: all 0.5s ease-in-out;
  823. }
  824.  
  825. @font-face{font-family:Halo;src:url(http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf);}
  826.  
  827. @font-face { font-family: "hello"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf'); }
  828.  
  829. @font-face {font-family:"lol";src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  830.  
  831. @font-face { font-family: "idk"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  832.  
  833. @font-face { font-family: "berry"; src: url('http://static.tumblr.com/hbpttq5/Qihmbcq4u/stanberry.ttf'); }
  834.  
  835. @font-face { font-family: "sup"; src: url('http://static.tumblr.com/pbot8z9/aVVmqaoq0/olivier_demo_1_.ttf'); }
  836.  
  837. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  838. #sidebar #desc{
  839. position:fixed;
  840. background:white;
  841. width:180px;
  842. border-radius:4px;
  843. height:50px;
  844. overflow-y:scroll;
  845. font-size:11px;
  846. font-family:calibri;
  847. line-height:14px;
  848. opacity:0;
  849. margin-top:140px;
  850. margin-left:150px;
  851. padding:10px;
  852. border:1px solid #e1e1e1;
  853. -webkit-transition: all .7s ease;
  854. -moz-transition: all .7s ease;
  855. -o-transition: all .7s ease;
  856. transition: all .7s ease;
  857.  
  858. }
  859. #sidebar:hover #desc{
  860. opacity:1;
  861. margin-left:160px;
  862. -webkit-transition: all .7s ease;
  863. -moz-transition: all .7s ease;
  864. -o-transition: all .7s ease;
  865. transition: all .7s ease;
  866. }
  867. #g{
  868. position:fixed;
  869. width:140px;
  870. height:70px;
  871. border:1px solid #e1e1e1;
  872. border-radius:4px;
  873. padding:10px;
  874. background:white;
  875. margin-left:200px;
  876. opacity:0;
  877. -webkit-transition: all .7s ease;
  878. -moz-transition: all .7s ease;
  879. -o-transition: all .7s ease;
  880. transition: all .7s ease;
  881. }
  882. #sidebar:hover #g{
  883. opacity:1;
  884. -webkit-transition: all .7s ease;
  885. -moz-transition: all .7s ease;
  886. -o-transition: all .7s ease;
  887. transition: all .7s ease;
  888. }
  889. #g img{
  890. width:140px;
  891. height:70px;
  892. }
  893. ::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
  894. ::-webkit-scrollbar-thumb {background-color:{color:sidebar borders};}
  895. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  896. .title{
  897. line-height: 32px;
  898. font-family:calibri;
  899. text-transform:uppercase;
  900. font-size:25px;
  901. text-shadow:3px 3px #e1e1e1;
  902. color:{color:Title};
  903. font-weight: normal;
  904. }
  905.  
  906.  
  907. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  908. .permalink{
  909. text-transform: normal;
  910. display: block;
  911. text-align: right;
  912. text-decoration: none;
  913. }
  914.  
  915.  
  916. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  917. #infscr-loading{
  918. bottom: -70px;
  919. position: absolute;
  920. left: 50%;
  921. margin-left:-8px;
  922. width:16px;
  923. height:11px;
  924. overflow:hidden;
  925. margin-bottom: 50px;
  926. }
  927.  
  928. #postnotes{
  929. text-align: justify;}
  930.  
  931. #postnotes blockquote{
  932. border: 0px;}
  933.  
  934. blockquote{
  935. padding:0px 0px 2px 5px;
  936. margin:0px 0px 2px 10px;
  937. border-left: 1px dotted #555555;
  938. }
  939.  
  940. blockquote p, ul{
  941. margin:0px;
  942. padding:0px;
  943. }
  944.  
  945. a img{border: 0px;}
  946.  
  947.  
  948. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  949.  
  950. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  951. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  952.  
  953. .notes img{width:10px; position:relative; top:3px;}
  954. <--ses-->
  955. small{font-size: 90%;}
  956.  
  957. {CustomCSS}
  958.  
  959. </style>
  960.  
  961. {block:IndexPage}
  962. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  963. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  964.  
  965. <script type="text/javascript">
  966. $(window).load(function(){
  967. var $wall = $('#posts');
  968. $wall.imagesLoaded(function(){
  969. $wall.masonry({
  970. itemSelector: '.entry, .entry_photo',
  971. isAnimated : false
  972. });
  973. });
  974.  
  975. $wall.infinitescroll({
  976. navSelector : '#pagination',
  977. nextSelector : '#pagination a',
  978. itemSelector : '.entry, .entry_photo',
  979. bufferPx : 2000,
  980. debug : false,
  981. errorCallback: function() {
  982. $('#infscr-loading').fadeOut('normal');
  983. }},
  984. function( newElements ) {
  985. var $newElems = $( newElements );
  986. $newElems.hide();
  987. $newElems.imagesLoaded(function(){
  988. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  989. });
  990. }); $('#posts').show(500);
  991. });
  992. </script>
  993.  
  994.  
  995. {/block:IndexPage}
  996.  
  997.  
  998. <title>{title}</title>
  999.  
  1000. <link rel="shortcut icon" href="{Favicon}" />
  1001. <meta name="viewport" content="width=820" />
  1002. </head>
  1003.  
  1004. <body>
  1005. <div style="position:fixed; bottom:5px; left:5px; padding: 2px; float:top;"> <a href="http://lovelayouts.tumblr.com" title="Theme by LoveLayouts!"><img src="https://31.media.tumblr.com/939ff4dad6e69e1b35820cb363d0c9e3/tumblr_inline_mgg2pb5flh1roozkr.gif" style="width:auto;"></a></div>
  1006.  
  1007. <BODY onselectstart="return false;" ondragstart="return false;">
  1008. <div class="wrapper">
  1009. <div class="header">
  1010. </div>
  1011.  
  1012. <div id="cage">
  1013. <div id="center">
  1014. <div id="topbar"></div>
  1015. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1016. <div id="sidebar">
  1017. <div id="blogtitle">{text:blogtitle}</div>
  1018. <center>
  1019. <div id="pic"><a href="/"><img src="{image:sidebar}" width=100%></a></div>
  1020.  
  1021. <div id="des">{text:name}</div>
  1022. <div id="desc">{description}</div>
  1023. <div id="g"><img src="{image:gif}"></div>
  1024. <div id="link1"><img src="http://media.tumblr.com/80a571a81daebb8ef04da3fbe7ce3d83/tumblr_inline_msr9q071OW1qz4rgp.png" style="width:auto; margin-top:-0px; height:auto;"><a href="{text:link one}" title="{text:link one message}">{text:link one text}</a></div>
  1025. <div id="link2"><img src="http://media.tumblr.com/15eac61266f7a7fb260d5763d8596ccf/tumblr_inline_msr9qkFSoz1qz4rgp.png" style="width:auto; margin-top:-0px; height:auto;"><a href="{text:link two}" title="{text:link two message}">{text:link two text}</a></div>
  1026. <div id="link3"><img src="http://media.tumblr.com/3ee50e5052011f65c1d75c382b5f510b/tumblr_inline_msr9tcz2X41qz4rgp.png" style="width:auto; margin-top:-0px; height:auto;"><a href="{text:link three}" title="{text:link three message}">{text:link three text}</a></div>
  1027. <div id="link4"><img src="http://media.tumblr.com/b9027eed048d2d6662055bc93f1275a3/tumblr_inline_msr9u2faua1qz4rgp.png" style="width:auto; margin-top:-0px; height:auto;"><a href="{text:link four}" title="{text:link four message}">{text:link four text}</a></div>
  1028. <div id="link5"><img src="http://media.tumblr.com/f31b82e37b1ae68d2bf1b70e3f95352c/tumblr_inline_msra4pkAPQ1qz4rgp.png" style="width:auto; margin-top:-0px; height:auto;"><a href="{text:link five}" title="{text:link five message}">{text:link five text}</a></div>
  1029. <div id="q">{text:quote}</div>
  1030. <div id="pl"><a href='#?w=300' rel='04' class='poplight' title="My updates!">Updates</a></div>
  1031. <div id="st">{text:stats}</div>
  1032. </center>
  1033. </div>
  1034. <!------------------------------------->
  1035.  
  1036.  
  1037. <div class="left">
  1038. <div id="posts">
  1039. {block:Posts}
  1040. <div class="entry">
  1041.  
  1042. {block:Answer}
  1043. <div style="margin-left:5px; margin-top:16px; width:235px; height:50px; border:1px solid #e1e1e1; padding: 10px; border-radius:4px; background-color:#fbfbfb; {block:PermalinkPage} width:410px; {/block:PermalinkPage} ;">
  1044. <img src="{AskerPortraitURL-30}" width="40" height="40" align="left" style="margin-right: 4px; margin-top: -6px ;padding: 2px; background: white; border:3px solid {color:blogtitle}; z-index:1;opacity:1; border-radius:40px;"/>
  1045. <div id="ak">{Asker}:</div> <br>{Question}</div> </p> <br>
  1046. <img src="{PostAuthorPortraitURL-30}" width="40" height="40" align="right" style="margin-right: 4px; margin-top: -6px ;padding: 2px; background: white; border:3px solid {color:blogtitle}; z-index:1;opacity:1; border-radius:40px;"/>
  1047.  
  1048. <div style="margin-left:5px;width:140px; margin-top:-9px; height:auto; text-align:left;
  1049. border:1px solid #e1e1e1; padding: 10px; border-radius:4px;background-color:#fbfbfb; {block:IndexPage} width: 235px; {/block:IndexPage}{block:PermalinkPage} width:430px; {/block:PermalinkPage} ;"><center><div id="ak2">{text:name}:</div><br><div style="text-align:left;">{Answer}</div></center></div><br><br>
  1050.  
  1051. {block:indexpage}
  1052. <span class="permalink1"><div style="width:100%; color:{color:sidebar borders}; padding:5px; outline:1px dashed #fff; outline-offset:-6px;"><a href="{Permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a></div> </span>
  1053. {/block:indexpage}
  1054.  
  1055.  
  1056. {/block:Answer}
  1057.  
  1058.  
  1059. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  1060.  
  1061. {block:IndexPage}
  1062.  
  1063.  
  1064. {/block:IndexPage}
  1065.  
  1066. {/block:Text}
  1067.  
  1068. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  1069.  
  1070. {block:IndexPage}
  1071.  
  1072. <div class="permalink">
  1073. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  1074. </div>
  1075.  
  1076. {/block:IndexPage}
  1077.  
  1078. {block:Link}
  1079.  
  1080. {block:Photo}
  1081. {block:IndexPage}
  1082. <center>
  1083.  
  1084. <div class="perma">
  1085. <li>{ReblogButton color="white"} </li>
  1086.  
  1087. </div>
  1088. <div class="perma2">
  1089. <li>{LikeButton}</li>
  1090.  
  1091. </div>
  1092. <div class="perma3">
  1093. <a href="{Permalink}" title="Click for the permalink"><img src="http://i.imgur.com/Taq0deT.png" style="width:26px;margin-top:-2px;margin-left:-3px"></a>
  1094.  
  1095. </div>
  1096. <div class="photo"><div style="padding:2px; padding-bottom:0px;"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div></div>
  1097. {/block:IndexPage}
  1098. {block:PermalinkPage}
  1099. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1100.  
  1101. {LinkCloseTag}
  1102. {/block:PermalinkPage}
  1103. {/block:Photo}
  1104.  
  1105. {block:Photoset}
  1106. {block:IndexPage}
  1107. <center>
  1108.  
  1109. <div class="perma">
  1110. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1111.  
  1112. {Photoset-250}</center>
  1113. {/block:IndexPage}
  1114. {block:PermalinkPage}
  1115. <center>
  1116. {Photoset-500}</center>
  1117. {/block:PermalinkPage}
  1118. {/block:Photoset}
  1119.  
  1120. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  1121.  
  1122. {block:IndexPage}
  1123.  
  1124. <div class="permalink">
  1125. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  1126. </div>
  1127.  
  1128. {/block:IndexPage}
  1129.  
  1130. {/block:Quote}
  1131.  
  1132. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1133. <ul class="chat">
  1134. {block:Lines}
  1135. <li class="user_{UserNumber}">
  1136. {block:Label}
  1137. <span class="label">{Label}</span>
  1138. {/block:Label}
  1139.  
  1140. {Line}
  1141. </li>
  1142. {/block:Lines}
  1143.  
  1144. {block:IndexPage}
  1145.  
  1146. <div class="permalink">
  1147. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  1148. </div>
  1149.  
  1150. {/block:IndexPage}
  1151.  
  1152. {/block:Chat}
  1153.  
  1154. {block:Audio}
  1155. <div style="width:200px; height:30px;">
  1156. {AudioPlayerBlack}
  1157. </div>
  1158. {block:IndexPage}
  1159.  
  1160. {block:IndexPage}
  1161.  
  1162. <div class="permalink">
  1163. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  1164. </div>
  1165.  
  1166. {/block:IndexPage}
  1167.  
  1168. </span>{/block:IndexPage}
  1169. {/block:Audio}
  1170.  
  1171. {block:Video}
  1172. {block:IndexPage}
  1173. <center>
  1174. <div class="perma">
  1175. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1176. {Video-250}</center>
  1177. {/block:IndexPage}
  1178. {block:PermalinkPage}
  1179. <center>
  1180. {Video-400}</center>
  1181. {/block:PermalinkPage}
  1182. {block:Video}
  1183.  
  1184.  
  1185. {block:PostNotes}<div align="middle">{caption}</div>
  1186. <center>
  1187.  
  1188. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1189.  
  1190. {block:HasTags}
  1191. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1192. {block:RebloggedFrom}
  1193. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1194. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1195.  
  1196. {/block:RebloggedFrom}
  1197. </center></span>
  1198. <br>
  1199. <div id="postnotes">{PostNotes}</div><br>
  1200.  
  1201. <center>{block:ContentSource}
  1202. <br><a href="{SourceURL}">
  1203. {lang:Source}:
  1204. {block:SourceLogo}
  1205. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1206. height="{LogoHeight}" alt="{SourceTitle}" />
  1207. {/block:SourceLogo}
  1208. {block:NoSourceLogo}
  1209. {SourceLink}
  1210. {/block:NoSourceLogo}
  1211. </a>
  1212. {/block:ContentSource}</center>
  1213.  
  1214. {/block:PostNotes}
  1215. </div>
  1216. {/block:Posts}
  1217. </div></div>
  1218.  
  1219. {block:IndexPage}
  1220. {block:Pagination}
  1221. <div id="pagination">
  1222. {block:NextPage}
  1223. <a id="nextPage" href="{NextPage}"></a>
  1224. {/block:NextPage}
  1225. {block:PreviousPage}
  1226. <a href="{PreviousPage}"></a>
  1227. {/block:PreviousPage}
  1228. </div>
  1229. {/block:Pagination}
  1230. {/block:IndexPage}
  1231. </body>
  1232. <div id="04" class="popup_block">
  1233. <div style="font-size:40px; font-family:'Satisfy', cursive; text-shadow:-1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle}; line-height:40px; text-align:center;
  1234. color:#fff; text-align:center">Updates</div>
  1235. hii put your updates here!!! Go to the bottom of your HTML coding to edit this~
  1236.  
  1237. </div></div></div></div></div></div></div>
  1238.  
  1239.  
  1240.  
  1241. </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!