API tools faq
paste
puellae-themes

Freedom Theme

puellae-themes
Dec 18th, 2012
404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.80 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4. <!--                
  5.  
  6.                          Freedom Theme by
  7.  
  8.         _   __            ___  _             __  ___
  9.        / \ |  \|    ||   |    | \     |     /   |
  10.       |   ||  ||    ||   |    |  \    |    /    |
  11.       |   ||__/|    ||   |___ |   \   |---|     |___
  12.       \   /|   |    ||   |    |    \  |    \    |
  13.        \_/ |    \__/ |___|___ |     \_|     \__ |___
  14.      
  15.      
  16.      
  17. Please don't remove the credit. I worked very hard on this.
  18.  
  19.  
  20. If you don't have any html skills I wouldn't suggest you to use this theme because you have pretty much to edit in the html code not in the appearance page.
  21. I will work on this. If you have questions just send me a message and I will help you. Please leave the credit & enjoy your new theme :)xx
  22.  
  23.  
  24. -->
  25.  
  26. </script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml">
  29. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32. <script type="text/javascript" src="http://static.tumblr.com/sxplfnv/rrjmfqebp/jquery.txt"></script>
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  36. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  37. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  38. <title>{Title}</title>
  39.  
  40. </script>
  41. <link rel="shortcut icon" href="{Favicon}">
  42.  
  43. <meta name="color:background" content="#ffffff"/>
  44. <meta name="color:text" content="#000000"/>
  45. <meta name="color:secondary" content="#ffffff"/>
  46. <meta name="color:hover background" content=""/>
  47. <meta name="image:banner" content="" />
  48. <meta name="if:show banner" content="0"/>
  49. <meta name="text:link one" content=""/>
  50. <meta name="text:link one title" content=""/>
  51. <meta name="text:link two" content=""/>
  52. <meta name="text:link two title" content=""/>
  53. <meta name="text:link three" content=""/>
  54. <meta name="text:link three title" content=""/>
  55. <meta name="text:link four" content=""/>
  56. <meta name="text:link four title" content=""/>
  57.  
  58. <style type="text/css">
  59.  
  60. #tumblr_controls{
  61. position:fixed !important;
  62. -webkit-filter: invert(100%)
  63. }
  64.  
  65. ::-webkit-scrollbar-thumb:vertical{
  66. background-color:#C2C8CF;
  67. -moz-border-radius:10px;
  68. -webkit-border-radius:10px;
  69. }
  70.  
  71. #tumblr_controls{
  72. position:fixed !important;
  73. }
  74.  
  75. a:link, a:active, a:visited{
  76. color: #000000;
  77. text-decoration:none;
  78. -webkit-transition-duration: 0.2s;}
  79.  
  80. a:hover{ color: #000;
  81. background:{color:hover background};
  82. }
  83. ::-webkit-scrollbar {width: 6px; height: 4px; background: #d8d8d8; }
  84. ::-webkit-scrollbar-thumb { background-color: #130C11;}
  85.  
  86. body{
  87. margin:0px;
  88. background-attachment: fixed;
  89. background-repeat: repeat;
  90. background-color:{color:background};
  91. background-attachment: fixed;
  92. background-repeat: repeat;
  93. font-size: 11px;
  94. font-family: 'Text Me One', sans-serif;
  95. line-height:11px;
  96. color: {color:primary};
  97. text-transform:lowercase;
  98. }
  99.  
  100. a:link, a:active, a:visited{
  101. color: {color:primary};
  102. text-decoration: none;
  103. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  104. }
  105.  
  106. a:hover{
  107. color: {color:secondary};
  108. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  109. }
  110.  
  111. .wrapper{
  112. width:1000px;
  113. margin:0px auto;
  114. }
  115.  
  116. .entry {
  117. margin:10px;
  118. padding: 2px;
  119. float:left;
  120. background-color:transparent;
  121. width:220px;
  122. padding-bottom: 0px;
  123. font-family: 'Text Me One', sans-serif;
  124. font-size: 11px;
  125. line-height:15px;
  126. border:0px solid black;
  127. }
  128.  
  129. #sidebar{
  130. opacity:1;
  131. border-bottom: 0px solid #000;
  132. background-color:transparent;
  133. margin-top: 0px;
  134. margin-left: 390px;
  135. overflow:hidden;
  136. font-family: 'Text Me One', sans-serif;
  137. font-size: 13px;
  138. padding-top:0px;
  139. width: 700px;
  140. padding: 4px;
  141. height:auto;
  142. z-index:1;
  143. position:absolute;
  144. text-align:left;
  145. }
  146.  
  147. #posts {
  148. width: 1000px;
  149. background: #fff;
  150. margin-left:10px;
  151. padding-left: 2px;
  152. padding-right: 2px;
  153. padding-top:185px;
  154. margin-top:auto;
  155. float:left;
  156. }
  157.  
  158. #infscr-loading{
  159. bottom: -70px;
  160. position: absolute;
  161. left: 50%;
  162. margin-left:-8px;
  163. width:16px;
  164. height:11px;
  165. overflow:hidden;
  166. margin-bottom: 50px;
  167. }
  168.  
  169. .title{
  170. font-family: 'Text Me One', sans-serif;
  171. font-size: 10px;
  172. line-height:15px;
  173. color: ;
  174. font-weight: ;
  175. text-transform:uppercase;
  176. }
  177.  
  178. blockquote{
  179. padding:0px 0px 2px 5px;
  180. margin:0px 0px 2px 10px;
  181. border-left: 1px dotted #555555;
  182. }
  183.  
  184. .blogtitle{
  185. font-family: 'Text Me One', sans-serif;
  186. font-size:50px;
  187. color: {color:text};
  188. line-height: 40px;
  189. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  190. }
  191.  
  192. .blogtitle:hover{
  193. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  194. opacity:1;
  195. }
  196.  
  197. .perma {
  198. opacity: 0.0;
  199. filter: alpha(opacity = 0);
  200. z-index:9999991;
  201. display: inline-block;
  202. position: absolute;
  203. text-align: left;
  204. bottom: 0px;
  205. left: 5px;
  206. width: 100%;
  207. }
  208.  
  209. .entry:hover .perma {
  210. opacity: 1;
  211. filter: alpha(opacity = 100);
  212. }
  213.  
  214. .likep {
  215. width: 21px;
  216. height: 20px;
  217. overflow: hidden;
  218. z-index: 9999999;
  219. display: inline-block;
  220. }
  221.  
  222. .rep {
  223. width: 24px;
  224. height: 20px;
  225. overflow: hidden;
  226. z-index: 9999999;
  227. display: inline-block;
  228. }
  229.  
  230. .likep a:hover {
  231. background-position: 0px 0px;
  232. }
  233.  
  234. .likep a {
  235. background-image: url("http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png");
  236. background-position: 0px 0px;
  237. display: block;
  238. z-index: 9999999;
  239. }
  240.  
  241. .likep img {
  242. width: 21px;
  243. height: 20px;
  244. }
  245.  
  246. .rep img{
  247. width: 24px;
  248. height: 20px;
  249. line-height: 30px;
  250. display: inline;
  251. }
  252.  
  253.  
  254.  
  255.  
  256. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  257. opacity: 0.8;
  258. filter: alpha(opacity = 80);
  259. margin-right: 0px;
  260. }
  261.  
  262. .not:hover , .rep:hover, .likep:hover {
  263. opacity: 1!important;
  264. filter: alpha(opacity = 100)!important;
  265. }
  266.  
  267. .info{
  268. line-height:20px;
  269. margin-left:0px;
  270. margin-top:0px;
  271. }
  272.  
  273. #linksbar{
  274. z-index:9999999;
  275. width:600px;
  276. height:auto;
  277. margin-left:400px;
  278. margin-top:150px;
  279. border:0px solid black;
  280. background:transparent;
  281. font-family: 'Text Me One', sans-serif;
  282. font-size:13px;
  283. text-transform:lowercase;
  284. position:absolute;
  285. }
  286.  
  287. #oneout {
  288. -moz-box-shadow: 0px 0px 0px 0px ;
  289. -webkit-box-shadow: 0px 0px 0px 0px ;
  290. box-shadow: 0px 0px 0px 0px ;
  291.  
  292.  
  293. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  294. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  295.  
  296.  
  297. z-index:1000;
  298. position: fixed;
  299. top: 64px;
  300. left: 1px;
  301. width: 18px;
  302. padding: 40px 0;
  303. text-align: center;
  304.  
  305. -webkit-transition-duration: 0.3s;
  306. -moz-transition-duration: 0.3s;
  307. -o-transition-duration: 0.3s;
  308. transition-duration: 0.3s;
  309. -webkit-border-radius: 0 5px 5px 0;
  310. -moz-border-radius: 0 5px 5px 0;
  311. border-radius: 0 5px 5px 0;}
  312.  
  313.  
  314. #oneout_inner {
  315.  
  316. -moz-box-shadow: 0px 0px 1px 0px ;
  317. -webkit-box-shadow: 0px 0px 1px 0px ;
  318. box-shadow: 0px 0px 1px 0px ;
  319.  
  320. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  321. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  322.  
  323. top: 40px;
  324. left: -250px;
  325. position: fixed;
  326. background: ;
  327. width: 230px;
  328. padding: 10px;
  329. background: #FFFFFF;
  330. height: auto;
  331. -webkit-transition-duration: 0.3s;
  332. -moz-transition-duration: 0.3s;
  333. -o-transition-duration: 0.3s;
  334. transition-duration: 0.3s;
  335. text-align: left;
  336. -webkit-border-radius: 0 0 5px 0;
  337. -moz-border-radius: 0 0 5px 0;
  338. border-radius: 0 0 5px 0;}
  339.  
  340. #oneout:hover {
  341. z-index:1000;
  342. left: 250px;}
  343.  
  344. #oneout:hover #oneout_inner {
  345. z-index:1000;
  346. left: 0px;}
  347.  
  348.  
  349. .onetitle {
  350. display: block;
  351. writing-mode: lr-tb;
  352. -webkit-transform: rotate(-90deg);
  353. -moz-transform: rotate(-90deg);
  354. -ms-transform: rotate(-90deg);
  355. -o-transform: rotate(-90deg);
  356. transform: rotate(-90deg);
  357. position: absolute;
  358. left: -11px;
  359. top: 3px;
  360. font-family: 'Text Me One', sans-serif;
  361. font-size: 16px;
  362. font-weight: normal;
  363. text-transform: uppercase;
  364. letter-spacing: -1px;}
  365. </style>
  366. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "YOURTEXT";tb8_messages[1] = "YOURTEXT";tb8_messages[2] = "YOURTEXT";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  367.  
  368. {block:IndexPage}
  369. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  370. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  371.  
  372. <script type="text/javascript">
  373. $(window).load(function () {
  374. var $content = $('#posts');
  375. $content.masonry({itemSelector: '.entry'}),
  376. $content.infinitescroll({
  377. navSelector : 'div#pagination',
  378. nextSelector : 'div#pagination a#nextPage',
  379. itemSelector : '.entry',
  380. loading: {
  381. finishedMsg: '',
  382. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  383. },
  384. bufferPx : 600,
  385. debug : false,
  386. },
  387. // call masonry as a callback.
  388. function( newElements ) {
  389. var $newElems = $( newElements );
  390. $newElems.hide();
  391. // ensure that images load before adding to masonry layout
  392. $newElems.imagesLoaded(function(){
  393. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  394. });
  395. });
  396. });
  397. </script>
  398.  
  399. {/block:IndexPage}
  400.  
  401. <meta name="viewport" content="width=800" />
  402.  
  403.  
  404. <br></center>
  405. </div>
  406. </div>
  407.  
  408. <div class="wrapper">
  409. <div id="linksbar">
  410. <a href="/">home</a> {block:iflinkonetitle} <a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle} {block:iflinktwotitle} <a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle} {block:iflinkthreetitle} <a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle} {block:iflinkfourtitle} <a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}
  411. <a href="http://opulen-ce.tumblr.com">theme</a>
  412. </div>
  413. <div id="sidebar">
  414. {block:ifshowbanner}<a href="/"><img src="{image:banner}" width=auto /></a>{/block:ifshowbanner}
  415. {block:ifnotshowbanner}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifnotshowbanner}
  416. <div class="info">{description}</div>
  417. </div>
  418. <div class="header">
  419.  
  420. <div class="left">
  421.  
  422. <div id="posts">
  423.  
  424. {block:Posts}
  425. <div class="entry">
  426.  
  427. {block:Text}
  428. {block:IndexPage}
  429. <div class="perma">
  430. <div class="likep">
  431. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  432. </div>
  433. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" width="24"/></a>
  434. </div></div>
  435. {/block:IndexPage}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  436. {/block:Text}
  437.  
  438. {block:Link}
  439. {block:IndexPage}
  440. {/block:IndexPage}<a href="{URL}" class="title">{Name}</a>
  441. {block:Description}{Description}{/block:Description}
  442. {block:Link}
  443.  
  444. {block:Photo}
  445. {block:IndexPage}
  446. <div class="perma">
  447. <div class="likep">
  448. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  449. </div>
  450. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" width="24"/></a>
  451. </div>
  452.  
  453. </div>
  454. {/block:IndexPage}
  455. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220"/></a></div>{LinkCloseTag}{/block:IndexPage}
  456. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="815px"/></a>{LinkCloseTag}{/block:PermalinkPage}
  457. {/block:Photo}
  458.  
  459.  
  460. {block:Photoset}
  461. <center>
  462. {block:IndexPage}
  463. {Photoset-205}
  464. {block:IndexPage}
  465. {/block:IndexPage}
  466. </center>
  467. <center>{block:PermalinkPage}{Photoset-410}{/block:PermalinkPage}</center>
  468. {/block:Photoset}
  469.  
  470. {block:Quote}
  471. {block:IndexPage}
  472. {/block:IndexPage}
  473. {Quote}</span>
  474. {/block:Quote}
  475.  
  476. {block:Chat}
  477. {block:IndexPage}
  478. {/block:IndexPage}
  479. {block:Title}<span class="title">{Title}</span>{/block:Title}
  480. <ul class="chat">
  481. {block:Lines}
  482. <li class="user_{UserNumber}">
  483. {block:Label}
  484. <span class="label">{Label}</span>
  485. {/block:Label}
  486.  
  487. {Line}
  488. </li>
  489. {/block:Lines}
  490. </ul>
  491. {/block:Chat}
  492.  
  493. {block:Audio}
  494. {block:IndexPage}
  495. {/block:IndexPage}
  496. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  497. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  498. {/block:Audio}
  499.  
  500. {block:Video}
  501. {block:IndexPage}
  502. {/block:IndexPage}
  503. <center>
  504. {block:IndexPage}
  505. {Video-250}
  506. {/block:IndexPage}
  507. </center>
  508. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  509. {block:Video}
  510.  
  511. {block:Answer}
  512. {block:IndexPage}
  513. {/block:IndexPage}
  514. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  515. <b>{Asker}</b>: {Question}<br><br>{Answer}
  516. {/block:Answer}
  517.  
  518.  
  519. {block:PermalinkPage}
  520. {block:Date}
  521. <center>
  522. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  523. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  524. {/block:Date}
  525.  
  526. {/block:PermalinkPage}
  527.  
  528. {block:PostNotes}{PostNotes}
  529. {/block:PostNotes}
  530. </div>
  531.  
  532.  
  533. {/block:Posts}
  534. </div>
  535. </div>
  536. <div class="right">
  537. </div>
  538. <div class="footer">
  539. <br>
  540. </div>
  541. </div>
  542. </body>
  543. </html>
  544. <div style="position:fixed;right:0px;bottom:-425px;">
  545. <---DONT REMOVE---->
  546. {block:IndexPage}
  547. {block:Pagination}
  548. <div id="pagination">
  549. {block:NextPage}
  550. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  551. {/block:NextPage}
  552. {block:PreviousPage}
  553. <a href="{PreviousPage}">&larr;&nbsp;</a>
  554. {/block:PreviousPage}
  555. </div>
  556. {/block:Pagination}
  557. {/block:IndexPage}</div>
  558. <div id='facebook'>
  559.  
  560. </div>
  561. </div>
  562. </body>
  563. </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!