API tools faq
paste
radiatingbiebs

theme 3; rule the world

radiatingbiebs
Mar 30th, 2013
2,190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.65 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 3 by acousticized
  3. keep credit or i s2g i will fucking beat the fuck outta you
  4. -->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  7. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <html lang="en">
  11. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <html lang="en">
  18.  
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <html lang="en">
  23. <head>
  24. <meta name="color:Background" content="#eeeeee"/>
  25. <meta name="color:Title" content="#a0b4ce"/>
  26. <meta name="color:Text" content="#aaa"/>
  27. <meta name="color:Link" content="#a0b4ce"/>
  28. <meta name="color:scrollbar" content="#ddd"/>
  29. <meta name="color:Hover" content="#000"/>
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:sidebar2" content=""/>
  33. <meta name="text:Link 1 Title" content="home" />
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:Link 2 Title" content="inbox"/>
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:Link 3 Title" content="links" />
  38. <meta name="text:Link 3" content="" />
  39. <meta name="text:Link 4 Title" content="themes" />
  40. <meta name="text:Link 4" content="" />
  41. <meta name="text:Link 5 Title" content="life" />
  42. <meta name="text:Link 5" content="" />
  43. <meta name="text:blogtitle" content="forget forever," />
  44. <meta name="text:blogtitle2" content="forget you ever"/>
  45. <meta name="text:blogtitle3" content="knew my name" />
  46. <meta name="color:line" content="#eeeeee"/>
  47. <meta name="color:desc and links divider" content="#eeeeee"/>
  48. <meta name="if:2sidebars" content="#eeeeee"/>
  49. <meta name="color:links background hover" content="#aaaaaa"/>
  50. <meta name="color:blogtitle shadow" content="#aaaaaa"/>
  51. <meta name="color:blogtitle2 shadow" content="#aaaaaa"/>
  52. </script>
  53.  
  54. <style type="text/css">
  55. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  56. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  57. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  58. @font-face { font-family: "handy00"; src: url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf'); }
  59. @font-face { font-family: "sig"; src: url('http://static.tumblr.com/vilw5yj/6l7ma3fqc/signerica_medium.ttf'); }
  60. @font-face { font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  61. @font-face { font-family: "tits"; src: url('http://static.tumblr.com/uuzw7gl/x1umfczqz/lubgrxl.ttf'); }
  62. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  63. ::-webkit-scrollbar-thumb{
  64. height:9px;
  65. border: 1px solid #fff;
  66.  
  67. background:{color:scrollbar};
  68. }
  69. ::-webkit-scrollbar {
  70. height:auto;
  71. width:9px;
  72. background-color: #666666;
  73. border: 3px solid #fff;
  74. }
  75. #rissa {
  76. position:fixed;
  77. width:auto;
  78. font-family:pixel;
  79. font-size:8px;
  80. line-height:10px;
  81. left:14px;
  82. bottom:10px;
  83. height:10px;
  84. text-align:left;
  85. color:#222;
  86. background-color:#fcfcfc;
  87. padding:5px;
  88. opacity:.9;
  89. border:1px solid #ddd;
  90. z-index:99999999999999999999;
  91. -moz-transition-duration:0.5s;
  92. -webkit-transition-duration:0.5s;
  93. -o-transition-duration:0.5s;
  94. }
  95.  
  96.  
  97.  
  98. cred{
  99. font-family:calibri light;
  100. font-size:11px;
  101. line-height:12px;
  102. }
  103. 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;}
  104.  
  105. 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;}
  106.  
  107. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  108.  
  109. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  110. #aaaaaa; border-right: 1px solid #aaaaaa; }
  111.  
  112. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  113.  
  114. body{
  115. margin:5px;
  116. background-color: {color:Background};
  117. background-image:url({image:Background});
  118. background-attachment: fixed;
  119. background-repeat: repeat;
  120. font-size: 8px;
  121. font-family: ronda;
  122. line-height:8px;
  123. color:{color:Text};
  124. }
  125. anika {
  126. font-family: arma;
  127. color: #aaa;
  128. font-size:8px;
  129. z-index:1;
  130. }
  131. a:link, a:active, a:visited{
  132. color:{color:link};
  133. text-decoration: none;
  134. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  135. }
  136.  
  137. a:hover {
  138. color:{color:hover};
  139. text-decoration: none;
  140. text-shadow:1px 1px 1px #ddd,1px 1px 0px #bbb;
  141. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  142. }
  143. #center{
  144. padding-top:3px;
  145. padding-bottom:3px;
  146. position:fixed !important;
  147. width:250px;
  148. height:207px;
  149. background-color:#fff;
  150. {block:PermalinkPage}
  151. width:410px;
  152. height:207px;
  153. {/block:PermalinkPage}
  154. }
  155.  
  156. #posts{
  157. opacity: .9;
  158. float:center;
  159. {block:indexpage}
  160. width:1000px;
  161. {/block:indexpage}
  162. {block:permalinkpage}
  163. width:520px;
  164. float:left;
  165. {/block:permalinkpage}
  166. margin-left: 420px;
  167. margin-top:15px;
  168. transition: all 0.5s ease-out;
  169. -o-transition-transition: all 0.5s ease-out;
  170. -webkit-transition: all 0.5s ease-out;
  171. -moz-transition: all 0.5s ease-out;
  172. }
  173. #sidebar {
  174. position:fixed !important;
  175. width: auto;
  176. height: auto;
  177. margin-top:-15px;
  178. margin-left: -10px;
  179. color: #777;
  180. text-align: center;
  181. margin-bottom: 0px;
  182. font-family: consolas;
  183. line-height: 11px;
  184. z-index:999;
  185. font-size: 10px;
  186. background-color:#f7f7f7;
  187. text-transform: normal;
  188. transition: all 0.9s ease-out;
  189. -o-transition-transition: all 0.5s ease-out;
  190. -webkit-transition: all 0.5s ease-out;
  191. -moz-transition: all 0.5s ease-out;
  192. }
  193. #sidebar:hover {
  194. height: 325px;
  195. background-color:#f7f7f7;
  196. transition: all 0.9s ease-out;
  197. -o-transition-transition: all 0.5s ease-out;
  198. -webkit-transition: all 0.5s ease-out;
  199. -moz-transition: all 0.5s ease-out;
  200. }
  201. div#greentea{
  202. width:42px;
  203. position:fixed !important;
  204. text-align:center;
  205. top:-10px;
  206. height:120%;
  207. border: 10px solid #fff;
  208. box-shadow: 1px 1px 20px #ddd;
  209. margin-left:349px;
  210. background:{color:line}
  211. }
  212.  
  213. #sidebar2 {
  214. position:fixed !important;
  215. width: auto;
  216. height: auto;
  217. margin-top:0px;
  218. margin-left: 00px;
  219. color: #777;
  220. text-align: center;
  221. margin-bottom: 0px;
  222. font-family: consolas;
  223. line-height: 11px;
  224. z-index:999;
  225. font-size: 10px;
  226. background-color:#f7f7f7;
  227. text-transform: normal;
  228. transition: all 0.9s ease-out;
  229. -o-transition-transition: all 0.5s ease-out;
  230. -webkit-transition: all 0.5s ease-out;
  231. -moz-transition: all 0.5s ease-out;
  232. }
  233. #sidebar:hover #sidebar2{
  234. opacity:0;
  235. background-color:#f7f7f7;
  236. transition: all 0.9s ease-out;
  237. -o-transition-transition: all 0.5s ease-out;
  238. -webkit-transition: all 0.5s ease-out;
  239. -moz-transition: all 0.5s ease-out;
  240. }
  241.  
  242. div#desc{
  243. position:absolute;
  244. opacity:0;
  245. font-size: 9px;
  246. line-height:16px;
  247. text-align: center;
  248. text-transform:normal;
  249. width: 285px;
  250. font-family:helvetica;
  251. font-size: 11px;
  252. text-shadow: 1px 1px 1px #aaa, 1PX 1PX 0PX #BBB;;
  253. height: auto;
  254. color:#fff;
  255. padding-top: 0px;
  256. background-color: transparent;
  257. margin-top:100px;
  258.  
  259. margin-left:40px;
  260. padding:6px;
  261. transition: all 0.6s ease-out;
  262. -o-transition-transition: all 0.7s ease-out;
  263. -webkit-transition: all 0.6s ease-out;
  264. -moz-transition: all 0.6s ease-out;
  265. border-bottom:3px solid {color:desc and links divider};
  266. }
  267.  
  268. #sidebar:hover #desc{
  269. opacity:1;margin-top:65px;
  270. transition: all 1s ease-out;
  271. -o-transition-transition: all 1s ease-out;
  272. -webkit-transition: all 1s ease-out;
  273. -moz-transition: all 1s ease-out;
  274. }
  275. div#blogtitle{
  276. position: fixed !important;
  277. margin-left:35px;
  278. margin-top:60px;
  279. color:#fff;
  280. text-shadow: 2px 2px 0px {color:blogtitle2 shadow};
  281. font-family:bebas;
  282. text-transform:uppercase;
  283. font-size: 50px;
  284. line-height:35px;
  285. z-index:999999999999;
  286. transition: all 0.9s ease-out;
  287. -o-transition-transition: all 0.5s ease-out;
  288. -webkit-transition: all 0.5s ease-out;
  289. -moz-transition: all 0.5s ease-out;
  290. }
  291.  
  292. #sidebar:hover #blogtitle{
  293. opacity:0;
  294. ransition: all 0.9s ease-out;
  295. -o-transition-transition: all 0.5s ease-out;
  296. -webkit-transition: all 0.5s ease-out;
  297. -moz-transition: all 0.5s ease-out;
  298. }
  299.  
  300.  
  301. div#blogtitle2{
  302. position: fixed !important;
  303. margin-left:65px;
  304. margin-top:100px;
  305. padding:5px;
  306. color:#fff;
  307. letter-spacing:-2px;
  308. text-shadow: 2px 2px 0px {color:blogtitle shadow};
  309. font-family:cutty;
  310. font-size: 50px;
  311.  
  312. line-height:35px;
  313. z-index:999999999999999999999999999;
  314. transition: all 0.9s ease-out;
  315. -o-transition-transition: all 0.5s ease-out;
  316. -webkit-transition: all 0.5s ease-out;
  317. -moz-transition: all 0.5s ease-out;
  318. }
  319.  
  320. #sidebar:hover #blogtitle2{
  321. opacity:0;
  322. ransition: all 0.9s ease-out;
  323. -o-transition-transition: all 0.5s ease-out;
  324. -webkit-transition: all 0.5s ease-out;
  325. -moz-transition: all 0.5s ease-out;
  326. }
  327. div#blogtitle3{
  328. position: fixed !important;
  329. margin-left:135px;
  330. margin-top:150px;
  331. color:#fff;
  332. text-transform:uppercase;
  333.  
  334. text-shadow: 2px 2px 0px {color:blogtitle2 shadow};
  335. font-family:bebas;
  336. font-size: 50px;
  337. line-height:35px;
  338. z-index:99999;
  339. transition: all 0.9s ease-out;
  340. -o-transition-transition: all 0.5s ease-out;
  341. -webkit-transition: all 0.5s ease-out;
  342. -moz-transition: all 0.5s ease-out;
  343. }
  344.  
  345. #sidebar:hover #blogtitle3{
  346. opacity:0;
  347. ransition: all 0.9s ease-out;
  348. -o-transition-transition: all 0.5s ease-out;
  349. -webkit-transition: all 0.5s ease-out;
  350. -moz-transition: all 0.5s ease-out;
  351. }
  352. div#linkies{
  353. width:auto;
  354. height:207px;
  355. margin-top:216px;
  356. margin-left:45px;
  357. position:fixed;
  358. font-family:calibri;
  359. padding:2px;
  360. padding-top:4px;
  361. opacity:0;
  362. z-index:99999999999999999999999999;
  363. transition: all 0.6s ease-out;
  364. -o-transition-transition: all 0.7s ease-out;
  365. -webkit-transition: all 0.6s ease-out;
  366. -moz-transition: all 0.6s ease-out;
  367. background: ;
  368. }
  369.  
  370. #sidebar:hover #linkies{
  371. opacity:1;
  372. margin-top:181px;
  373. transition: all 1s ease-out;
  374. -o-transition-transition: all 1s ease-out;
  375. -webkit-transition: all 1s ease-out;
  376. -moz-transition: all 1s ease-out;}
  377.  
  378. #link1 a{
  379. opacity: 0.95;
  380. color:#aaa;
  381. position: fixed;
  382. display: inline-block;
  383. text-transform: uppercase;
  384. TEXT-SHADOW:1PX 1PX 0PX #ddd, 2PX 0PX 1PX #FFF;
  385. font-size:10px;
  386. text-align: center;
  387. line-height: 20px;
  388. background:#fff;
  389. height: 20px;
  390. width: 45px;
  391. z-index:99;
  392. border:1px solid #bbb;
  393. transition: all 0.6s ease-out;
  394. -o-transition-transition: all 0.6s ease-out;
  395. -webkit-transition: all 0.6s ease-out;
  396. -moz-transition: all 0.6s ease-out;
  397. margin: 0px 0px 0px 0px;
  398.  
  399. }
  400. #link1:hover a{
  401. background:{color:links background hover};
  402. opacity:0.95;
  403. transition: all 0.9s ease-out;
  404. -o-transition-transition: all 0.9s ease-out;
  405. -webkit-transition: all 0.9s ease-out;
  406. -moz-transition: all 0.9s ease-out;
  407. }
  408. #link2 a{
  409. opacity: 0.95;
  410. color:#aaa;
  411. position: fixed;
  412. display: inline-block;
  413. text-transform: uppercase;
  414. TEXT-SHADOW:1PX 1PX 0PX #ddd, 2PX 0PX 1PX #FFF;
  415. font-size:10px;
  416. text-align: center;
  417. line-height: 20px;
  418. background:#fff;
  419. height: 20px;
  420. width: 45px;
  421. z-index:99;
  422. border:1px solid #bbb;
  423. transition: all 0.6s ease-out;
  424. -o-transition-transition: all 0.6s ease-out;
  425. -webkit-transition: all 0.6s ease-out;
  426. -moz-transition: all 0.6s ease-out;
  427. margin: 0px 0px 0px 47px;
  428.  
  429. }
  430. #link2:hover a{
  431. background:{color:links background hover};
  432. transition: all 0.9s ease-out;
  433. -o-transition-transition: all 0.9s ease-out;
  434. -webkit-transition: all 0.9s ease-out;
  435. -moz-transition: all 0.9s ease-out;
  436. }
  437. #link3 a{
  438. opacity: 0.95;
  439. color:#aaa;
  440. position: fixed;
  441. display: inline-block;
  442. text-transform: uppercase;
  443. TEXT-SHADOW:1PX 1PX 1PX #ddd, 2PX 0PX 1PX #FFF;
  444. font-size:10px;
  445. text-align: center;
  446. line-height: 20px;
  447. background:#fff;
  448. height: 20px;
  449. width: 45px;
  450. z-index:99;
  451.  
  452. border:1px solid #bbb;
  453.  
  454. transition: all 0.6s ease-out;
  455. -o-transition-transition: all 0.6s ease-out;
  456. -webkit-transition: all 0.6s ease-out;
  457. -moz-transition: all 0.6s ease-out;
  458. margin:0px 0px 0px 94px;
  459.  
  460. }
  461. #link3:hover a{
  462. background:{color:links background hover};
  463. transition: all 0.9s ease-out;
  464. -o-transition-transition: all 0.9s ease-out;
  465. -webkit-transition: all 0.9s ease-out;
  466. -moz-transition: all 0.9s ease-out;
  467. }
  468. #link4 a{
  469. opacity: 0.95;
  470. color:#aaa;
  471. position: fixed;
  472. display: inline-block;
  473. text-transform: uppercase;
  474. TEXT-SHADOW:1PX 1PX 0PX #ddd, 2PX 0PX 1PX #FFF;
  475. font-size:10px;
  476. text-align: center;
  477. line-height: 20px;
  478. background:#fff;
  479. height: 20px;
  480. width: 45px;
  481. z-index:99;
  482. border:1px solid #bbb;
  483. transition: all 0.6s ease-out;
  484. -o-transition-transition: all 0.6s ease-out;
  485. -webkit-transition: all 0.6s ease-out;
  486. -moz-transition: all 0.6s ease-out;
  487. margin:0px 0px 0px 141px;
  488.  
  489. }
  490. #link4:hover a{
  491. background:{color:links background hover};
  492. transition: all 0.9s ease-out;
  493. -o-transition-transition: all 0.9s ease-out;
  494. -webkit-transition: all 0.9s ease-out;
  495. -moz-transition: all 0.9s ease-out;
  496. }
  497. #link5 a{
  498. opacity: 0.95;
  499. color:#aaa;
  500. position: fixed;
  501. display: inline-block;
  502. text-transform: uppercase;
  503. TEXT-SHADOW:1PX 1PX 0PX #ddd, 2PX 0PX 1PX #FFF;
  504. font-size:10px;
  505. text-align: center;
  506. line-height: 20px;
  507. background:#fff;
  508. height: 20px;
  509. width: 45px;
  510. z-index:99999;
  511. border:1px solid #bbb;
  512. transition: all 0.6s ease-out;
  513. -o-transition-transition: all 0.6s ease-out;
  514. -webkit-transition: all 0.6s ease-out;
  515. -moz-transition: all 0.6s ease-out;
  516. margin:0px 0px 0px 188px;
  517.  
  518. }
  519. #link5:hover a{
  520. background:{color:links background hover};
  521. transition: all 0.9s ease-out;
  522. -o-transition-transition: all 0.9s ease-out;
  523. -webkit-transition: all 0.9s ease-out;
  524. -moz-transition: all 0.9s ease-out;
  525. }
  526. #link6 a{
  527. opacity: 0.95;
  528. color:#aaa;
  529. position: fixed;
  530. display: inline-block;
  531. text-transform: uppercase;
  532. TEXT-SHADOW:1PX 1PX 0PX #ddd, 2PX 0PX 1PX #FFF;
  533. font-size:10px;
  534. text-align: center;
  535. line-height: 20px;
  536. background:#fff;
  537. height: 20px;
  538. width: 45px;
  539. z-index:99;
  540. border:1px solid #bbb;
  541. transition: all 0.6s ease-out;
  542. -o-transition-transition: all 0.6s ease-out;
  543. -webkit-transition: all 0.6s ease-out;
  544. -moz-transition: all 0.6s ease-out;
  545. margin:0px 0px 0px 235px;
  546.  
  547. }
  548. #link6:hover a{
  549. background:{color:links background hover};
  550. transition: all 0.9s ease-out;
  551. -o-transition-transition: all 0.9s ease-out;
  552. -webkit-transition: all 0.9s ease-out;
  553. -moz-transition: all 0.9s ease-out;
  554. }
  555.  
  556.  
  557.  
  558.  
  559. askk {
  560. font-family: yolo;
  561. color: {color:Title};
  562. font-size:25px;
  563. z-index:1;
  564. }
  565.  
  566. cutie {
  567. font-family: yolo;
  568. color: #abc2c9;
  569. font-size:80px;
  570. z-index:1;
  571. }
  572.  
  573. .titlee{
  574. font-family: bebas;
  575. font-size: 28px;
  576. line-height: 20px;
  577. color:{color:Title};
  578. letter-spacing: 0px;
  579. font-family: bebas;
  580. }
  581.  
  582. #entry{
  583. font-family: helvetica;
  584. font-size:10px;
  585. z-index:9999;
  586. float:left;
  587. width: 255px;
  588. text-align:left;
  589. overflow:hidden;
  590. height: auto;
  591. line-height:13px;
  592. background-color:#f7f7f7;
  593. margin:3px;
  594. overflow:hidden;
  595. padding: 8px;
  596. padding-bottom: 6px;
  597. border: 1px solid #ddd;
  598. {block:PermalinkPage}
  599. width: 538px;
  600. height: auto;
  601. margin-left:20px;
  602. {/block:PermalinkPage}
  603.  
  604. }
  605.  
  606. .entry .perma a{
  607. color:;}
  608.  
  609. .permalink{
  610. opacity: 0.0;
  611. filter: alpha(opacity = 0);
  612. margin-top: 20px;
  613. width: 190px;
  614. height: 30px;
  615. line-height: 30px;
  616. font-size: 8px;
  617. position:absolute;
  618. text-align: center;
  619. z-index:9999991;
  620. border: 0px dotted #aaa;
  621. font-family: ronda;
  622. margin-left: -2px;
  623. -webkit-transition: all .4s ease;
  624. -moz-transition: all .4s ease;
  625. -o-transition: all .4s ease;
  626. transition: all .4s ease;
  627. }
  628.  
  629. #entry:hover .permalink {
  630. -webkit-transition: opacity 0.6s linear;
  631. opacity: 1;
  632. margin-top: 20px;
  633. margin-left: -2px;
  634. -webkit-transition: all .4s ease;
  635. -moz-transition: all .4s ease;
  636. -o-transition: all .4s ease;
  637. transition: all .4s ease;
  638. }
  639.  
  640. #entry .perma a{
  641. color:#666;
  642. -webkit-transition: color 0.9s ease-out;
  643. -moz-transition: color 0.9s ease-out;
  644. }
  645. #entry .perma{
  646. width:auto;
  647. height:15px;
  648. position: absolute;
  649. line-height: 16px;
  650. overflow:hidden;
  651. font-family:calibri;
  652. text-align:left;
  653. padding-left:6px;
  654. font-size:10px;
  655. left:-10px;
  656. bottom:00px;
  657. padding:5px;
  658. padding-left:7px;
  659. text-transform:uppercase;
  660. background:white;
  661. border-right:4px solid pink;
  662. letter-spacing: 0px;
  663. opacity: 0.0;
  664. transition: all 0.7s ease-out;
  665. -o-transition-transition: all 0.7s ease-out;
  666. -webkit-transition: all 0.7s ease-out;
  667. -moz-transition: all 0.7s ease-out;
  668.  
  669.  
  670. }
  671.  
  672. #entry:hover .perma{
  673. margin-left: 0px;
  674. left:8px;
  675. overflow:visible;
  676. opacity:0.95;
  677. transition: all 0.7s ease-out;
  678. -o-transition-transition: all 0.7s ease-out;
  679. -webkit-transition: all 0.7s ease-out;
  680. -moz-transition: all 0.7s ease-out;
  681. }
  682. .permalinktext {
  683. display: block;
  684. padding: 2px;
  685. margin: 0px 0px 0px 0px;
  686. font-family: calibri;
  687. letter-spacing: 0px;
  688. font-size: 9px;
  689. font-style:italic;
  690. background:#fafafa;
  691. text-transform: uppercase;
  692. color: #424242;
  693. line-height: 10px;
  694. text-align: right;
  695. text-decoration: none;
  696. transition: all 0.7s ease-out;
  697. -o-transition-transition: all 0.7s ease-out;
  698. -webkit-transition: all 0.7s ease-out;
  699. -moz-transition: all 0.9s ease-out;
  700. border-top: 2px solid #ddd;
  701. }
  702.  
  703. #entry:hover .permalinktext{
  704. background: white;
  705. transition: all 0.7s ease-out;
  706. -o-transition-transition: all 0.7s ease-out;
  707. -webkit-transition: all 0.7s ease-out;
  708. -moz-transition: all 0.9s ease-out;}
  709.  
  710. #postnotes{
  711. text-align: left;}
  712.  
  713. #postnotes blockquote{
  714. border: 0px;}
  715.  
  716.  
  717. blockquote{
  718. padding:0px 0px 2px 3px;
  719. margin:0px 0px 2px 1px;
  720. }
  721. ul, ol, li{
  722. list-style:none;
  723. margin:0px;
  724. padding:0px;
  725. }
  726.  
  727. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  728. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  729. }
  730.  
  731. a.links {
  732. font-family: ronda;
  733. font-size: 8px;
  734. line-height: 8px;
  735. text-transform: normal;
  736. letter-spacing:0px;
  737. display:block;
  738. padding: 0px;
  739. margin-bottom: 0px;
  740. }
  741.  
  742. a.links:hover {
  743. font-style: none;
  744. text-decoration: none;
  745. letter-spacing:10px;
  746. }
  747.  
  748.  
  749.  
  750. </style>
  751. <link rel="shortcut icon" href="{favicon}">
  752. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  753. <meta name="viewport" content="width=720" />
  754. </head>
  755. <body>
  756. <div id="center">
  757. <div id="content">
  758.  
  759. <div id="greentea"></div>
  760.  
  761. <div id="sidebar">
  762. {block:if2sidebars}
  763. <div id="sidebar2"><img src="{image:sidebar2}" style="height: 690px; border-right:10px solid #FFF;"></a>
  764.  
  765. </div>
  766. {/block:if2sidebars}
  767.  
  768. <div id="desc">
  769. {description}</div>
  770. <div id="blogtitle">
  771. {text:blogtitle}</div>
  772. <div id="blogtitle2">
  773. {text:blogtitle2}</div>
  774. <div id="blogtitle3">
  775. {text:blogtitle3}</div>
  776. <div id="linkies"><div id="link1"><a href="{text:link 1}" >{text:link 1 title}</a>
  777. </div>
  778. <div id="link2"><a href="{text:link 2}" >{text:link 2 title}</a>
  779. </div>
  780. <div id="link3"><a href="{text:link 3}" >{text:link 3 title}</a>
  781. </div>
  782. <div id="link4"><a href="{text:link 4}">{text:link 4 title}</a></div>
  783. <div id="link5"><a href="{text:link 5}" >{text:link 5 title}</a></div>
  784. <div id="link6"><a href="http://acousticized.tumblr.com/" title="theme credit">CRED</a></div>
  785. </div>
  786.  
  787. <img src="{image:sidebar}" style="height: 690px; border-right:10px solid #FFF;"></a></div>
  788. </div></div>
  789.  
  790. <div id="posts">
  791. {block:Posts}
  792. <div id="entry">
  793.  
  794. {block:Text}
  795. {block:Title}<span class="titlee">{Title}</span>{/block:Title}
  796. <span class="entrytext">{Body}</span>
  797. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  798. {/block:Text}
  799.  
  800. {block:Link}
  801. <a href="{URL}" class="titlee">{Name}</a>
  802. {block:Description}{Description}{/block:Description}
  803. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  804. {block:Link}
  805.  
  806. {block:Photo}{block:IndexPage}
  807. <div class="permalink">
  808. <div class="perma">
  809. <a href="{permalink}">{NoteCount}$</a> - <a href="{permalink}">{timeago}</a> - <a href="{ReblogURL}" target="_blank"> purchase </a></span></div></div>
  810.  
  811. {/block:IndexPage}
  812. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="padding:7px; background:white;" width=243px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" style="padding:5px; background:white;" alt="{PhotoAlt}"width=528px/>{LinkCloseTag}{/block:PermalinkPage}
  813. {/block:Photo}
  814.  
  815.  
  816. {block:Quote}
  817. <span class="entrytext">{Quote}</span>
  818. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  819. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  820. {/block:Quote}
  821.  
  822. {block:Chat}
  823. {block:Title}<span class="titlee">{Title}</span>{/block:Title}
  824. <ul class="chat">
  825. {block:Lines}
  826. <li class="user_{UserNumber}">
  827. {block:Label}
  828. <span class="label">{Label}</span>
  829. {/block:Label}
  830.  
  831. {Line}
  832. </li>
  833. {/block:Lines}
  834. </ul>
  835. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  836. {/block:Chat}
  837.  
  838.  
  839. {block:Audio}
  840. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  841. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  842. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  843. {/block:Audio}
  844.  
  845. {block:Video}<center>
  846. <div style="padding-top:0px; padding-bottom:2px;">
  847. {Video-250}</div>
  848. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  849. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  850. {block:Video}
  851. {block:Answer}
  852. <img src="{AskerPortraitURL-30}" width="31" align="left" style="padding:6px; background:white; border:1px solid #ddd;"/>
  853. <div style="margin-left:48px;margin-top:0px;margin-bottom:0px;min-height:35px;padding: 4px; background-color:#fff;border:1px solid #ddd;border-radius:0px;overflow:auto;">
  854. <askname>{asker}</askname>: {Question}</div>
  855. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; background: transparent;">{Answer}</div>
  856. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>/<a href="{permalink}">{timeago}</a>/<a href="{ReblogURL}" target="_blank">reblog</a> </div>
  857. {/block:Answer}
  858.  
  859. {block:PostNotes}<div align="middle">{caption}</div>
  860. <center>
  861.  
  862. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  863.  
  864. {block:HasTags}
  865. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  866. {block:RebloggedFrom}
  867. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  868. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  869.  
  870. {/block:RebloggedFrom}
  871. </center></span>
  872. <br>
  873. <div id="postnotes">{PostNotes}</div><br>
  874.  
  875. <center>{block:ContentSource}
  876. <br><a href="{SourceURL}">
  877. {lang:Source}:
  878. {block:SourceLogo}
  879. <img src="{BlackLogoURL}" width="{LogoWidth}"
  880. height="{LogoHeight}" alt="{SourceTitle}" />
  881. {/block:SourceLogo}
  882. {block:NoSourceLogo}
  883. {SourceLink}
  884. {/block:NoSourceLogo}
  885. </a>
  886. {/block:ContentSource}</center>
  887.  
  888. {/block:PostNotes}
  889. </div>
  890. {/block:Posts}
  891. </div></div>
  892.  
  893. {block:indexpage}
  894. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  895. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  896. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  897. <script type="text/javascript">
  898. $(window).load(function(){
  899. var $wall = $('#posts');
  900. $wall.imagesLoaded(function(){
  901. $wall.masonry({
  902. itemSelector: '#entry, #entry_photo',
  903. isAnimated : false
  904. });
  905. });
  906.  
  907. $wall.infinitescroll({
  908. navSelector : '#page-nav',
  909. nextSelector : '#page-nav a',
  910. itemSelector : '#entry, #entry_photo',
  911. bufferPx : 2000,
  912. debug : false,
  913. errorCallback: function() {
  914. $('#infscr-loading').fadeOut('normal');
  915. }},
  916. function( newElements ) {
  917. var $newElems = $( newElements );
  918. $newElems.hide();
  919. $newElems.imagesLoaded(function(){
  920. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  921. });
  922. }); $('#content').show(500);
  923. });
  924. </script>
  925. {/block:indexpage}
  926.  
  927. <BODY onselectstart="return false;" ondragstart="return false;">
  928. <div id="rissa"><cred>created by </cred><a href="http://acousticized.tumblr.com/">acousticized</a></div>
  929.  
  930. </html>
Advertisement
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!