Advertisement
nofacesface

One Hell of a Butler Theme

Jun 24th, 2013
548
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.91 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5. <!--THEME BY NO-FACES-FACE
  6. steal and I'll find you and punch you in the throat (◡‿◡✿)
  7. -->
  8.  
  9. <head>
  10.  
  11. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  12.  
  13. <meta name="color:Link" content="#696969"/>
  14. <meta name="color:Hover" content="#949494"/>
  15. <meta name="color:Background" content="#000" />
  16. <meta name="color:desc" content="#fff">
  17. <meta name="color:Text" content="#fff">
  18. <meta name="color:blogtitle" content="#000">
  19. <meta name="color:post bg" content="#000">
  20. <meta name="color:border" content="#000">
  21. <meta name="color:sidebar bg" content="#000">
  22. <meta name="color:permalinktitle" content="#fff">
  23. <meta name="color:permalink" content="#000">
  24.  
  25.  
  26.  
  27. <meta name="image:sidebar1" content="http://static.tumblr.com/2cbd1457b0a951095b65b678383a82e2/cbjpgjf/o3Rmou46g/tumblr_static_yes.gif"/>
  28. <meta name="image:sidebar2" content="http://static.tumblr.com/e42b46e7721894b5a055705cf807c301/cbjpgjf/reDmou3y0/tumblr_static_tumblr_motbchqz5n1qlny4mo1_500.gif">
  29. <meta name="image:sidebar3" content="http://static.tumblr.com/fdbd1cdbaadabf56b4ca49c25103aa4b/cbjpgjf/lMFmou48o/tumblr_static_mylord.gif">
  30. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/QLPmovy7x/blackorchid.png" />
  31. <meta name="image:sidebar bg" content="http://static.tumblr.com/cbjpgjf/ZvUmovy74/butreyhtsr.gif">
  32. <meta name="image:icon1" content="http://static.tumblr.com/d6d6e8c1dc2f6e2c9a30f647d31e478d/cbjpgjf/jK9mou29e/tumblr_static_boop.png">
  33. <meta name="image:icon2" content="http://static.tumblr.com/a7fec3c60ffe6d4170ac266967dee42d/cbjpgjf/WOPmou3lp/tumblr_static_mail.png">
  34. <meta name="image:icon3" content="http://static.tumblr.com/70a45161cddf048ea1d0be13093d1312/cbjpgjf/jGzmou3sg/tumblr_static_heart__1_.png">
  35. <meta name="image:icon4" content="http://static.tumblr.com/afe0f3f3ac20eb3d39707ac7debb8ced/cbjpgjf/4lhmou4hv/tumblr_static_add__1_.png">
  36. <meta name="image:icon5" content="http://static.tumblr.com/e8814f2339e8103fb0cfe8234c061715/cbjpgjf/e9rmou4ia/tumblr_static_user.png">
  37. <meta name="image:postbg" content="">
  38.  
  39. <meta name="text:link1" content="" />
  40. <meta name="text:link1 title" content="" />
  41. <meta name="text:link2" content="" />
  42. <meta name="text:link2 title" content="" />
  43. <meta name="text:link3" content="" />
  44. <meta name="text:link3 title" content="" />
  45.  
  46. <meta name="if:caption" content="0"/>
  47.  
  48. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description goes here along with any other codes you want (ex. music codes, hits counter)"
  49. content="{MetaDescription}" />{/block:Description}
  50. <link rel="shortcut icon" href="{Favicon}">
  51.  
  52.  
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57.  
  58. ::-webkit-scrollbar {width: 5px;height:5px;background:#fff;}
  59. ::-webkit-scrollbar-thumb {background:{color:Hover};}
  60.  
  61.  
  62.  
  63.  
  64. /* GENERAL */
  65.  
  66.  
  67.  
  68.  
  69. @font-face {
  70. font-family: "omm";
  71. src: url('http://static.tumblr.com/cbjpgjf/WZfmotw88/neou-thin.otf');
  72. }
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81. body{
  82. margin:0px;
  83. font-family: courier new;
  84. font-size: 11px;
  85. line-height: 18px;
  86. color: {color:text};
  87. }
  88.  
  89.  
  90.  
  91. body {
  92. background-color: {color:Background};
  93.  
  94. background-image: url({image:Background});
  95. margin: 0;
  96. word-wrap: break-word;
  97. background-attachment: fixed;
  98.  
  99. }
  100.  
  101.  
  102. a:link , a:active, a:visited{text-decoration: none;color: {color:Link};
  103. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  104. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  105.  
  106. a:hover{color: {color:Hover};}
  107.  
  108. a.class1 {color: {color:blogtitle};}
  109. a.class1:link
  110. a.class1:active
  111. a.class1:visited{text-decoration: none;color: {color:Link};
  112. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  113. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  114. a.class1:hover{color: {color:Hover};}
  115.  
  116. /* POSTS */
  117.  
  118. #center{margin:auto;position:relative;width:400px;}
  119. #content{width:500px;margin:0px -140px;
  120. }
  121. #entry{margin: 50px;width:500px; padding: 8px; border-top-left-radius: 7px ;
  122. border-top-right-radius:7px ;
  123. border-bottom-right-radius: 7px ;
  124. border-bottom-left-radius: 7px ;}
  125.  
  126. #entry {
  127.  
  128. opacity: 1;
  129.  
  130. -webkit-filter:grayscale(100%);}
  131.  
  132. #entry:hover {
  133.  
  134. opacity: 1;
  135.  
  136. -webkit-filter:none;
  137.  
  138. -webkit-transition: opacity 0.6s linear;
  139.  
  140. -webkit-transition: all 0.6s ease-in-out;
  141.  
  142. -moz-transition: all 0.6s ease-in-out;
  143.  
  144. -o-transition: all 0.6s ease-in-out;
  145.  
  146. }
  147.  
  148.  
  149.  
  150.  
  151. /* SIDEBAR */
  152.  
  153. #H1 {width: 1400px;
  154. margin-left: 0px;
  155. height: 35px;
  156. margin-top:-50px;
  157. background-color: rgba(0,0,0,0.6);
  158. position: fixed;
  159. z-index: 2;}
  160.  
  161. #postbg {width:610px;
  162. position: fixed;
  163. height: 120%;
  164. margin-left: 335px;
  165. margin-top: -50px;
  166. background-image:url('{image:postbg}');
  167. border-left: 8px solid {color:border};
  168. border-right: 8px solid {color:border};
  169. background-color: {color:post bg};}
  170.  
  171.  
  172. #sidebar {
  173. width:166px;
  174. height: 350px;
  175. position:fixed;
  176. margin-left:-360px;
  177. background-color: {color:sidebar bg};
  178. margin-top:-50px;
  179. background-image:url('{image:sidebar bg}');
  180. border-bottom-left-radius: 500px;
  181. border-bottom-right-radius: 500px;
  182. z-index: 1;
  183. border-right: 8px solid {color:sidebar bg};
  184. border-left: 8px solid {color:sidebar bg};
  185. }
  186.  
  187. #sidebarhover {opacity:0; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
  188. width:166px;
  189. height: 351px;
  190. position:fixed;
  191. margin-left:0px;
  192. background-color: rgba(0,0,0,0.6);
  193. margin-top:0px;
  194. border-bottom-left-radius: 500px;
  195. border-bottom-right-radius: 500px;
  196. z-index: -1;}
  197.  
  198. #sidebarhover:hover { background-color: rgba(0,0,0,0.6);
  199. opacity:1; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  200.  
  201.  
  202.  
  203. #sidebar2 {
  204. width:182px;
  205. height: 310px;
  206. position:fixed;
  207. margin-left:-360px;
  208. margin-top: 30px;
  209. border-bottom-left-radius: 500px;
  210. border-bottom-right-radius: 500px;
  211. background-color:{color:sidebar bg};
  212. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
  213. }
  214.  
  215. #sidebar2:hover { margin-top: 220px;
  216. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  217.  
  218.  
  219. #round {
  220. position:fixed; top:40px; left:20px; width:80px; height:80px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border: 4px solid #000;}
  221. #round img {
  222. width: 100%; height: 80px;
  223. -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; }
  224.  
  225. #round:hover {
  226. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
  227. transform: rotate(360deg);
  228. -ms-transform: rotate(360deg);
  229. -webkit-transform: rotate(360deg);
  230. -o-transform: rotate(360deg);
  231. -moz-transform: rotate(360deg);
  232. opacity:1;}
  233.  
  234. #round2 {
  235. position:fixed; top:145px; left:20px; width:80px; height:80px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border: 4px solid #000; }
  236. #round2 img {
  237. -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:80px; height:80px; }
  238.  
  239. #round2:hover {
  240. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
  241. transform: rotate(360deg);
  242. -ms-transform: rotate(360deg);
  243. -webkit-transform: rotate(360deg);
  244. -o-transform: rotate(360deg);
  245. -moz-transform: rotate(360deg);}
  246.  
  247. #round3 {
  248. position:fixed; top:250px; left:20px; width:80px; height:80px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border: 4px solid #000; }
  249. #round3 img {
  250. -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:80px; height:80px; }
  251.  
  252. #round3:hover {
  253. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
  254. transform: rotate(360deg);
  255. -ms-transform: rotate(360deg);
  256. -webkit-transform: rotate(360deg);
  257. -o-transform: rotate(360deg);
  258. -moz-transform: rotate(360deg);}
  259.  
  260.  
  261.  
  262. .desc {text-align:center;
  263. margin-top: 90px;
  264. margin-left: 15px;
  265. font-size: 10px;
  266. width: 150px;
  267. height: 140px;
  268. overflow: hidden;
  269. color: {color:desc};}
  270.  
  271. .butts {text-align:center;
  272. margin-top: 50px;
  273. margin-left: 65px;
  274. font-size: 9px;
  275. width: 50px;
  276. height: 50px;
  277. overflow: hidden;
  278. color: {color:desc};}
  279.  
  280. #icon1box {
  281. height: 18px;
  282. width: 18px;
  283. background-color: #000;
  284. margin-left: 140px;
  285. margin-top: 10px;
  286. border-radius: 5px;
  287. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  288.  
  289. #icon1box:hover {
  290. background-color: rgba(255,255,255,0.9);
  291. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  292.  
  293. #icon1 { margin-left: 1px;}
  294.  
  295. #icon2box {
  296. height: 18px;
  297. width: 18px;
  298. background-color: #000;
  299. margin-left: 171px;
  300. margin-top: -18px;
  301. border-radius: 5px;
  302. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  303.  
  304. #icon2box:hover {
  305. background-color: rgba(255,255,255,0.9);
  306. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  307.  
  308. #icon2 { margin-left: 1px;}
  309.  
  310. #icon3box {
  311. height: 18px;
  312. width: 18px;
  313. background-color: #000;
  314. margin-left: 202px;
  315. margin-top: -18px;
  316. border-radius: 5px;
  317. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  318.  
  319. #icon3box:hover {
  320. background-color: rgba(255,255,255,0.9);
  321. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  322.  
  323. #icon3 { margin-left: 1px;}
  324.  
  325. #icon4box {
  326. height: 18px;
  327. width: 18px;
  328. background-color: #000;
  329. margin-left: 232px;
  330. margin-top: -18px;
  331. border-radius: 5px;
  332. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  333.  
  334. #icon4box:hover {
  335. background-color: rgba(255,255,255,0.9);
  336. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  337.  
  338. #icon4 { margin-left: 1px;}
  339.  
  340. #icon5box {
  341. height: 18px;
  342. width: 18px;
  343. background-color: #000;
  344. margin-left: 265px;
  345. margin-top: -18px;
  346. border-radius: 5px;
  347. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  348.  
  349. #icon5box:hover {
  350. background-color: rgba(255,255,255,0.9);
  351. -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  352.  
  353. #icon5 { margin-left: 1px;}
  354.  
  355.  
  356. /* TITLES */
  357.  
  358. .title a{color:{color:Title};}
  359. .title {font-family:omm;
  360. font-size:20px;
  361. font-style:none;
  362. margin:0px 5px 0px 0px;
  363. color:{color:Text};}
  364.  
  365. .blogtitle {
  366. height:180px;
  367. width: 166px;
  368. margin-top: 70px;
  369. margin-left: 0px;
  370. font-size:40px;
  371. line-height:40px;
  372. font-family:omm;
  373. color: {color:blogtitle};
  374. text-align: center;}
  375.  
  376. .quote {
  377. padding:10px;
  378. font-size:11px;
  379. text-transform:none;
  380. color: {color:Text};}
  381.  
  382. .source {
  383. font-size: 9px;
  384. text-align:right;
  385. font-style:none;
  386. font-weight:none;
  387. text-transform:none;}
  388.  
  389. .answer {margin:10px;}
  390.  
  391. /* PERMALINKS */
  392.  
  393. #entry:hover .perma {
  394. opacity:1;
  395. margin-left:580px;
  396. width:100px;
  397. height: 100px;
  398. -webkit-transition: all 0.9s ease;
  399. -moz-transition: all 0.9s ease;
  400. transform: rotate(360deg);
  401. -ms-transform: rotate(360deg);
  402. -webkit-transform: rotate(360deg);
  403. -o-transform: rotate(360deg);
  404. -moz-transform: rotate(360deg);
  405. }
  406.  
  407.  
  408.  
  409. .perma a {
  410. color:{color:permalinktitle};
  411. font-size:10px;
  412. text-transform:normal;
  413. text-align: center;}
  414.  
  415. .perma a:hover {
  416. color:{color:Hover};
  417. }
  418.  
  419.  
  420. .perma {
  421. text-transform: uppercase;
  422. margin-left: 580px;
  423. width:5px;
  424. height: 5px;
  425. position:absolute;
  426. font-family:courier new;
  427. line-height:11px;
  428. text-align:center;
  429. overflow:hidden;
  430. padding:20px;
  431. margin-top:10px;
  432. opacity:0;
  433. background-color:{color:permalink};
  434. border-top-right-radius: 500px;
  435. border-top-left-radius: 500px;
  436. border-bottom-left-radius: 500px;
  437. border-bottom-right-radius: 500px;
  438. -webkit-transition: all 0.9s ease;
  439. -moz-transition: all 0.9s;
  440. }
  441.  
  442.  
  443.  
  444.  
  445. .tagsperma {
  446. text-transform:lowercase;
  447. }
  448.  
  449.  
  450. .tagsperma a {
  451. margin-top: -20px;
  452. {color:permalinktitle};
  453. font-size:9px;
  454. font-family:courier new;
  455. line-height:11px;
  456. transition-duration: 0.60s;
  457. -moz-transition-duration: 0.60s;
  458. -webkit-transition-duration: 0.60s;
  459. -o-transition-duration: 0.60s;
  460. }
  461.  
  462. .tagsperma a:hover {
  463. color:{color:Tags Hover};
  464. }
  465.  
  466.  
  467.  
  468.  
  469. #permalink{
  470. {block:PermalinkPage}
  471. text-align:center;
  472. margin-top:10px;
  473. padding:0px;
  474. font-size:10px;
  475. text-transform:lowercase;
  476. color: #ccc;
  477. {/block:PermalinkPage}
  478. }
  479.  
  480. #c img{width:40%;}
  481. #c{position:fixed;right:235px;top:4px;z-index: 8;}
  482.  
  483. #cr img{width:40%;}
  484. #cr{position:fixed;right:235px;top:4px; opacity: 0;
  485. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  486. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;z-index: 10;}
  487. #cr:hover { opacity: 1;
  488. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  489. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  490.  
  491.  
  492. /* AUDIO */
  493.  
  494. .artcover {position:absolute;}
  495. .artcover img {width:70px;height:70px;float:left;}
  496. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  497. .audioinfo {margin-left:75px;padding:5px;}
  498. .i{display:block;padding:6px 3px;line-height:8px;}
  499. .player{position:absolute;background:#FFF;width:30px;height:30px;
  500. opacity:0.45;padding:20px;overflow:hidden;
  501. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  502. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  503. .player:hover{opacity:0.75;}
  504.  
  505. /* TEXT */
  506.  
  507. i, em{color:{color:Title};}
  508. b, strong{color:{color:Title};}
  509. ul,ol{margin:0px;margin-left:-10px;}
  510. p{padding:0px;margin:10px;}
  511. u{text-decoration:none;color:{color:Title};
  512. border-bottom:2px dotted {color:Title};}
  513. blockquote {margin:2px; margin-left:10px;
  514. padding:2px;border-left:2px solid #CCC;}
  515.  
  516. /* MISC */
  517.  
  518. .l .odd{display:block;padding:5px 5px;}
  519. .l .even{display:block;background: rgba(255,255,255,0.4);padding:5px 5px;}
  520.  
  521. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  522. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  523. border-radius:10px;border-top-left-radius:0px;background:#000;}
  524.  
  525. ::selection {color: {color:Hover};}
  526. ::-moz-selection {color: {color:Hover};}
  527. ::-webkit-selection{color: {color:Hover};}
  528.  
  529. img{ margin-bottom:-3px;}
  530.  
  531. /* POSTNOTES */
  532.  
  533. ol.notes a{letter-spacing:1px;}
  534. ol.notes {
  535. list-style:none;
  536. font-size:8px;
  537. margin-top:20px;
  538. text-transform:none;}
  539.  
  540. ol.notes li.note img.avatar {
  541. vertical-align:-5px;
  542. margin-right:5px;
  543. width:20px;
  544. padding:4px;
  545. border:1px solid #EEE;}
  546.  
  547. ol.notes li.note {margin:5px 0px 10px -20px;}
  548. ol.notes li.note span.action {font-style: normal;}
  549. ol.notes li.note .answer_content {font-weight: normal;}
  550. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  551.  
  552. </style>
  553. </head>
  554. <body>
  555.  
  556. <div id="H1">
  557. <div id="icon1box"><div id="icon1"><a href="/" title="refresh"><img src="{image:icon1}"></a></div></div>
  558.  
  559. <div id="icon2box"><div id="icon2"><a href="/ask" title="mssg"><img src="{image:icon2}"></a></div></div>
  560.  
  561. <div id="icon3box"><div id="icon3"><a href="{text:link1}" title="{text:link1 title}"><img src="{image:icon3}"></a></div></div>
  562.  
  563. <div id="icon4box"><div id="icon4"><a href="{text:link2}" title="{text:link2 title}"><img src="{image:icon4}"></a></div></div>
  564.  
  565. <div id="icon5box"><div id="icon5"><a href="{text:link3}" title="{text:link3 title}"><img src="{image:icon5}"></a></div></div>
  566. </div>
  567.  
  568. <div id="postbg"></div>
  569.  
  570. <div id="center">
  571. <div id="sidebar">
  572.  
  573. <div id="round"><img src="{image:sidebar1}"></div>
  574. <div id="round2"><img src="{image:sidebar2}"></div>
  575. <div id="round3"><img src="{image:sidebar3}"></div>
  576.  
  577. <div id="sidebarhover"><div class="blogtitle"><a href="/" class="class1">{Title}</a></div></div>
  578. </div>
  579.  
  580.  
  581. <div id="sidebar2"><div class="desc">{Description}</div><div class="butts">+</div></div>
  582.  
  583.  
  584.  
  585. <div id="content">
  586. {block:Posts}
  587.  
  588. {block:ContentSource}
  589. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  590. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  591. {/block:SourceLogo}
  592. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  593. {/block:ContentSource}
  594.  
  595. <div id="entry">
  596.  
  597. {block:IndexPage}
  598.  
  599. <div class="perma">
  600. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  601. <br><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/cbjpgjf/wV5movpo9/dashboard_controls_radar_button_reblog.gif"></a>
  602.  
  603.  
  604.  
  605. {block:HasTags}{/block:HasTags}
  606. <div class="tagsperma">{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}{/block:HasTags} </div>
  607.  
  608. </span></div>
  609.  
  610. {/block:IndexPage}
  611.  
  612. {block:Text}
  613. <div class="title">{Title}</div>{Body}
  614. {/block:Text}
  615.  
  616. {block:Link}
  617. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  618. {block:Description}{Description}{/block:Description}
  619. {/block:Link}
  620.  
  621. {block:Photo}
  622. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{block:ifCaption}
  623. {block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  624. {/block:Photo}
  625.  
  626. {block:Photoset}
  627. {Photoset-500}
  628. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  629. {/block:Photoset}
  630.  
  631. {block:Quote}
  632. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  633. {/block:Quote}
  634.  
  635. {block:Chat}
  636. <div class="title">{Title}</div>{block:Lines}
  637. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  638. {block:Label}<b>{Label} </b>{/block:Label}
  639. {Line}</div></div>{/block:Lines}
  640. {/block:Chat}
  641.  
  642. {block:Audio}
  643. {block:AlbumArt}
  644. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  645. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  646. <div class="audioinfo">
  647. <div class="i"><b>TITLE:</b>
  648. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  649.  
  650. <div class="i"><b>ARTIST:</b>
  651. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  652.  
  653. <div class="i"><b>PLAYS:</b>
  654. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  655. {/block:Audio}
  656.  
  657. {block:Video}
  658. {Video-400}
  659. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  660. {/block:Video}
  661.  
  662. {block:Answer}
  663. <div class="quote">{Question} → <b>{Asker}</b></div>
  664. <div class="answer">{Answer}</div>
  665. {/block:Answer}
  666.  
  667. <div id="permalink">
  668. <div class="tags">
  669. {block:IfShowTags}
  670. {block:HasTags}
  671. {block:Tags}<span style="border-top:1px dashed {color:post border};"</span>
  672. <a href="{TagURL}">#{Tag}</a>
  673. {/block:Tags}
  674. {/block:HasTags}
  675. {/block:IfShowTags}
  676. </div></div>
  677. {/block:IndexPage}
  678.  
  679. {block:PermalinkPage}
  680. <div id="permalink">
  681. {block:Date}posted
  682. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  683. {block:NoteCount}with
  684. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  685. {block:RebloggedFrom}
  686. | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  687. {/block:RebloggedFrom}
  688.  
  689. <div class="tags">
  690. {block:HasTags}
  691. Tagged:
  692. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  693. {/block:Tags}
  694. {/block:HasTags}
  695. </div></div>
  696. {/block:PermalinkPage}
  697.  
  698.  
  699. {block:PostNotes}
  700. {PostNotes}
  701. {/block:PostNotes}
  702. </div>
  703. {/block:Posts}
  704.  
  705. </div>
  706.  
  707.  
  708. <div id="c">
  709. <img src="http://static.tumblr.com/cbjpgjf/fMTmo7ks9/ugfhkld.gif"></a>
  710. </div>
  711.  
  712. <div id="cr">
  713. <a title="credit" href="http://no-faces-face.tumblr.com">
  714. <img src="http://static.tumblr.com/cbjpgjf/CiJmo7k1u/asdsdtghjgbuergbraek.gif"></a>
  715. </div>
  716.  
  717. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
  718.  
  719.  
  720.  
  721.  
  722. </body>
  723. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement