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

RecklesslyFree Theme2

By: a guest on Jun 26th, 2012  |  syntax: None  |  size: 13.34 KB  |  hits: 10  |  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. <!--
  2. theme by RECKLESSLYFREE
  3. PUT THE CREDIT IN YOUR FAQ BECAUSE YOU'RE JUST GONNA DELETE THE CREDIT AT THE BOTTOM. SHOW THE CREDIT OR I'LL REPORT YOU :))
  4. -->
  5.  
  6.  
  7. <html lang="en">
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  13. <meta name="color:background" content="#FFFFFF"/>
  14. <meta name="color:text" content="#000"/>
  15. <meta name="color:title" content="#000"/>
  16. <meta name="color:titlebar" content="#F781BE"/>
  17. <meta name="color:link" content="#777"/>
  18. <meta name="color:hover" content="#ccc"/>
  19. <meta name="image:sidebar" content=http://25.media.tumblr.com/tumblr_m5rw0pFhQR1r2jq5xo1_500.png"/>
  20. <meta name="image:Background" content=""/>
  21. <meta name="text:Link One" content="" />
  22. <meta name="text:Link Two" content="" />
  23.  
  24. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  27.  
  28. <style type="text/css">
  29. img:hover{-webkit-transition: opacity 0.7s linear; opacity: 0.9;}
  30. img{-webkit-transition: opacity 0.7s linear; opacity: 1;}
  31.  
  32.  
  33. iframe#tumblr_controls {
  34. top: 0% !important;
  35. right:0% !important;
  36. position: absolute !important;}
  37.  
  38.  
  39. 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;}
  40.  
  41. 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;}
  42.  
  43. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  44.  
  45. @font-face {
  46. font-family: "dawning";
  47. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  48. }
  49.  
  50.  
  51. body{ cursor:url(http://i56.tinypic.com/2589ppu.png), auto;} a, a:hover{cursor:url(http://i54.tinypic.com/fjkhft.png), auto;}
  52.  
  53.  
  54. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  55.  
  56. ::-webkit-scrollbar-thumb { background-color: #cccccc; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }
  57.  
  58.  
  59.  
  60. body {
  61. margin:0px;
  62. background-color: {color:background};
  63. background-image:url({image:Background});
  64. background-attachment: fixed;
  65. background-repeat: repeat;}
  66. body, div, p, textarea, submit, input{
  67. font-family: pixel;
  68. font-size: 8px;
  69. line-height:11px;
  70. color:{color:Text};
  71. }
  72.  
  73.  
  74.  
  75. p {
  76. margin:0px;
  77. margin-top:0px;
  78. }
  79.  
  80. a:link, a:active, a:visited{
  81. color: {color:link};
  82. text-decoration: none;
  83. -webkit-transition: color 0.3s ease-out;
  84. -moz-transition: color 0.3s ease-out;
  85. transition: color 0.3s ease-out;
  86. }
  87.  
  88. a:hover {
  89. color:{color:Hover};
  90. text-decoration: none;
  91. text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);
  92. color: #585858;
  93. }
  94.  
  95. div#center{
  96. margin:auto;
  97. position:relative;
  98. width:740px;
  99. background-color:;
  100. overflow:auto;
  101. overflow-y:hidden;
  102. }
  103.  
  104. div#content{
  105. float:right;
  106. width:330px;
  107. padding:1px;
  108. padding-top: 0px;
  109. margin-top:0px;
  110. margin-right: 170px;
  111. background-color:none;
  112. }
  113.  
  114.  
  115. @font-face {
  116. font-family: "dawning";
  117. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  118. }
  119. div#titlebar{
  120.  
  121. position: fixed !important;
  122.  
  123. margin-left:5px;
  124.  
  125. margin-top:61px;
  126.  
  127. width: auto;
  128.  
  129. color:;
  130.  
  131. font-family:dawning;
  132.  
  133. font-weight:bold;
  134.  
  135. font-size: 26px;
  136.  
  137. font-weight: normal;
  138.  
  139. line-height:23px;
  140.  
  141. background-color: transparent;
  142.  
  143. text-transform: normal;
  144.  
  145. text-align: center;
  146.  
  147. color: {color: titlebar}
  148.  
  149. }
  150.  
  151.  
  152. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  153.  
  154.  
  155. #sidebar {
  156.  
  157. background-color:transparent;
  158.  
  159. padding:0px;
  160.  
  161. width:149px;
  162.  
  163. height:autopx;
  164.  
  165. margin-left: 73px;
  166.  
  167. margin-top:135px;
  168.  
  169. position:fixed;
  170.  
  171. border: 5px transparent #f0ecd6;
  172.  
  173. }
  174.  
  175.  
  176. div#descrip{
  177.  
  178. position:fixed;
  179.  
  180. text-align: right;
  181.  
  182. margin-left: 70px;
  183.  
  184. margin-top:157px;
  185.  
  186. }
  187.  
  188.  
  189.  
  190. div#sidebar2{
  191. position:fixed !important;
  192. width: 150px;
  193. height:160px;
  194. margin-top: 92px;
  195. margin-left: 71px;
  196. padding: 0px;
  197. background: transparent;
  198. }
  199.  
  200. div#links{
  201. position: fixed !important;
  202. width: auto;
  203. margin-top:32px;
  204. margin-left:2px;
  205. font-family: pixel;
  206. line-height:10px;
  207. letter-spacing: 0px;
  208. font-style: normal;
  209. text-align: center;
  210. color: {color:link};
  211. }
  212.  
  213. @font-face{
  214. font-family: 'pixel';
  215. font-style: normal;
  216. font-weight: normal;
  217. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  218.  
  219.  
  220.  
  221. #entry .sixd a{
  222.  
  223. float: bottom;
  224.  
  225. }
  226.  
  227.  
  228.  
  229.  
  230. div#entry{
  231. width:330px;
  232. margin-top:-1px;
  233. padding-left:0px;
  234. padding-right:0px;
  235. padding-top:0px;
  236. padding-bottom:0px;
  237. background-color: none;
  238. }
  239.  
  240.  
  241.  
  242.  
  243. #postnotes{
  244. text-align: justify;
  245. }
  246.  
  247. #postnotes blockquote{
  248. border: 0px;
  249. }
  250.  
  251. .title{
  252. font-family: handy00;
  253. font-size: 8px;
  254. line-height: 10px;
  255. color: {color:Title};
  256. }
  257.  
  258.  
  259. @font-face {
  260. font-family: "dawning";
  261. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  262. }
  263.  
  264.  
  265. blockquote{
  266. padding:0px 0px 2px 5px;
  267. margin:0px 0px 2px 1px;
  268. border-left: 1px solid #000;
  269. }
  270.  
  271. blockquote p, ul{
  272. margin:0px;
  273. padding:0px;
  274. }
  275.  
  276. a img{border: 0px;}
  277. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  278. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  279. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  280. .notes img{width:10px; position:relative; top:3px;
  281. }
  282.  
  283.  
  284.  
  285. h3{
  286. color: #000;
  287. font-family: dawning;
  288. text-shadow: 2px 2px 2px #fff;
  289. font-size: 23px;
  290. line-height:19px;
  291. letter-spacing: 1px;
  292. text-transform: lowercase;
  293. text-align: right;
  294. padding: 0px;
  295. margin:0px;
  296. }
  297. .selala {
  298. display: block;
  299. border-top: 1px dashed #ddd;
  300. padding: 2px;
  301. margin: 2px 8px 0px 5px;
  302. text-transform: uppercase;
  303. font-family: silkscreen;
  304. font-size: 8px;
  305. color: #424242;
  306. line-height: 15px;
  307. text-align: center;
  308. text-decoration: none;
  309. -webkit-transition: color 0.5s ease-out;
  310. -moz-transition: color 0.5s ease-out;
  311. }
  312.  
  313.  
  314.  
  315. #linkss {position: fixed;top:110px; margin-left:-145px; width:150px;
  316. padding:89px 0px;
  317. background-color: transparent;
  318. text-align:center;
  319. -webkit-transition: all 0.2s ease-in-out;
  320. -moz-transition: all 0.2s ease-in-out;
  321. transition: all 0.2s ease-in-out;}
  322.  
  323. #linkss a:link, .navigation a:visited, .navigation a:active
  324. {display: block;
  325. font-family: ronda; font-style: none;
  326. text-transform: lowercase;
  327. font-size: 8px;
  328. text-align: right;
  329. margin: 2px 1px;
  330. background-color: transparent;
  331. padding: 2px 10px; letter-spacing: 0px; color: {color:text};
  332. transition: all 0.1s ease-out; -o-transition-transition:  all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out;}
  333.  
  334. #linkss a:hover {background-color: transparent; padding-right: 10px; color: {color:text};}
  335.  
  336. .bubble {
  337. align:right;
  338. background: #eee;
  339. margin:7px 0px 5px 66px;
  340. padding:7px;
  341. padding-top: 5px;
  342. position: relative;
  343. border-radius:5px;
  344. }
  345.  
  346. .bubble span {
  347. display:block;
  348. position:absolute;
  349. width:1px;height:1px;
  350. font-size: 8px;
  351. font-family: pixel;
  352. line-height: 1px;
  353. left:-10px;
  354. top:10px;
  355. border-top:5px solid transparent;
  356. border-bottom:5px solid transparent;
  357. border-right:10px solid #eee;
  358. }
  359.  
  360. .askborder {
  361. float: left;
  362. margin: 1px 4px 0 0;
  363. padding: 2px;
  364. background: #eee;
  365. }
  366.  
  367. askkk {
  368. font-family: "sweetly";
  369. font-size:28px;
  370. z-index:1;
  371. color: #808080;
  372. }
  373.  
  374. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  375.  
  376.  
  377.  
  378.  
  379. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  380.  
  381.  
  382.  
  383.  
  384. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  385.  
  386.  
  387. small{font-size: 90%;}
  388.  
  389. .video2 embed, .post div.video object {width:250px !important; height:250px !important;}
  390.  
  391. {CustomCSS}
  392. </style>
  393.  
  394. <link rel="shortcut icon" href="http://i1101.photobucket.com/albums/g424/tutorialsandmore/favicons/th_icons8.gif">
  395. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  396. <meta name="viewport" content="width=820" />
  397.  
  398. <script language=JavaScript>
  399. <!--
  400. //Disable right click script III- By Renigade (renigade@mediaone.net)
  401. //For full source code, visit http://www.dynamicdrive.com
  402. var message="";
  403. ///////////////////////////////////
  404. function clickIE() {if (document.all) {(message);return false;}}
  405. function clickNS(e) {if
  406. (document.layers||(document.getElementById&&!document.all)) {
  407. if (e.which==2||e.which==3) {(message);return false;}}}
  408. if (document.layers)
  409. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  410. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  411. document.oncontextmenu=new Function("return false")
  412. // -->
  413. </script>
  414.  
  415. </head>
  416. <body onkeydown="return false">
  417.  
  418. <div id="center">
  419. <div id="sidebar">
  420.  
  421. <img src="{image:sidebar}" width=139px; ></a>
  422.  
  423.    
  424. </div>
  425.  
  426. <div id="descrip">
  427.  
  428. <div id="titlebar">
  429. {title}</div>
  430. <center>
  431.  
  432. <div style="overflow:auto;margin-left:6px;
  433.  
  434. margin-top:81px; color:#aaa; width: 137px; height: 42px; background-color:transparent; font-family: pixel; font-size: 8px; text-align: justify; border:1px solid #919191; padding-bottom: 3px;"> <center>{description}</div><br />
  435.  
  436.  
  437.  
  438.  
  439. </div>
  440.  
  441.  
  442. <div id="sidebar2">
  443. <div id="links">
  444. <a href="/">home</a> † <a href="/ask">ask</a> † <a href="{text:Link One}">more</a> † <a href="{text:Link two}">more2</a></div>
  445.  
  446. </div>
  447.  
  448. <div id="content">
  449. {block:Posts}
  450. <div id="entry">
  451. {block:Text}
  452. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
  453. <span class="entrytext">{Body}</span>
  454. <div class="selala">
  455. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a> </span></div>
  456. {/block:Text}
  457.  
  458.  
  459. {block:Answer}
  460. <img src="{AskerPortraitURL-48}" width=50px; height=50px; align="left" class="askborder"><div class="bubble"><span></span><askkk>{Asker}</askkk>: {Question}&nbsp;</div>
  461. <div style="margin-top: -5px;"><br>{Answer}</div>
  462. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:8px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
  463. {/block:Answer}
  464.  
  465.  
  466. {block:Photo}<center>
  467. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=330px></a>{LinkCloseTag}</center>
  468. {/block:Photo}
  469. {block:Photoset}<div style="width:330px !important;">{Photoset-400}</div></span>{/block:Photoset}
  470. {block:Quote}
  471. <span class="title">{Quote}</span>
  472. {block:Source}{Source}{/block:Source}
  473. {/block:Quote}
  474.  
  475.  
  476.  
  477. {block:Link}
  478. <a href="{URL}" class="title">{Name}</a>
  479. {block:Description}{Description}{/block:Description}
  480. <div class="selala">
  481. <a href="{perma}">
  482. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a> </span></div>
  483. {/block:Link}
  484.  
  485.  
  486. {block:Chat}
  487. {block:Title}<span class="title">{Title}</span>{/block:Title}
  488. <ul class="chat">
  489. {block:Lines}
  490. <li class="user_{UserNumber}">
  491. {block:Label}
  492. <span class="label">{Label}</span>
  493. {/block:Label}
  494. {Line}
  495. </li>
  496. {/block:Lines}
  497. </ul>
  498. <div class="permal">
  499. <span class="selala">
  500. <a href="{perma}">
  501. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </span></div>
  502. {/block:Chat}
  503.  
  504. {block:Video}
  505. <center>
  506. <div class="video2">{Video-300}</div><BR>
  507. {block:Caption}{Caption}</a>{/block:Caption}</center>
  508. <div class="selala">
  509. <a href="{perma}">
  510. <span class="selala"><span class="selala">
  511. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  512. {/block:Video}
  513.  
  514. {block:Quote}
  515. <span class="title">{Quote}</span>
  516. {block:Source}{Source}{/block:Source}
  517. <div class="selala">
  518. <a href="{perma}">
  519. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a> </span></div>
  520. {/block:Quote}
  521.  
  522.  
  523. {block:Audio}
  524. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  525. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  526. {block:Caption}{Caption}{/block:Caption}
  527. <div class="permatext">
  528. <a href="{perma}">
  529. <span class="permatext"><span class="permatext">
  530. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  531. {/block:Audio}
  532.  
  533.  
  534. {block:PostNotes}
  535. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  536. <div id="postnotes">{PostNotes}</div>
  537.  
  538. {/block:PostNotes}
  539. </div>
  540. {/block:Posts}
  541. </div>
  542. </div>
  543.  
  544. </div>
  545. <div style="position:fixed; bottom:10px; right:5px;">
  546. <center><a href="http://recklesslyfree.tumblr.com">theme credit</a></div></center>
  547. </body>
  548.  
  549. </html>
create a new version of this paste RAW Paste Data