Advertisement
nofacesface

Bespectacled Beauty

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