Advertisement
nofacesface

Star Stained Theme

Jul 9th, 2013
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:Link" content="#000"/>
  12. <meta name="color:Hover" content="#fff"/>
  13. <meta name="color:Background" content="#fff"/>
  14. <meta name="color:description" content="#000" />
  15. <meta name="color:Text" content="#000" />
  16. <meta name="color:Texthover" content="#fff" />
  17. <meta name="color:Title" content="#000" />
  18. <meta name="color:sidebarbg" content="#000" />
  19. <meta name="color:Button" content="#fff">
  20. <meta name="color:Button hover" content="#000">
  21. <meta name="color:reblog" content="#000" />
  22. <meta name="color:notes" content="#fff" />
  23. <meta name="color:border" content="#000" />
  24. <meta name="color:paginhover" content="#fff" />
  25. <meta name="color:pagintext" content="#000" />
  26. <meta name="color:pagintexthover" content="#000" />
  27.  
  28. <meta name="if:Caption" content="0" />
  29.  
  30. <meta name="image:sidebar" content="http://static.tumblr.com/a7b81ca49d1c849bb2e7e90436cccbab/cbjpgjf/d7Zmpnnq5/tumblr_static_tumblr_mpm7kox6za1ql6piqo1_500.gif"/>
  31. <meta name="image:sidebar2" content="http://static.tumblr.com/9cf2e3e2442cd52aa16561005788a4bc/cbjpgjf/rj7mpnnz5/tumblr_static_2.png"/>
  32. <meta name="image:sidebar3" content="http://static.tumblr.com/e816e03c9ebaf0eb8d3c4fd89c6e0f74/cbjpgjf/ufqmpnnz8/tumblr_static_3.png"/>
  33. <meta name="image:Background" content="" />
  34.  
  35. <meta name="text:Custom Link One" content="" />
  36. <meta name="text:Custom Link One Title" content="" />
  37. <meta name="text:Custom Link Two" content="" />
  38. <meta name="text:Custom Link Two Title" content="" />
  39. <meta name="text:Custom Link Three" content="" />
  40. <meta name="text:Custom Link Three Title" content="" />
  41.  
  42.  
  43. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description"
  44. content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}">
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. ::-webkit-scrollbar {width: 5px;height:5px;background:#ffffff;}
  51. ::-webkit-scrollbar-thumb {background:{color:Hover};}
  52.  
  53.  
  54.  
  55. /* GENERAL */
  56.  
  57.  
  58. @font-face {
  59. font-family: "q7";
  60. src: url('http://static.tumblr.com/cbjpgjf/iV2mpnke2/cassannet.otf');
  61. }
  62.  
  63.  
  64. body{
  65. margin:0px;
  66. font-family: consolas;
  67. font-size: 12px;
  68. line-height: 12px;
  69. color: {color:text};
  70. }
  71.  
  72.  
  73.  
  74. body {
  75. background-color: {color:Background};
  76.  
  77. background-image: url({image:Background});
  78. margin: 0;
  79. word-wrap: break-word;
  80. background-attachment: fixed;
  81.  
  82. }
  83.  
  84. #tumblr_controls {
  85. position: fixed !important;
  86. }
  87.  
  88. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; 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;}
  89.  
  90. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  91.  
  92.  
  93. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  94. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  95. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  96.  
  97. a.class2 {color: {color:pagintext};}
  98. a.class2:link
  99. a.class2:active
  100. a.class2:visited{text-decoration: none;color: {color:Link};
  101. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  102. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  103. a.class2:hover{color: {color:pagintexthover};}
  104.  
  105. a:hover{color:{color:Hover};}
  106.  
  107. /* POSTS */
  108.  
  109. #center{margin:auto;position:relative;width:400px;}
  110. #content{width:500px;margin:0px -150px;
  111. }
  112. #entry{margin:50px;width:400px;padding: 8px;
  113. }
  114. #entry {
  115. opacity: 1;
  116. -webkit-filter:grayscale(100%);
  117. -webkit-transition: opacity 0.6s linear;
  118. -webkit-transition: all 0.6s ease-in-out;
  119. -moz-transition: all 0.6s ease-in-out;
  120. -o-transition: all 0.6s ease-in-out;}
  121.  
  122. #entry:hover {
  123. opacity: 1;
  124. -webkit-filter:none;
  125. -webkit-transition: opacity 0.6s linear;
  126. -webkit-transition: all 0.6s ease-in-out;
  127. -moz-transition: all 0.6s ease-in-out;
  128. -o-transition: all 0.6s ease-in-out;
  129. }
  130.  
  131. #entry img{max-width:100%;}
  132.  
  133. /* SIDEBAR */
  134.  
  135. #sidebar {
  136. float: right;
  137. width:500px;
  138. height: 500px;
  139. position:fixed;
  140. }
  141.  
  142.  
  143. #butts {
  144. overflow: hidden;
  145. position:fixed; top:205px; left:100px; width:150px; height:230px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px;}
  146. #butts img {
  147. width:100%; height:230px;}
  148.  
  149. .blogtitle {text-align: center; font-family: q7; font-size:36px; line-height:80px; margin-top: 40px; color:{color:Title};}
  150. .blogtitle:hover {
  151. -webkit-transition: all 0.4s ease-in-out;
  152. -moz-transition: all 0.4s ease-in-out;
  153. -o-transition: all 0.4s ease-in-out;
  154. transition: all 0.4s ease-in-out;
  155. color: {color:titlehover};}
  156.  
  157. .description {font-family:consolas; font-size:9px; margin-top: 20px; color:{color:description};}
  158.  
  159. #booty {
  160. top:200px; left:100px;
  161. position:fixed;
  162. height:240px; width:150px;
  163. opacity:0;
  164. -webkit-transition: all 0.5s ease-in-out;
  165. -moz-transition: all 0.5s ease-in-out;
  166. -o-transition: all 0.5s ease-in-out;
  167. transition: all 0.5s ease-in-out;
  168. background-color:rgba(255,255,255,0.8);}
  169.  
  170. #booty:hover { opacity:0.9; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  171.  
  172. #boxfrecks {
  173. width: 80px;
  174. height: 240px;
  175. position: fixed;
  176. left: 270px;
  177. top: 200px;
  178. }
  179.  
  180. .frecks {
  181. position: absolute;
  182. opacity: 0.9;
  183. width: 70px;
  184. height: 70px;
  185. left: 0px;
  186. top: 5px;
  187. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  188. }
  189.  
  190. .frecks img {
  191. width: 100%; height: 70px;}
  192.  
  193. .frecksdesc {
  194. text-align: center;
  195. position: absolute;
  196. opacity: 0;
  197. width: 70px;
  198. height: 90px;
  199. left: 0px;
  200. top: 72px;
  201. background-color: #fff;
  202. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  203. z-index: 99}
  204.  
  205. .frecks:hover .frecksdesc {
  206. opacity: 0.6;
  207. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  208.  
  209. .frecksnavi {
  210. text-align: center;
  211. position: absolute;
  212. opacity: 0;
  213. width: 70px;
  214. height: 90px;
  215. left: 0px;
  216. margin-top: -160px;
  217. background-color: #fff;
  218. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  219. z-index: 99}
  220.  
  221. .frecks2:hover .frecksnavi {
  222. opacity: 0.8;
  223. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  224.  
  225. #navigation{
  226. font-family: consolas;
  227. font-size: 9px;
  228. line-height: 20px;
  229. padding:3px;
  230. position:fixed;
  231. margin-top:0px;
  232. width:140px;
  233. margin-left:-47px;
  234. text-align: center;
  235. }
  236.  
  237. .frecks2 {
  238. position: absolute;
  239. opacity: 0.9;
  240. width: 70px;
  241. height: 70px;
  242. left: 0px;
  243. top: 165px;
  244. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  245. }
  246.  
  247. .frecks2 img{
  248. width: 100%; height: 70px;}
  249.  
  250. .frecks2:hover {
  251. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  252.  
  253. #navigation{
  254. margin-left: -3px;
  255. font-family: consolas;
  256. font-size: 9px;
  257. line-height: 20px;
  258. padding:3px;
  259. position:fixed;
  260. margin-top:0px;
  261. width:50px;
  262. text-align: center;
  263. }
  264.  
  265.  
  266. div.button a{
  267. text-align: center;
  268. color: {color:text};
  269. background-color:{color:button};
  270. margin-top:1px;
  271. position:relative;
  272. width: 70px;
  273. display: block;
  274. }
  275. div.button a:hover{
  276. color:{color:texthover} ;
  277. background-color: {color:button hover};
  278. }
  279.  
  280.  
  281.  
  282. .links a {
  283. font-family: consolas;
  284. font-size: 10px;
  285. text-decoration:none;
  286. text-align: center;
  287. color: {color: Link};
  288.  
  289.  
  290. }
  291.  
  292. .links a:hover {
  293. text-decoration:none;
  294. color: {color: Hover};
  295. }
  296.  
  297.  
  298. .links {display:block;text-align:center}
  299.  
  300.  
  301. /* TITLES */
  302.  
  303. .title a{color:{color:Title};}
  304. .title {font-family:q7;
  305. font-size:18px;
  306. font-style:none;
  307. margin:0px 0px 0px 0px;
  308. color:#000;}
  309.  
  310. .quote {
  311. padding:10px;
  312. font-size:11px;
  313. text-transform:none;
  314. color: {color:Text};}
  315.  
  316. .source {
  317. font-size: 9px;
  318. text-align:right;
  319. font-style:none;
  320. font-weight:none;
  321. text-transform:none;}
  322.  
  323. .answer {margin:10px;}
  324.  
  325. /* PERMALINKS */
  326.  
  327. #entry:hover .perma {
  328. opacity:1;
  329. -webkit-transition: all 0.9s ease;
  330. -moz-transition: all 0.9s ease;}
  331.  
  332. {block:PermalinkPage}
  333. width:500px;
  334. margin-left:50px;
  335. {/block:PermalinkPage}
  336.  
  337. .perma a {
  338. color:{color:Link};
  339. text-transform:normal;}
  340.  
  341. .perma a:hover {
  342. color:{color:Hover};
  343. }
  344.  
  345.  
  346. .perma {
  347. margin-left:382px;
  348. text-transform: normal;
  349. position:absolute;
  350. width: 100px;
  351. height: 33px;
  352. line-height:10px;
  353. text-align:center;
  354. margin-top: 3px;
  355. opacity:0;
  356. -webkit-transition: all 0.9s ease;
  357. -moz-transition: all 0.9s;
  358. }
  359.  
  360. .perma1 {
  361. opacity: 1;
  362. width: 15px;
  363. height: 15px;
  364. background-color: none;
  365. margin-left: 0px;
  366. margin-top:0px;
  367. position: absolute;
  368. -webkit-transition: all 0.9s ease;
  369. -moz-transition: all 0.9s;
  370. overflow: hidden;
  371. }
  372.  
  373. .perma1:hover {
  374. width: 90px;
  375. }
  376.  
  377. .permaline1 {
  378. opacity: 0;
  379. width: 0px;
  380. height: 1px;
  381. background-color: {color:border};
  382. margin-left: 0px;
  383. margin-top:7px;
  384. position: absolute;
  385. -webkit-transition: all 0.9s ease;
  386. -moz-transition: all 0.9s;
  387. overflow: hidden;
  388. }
  389.  
  390. .perma1:hover .permaline1 {
  391. width: 50px;
  392. opacity: 1;
  393. }
  394.  
  395. .p1{
  396. width: 15px;
  397. height: 15px;
  398. background-color: {color:notes};
  399. margin: 0px;
  400. position: absolute;
  401. -webkit-transition: all 0.9s ease;
  402. -moz-transition: all 0.9s;
  403. overflow: hidden;
  404. }
  405.  
  406. .p1one {
  407. width: 0px;
  408. height: 22px;
  409. background-color: none;
  410. margin-left: 20px;
  411. opacity: 0;
  412. position: absolute;
  413. -webkit-transition: all 0.9s ease;
  414. -moz-transition: all 0.9s;
  415. overflow: hidden; }
  416.  
  417. .perma1:hover .p1one {
  418. width: 60px;
  419. opacity: 1;
  420. }
  421.  
  422.  
  423.  
  424.  
  425. .perma1text {
  426. opacity: 0;
  427. -webkit-transition: all 0.9s ease;
  428. -moz-transition: all 0.9s;
  429. font-size: 12px;
  430. font-family: consolas;
  431. float: right;
  432. padding-right: 2px;
  433. padding-top: 1px;
  434.  
  435. }
  436. .perma1:hover .perma1text {
  437. opacity: 1;
  438. }
  439.  
  440.  
  441.  
  442.  
  443. .perma2 {
  444. width: 15px;
  445. height: 15px;
  446. background-color: none;
  447. margin-left: 0px;
  448. margin-top: 18px;
  449. position: absolute;
  450. -webkit-transition: all 0.9s ease;
  451. -moz-transition: all 0.9s;
  452. overflow: hidden;
  453. }
  454.  
  455. .permaline2 {
  456. opacity: 0;
  457. width: 0px;
  458. height: 1px;
  459. background-color: {color:border};
  460. margin-left: 0px;
  461. margin-top:7px;
  462. position: absolute;
  463. -webkit-transition: all 0.9s ease;
  464. -moz-transition: all 0.9s;
  465. overflow: hidden;
  466. }
  467.  
  468. .perma2:hover .permaline2 {
  469. width: 50px;
  470. opacity: 1;
  471. }
  472.  
  473. .perma2:hover {
  474. width: 100px;
  475. z-index: 99;
  476. }
  477.  
  478. .p2{
  479. width: 15px;
  480. height: 15px;
  481. background-color: {color:reblog};
  482. margin: 0px;
  483. opacity: 1;
  484. position: absolute;
  485. -webkit-transition: all 0.9s ease;
  486. -moz-transition: all 0.9s;
  487. overflow: hidden;
  488. }
  489.  
  490.  
  491. .p2two {
  492. width: 0px;
  493. height: 22px;
  494. background-color: none;
  495. margin-left: 20px;
  496. opacity: 0;
  497. position: absolute;
  498. -webkit-transition: all 0.9s ease;
  499. -moz-transition: all 0.9s;
  500. overflow: hidden; }
  501.  
  502. .perma2:hover .p2two {
  503. width: 80px;
  504. opacity: 1;
  505. }
  506.  
  507.  
  508. .perma2text {
  509. opacity: 0;
  510. -webkit-transition: all 0.9s ease;
  511. -moz-transition: all 0.9s;
  512. font-size: 12px;
  513. font-family: consolas;
  514. float: right;
  515. padding-right: 2px;
  516. padding-top: 1px;
  517.  
  518. }
  519. .perma2:hover .perma2text {
  520. opacity: 1;
  521. }
  522.  
  523.  
  524.  
  525. .tagsperma {
  526. text-transform:lowercase;
  527. }
  528.  
  529.  
  530. .tagsperma a {
  531. margin-top: -20px;
  532. {color:Link};
  533. font-size:9px;
  534. line-height:9px;
  535. transition-duration: 0.60s;
  536. -moz-transition-duration: 0.60s;
  537. -webkit-transition-duration: 0.60s;
  538. -o-transition-duration: 0.60s;
  539. }
  540.  
  541. .tagsperma a:hover {
  542. color:{color:Hover};
  543. }
  544.  
  545.  
  546.  
  547.  
  548. #permalink{
  549. {block:PermalinkPage}
  550. text-align:center;
  551. margin-top:10px;
  552. padding:0px;
  553. font-size:8px;
  554. text-transform:lowercase;
  555. color: #000;
  556. {/block:PermalinkPage}
  557. }
  558.  
  559. /*PAGINATION*/
  560.  
  561. #paginwrapper {
  562. position: fixed;
  563. height: 25px;
  564. width: 50px;
  565. bottom: 190px;
  566. left: 280px;
  567. }
  568.  
  569. .jump_page {
  570. margin-top: 5px;
  571. padding-top: 4px;
  572. padding-bottom: 4px;
  573. padding-left: 8px;
  574. padding-right: 8px;
  575. background-color: none;
  576. color: {color:pagintext};
  577. font-size:10px;
  578. text-decoration:none;
  579. }
  580.  
  581. .current_page, .jump_page:hover {
  582. margin-top: 5px;
  583. padding-top: 4px;
  584. padding-bottom: 4px;
  585. padding-left: 8px;
  586. padding-right: 8px;
  587. background-color: {color:paginhover};
  588. color: {color:pagintexthover};
  589. font-size:10px;
  590. }
  591.  
  592. .c img{width:100%;}
  593. .c{position:fixed;right:5px;bottom:5px;
  594. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  595. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  596.  
  597. .cboth:hover .c {
  598. opacity: 0;
  599. }
  600.  
  601. .cr img{width:100%;}
  602. .cr{position:fixed;right:5px;bottom:5px; opacity: 0;
  603. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  604. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  605.  
  606. .cboth:hover .cr {
  607. opacity: 1;
  608. }
  609.  
  610.  
  611. /* AUDIO */
  612.  
  613. .artcover {position:absolute;}
  614. .artcover img {width:70px;height:70px;float:left;}
  615. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  616. .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
  617. .i{display:block;padding:6px 3px;line-height:8px;}
  618. .player{position:absolute;background:#FFF;width:30px;height:30px;
  619. opacity:0.45;padding:20px;overflow:hidden;
  620. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  621. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  622. .player:hover{opacity:0.75;}
  623.  
  624. /* TEXT */
  625.  
  626. i, em{color:#000;}
  627. b, strong{color:#000;}
  628. ul,ol{margin:0px;margin-left:-10px;}
  629. p{padding:0px;margin:10px;}
  630. u{text-decoration:none;color:#fff;}
  631. blockquote {margin:2px; margin-left:10px;
  632. padding:2px;border-left:2px solid #CCC;}
  633.  
  634. /* MISC */
  635.  
  636. #scrollToTop:link,
  637. #scrollToTop:visited {
  638. display: none;
  639. position: fixed;
  640. bottom: 290px;
  641. left: 175px;
  642. }
  643.  
  644. .l .odd{display:block;padding:5px 5px;}
  645. .l .even{display:block;padding:5px 5px;}
  646.  
  647. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  648. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  649. border-radius:10px;border-top-left-radius:0px;background:#000;}
  650.  
  651. ::selection {color: {color:Hover};}
  652. ::-moz-selection {color: {color:Hover};}
  653. ::-webkit-selection{color: {color:Hover};}
  654.  
  655. img{ margin-bottom:-3px;}
  656.  
  657. /* POSTNOTES */
  658.  
  659. ol.notes a{letter-spacing:1px;}
  660. ol.notes {
  661. list-style:none;
  662. font-size:10px;
  663. margin-top:20px;
  664. text-transform:none;}
  665.  
  666. ol.notes li.note img.avatar {
  667. vertical-align:-5px;
  668. margin-right:5px;
  669. width:20px;
  670. padding:4px;
  671. border:1px solid #EEE;}
  672.  
  673. ol.notes li.note {margin:5px 0px 10px -20px;}
  674. ol.notes li.note span.action {font-style: normal;}
  675. ol.notes li.note .answer_content {font-weight: normal;}
  676. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  677.  
  678.  
  679. </style>
  680. </head>
  681. <body>
  682.  
  683. <div id="center">
  684.  
  685. <div id="sidebar">
  686.  
  687.  
  688. <div id="butts"><img src="{image:sidebar}"></div>
  689.  
  690. <div id="booty"> <div class="blogtitle"><a href="/">{Title}</a></div></div>
  691. <div id="boxfrecks">
  692. <div class="frecks"><img src="{image:sidebar2}"><div class="frecksdesc"> <div class="description">{Description}</div></div></div>
  693. <div class="frecks2"><img src="{image:sidebar3}">
  694. <div class="frecksnavi">
  695.  
  696. <div id="navigation"><div class="button">
  697. <a href="/ask">inquiry</a>{block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  698. </div></div>
  699. </div>
  700.  
  701. </div>
  702.  
  703.  
  704.  
  705. </div>
  706. </div>
  707.  
  708.  
  709.  
  710.  
  711.  
  712.  
  713.  
  714. <div id="content">
  715. {block:Posts}
  716.  
  717.  
  718. <div id="entry">
  719.  
  720. {block:IndexPage}
  721.  
  722. <div class="perma">
  723. <div class="perma1">
  724. <div class="permaline1"></div>
  725. <div class="p1"></div>
  726. <div class="p1one"><div class="perma1text"><a href="{Permalink}"> {NoteCount}</a></div></div></div>
  727. <div class="perma2">
  728. <div class="permaline2"></div>
  729. <div class="p2"></div>
  730. <div class="p2two"><div class="perma2text"><a href="{ReblogURL}" target="_blank">reblog</a></div></div></div>
  731.  
  732.  
  733.  
  734.  
  735.  
  736. </span></div>
  737.  
  738. {/block:IndexPage}
  739.  
  740. {block:Text}
  741. <div class="title">{Title}</div>{Body}
  742. {/block:Text}
  743.  
  744. {block:Link}
  745. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  746. {block:Description}{Description}{/block:Description}
  747. {/block:Link}
  748.  
  749. {block:Photo}
  750. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  751. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  752. {/block:Photo}
  753.  
  754. {block:Photoset}
  755. {Photoset-400}
  756. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  757. {/block:Photoset}
  758.  
  759. {block:Quote}
  760. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  761. {/block:Quote}
  762.  
  763. {block:Chat}
  764. <div class="title">{Title}</div>{block:Lines}
  765. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  766. {block:Label}<b>{Label} </b>{/block:Label}
  767. {Line}</div></div>{/block:Lines}
  768. {/block:Chat}
  769.  
  770. {block:Audio}
  771. {block:AlbumArt}
  772. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  773. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  774. <div class="audioinfo">
  775. <div class="i"><b>TITLE:</b>
  776. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  777.  
  778. <div class="i"><b>ARTIST:</b>
  779. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  780.  
  781. <div class="i"><b>PLAYS:</b>
  782. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  783. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  784. {/block:Audio}
  785.  
  786. {block:Video}
  787. {Video-400}
  788. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  789. {/block:Video}
  790.  
  791. {block:Answer}
  792. <div class="quote">{Question} → <b>{Asker}</b></div>
  793. <div class="answer">{Answer}</div>
  794. {/block:Answer}
  795.  
  796. <div id="permalink">
  797. <div class="tags">
  798. {block:IfShowTags}
  799. {block:HasTags}
  800. {block:Tags}<span style="border-top:1px dashed {color:post border};"</span>
  801. <a href="{TagURL}">#{Tag}</a>
  802. {/block:Tags}
  803. {/block:HasTags}
  804. {/block:IfShowTags}
  805. </div></div>
  806. {/block:IndexPage}
  807.  
  808. {block:PermalinkPage}
  809. <div id="permalink">
  810. {block:Date}posted
  811. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  812. {block:NoteCount}with
  813. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  814. {block:RebloggedFrom}
  815. | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  816. {/block:RebloggedFrom}
  817.  
  818. <div class="tags">
  819. {block:HasTags}
  820. Tagged:
  821. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  822. {/block:Tags}
  823. {/block:HasTags}
  824. </div></div>
  825. {/block:PermalinkPage}
  826.  
  827.  
  828. {block:PostNotes}
  829. {PostNotes}
  830. {/block:PostNotes}
  831. </div>
  832. {/block:Posts}
  833.  
  834. </div>
  835.  
  836. {block:Pagination}
  837.  
  838. <div id="paginwrapper">
  839. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page class2">-</a>{/block:PreviousPage}
  840. {block:JumpPagination length="0"}
  841. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  842. {block:JumpPage}<a class="jump_page class2" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  843. {block:NextPage}<a href="{NextPage}" class="jump_page class2">+</a>{/block:NextPage}
  844.  
  845. </div>
  846. {/block:Pagination}
  847.  
  848. <div class="cboth">
  849. <div class="c">
  850. <img src="http://static.tumblr.com/cbjpgjf/7Bcmvartf/logo2.01.png">
  851. </div>
  852.  
  853. <div class="cr">
  854. <a href="http://no-faces-face.tumblr.com">
  855. <img src="http://static.tumblr.com/cbjpgjf/H2jmvat5o/logo2.02.png"></a>
  856. </div>
  857. </div>
  858.  
  859.  
  860.  
  861.  
  862. </body>
  863. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement