API tools faq
paste
Advertisement
loosay

theme nine 'nara'

loosay
Mar 7th, 2015
258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.46 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!-------------------------------------------------------------------------
  11. ---------------tommoassists' THEME NINE 'NARA'-----------------
  12. --Please do not take any of the coding and use it as your own----------- -------Do not remove the credit------------
  13. ----------------message me with any questions!-------------------------->
  14.  
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:post background" content="#dfdfdf"/>
  17. <meta name="color:desctext" content="#dfdfdf"/>
  18. <meta name="color:Text" content="#8f8f8f"/>
  19. <meta name="color:SBLinks" content="#8f8f8f" />
  20. <meta name="color:SBLinksBG" content="#dfdfdf"/>
  21. <meta name="color:Border" content="#8f8f8f"/>
  22. <meta name="color:Post Links" content="#8f8f8f"/>
  23. <meta name="color:Hover" content="#8f8f8f"/>
  24. <meta name="color:Scrollbar" content="#dfdfdf"/>
  25. <meta name="color:ScrollbarBg" content="#8f8f8f"/>
  26. <meta name="color:InfoBG" content="#8f8f8f"/>
  27. <meta name="color:DescBG" content="#dfdfdf"/>
  28. <meta name="color:admin text" content="#ffffff"/>
  29.  
  30.  
  31. <meta name="image:Background" content="">
  32. <meta name="image:Sidebar" content="">
  33. <meta name="image:admin1" content="">
  34. <meta name="image:admin2" content="">
  35. <meta name="image:admin3" content="">
  36. <meta name="image:admin4" content="">
  37.  
  38. <meta name="text:Home URL" content="/">
  39. <meta name="text:Home" content="">
  40. <meta name="text:Ask URL" content="/">
  41. <meta name="text:Ask" content="">
  42. <meta name="text:Link 1 URL" content="/">
  43. <meta name="text:Link 1" content="">
  44. <meta name="text:Link 2 URL" content="/">
  45. <meta name="text:Link 2" content="">
  46. <meta name="text:Link 3 URL" content="/">
  47. <meta name="text:Link 3" content="">
  48. <meta name="text:Link 4 URL" content="/">
  49. <meta name="text:Link 4" content="">
  50. <meta name="text:admin1" content="">
  51. <meta name="text:admin2" content="">
  52. <meta name="text:admin3" content="">
  53. <meta name="text:admin4" content="">
  54.  
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58.  
  59. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  60.  
  61. <script src="//use.edgefonts.net/lora;prata;arapey.js"></script>
  62. <style type="text/css">
  63.  
  64. ::-webkit-scrollbar{height: 5px; width: 5px; -webkit-border-radius: 0px; background-color:#ffffff;}
  65.  
  66. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  67. ::-webkit-scrollbar-track{background-color:{color:scrollbarbg};}
  68.  
  69.  
  70. body {
  71. background:{color:background};
  72. margin:0px;
  73. color:{color:text};
  74. font-family:arial;
  75. font-size:9px;
  76. line-height:150%;
  77. text-align:justify;
  78. background-image:url('{image:background}');
  79. background-attachment:fixed;
  80. }
  81.  
  82. div#qTip {
  83. font-size:8px;
  84. margin-top: 3px;
  85. margin-left: 3px;
  86. display: none;
  87. text-align: center;
  88. position :absolute;
  89. letter-spacing: 0px;
  90. text-transform: uppercase;
  91. z-index: 5;
  92. padding:3px;
  93. color: {color:text};
  94. background: #ffffff;
  95. border: 1px solid {color:border}}
  96.  
  97. a {
  98. text-decoration:none;
  99. outline:none;
  100. -moz-outline-style:none;
  101. color:{color:post links};
  102. -webkit-transition: all 0.5s ease-in-out;
  103. -moz-transition: all 0.5s ease-in-out;
  104. -o-transition: all 0.5s ease-in-out;
  105. }
  106.  
  107. a:hover {
  108. text-decoration:none;
  109. outline:none;
  110. -moz-outline-style:none;
  111. color:{color:link hover};
  112. -webkit-transition: all 0.5s ease-in-out;
  113. -moz-transition: all 0.5s ease-in-out;
  114. -o-transition: all 0.5s ease-in-out;
  115. }
  116.  
  117. img {
  118. border:none;
  119. }
  120.  
  121. h1 {
  122. font-family:'arial';
  123. font-size:15px;
  124. text-align:center;
  125. text-transform:uppercase;
  126. background-color:{color:border};
  127. color:{color:postBG};
  128. border-top:5px solid {color:PostBG};
  129. padding-top:8px;
  130. padding-bottom:5px;
  131. }
  132.  
  133. code {
  134. font-size:9px;
  135. font-family:'arial';}
  136.  
  137. small {
  138. font-size:11px;
  139. font-family:'arial';
  140. }
  141.  
  142. pre {
  143. font-family:'arial';
  144. text-align:center;
  145. font-size:10px;
  146. max-width:500px;
  147. padding:10px ;
  148. color:{color:SBLinksBG};
  149. background-color: {color:SBLinks};}
  150.  
  151.  
  152. read more {
  153. font-family:'arial';
  154. font-size:11px;
  155. text-align:center;
  156. text-transform:uppercase;
  157. background-color:{color:border};
  158. color:{color:postBG};
  159. border-top:5px solid {color:PostBG};
  160. padding-top:8px;
  161. padding-bottom:5px;
  162. }
  163.  
  164.  
  165. #entries {
  166. padding:10px;
  167. width:500px;
  168. margin-left:220px;
  169. margin-top:42px;
  170. border:solid 3px{color:border};
  171. background-color:{color:post background};
  172. }
  173.  
  174. #post {
  175. width:500px;
  176. margin-bottom: 20px;max-width:100%;
  177. }
  178.  
  179.  
  180.  
  181. #posttitle {
  182. letter-spacing: 1px;
  183. margin-bottom: 5px;
  184. color:{color:sidebar link};
  185. text-transform: uppercase;
  186. font-size:11px;
  187. text-align:left;
  188. }
  189.  
  190. .sidebar {
  191. position:fixed;
  192. margin-left:770px;
  193. margin-top:0px;
  194. z-index:99999999999999999;
  195. opacity:1;
  196. }
  197.  
  198. .sidebar img {
  199. width:300px;
  200. height:400px;}
  201.  
  202. .description {
  203. position:fixed;
  204. overflow:auto;
  205. height:240px;
  206. width:200px;
  207. margin-left:37px;
  208. margin-top:-275px;
  209. padding:10px;
  210. opacity:1;
  211. text-align:left;
  212. font-family:'arial';
  213. font-size:10px;
  214. background-color:{color:DescBG};
  215. color:{color:desctext};
  216. border:solid 3px {color:border};
  217. z-index:9999999;
  218. opacity:0;
  219. }
  220.  
  221. .description:hover{ opacity:1;
  222. -webkit-transition:all 0.7s ease-in-out;
  223. -moz-transition:all 0.7s ease-in-out;
  224. -o-transition:all 0.7s ease-in-out;
  225. transition:all 0.7s ease-in-out;}
  226.  
  227. .title {
  228. position:fixed;
  229. display:block;
  230. text-align:left;
  231. padding-top:5px;
  232. width:902px;
  233. margin-top:-60px;
  234. height:15px;
  235. border-top: solid 30px {color:background};
  236. border-bottom:solid 10px {color:background};
  237. padding-left:10px;
  238. margin-left:220px;
  239. font-family:'arial';
  240. font-style:bold;
  241. letter-spacing:3px;
  242. font-weight:normal;
  243. text-transform:uppercase;
  244. font-size:11px;
  245. z-index:999999999;
  246. background-color:{color:border};
  247. color:{color:SBLinksBG}; }
  248.  
  249.  
  250.  
  251.  
  252.  
  253. .admin1{
  254. width:50px;
  255. margin-top:-385px;
  256. margin-left:500px;
  257.  
  258. }
  259. .admin1 img {
  260. margin-top:30px;
  261. margin-left:-190px;
  262. width:50px;
  263. height:50px;}
  264.  
  265.  
  266. .admin1text {
  267. margin-top:-54px;
  268. margin-left:-190px;
  269. width:190px;
  270. height:46px;
  271. padding-left:50px;
  272. padding-top:4px;
  273. font-family:'arial';
  274. font-style:italic;
  275. font-weight:normal;
  276. text-transform:uppercase;
  277. font-size:8px;
  278. color:{color:desctext};
  279. display:block;
  280. text-align:left;
  281. opacity:0;
  282. }
  283.  
  284. .admin1text:hover{
  285. -webkit-transition:all 0.5s ease-in-out;
  286. -moz-transition:all 0.5s ease-in-out;
  287. -o-transition:all 0.5s ease-in-out;
  288. transition:all 0.5s ease-in-out;
  289. opacity:1;
  290. }
  291.  
  292. .admin2{
  293. width:50px;
  294. margin-top:30px;
  295. margin-left:311px;
  296.  
  297. }
  298.  
  299. .admin2 img {
  300. width:50px;
  301. height:50px;}
  302.  
  303. .admin2text {
  304. margin-top:-54px;
  305. margin-left:0px;
  306. width:190px;
  307. height:46px;
  308. padding-left:50px;
  309. padding-top:4px;
  310. font-family:'arial';
  311. font-style:italic;
  312. font-weight:normal;
  313. text-transform:uppercase;
  314. font-size:8px;
  315. color:{color:desctext};
  316. display:block;
  317. text-align:left;
  318. opacity:0;}
  319.  
  320. .admin2text:hover{
  321. -webkit-transition:all 0.5s ease-in-out;
  322. -moz-transition:all 0.5s ease-in-out;
  323. -o-transition:all 0.5s ease-in-out;
  324. transition:all 0.5s ease-in-out;
  325. opacity:1;
  326. }
  327. .admin3{
  328. width:50px;
  329. margin-top:-65px;
  330. margin-left:341px;
  331.  
  332. }
  333.  
  334. .admin3 img {
  335. width:50px;
  336. height:50px;}
  337.  
  338. .admin3text {
  339. margin-top:-54px;
  340. margin-left:0px;
  341. width:190px;
  342. height:46px;
  343. padding-left:50px;
  344. padding-top:4px;
  345. font-family:'arial';
  346. font-style:italic;
  347. font-weight:normal;
  348. text-transform:uppercase;
  349. font-size:8px;
  350. color:{color:desctext};
  351. display:block;
  352. text-align:left;
  353. opacity:0;}
  354.  
  355. .admin3text:hover{
  356. -webkit-transition:all 0.5s ease-in-out;
  357. -moz-transition:all 0.5s ease-in-out;
  358. -o-transition:all 0.5s ease-in-out;
  359. transition:all 0.5s ease-in-out;
  360. opacity:1;
  361. }
  362.  
  363. .admin4{
  364. width:50px;
  365. margin-top:-65px;
  366. margin-left:341px;
  367.  
  368. }
  369.  
  370. .admin4 img {
  371. width:50px;
  372. height:50px;}
  373.  
  374. .admin4text {
  375. margin-top:-54px;
  376. margin-left:0px;
  377. width:190px;
  378. height:46px;
  379. padding-left:50px;
  380. padding-top:4px;
  381. font-family:'arial';
  382. font-style:italic;
  383. font-weight:normal;
  384. text-transform:uppercase;
  385. font-size:8px;
  386. color:{color:desctext};
  387. display:block;
  388. text-align:left;
  389. opacity:0;}
  390.  
  391. .admin4text:hover{
  392. -webkit-transition:all 0.5s ease-in-out;
  393. -moz-transition:all 0.5s ease-in-out;
  394. -o-transition:all 0.5s ease-in-out;
  395. transition:all 0.5s ease-in-out;
  396. opacity:1;
  397. }
  398.  
  399. .links {
  400. position:fixed;
  401. width:100px;
  402. height:500px;
  403. margin-left:0px;
  404. margin-top:5px;
  405. text-align:left;
  406. z-index:99999;
  407. }
  408.  
  409. .links a {
  410. display:inline-block;
  411. position:left;
  412. margin-left:2px;
  413. margin-right:5px;
  414. margin-top:5px;
  415. margin-bottom:0px;
  416. padding:5px;
  417. height:15px;
  418. width:360px;
  419. font-family:'arial';
  420. font-style:bold;
  421. font-weight:normal;
  422. letter-spacing:3px;
  423. text-transform:uppercase;
  424. font-size:12px;
  425. color:{color:SBLinks};
  426. background-color:{color:SBLinksBG};
  427. -webkit-transition:all 0.5s ease-in-out;
  428. -moz-transition:all 0.5s ease-in-out;
  429. -o-transition:all 0.5s ease-in-out;
  430. transition:all 0.5s ease-in-out;}
  431.  
  432.  
  433.  
  434. .pagination {
  435. position:fixed;
  436. margin-top:602px;
  437. margin-left:775px;
  438. width:530px;
  439. height:10px;
  440. z-index:99999;
  441. text-align:center;}
  442.  
  443. .pagination a {
  444. font-family:'arial';
  445. font-weight:normal;
  446. text-decoration:none;
  447. text-transform:uppercase;
  448. font-size:12px;
  449. color:{color:border};
  450. width:484px;
  451. height:8px;
  452. padding:7px;
  453. padding-bottom:8px;
  454. margin-left:-154px;
  455. margin-top:-300px;
  456. background-color:{color:descbg};
  457. -webkit-transition:all 0.5s ease-in-out;
  458. -moz-transition:all 0.5s ease-in-out;
  459. -o-transition:all 0.5s ease-in-out;
  460. transition:all 0.5s ease-in-out;
  461. z-index:9;
  462. }
  463.  
  464. .pagination a:hover{
  465. text-decoration:none;
  466. color:{color:hover};
  467. -webkit-transition:all 0.5s ease-in-out;
  468. -moz-transition:all 0.5s ease-in-out;
  469. -o-transition:all 0.5s ease-in-out;
  470. transition:all 0.5s ease-in-out;}
  471.  
  472.  
  473. #info {
  474. font-size:8px;
  475. letter-spacing: 0px;
  476. text-transform: uppercase;
  477. padding-top: 3px;
  478. padding-bottom: 0px;
  479. margin-top:2px
  480. background-color:{color:infobg};
  481. width:500px;
  482. border-bottom: solid 2px {color:border};
  483. }
  484.  
  485. #tags {
  486. text-transform: lowercase;
  487. letter-spacing: 0px;
  488. margin-top:0px;
  489. font-size: 9px;
  490. text-align:center;
  491. }
  492.  
  493. b, strong {
  494. color:{color:link}
  495. }
  496.  
  497. i, em {
  498. color:{color:text}
  499. }
  500.  
  501. #p, p {
  502. margin-top:5px;
  503. margin-bottom:5px
  504. }
  505.  
  506. #audio {
  507. border-radius:0%;
  508. width:100%;
  509. height:100px;
  510. margin-bottom:10px}
  511.  
  512. .albumart {
  513. border-radius:0%;
  514. padding: 2px;
  515. border: 1px #f1f1f1 solid;
  516. float:left;
  517. width:100px;
  518. height:100px}
  519.  
  520. .player {
  521. border-radius:0%;
  522. margin-left:2px;
  523. margin-top:2px;
  524. padding:11px;
  525. display:block;
  526. height:80px;
  527. width:80px;
  528. overflow:hidden;
  529. position:absolute;
  530. opacity:0.3;
  531. background:#fff;
  532. -webkit-transition:all 0.4s ease-in-out;
  533. -moz-transition:all 0.4s ease-in-out;
  534. -o-transition:all 0.4s ease-in-out;
  535. -ms-transition: all 0.4s ease-in-out;
  536. transition:all 0.5s ease-in-out}
  537.  
  538. .player:hover {
  539. opacity:0.7;
  540. -webkit-transition:all 0.4s ease-in-out;
  541. -moz-transition:all 0.4s ease-in-out;
  542. -o-transition:all 0.4s ease-in-out;
  543. -ms-transition: all 0.4s ease-in-out;
  544. transition:all 0.5s ease-in-out}
  545.  
  546. .audioplayer {
  547. width:24px;
  548. height:24px;
  549. margin:28px 0 0 28px;
  550. overflow:hidden}
  551.  
  552. .audioinfo {
  553. margin-left:105px;
  554. height:54px;
  555. line-height:100%;
  556. color:{color:text};
  557. padding:26px 5px 24px 10px;
  558. text-align:left}
  559.  
  560. .tracktitle {
  561. margin-top: 10px;
  562. color:{color:title};
  563. margin-bottom:-15px;
  564. text-transform: uppercase;
  565. font-size: 11px;
  566. }
  567.  
  568. .question {
  569. display:block;
  570. margin-top:12px;
  571. text-align:center;
  572. font-size:12px;
  573. font-family:'arial'';
  574. font-style:italic;
  575. min-height:38px;
  576. margin-bottom:6px;
  577. width:500px;
  578. color:{color:sblinksbg};
  579. background-color:{color:infobg};
  580. line-height:25px;}
  581.  
  582. question img {
  583. margin-right:5px;
  584. margin-bottom:5px;}
  585.  
  586. .asker{
  587. color:{color:SBLinksBG};
  588. font-family:'arial';
  589. font-size:11px;
  590. display:block;
  591. text-align:right;
  592. border-top:2px solid {color:post background};
  593. height:20px;
  594. padding-top:5px;
  595. font-style:italic;
  596. margin-top:-7px;
  597. margin-bottom:-15px;
  598. background-color:{color:border};
  599. padding-bottom:3px;
  600. letter-spacing:2px;
  601. padding-right:6px;
  602. z-index:99999;
  603. }
  604.  
  605. blockquote {
  606. margin-top: 6px;
  607. margin-bottom: 3px;
  608. width: 480px;
  609. border-left: 1px {color:border} solid;
  610. padding-left: 5px;
  611. margin-left: 5px;
  612. text-align:justify;
  613. }
  614.  
  615. #credit a {
  616. position:fixed;
  617. letter-spacing: 1px;
  618. font:10px arial;
  619. color:{color:link};
  620. padding:0px;
  621. bottom:10px;
  622. right:10px
  623. }
  624.  
  625. #credit a:hover {
  626. color:{color:text}
  627. }
  628.  
  629.  
  630. {CustomCSS}</style></head><body>
  631.  
  632. <div class="sidebar"><img src="{image:sidebar}"><div class="links">
  633. {block:ifHome}<a href="{text:Home URL}">{text:Home}</a>{/block:ifHome}
  634. {block:ifAsk}<a href="{text:Ask URL}">{text:Ask}</a>{/block:ifAsk}
  635. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  636. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  637. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  638. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  639.  
  640.  
  641. </div> <div class="admin1"><img src="{image:admin1}"><div class="admin1text">{text:admin1}</div></div><div class="admin2"><img src="{image:admin2}"><div class="admin2text">{text:admin2}</div></div><div class="admin2"><img src="{image:admin3}"><div class="admin3text">{text:admin3}</div></div><div class="admin2"><img src="{image:admin4}"><div class="admin4text">{text:admin4}</div></div><div class="description">
  642. {Description}
  643. </div></div></div>
  644.  
  645. </div>
  646.  
  647.  
  648. <div class="pagination">{block:Pagination}
  649.  
  650.  
  651. {block:NextPage}
  652. <a href="{NextPage}">next →</a>
  653. {/block:NextPage}
  654. {block:PreviousPage}
  655. <a href="{PreviousPage}">← back</a>
  656. {/block:PreviousPage}
  657. </div>
  658. {/block:Pagination}
  659.  
  660. </div>
  661. <div class="title">{Title}</div></div></div></div>
  662. <div id="entries">{block:Posts}<div id="post">
  663.  
  664. {block:Title}<div id="posttitle">{Title}</div>{/block:Title} {Body}
  665. {block:More}<div id="read more"><a href="{Permalink}">READ MORE</a></div>{/block:More}
  666.  
  667. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  668.  
  669. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  670.  
  671. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  672.  
  673. {block:Link}<div id="posttitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  674.  
  675. {block:Chat}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  676.  
  677. {block:Audio}
  678. <div id="audio">
  679. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  680. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 0%">{/block:AlbumArt}</div>
  681. <div class="audioinfo">
  682. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by <b>{Artist}</b>{/block:Artist}</div><br>
  683. {block:Album}<br>
  684. <b>Album:</b> {Album}{/block:Album}<br>
  685. <b>Played:</b> {FormattedPlayCount} times</div></div>
  686. {block:Caption}{Caption}{/block:Caption}
  687. {/block:Audio}
  688. {block:Video}
  689.  
  690. <center><div class="photo">{VideoEmbed-500}</div></center>
  691. <div class="text">{Caption}</div>
  692.  
  693. {/block:Video}
  694.  
  695.  
  696. {block:Answer}<div id="answer">
  697. <div class="question">
  698. <div class="q">{Question}</div></div><div class="asker">{Asker}</div><br/>
  699. {block:Answerer}<div class="question"><center><div class="asker"></center>{Answerer}</div><br/><div class="q"><div style="margin-top:6px"/>{Answer}</div></div>{/block:Answerer}{Replies}</div>{/block:Answer}
  700.  
  701.  
  702.  
  703.  
  704. {block:Date}<center><div id="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} — {NoteCount}{/block:NoteCount}{block:RebloggedFrom} — via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} (<a href="{SourceURL}">source</a>){block:ContentSource}{/block:RebloggedFrom}</div></center>{/block:Date}
  705. <div id="tags">{block:Tags}{block:HasTags}#<a href="{TagURL}">{Tag}</a> {/block:HasTags}{/block:Tags}</div>
  706.  
  707. </div>
  708. {block:PostNotes}{PostNotes}{/block:PostNotes}
  709. {/block:Posts}</div>
  710.  
  711. <!-- DO NOT REMOVE THIS -->
  712. <div id="credit"><a href="http://tommoassists.tumblr.com/"><big>✖</big></a></div>
  713.  
  714. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!