namunamoo

Angel

Jun 18th, 2012
2,880
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.60 KB | None | 0 0
  1. <!--
  2. THEME MADE BY NAMUNAMOO (http://namunamoo.tumblr.com)
  3. PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
  4. -->
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <html>
  9. <head>
  10.  
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <!--LOOK AT ALL THESE FREAKIN' OPTIONS. ^^"-->
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Body Font" content="#363636"/>
  22. <meta name="color:Posts" content="#FFFFFF"/>
  23. <meta name="color:Links" content="#0096ff"/>
  24. <meta name="color:Links hover" content="#FFFFFF"/>
  25.  
  26.  
  27. <meta name="color:Post Title" content="#000000"/>
  28. <meta name="color:Title" content="#000000"/>
  29. <meta name="color:Quote" content="#363636"/>
  30. <meta name="color:Answer Background" content="#F5F5F5"/>
  31. <meta name="color:ScrollBar" content="#484848"/>
  32. <meta name="color:ScrollBar Background" content="#e8e8e8"/>
  33. <meta name="color:Post background" content="#cccccc"/>
  34. <meta name="color:Border" content="#cccccc" />
  35.  
  36. <meta name="color:Navlinks" content="#b4b4b4"/>
  37. <meta name="color:Navigation" content="#898989"/>
  38.  
  39. <meta name="color:Desc Background" content="#e8e8e8"/>
  40.  
  41. <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_m3oui5RrJg1qbz321o1_500.png"/>
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Desc Background" content="http://static.tumblr.com/jtqlgf2/oYEm37qus/obkp8.png"/>
  44.  
  45.  
  46. <meta name="text:blog title" content="title here"/>
  47.  
  48. <meta name="text:link 1" content="/"/>
  49. <meta name="text:link 1 name" content="Link 1"/>
  50. <meta name="text:link 2" content="/"/>
  51. <meta name="text:link 2 name" content="Link 2"/>
  52. <meta name="text:link 3" content="/"/>
  53. <meta name="text:link 3 name" content="Link 3"/>
  54. <meta name="text:link 4" content=""/>
  55. <meta name="text:link 4 name" content=""/>
  56. <meta name="text:link 5" content=""/>
  57. <meta name="text:link 5 name" content=""/>
  58. <meta name="text:link 6" content=""/>
  59. <meta name="text:link 6 name" content=""/>
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. body {
  66. background-color: {color:Background};
  67. font-family: Century Gothic;
  68. font-size: 9px;
  69. color: {color:Body Font};
  70. text-align: justify;
  71. background-image: url('{image:Background}');
  72. background-attachment: fixed;
  73. }
  74.  
  75. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/bmdsqsc/KdRlu9tpm/slkscr.ttf');}
  76.  
  77. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  78.  
  79. #posts {
  80. position: absolute;
  81. left: 25px;
  82. top: 25px;
  83. }
  84.  
  85. #lineup {
  86. background-image: url('{image:Post Box Background}');
  87. position: relative;
  88. margin-left: 400px;
  89. top:15px;
  90. width: 500px;
  91. background-color:{color:Posts};
  92. border:1px solid {color:Border};
  93. margin-bottom: 5px;
  94. padding: 5px;
  95. z-index:500;
  96. }
  97.  
  98. #permalink {
  99. font-family:calibri;
  100. font-size: 10px;
  101. opacity: 0;
  102. margin-left:300px;
  103. filter: alpha (opacity=0);
  104. position: absolute;
  105. bottom: 15px;
  106. text-align: center;
  107. width:100px;
  108. height: 15px;
  109. background-image: url('{image:Post Box Background}');
  110. background-color: #fff;
  111. color: #387dcc;
  112. -webkit-transition: all 0.5s ease;
  113. -moz-transition: all 0.5s ease;
  114. -o-transition: all 0.5s ease;
  115.  
  116. }
  117.  
  118. #lineup:hover #permalink {
  119. margin-left:385px;
  120. background-color: #transp;
  121. opacity: 0.8;
  122. color:{color:description};
  123. }
  124.  
  125.  
  126. .answer {
  127. background-color: {color:Answer Background};
  128. padding-top: 1px;
  129. padding-bottom: 1px;
  130. padding-left: 10px;
  131.  
  132. }
  133.  
  134. #header {
  135. text-align: center;
  136. font-family: print;
  137. font-size: 30px;
  138. letter-spacing: {text:Title letter spacing};
  139. background-color: {color:Title Background};
  140. color: {color:Title};
  141. text-shadow: 1px 1px 1px #C4C4C4;
  142. font-weight: lighter;
  143.  
  144. }
  145.  
  146.  
  147. a.perma {
  148. color: {color:Border};
  149.  
  150. }
  151.  
  152. a.perma:hover {
  153. color: {color:Links hover};
  154. }
  155.  
  156. .story {
  157. font-family: print;
  158. font-size: 26px;
  159. color: {color:Post Title};
  160. text-align: center;
  161. text-shadow: 1px 1px 1px #C4C4C4;
  162. }
  163.  
  164.  
  165. #lineup img {max-width: 100%;}
  166.  
  167. .quote {
  168. font-family:print;
  169. font-size: 14px;
  170. font-style: italic;
  171. color: {color:Quote};
  172. }
  173.  
  174. blockquote {
  175. padding: 1px 1px 1px 1px;
  176. background-color: #eee;
  177. }
  178.  
  179. .tags {
  180. padding: 3px;
  181. }
  182.  
  183. a {
  184. color:{color:Links};
  185. -webkit-transition: all 0.5s ease;
  186. -moz-transition: all 0.5s ease;
  187. -o-transition: all 0.5s ease;
  188. text-decoration: none;
  189. }
  190.  
  191. a:hover {
  192. color:{color:Links hover};
  193. -webkit-transition: all 0.5s ease;
  194. -moz-transition: all 0.5s ease;
  195. -o-transition: all 0.5s ease;
  196. text-decoration: none;
  197. }
  198.  
  199. ::-webkit-scrollbar-thumb:vertical {
  200. background-color:{color:ScrollBar};
  201. border-top:2px solid {color:ScrollBar};
  202. border-bottom:2px solid {color:ScrollBar};
  203. height:auto;
  204. }
  205.  
  206. ::-webkit-scrollbar-thumb:vertical:hover{
  207. background-color:{color:ScrollBar};
  208. }
  209.  
  210.  
  211.  
  212. ::-webkit-scrollbar-thumb:horizontal{
  213. background-color:{color:ScrollBar};
  214. height:auto;
  215. }
  216.  
  217. ::-webkit-scrollbar-thumb:horizontal:hover{
  218. background-color:{color:ScrollBar};
  219. }
  220.  
  221.  
  222.  
  223. ::-webkit-scrollbar{
  224. height:6px;
  225. width:6px;
  226. background-color: {color:ScrollBar Background};
  227. }
  228.  
  229. .topp {
  230. font-family: consolas;
  231. font-size: 20px;
  232. }
  233.  
  234. #scrollToTop:link,
  235. #scrollToTop:visited {
  236. color: {color:links};
  237. opacity: 0.8;
  238. background-color: transparent;
  239. display: none;
  240. position: fixed;
  241. bottom: 5px;
  242. margin-left: 350px;
  243. }
  244.  
  245.  
  246. .b1a4{
  247. margin-left: 174px;
  248. top:125px;
  249. font-family:print;
  250. position: fixed;
  251. font-size: 30px;
  252. color: {color:title};
  253. text-shadow: 1px 1px 1px #ccc;
  254. width: 162px;
  255. z-index:999;
  256. text-align:left;
  257. }
  258.  
  259. .exo{
  260. margin-left: 90px;
  261. top:152px;
  262. position: fixed;
  263. }
  264.  
  265. .words{
  266. margin-top:6px;
  267. position: fixed;
  268. font-size: 8px;
  269. overflow-y:scroll;
  270. height:70px;
  271. width: 250px;
  272. font-family:tinytots;
  273. letter-spacing:1px;
  274. text-align: center;
  275. border:1px solid {color:Border};
  276. z-index:999;
  277. background-color: {color:Desc Background};
  278. background-image:url('{image:Desc Background}');
  279. }
  280.  
  281. .navbar {
  282. margin-left:0px;
  283. margin-top:85px;
  284. width:250px;
  285. height:30px;
  286. overflow:hidden;
  287. -webkit-transition: all 0.8s ease;
  288. -moz-transition: all 0.8s ease;
  289. -o-transition: all 0.8s ease;
  290. }
  291. .navbar:hover{
  292. height: 250px;
  293. }
  294. .visible_label a {
  295. font: 23px print;
  296. letter-spacing: 8px;
  297. text-align: right;
  298. color: {color:Navigation};
  299. width: 250px;
  300. height:30px;
  301. display:block;
  302. }
  303. .invisible_label a{
  304. font: 14px print;
  305. letter-spacing: 3px;
  306. text-align: left;
  307. padding-left: 5px;
  308. margin-bottom:1px;
  309. margin-top:1px;
  310. background-color: #transp;
  311. color: {color:Navlinks};
  312. -webkit-transition: all 0.5s ease;
  313. -moz-transition: all 0.5s ease;
  314. -o-transition: all 0.5s ease;
  315. display:block;
  316. border-left:10px solid {color:Navlinks};
  317. }
  318. .invisible_label a:hover{
  319. border-left:40px solid {color:Navlinks};
  320. padding-left: 20px;
  321. margin-bottom:1px;
  322. margin-top:1px;
  323. color: {color:Navlinks};
  324. }
  325.  
  326. .linkers{
  327. margin-left:-45px;
  328. margin-top:70px;
  329. position: fixed;
  330. z-index:999;
  331. text-align:left;
  332. width:50px;
  333. }
  334.  
  335. .linkz a{
  336. float: left;
  337. width: 30px;
  338. height: 25px;
  339. border-bottom: 0px solid #898989;
  340. padding-left:5px;
  341. color: #transp;
  342. margin-left: 3px;
  343. padding-right: 5px;
  344. margin-top: 1.5px;
  345. padding-bottom: 5px;
  346. text-align: right;
  347. font-size: 8px;
  348. opacity:0.7;
  349. padding-top: 5px; z-index:1;}
  350. .linkz a:hover{
  351. float: left;
  352. width: 30px;
  353. height: 25px;
  354. color: #898989;
  355. margin-right: 0px;
  356. padding-left: 5px;
  357. margin-top: 1.5px;
  358. text-align: right;
  359. padding-left: 5px;
  360. opacity:0.9;
  361. -webkit-transition: all 0.9s ease;
  362. -moz-transition: all 0.9s ease;
  363. -o-transition: all 0.9s ease;
  364. padding-top: 5px; z-index:1;
  365. }
  366.  
  367.  
  368. #whee{
  369. -webkit-border-top-left-radius:100px;
  370. -webkit-border-top-right-radius:20px;
  371. -webkit-border-bottom-left-radius:20px;
  372. -webkit-border-bottom-right-radius:20px;
  373. }
  374.  
  375.  
  376.  
  377. iframe#tumblr_controls {
  378. top: 0% !important;
  379. right:0% !important;
  380. position: fixed !important;}
  381.  
  382.  
  383. {CustomCSS}
  384.  
  385. </style>
  386.  
  387.  
  388. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  389.  
  390.  
  391. </head>
  392.  
  393. <body>
  394. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  395. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  396.  
  397. <div class="topp">
  398. <a href="javascript:;" id="scrollToTop"><font size="5">▲</font></a>
  399. </div>
  400.  
  401.  
  402.  
  403. <div class="b1a4">{text:blog title}</div>
  404.  
  405. <div class="exo">
  406. <div class="linkers">
  407. <div class="linkz"><a href="/"><img src="http://static.tumblr.com/dillszt/m2hm5rujh/home.png" width="25"></a></div>
  408. <div class="linkz"><a href="/ask"><img src="http://static.tumblr.com/dillszt/6dam5ru8q/3d-design-alt.png" width="25"></a></div>
  409. <div class="linkz"><a href="/archive"><img src="http://static.tumblr.com/dillszt/C5Wm5rubn/search.png" width="25"></a></div>
  410. </div>
  411. <img src="{image:sidebar}" id="whee" width="250"><br>
  412. <div class="words">
  413. <br>
  414. {description}
  415.  
  416. <br>
  417. </div>
  418.  
  419. <table width="100%" border="0">
  420. <tr>
  421. <td>
  422.  
  423. {block:IfLink1}<div class="navbar">
  424. <div class="visible_label" align="center"><a title="hover for more">// navigation</a></div>
  425. <div class="invisible_label">
  426. {block:IfLink1}<a href="{text:link 1}"> {text:link 1 name}</a>{/block:IfLink1}
  427. {block:IfLink2}<a href="{text:link 2}"> {text:link 2 name}</a>{/block:IfLink2}
  428. {block:IfLink3}<a href="{text:link 3}"> {text:link 3 name}</a>{/block:IfLink3}
  429. {block:IfLink4}<a href="{text:link 4}"> {text:link 4 name}</a>{/block:IfLink4}
  430. {block:IfLink5}<a href="{text:link 5}"> {text:link 5 name}</a>{/block:IfLink5}
  431. {block:IfLink6}<a href="{text:link 6}"> {text:link 6 name}</a>{/block:IfLink6}
  432. </tr>
  433. </table>
  434. </div>{/block:IfLink1}
  435. </div>
  436.  
  437.  
  438.  
  439. <div style="font-size:8px; text-transform:uppercase; color:#000000; position:fixed; bottom:9px; right:10px;"><a href="http://namunamoo.tumblr.com" style="color:#000000;">{★}</a></div>
  440.  
  441.  
  442.  
  443. <div class = "autopagerize_page_element" >
  444.  
  445.  
  446. {block:Posts}
  447.  
  448. <div id="lineup">
  449.  
  450.  
  451.  
  452. {block:Text}
  453.  
  454. {block:Title}
  455. <div class="story">
  456. {Title}
  457. </div>
  458. {/block:Title}
  459.  
  460. {Body}
  461.  
  462. {Block:PermalinkPage}
  463.  
  464. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  465. {block:HasTags}
  466. <div class="tags">
  467. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  468. </div>
  469. {/block:HasTags}
  470.  
  471. {block:PostNotes}
  472. {PostNotes}
  473. {/block:PostNotes}
  474.  
  475. {/Block:PermalinkPage}
  476.  
  477. {/block:Text}
  478.  
  479.  
  480.  
  481. {block:Photo}
  482.  
  483. {LinkOpenTag}
  484. <img src="{PhotoURL-HighRes}" width="500px" alt="{PhotoAlt}">
  485. {LinkCloseTag}
  486.  
  487. {Block:PermalinkPage}
  488. {block:Caption}
  489. {Caption}
  490. {/block:Caption}
  491.  
  492. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  493.  
  494. {block:HasTags}
  495. <div class="tags">
  496. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  497. </div>
  498. {/block:HasTags}
  499.  
  500. {block:PostNotes}
  501. <div style="height:200px; text-align:left;overflow:auto;border-top:1px {color:Border};">
  502. {PostNotes}</div>
  503. {/block:PostNotes}
  504.  
  505.  
  506. {/Block:PermalinkPage}
  507.  
  508. {/block:Photo}
  509.  
  510.  
  511.  
  512. {block:Photoset}
  513.  
  514. {Photoset-500}
  515.  
  516. {Block:PermalinkPage}
  517. {block:Caption}
  518. {Caption}
  519. {/block:Caption}
  520.  
  521. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  522.  
  523. {block:HasTags}
  524. <div class="tags">
  525. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  526. </div>
  527. {/block:HasTags}
  528.  
  529. {block:PostNotes}
  530. {PostNotes}
  531. {/block:PostNotes}
  532.  
  533. {/Block:PermalinkPage}
  534.  
  535. {/block:Photoset}
  536.  
  537.  
  538.  
  539. {block:Quote}
  540.  
  541. <div class="quote">
  542. <div style="font-size: 30px; display: inline-block; line-height: 0px; margin-bottom: -3px; margin-right: 3px;">❝</div>{Quote}
  543. </div>
  544.  
  545. {block:Source}
  546. <div style="text-align:right">—{Source}</div>
  547. {/block:Source}
  548.  
  549. {Block:PermalinkPage}
  550. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  551. {block:HasTags}
  552. <div class="tags">
  553. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  554. </div>
  555. {/block:HasTags}
  556.  
  557. {block:PostNotes}
  558. {PostNotes}
  559. {/block:PostNotes}
  560.  
  561. {/Block:PermalinkPage}
  562.  
  563. {/block:Quote}
  564.  
  565.  
  566.  
  567. {block:Link}
  568.  
  569. <a href="{URL}" {Target}>
  570.  
  571. <div class="story"><div style="margin-left:0px">{Name}</div></div>
  572. </a>
  573.  
  574. {block:Description}
  575. {Description}
  576. {/block:Description}
  577.  
  578. {Block:PermalinkPage}
  579. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  580. {block:HasTags}
  581. <div class="tags">
  582. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  583. </div>
  584. {/block:HasTags}
  585.  
  586. {block:PostNotes}
  587. {PostNotes}
  588. {/block:PostNotes}
  589.  
  590. {/Block:PermalinkPage}
  591.  
  592. {/block:Link}
  593.  
  594.  
  595.  
  596. {block:Chat}
  597.  
  598. {block:Title}
  599. <div class="story">
  600. {Title}
  601. </div>
  602. {/block:Title}
  603.  
  604. {block:Lines}
  605. {block:Label}
  606. <b><font color="{color:Quote}">{Label}</font></b>
  607. {/block:Label}
  608.  
  609. {Line}<br>
  610. {/block:Lines}
  611.  
  612. {Block:PermalinkPage}
  613. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  614. {block:HasTags}
  615. <div class="tags">
  616. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  617. </div>
  618. {/block:HasTags}
  619.  
  620. {block:PostNotes}
  621. {PostNotes}
  622. {/block:PostNotes}
  623.  
  624. {/Block:PermalinkPage}
  625.  
  626. {/block:Chat}
  627.  
  628.  
  629.  
  630. {block:Audio}
  631.  
  632. {block:AlbumArt}
  633. <img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;margin-bottom:5px;"/>{/block:AlbumArt}
  634. <div class="audio">{AudioPlayerWhite}</div>
  635. {block:Caption}{Caption}{/block:Caption}
  636.  
  637. <p>{PlayCountWithLabel}</p>
  638. <br clear="all">
  639.  
  640. {Block:PermalinkPage}
  641. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  642. {block:HasTags}
  643. <div class="tags">
  644. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  645. </div>
  646. {/block:HasTags}
  647.  
  648. {block:PostNotes}
  649. {PostNotes}
  650. {/block:PostNotes}
  651.  
  652. {/Block:PermalinkPage}
  653.  
  654.  
  655. {/block:Audio}
  656.  
  657.  
  658.  
  659. {block:Video}
  660.  
  661. {Video-500}
  662.  
  663. {Block:PermalinkPage}
  664. {block:Caption}
  665. {Caption}
  666. {/block:Caption}
  667.  
  668. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  669. {block:HasTags}
  670. <div class="tags">
  671. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  672. </div>
  673. {/block:HasTags}
  674.  
  675. {block:PostNotes}
  676. {PostNotes}
  677. {/block:PostNotes}
  678.  
  679. {/Block:PermalinkPage}
  680.  
  681. {/block:Video}
  682.  
  683.  
  684.  
  685. {block:Answer}
  686.  
  687. <img src="{AskerPortraitURL-16}">&nbsp;<b>{Asker}</b> whispered: {Question}<div class="answer">{Answer}</div>
  688.  
  689. {Block:PermalinkPage}
  690. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  691. {block:HasTags}
  692. <div class="tags">
  693. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  694. </div>
  695. {/block:HasTags}
  696.  
  697. {block:PostNotes}
  698. {PostNotes}
  699. {/block:PostNotes}
  700.  
  701. {/Block:PermalinkPage}
  702.  
  703. {/block:Answer}
  704.  
  705. {Block:IndexPage}<div id="permalink">
  706.  
  707. <a href="{Permalink}">[ {NoteCount} ]</a> &nbsp;
  708. <a href="{ReblogURL}" target="_blank">Reblog</a>
  709.  
  710.  
  711. </div>
  712. </div>{/Block:IndexPage}
  713.  
  714.  
  715. {/block:Posts}</div>
  716. </body>
  717.  
  718. </html>
Add Comment
Please, Sign In to add comment