Advertisement
iusedtobeher-themes

~Every girl needs a hero~

Jan 6th, 2013
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.25 KB | None | 0 0
  1. <!--Theme by iusedtobeher | tumblr . Please don't remove credit. I love you. Have an amazing day! ♥-->
  2.  
  3. <html lang="en">
  4. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
  10.  
  11.  
  12. <head>
  13. <!-- DEFAULT VARIABLES -->
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  15. <meta name="color:background" content="#fff"/>
  16. <meta name="color:text" content="#000"/>
  17. <meta name="color:title" content="#000"/>
  18. <meta name="color:Blog Title" content=""/>
  19. <meta name="color:link" content="#9B9B9B"/>
  20. <meta name="color:link shadow" content="#cf7a98"/>
  21. <meta name="color:hover" content="#000"/>
  22. <meta name="color:scrollbar" content="#eee"/>
  23.  
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="image:background" content="0"/>
  26.  
  27. <meta name="text:Link One Title" content="link1" />
  28. <meta name="text:Link One" content="" />
  29. <meta name="text:Link Two Title" content="link2" />
  30. <meta name="text:Link Two" content="" />
  31. <meta name="text:Link Three Title" content="link3" />
  32. <meta name="text:Link Three" content="" />
  33. <meta name="text:Link Four Title" content="link4" />
  34. <meta name="text:Link Four" content="" />
  35.  
  36. <style type="text/css">
  37.  
  38. #bite
  39. #bite a{
  40. display:block
  41. }
  42.  
  43. #bite .death {
  44. margin-top:40px;filter: alpha(opacity = 0);
  45. opacity:0;-webkit-transition: all 0.5s ease-out;
  46. -moz-transition: all 0.5s ease-out;
  47. transition: all 0.5s ease-out;
  48. }
  49.  
  50. #bite:hover .death {
  51. margin-top:2px;
  52. -webkit-transition: all 0.8s ease-out;
  53. -moz-transition: all 0.8s ease-out;
  54. transition: all 0.8s ease-out;
  55. filter: alpha(opacity = 100);
  56. filter: alpha(opacity = 100);
  57. opacity:100;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. border-top: 1px solid #303030;
  62. border-bottom: 1px solid #303030;
  63. border-left: 1px solid #4B4B4B;
  64. background-color:#474747;
  65. height:auto;
  66. }
  67.  
  68. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  69.  
  70. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  71.  
  72. @font-face {
  73. font-family: "Ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
  74. }
  75.  
  76. @font-face {
  77. font-family: "silkscreen";
  78. src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf');
  79. }
  80.  
  81. @font-face {
  82. font-family: "Existance";
  83. src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');
  84. }
  85.  
  86. @font-face {
  87. font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf');
  88. }
  89.  
  90. @font-face {
  91. font-family: "Black Swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');
  92. }
  93.  
  94. @font-face {
  95. font-family: "Bebas Neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');
  96. }
  97.  
  98. .wrapper{
  99. margin: 0px auto;
  100. margin-left: 60px;
  101. width: 802px;
  102. }
  103.  
  104. .header{
  105. float: left;
  106. width: 100%;
  107. }
  108.  
  109. .left{
  110. float: left;
  111. margin-right: 20px;
  112. width: 802;
  113. }
  114.  
  115. .right{
  116. float: right;
  117. width: 200px;
  118. background-color: #fff;
  119. }
  120.  
  121. body {
  122. margin:0px;
  123. background-color: {color:Background};
  124. background-image:url({image:Background});
  125. background-attachment: fixed;
  126. background-repeat: repeat;}
  127. body, div, p, textarea, submit, input{
  128. font-family: "Ronda";
  129. font-size: 8px;
  130. line-height:11px;
  131. letter-spacing:1px;
  132. color:{color:Text};
  133. }
  134.  
  135. ::-webkit-scrollbar {width: 6px; height: 4px; background: #FFFFFF; border-left:0px solid #aaa; }
  136.  
  137. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; border: 0px solid #eee; border-radius:40px;}
  138.  
  139.  
  140. p {
  141. margin:0px;
  142. margin-top:0px;
  143. }
  144.  
  145. a:link, a:active, a:visited{
  146. text-decoration: none;
  147. -webkit-transition: color 0.3s ease-out;
  148. -moz-transition: color 0.3s ease-out;
  149. transition: color 0.3s ease-out;
  150. color: {color:Link};
  151. }
  152.  
  153. a:hover {
  154. text-shadow:1px 2px 2px {color:link shadow};
  155. : -webkit-transition-duration: 1.0s;
  156. color:{color:Hover};
  157. }
  158.  
  159. div#sidebar {
  160. position:fixed;
  161. width: 250px;
  162. height: auto;
  163. font-family: "Handy00";
  164. height: auto;
  165. margin-left:700px;
  166. margin-top: 220px;
  167. padding:0px;
  168. padding-bottom: -3px;
  169.  
  170. transition: all 0.8s ease-out;
  171. -o-transition-transition: all 0.8s ease-out;
  172. -webkit-transition: all 0.8s ease-out;
  173. -moz-transition: all 0.8s ease-out;
  174. }
  175.  
  176. div#sidebar img{
  177. width: 250px;;
  178. height: auto;
  179. margin-bottom: -3px;
  180.  
  181. opacity:0.8;
  182.  
  183. transition: all 0.8s ease-out;
  184. -o-transition-transition: all 0.8s ease-out;
  185. -webkit-transition: all 0.8s ease-out;
  186. -moz-transition: all 0.8s ease-out;
  187. }
  188.  
  189. div#sidebar img:hover{
  190.  
  191. opacity:1;
  192.  
  193. -webkit-transition: opacity 1s linear; opacity: 1;
  194. -webkit-transform: rotate(2.5deg);
  195. -moz-transform: rotate(2.5deg);
  196. }
  197.  
  198. .sectiontitle{
  199. font-family:"Existance";
  200. font-size:18px;
  201. line-height:15px;
  202. text-shadow: 1px 1px 5px #aaa;
  203. text-transform:uppercase;
  204. color:#747171;
  205. text-align:center;
  206. }
  207.  
  208. .linkbar{
  209. color: black;
  210. margin-top:10px;
  211. background: transparent;
  212. height: auto;
  213. width: 200px;
  214. font-family:"Dixel";
  215. font-size:10px;
  216. line-height:8px;
  217. text-transform:uppercase;
  218. text-align:center;
  219. z-index:1;
  220. }
  221.  
  222. .Title{
  223. margin-top:10px;
  224. opacity:0.5;
  225. font-family:"Finger Paint";
  226. font-size:40px;
  227. line-height:23px;
  228. letter-spacing:-2px;
  229. color:{color:Blog title};
  230. text-align:center;
  231. transition: all 0.5s ease-out;
  232. -o-transition-transition: all 0.5s ease-out;
  233. -webkit-transition: all 0.5s ease-out;
  234. -moz-transition: all 0.5s ease-out;
  235. }
  236.  
  237. .Title:hover{
  238. opacity:1;
  239. transition: all 0.5s ease-out;
  240. -o-transition-transition: all 0.5s ease-out;
  241. -webkit-transition: all 0.5s ease-out;
  242. -moz-transition: all 0.5s ease-out;
  243. }
  244.  
  245. div#center{
  246. margin:auto;
  247. margin-top:0px;
  248. position:relative;
  249. width:900px;
  250. background-color:;
  251. overflow:auto;
  252. overflow-y:hidden;
  253. }
  254.  
  255. .entry {
  256. float:left;
  257. display: block;
  258. overflow:hidden;
  259. width:300px;
  260. background: white;
  261. padding:2px;
  262. border:1px solid #aaa;
  263. margin:10px;
  264. {block:PermalinkPage}
  265. width:520px;
  266. margin-left:0px;
  267. text-align:center;
  268. {/block:PermalinkPage}
  269. }
  270.  
  271. .entry:hover{
  272. -webkit-transition: opacity 0.9s linear; opacity: 1;
  273. -webkit-transform: rotate(-1deg);
  274. -moz-transform: rotate(-1deg);
  275. }
  276.  
  277. .perma {
  278. opacity: 0.0;
  279. filter: alpha(opacity = 0);
  280. margin-top: -21px;
  281. width: px;
  282. height: 30px;
  283. line-height: 30px;
  284. font-size: 9px;
  285. position:absolute;
  286. text-align: center;
  287. z-index:9999991;
  288. color: {color:permalink};
  289. }
  290.  
  291. a.p {color: {color:permalink};}
  292.  
  293. .entry:hover .perma {
  294. -webkit-transition: opacity 0.4s linear;
  295. opacity: 1;
  296. -moz-transition: all 0.4s linear;
  297. transition: all 0.4s linear;
  298. filter: alpha(opacity = 100);
  299. }
  300.  
  301. .likep {
  302. width: 21px;
  303. height: 20px;
  304. overflow: hidden;
  305. position: relative;
  306. z-index: 9999999;
  307. position: absolute;
  308. margin-top: 28px;
  309. margin-left: 10px;
  310. }
  311.  
  312. .rep {
  313. width: 24px;
  314. height: 20px;
  315. overflow: hidden;
  316. position: relative;
  317. z-index: 9999999;
  318. position: absolute;
  319. margin-top: 28px;
  320. margin-left: 36px;
  321. }
  322.  
  323. .likep a:hover {
  324. background-position: 0px 0px;
  325. }
  326.  
  327. .likep a {
  328. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  329. background-position: 0px 0px;
  330. display: block;
  331. z-index: 9999999;
  332. webkit-transition: all 0s linear;
  333. -webkit-transition: all 0s linear;
  334. -moz-transition: all 0s linear;
  335. transition: all 0s linear;
  336. }
  337.  
  338. .likep img {
  339. width: 21px;
  340. height: 20px;
  341. webkit-transition: all 0.2s linear;
  342. -webkit-transition: all 0.2s linear;
  343. -moz-transition: all 0.2s linear;
  344. transition: all 0.2s linear;
  345. }
  346.  
  347. .rep img {
  348. width: 24px;
  349. height: 20px;
  350. line-height: 30px;
  351. display: inline;
  352. }
  353.  
  354. .not {
  355. position: absolute;
  356. background: #fff;
  357. width:300px;
  358. height: 500px;
  359. font-family: "Bebas Neue";
  360. font-size: 80px;
  361. line-height: 960px;
  362. text-align: right;
  363. bottom:3px;
  364. right:3px;
  365. opacity:0;
  366. transition: all 0.5s ease-out;
  367. -o-transition-transition: all 0.5s ease-out;
  368. -webkit-transition: all 0.5s ease-out;
  369. -moz-transition: all 0.5s ease-out;
  370. }
  371.  
  372. .not a{
  373. color: #aaa;
  374. font-weight: normal;
  375. line-height: 21px;
  376. }
  377.  
  378. .not:hover{
  379. opacity:0.7;
  380. transition: all 0.5s ease-out;
  381. -o-transition-transition: all 0.5s ease-out;
  382. -webkit-transition: all 0.5s ease-out;
  383. -moz-transition: all 0.5s ease-out;
  384. }
  385.  
  386. .title{
  387. font-family: "Existance";
  388. font-size: 22px;
  389. line-height: 20px;
  390. color: {color:Title};
  391. text-shadow:1px 2px 2px #aaa;
  392. letter-spacing: 1px;
  393. font-weight: normal;
  394. }
  395.  
  396. .sel{
  397. display: block;
  398. background-color:#FFFFFF;
  399. border-top: 1px solid #ddd;
  400. margin-top: 2px;
  401. margin-bottom:-3px;
  402. font-family:"Silkscreen";
  403. font-size:8px;
  404. line-height:10px;
  405. text-transform:uppercase;
  406. text-align:right;
  407. border-right:5px solid #ddd;
  408. webkit-transition: all 0.2s linear;
  409. -webkit-transition: all 0.2s linear;
  410. -moz-transition: all 0.2s linear;
  411. transition: all 0.2s linear;
  412. }
  413.  
  414. .sel:hover{
  415. text-transform:uppercase;
  416. border-right:15px solid #ddd;
  417. webkit-transition: all 0.2s linear;
  418. -webkit-transition: all 0.2s linear;
  419. -moz-transition: all 0.2s linear;
  420. transition: all 0.2s linear;
  421. }
  422.  
  423. #posts {
  424. width:700px;
  425. margin-top: 10px;
  426. margin-left: 50px;
  427. margin-right: auto;
  428. position:relative;
  429. overflow-y: hidden;
  430. }
  431.  
  432. #infscr-loading{
  433. bottom: -70px;
  434. position: absolute;
  435. left: 50%;
  436. margin-left:-8px;
  437. width:16px;
  438. height:11px;
  439. overflow:hidden;
  440. margin-bottom: 50px;
  441. }
  442.  
  443. #postnotes{
  444. text-align: justify;
  445. }
  446.  
  447. #postnotes blockquote{
  448. border: 0px;
  449. }
  450.  
  451. blockquote{
  452. padding:0px 0px 2px 5px;
  453. margin:0px 0px 2px 1px;
  454. border-left: 1px dotted {color:Text};
  455. }
  456.  
  457. blockquote p, ul{
  458. margin:0px;
  459. padding:0px;
  460. }
  461.  
  462. a img{border: 0px;}
  463. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  464. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  465. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  466. .notes img{width:10px; position:relative; top:3px;
  467. }
  468.  
  469. small{font-size: 90%;}
  470.  
  471. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  472. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  473.  
  474. {CustomCSS}
  475.  
  476. </style>
  477.  
  478. {block:IndexPage}
  479. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  480. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  481.  
  482. <script type="text/javascript">
  483. $(window).load(function () {
  484. var $content = $('#posts');
  485. $content.masonry({itemSelector: '.entry'}),
  486. $content.infinitescroll({
  487. navSelector : 'div#pagination',
  488. nextSelector : 'div#pagination a#nextPage',
  489. itemSelector : '.entry',
  490. loading: {
  491. finishedMsg: '',
  492. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  493. },
  494. bufferPx : 600,
  495. debug : false,
  496. },
  497. // call masonry as a callback.
  498. function( newElements ) {
  499. var $newElems = $( newElements );
  500. $newElems.hide();
  501. // ensure that images load before adding to masonry layout
  502. $newElems.imagesLoaded(function(){
  503. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  504.  
  505.  
  506. });
  507. });
  508. });
  509. </script>
  510. {/block:IndexPage}
  511.  
  512.  
  513. <title>{title}</title>
  514.  
  515. <link rel="shortcut icon" href="{Favicon}">
  516. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  517. <meta name="viewport" content="width=820" />
  518. </head>
  519.  
  520. <body>
  521.  
  522. <div class="wrapper">
  523. <div class="header">
  524. </div>
  525.  
  526. <div id="center">
  527.  
  528. <div id="sidebar">
  529. <center><img src="{image:sidebar}"</a>
  530. <div id="bite"><div class="Title">{Title}</div>
  531. <center>
  532. <div class="linkbar">
  533.  
  534. <a href="/">Home</a>
  535. <a href="/ask">Ask</a>
  536.  
  537. <a href="{text:Link One}">{text:Link One Title}</a>
  538. <a href="{text:Link Two}">{text:Link Two Title}</a>
  539. <a href="{text:Link Three}">{text:Link Three Title}</a>
  540. <a href="{text:Link Four}">{text:Link Four Title}</a></div>
  541.  
  542. </center><div class="death"><div style="width:200px; height:32px; background-color:transparent; font-family: Dixel; font-size: 8px; text-align: center; letter-spacing:1; margin-top:1px; border-top:1px solid brown;"><center>{Description}</center></center></div>
  543. </div></div></div></div></div>
  544.  
  545. <div class="left">
  546. <div id="posts">
  547. {block:Posts}
  548. <div class="entry">
  549.  
  550. {block:Answer}
  551. <br><div style="margin-top:-3px; min-height:30px; padding: 3px; background-color: #fff; font-family: Existance; font-size: 12px; border-bottom:1px dashed #ddd; border-top:1px dashed #ddd;">
  552. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; border:1px solid #eee"/>
  553. {Asker}:<div style="font-family: Ronda; font-size: 8px;">{Question}</div></div>
  554. <div style="font-family: Ronda; font-size: 8px;">{Answer}</div><div class="sel"><a href="{Permalink}">{timeago} >> {notecountwithlabel}</a></div>
  555. {/block:Answer}
  556.  
  557. {block:Text}
  558. {block:Title}<span class="title">{Title}</span>{/block:Title}
  559. <span class="entrytext">{Body}</span></a>
  560. {block:IndexPage}
  561. <div class="sel"><a href="{permalink}">{timeago} >> {notecountwithlabel}</a></div>
  562. {/block:IndexPage}
  563. {/block:Text}
  564.  
  565. {block:Link}
  566. <a href="{URL}" class="title">{Name}</a>
  567. {block:Description}{Description}{/block:Description}
  568. {block:IndexPage}
  569. <div class="sel"><a href="{permalink}">{timeago} >> {notecountwithlabel}</a></span></div>
  570. {/block:IndexPage}
  571. {block:Link}
  572.  
  573. {block:Photo}{block:IndexPage}
  574. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  575. {/block:IndexPage}
  576. {block:IndexPage}
  577. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=300px/></a>
  578. {/block:IndexPage}
  579. {block:permalinkpage}{LinkOpenTag}
  580. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  581. {/block:permalinkpage}
  582. {/block:Photo}
  583.  
  584. {block:Quote}
  585. <span class="title">{Quote}</span><br />
  586. {block:Source}{Source}{/block:Source}
  587. {block:IndexPage}
  588. <br /><div class="sel"><a href="{permalink}">{timeago} >> {notecountwithlabel}</a></span></div>
  589. {/block:IndexPage}
  590. {/block:Quote}
  591.  
  592. {block:Chat}
  593. {block:Title}<span class="title">{Title}</span>{/block:Title}
  594. <ul class="chat">
  595. {block:Lines}
  596. <li class="user_{UserNumber}">
  597. {block:Label}
  598. <span class="label">{Label}</span>
  599. {/block:Label}
  600.  
  601. {Line}
  602. </li>
  603. {/block:Lines}
  604. </ul>
  605. {block:IndexPage}
  606. <div class="sel"><a href="{permalink}">{timeago} >> {notecountwithlabel}</a></span></div>
  607. {/block:IndexPage}
  608. {/block:Chat}
  609.  
  610. {block:Audio}
  611. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  612. {FormattedPlayCount} plays</small></div></div></center><br>
  613. {block:Caption}{Caption}{/block:Caption}
  614. {block:IndexPage}
  615. <div class="sel"><a href="{permalink}">{timeago} >> {notecountwithlabel}</a></span></div>
  616. {/block:IndexPage}
  617. {/block:Audio}
  618.  
  619. {block:Video}<center>
  620. <div class="video">{Video-250}</div></center>
  621. {block:IndexPage}
  622. <div class="sel"><a href="{permalink}">{timeago} >> {notecountwithlabel}</a></span></div>
  623. {/block:IndexPage}
  624. {block:Video}
  625.  
  626. {block:PostNotes}<div align="middle">{caption}</div>
  627. <center>
  628.  
  629. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  630.  
  631. {block:HasTags}
  632. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  633. {block:RebloggedFrom}
  634. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  635. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  636.  
  637. {/block:RebloggedFrom}
  638. </center></span>
  639. <br>
  640. <div id="postnotes">{PostNotes}</div><br>
  641.  
  642. <center>{block:ContentSource}
  643. <br><a href="{SourceURL}">
  644. {lang:Source}:
  645. {block:SourceLogo}
  646. <img src="{BlackLogoURL}" width="{LogoWidth}"
  647. height="{LogoHeight}" alt="{SourceTitle}" />
  648. {/block:SourceLogo}
  649. {block:NoSourceLogo}
  650. {SourceLink}
  651. {/block:NoSourceLogo}
  652. </a>
  653. {/block:ContentSource}</center>
  654.  
  655. {/block:PostNotes}
  656. </div>
  657. {/block:Posts}
  658. </div></div>
  659.  
  660. {block:IndexPage}
  661. {block:Pagination}
  662. <div id="pagination">
  663. {block:NextPage}
  664. <a id="nextPage" href="{NextPage}"></a>
  665. {/block:NextPage}
  666. {block:PreviousPage}
  667. <a href="{PreviousPage}"></a>
  668. {/block:PreviousPage}
  669. </div>
  670. {/block:Pagination}
  671. {/block:IndexPage}
  672.  
  673. <BODY onselectstart="return false;" ondragstart="return false;">
  674.  
  675. <div style="position:fixed; bottom:5px; left: 5px;"><a href="http://iusedtobeher.tumblr.com/">credit</a></div>
  676. </div>
  677. </body>
  678. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement