API tools faq
paste
Advertisement
narruldthemes

theme 32

narruldthemes
Aug 23rd, 2014
762
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. THEME BY NARRULD do not copy or remove credit
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <meta name="color:Text" content="#bbbbbb"/>
  20. <meta name="color:Link" content="#aaaaaa"/>
  21. <meta name="color:Tags" content="#cccccc"/>
  22. <meta name="color:Hover" content="#f1f1f1"/>
  23. <meta name="color:scrollbarbg" content="ffffff"/>
  24. <meta name="color:linkbg" content="dddddd"/>
  25. <meta name="color:sidebartitle" content="dddddd"/>
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="text:sidebartitle" content="">
  29. <meta name="text:sidebartitle2" content="">
  30.  
  31. <meta name="text:linkA" content="">
  32. <meta name="text:linkA url" content="/">
  33. <meta name="text:linkB" content="">
  34. <meta name="text:linkB url" content="/">
  35. <meta name="text:linkC" content="">
  36. <meta name="text:linkC url" content="/">
  37. <meta name="text:linkD" content="">
  38. <meta name="text:linkD url" content="/">
  39. <meta name="text:linkE" content="">
  40. <meta name="text:linkE url" content="/">
  41.  
  42.  
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. ::-webkit-scrollbar-thumb{ background-color: {color:scrollbarbg}; border: 2px solid #fff; height:auto; }
  49.  
  50. ::-webkit-scrollbar { height:8px; width:11px; background-color: {color:scrollbarbg}; border:4.5px solid #fff; }
  51.  
  52. ::selection {
  53. background: {color:scrollbarbg};
  54. color: #fff;
  55. }
  56.  
  57. ::-moz-selection {
  58. background:{color:scrollbarbg};
  59. color: #fff;
  60. }
  61.  
  62. ::-webkit-selection {
  63. background: {color:scrollbarbg};
  64. color: #fff;
  65.  
  66. }
  67.  
  68.  
  69. body {
  70. background:{color:background};
  71. margin:0px;
  72. color:{color:text};
  73. font-family:Arial, Helvetica;
  74. font-size:9px;
  75. line-height:100%;
  76. }
  77.  
  78. a {
  79. text-decoration:none;
  80. -moz-outline-style:none;
  81. color:{color:link};
  82. }
  83.  
  84. img {
  85. border:none;
  86. }
  87.  
  88.  
  89. h1 {
  90. font-size:18px;
  91. text-transform:lowercase;
  92. letter-spacing:-1px;
  93. }
  94.  
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101. blockquote blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. }
  105.  
  106.  
  107. a:hover {
  108. opacity:1;
  109. color:{color:hover};
  110. -webkit-transition: all 0.5s ease;
  111. -moz-transition: all 0.5s ease;
  112. -o-transition: all 0.5s ease
  113. }
  114.  
  115.  
  116. #sidebar {
  117. position:fixed;
  118. width:120px;
  119. margin-left:160px;
  120. margin-top:140px;
  121. opacity:1;
  122. z-index:999999999999999;
  123. }
  124.  
  125. #sidebarimage {
  126. width 120px;
  127. }
  128.  
  129. #sidebarimage img {
  130. width:200px;
  131. border:0px;
  132. }
  133.  
  134. .sidebartitle {
  135. color:{color:sidebartitle};
  136. position:fixed;
  137. font-size:24px;
  138. font-weight:bold;
  139. font-style:italic;
  140. text-align:right;
  141. top:0px;
  142. margin-left:230px;
  143. background-color:#fff;
  144. z-index:9999999;
  145. width:530px;
  146. height:40px;
  147. padding:50px 80px 30px 30px;
  148. letter-spacing:-2px;
  149. }
  150.  
  151. .sidebartitle a{
  152. color:{color:sidebartitle};
  153. }
  154.  
  155. .sidebartitle a:hover {
  156. color:{color:hover};
  157. }
  158.  
  159. .sidebartitle2 {
  160. position:fixed;
  161. font-size:10px;
  162. font-style:italic;
  163. color:{color:text};
  164. text-align:right;
  165. top:65px;
  166. margin-left:435px;
  167. background-color:#fff;
  168. z-index:999999999999;
  169. width:350px;
  170. padding:10px;
  171. letter-spacing:1px;
  172. }
  173.  
  174.  
  175. .desc {
  176. position:fixed;
  177. margin-top:10px;
  178. margin-left:5px;
  179. font-family:arial;
  180. line-height:110%;
  181. font-size:8px;
  182. width:170px;
  183. padding:9px;
  184. text-transform:uppercase;
  185. text-align:justify;
  186. color:{color:text};
  187. border:1px solid #ddd;
  188.  
  189. }
  190.  
  191. .desc a
  192. {color:{color:text};
  193. -moz-transition-duration:0.6s;
  194. -webkit-transition-duration:0.6s;
  195. -o-transition-duration:0.6s;
  196. }
  197.  
  198.  
  199. .links {
  200. width:70px;
  201. height:3px;
  202. padding: 9px;
  203. text-align:center;
  204. letter-spacing:1px;
  205. color:{color:link};
  206. position:relative;
  207. margin-top:-133px;
  208. margin-left:131px;
  209. z-index:-9999999999;
  210. }
  211.  
  212. .links a {
  213. display: block;
  214. margin-bottom:-5px;
  215. padding:4px;
  216. font-size: 9px;
  217. margin-left:-6px;
  218. border-right:10px solid {color:linkbg};
  219. -moz-transition-duration:0.6s;
  220. -webkit-transition-duration:0.6s;
  221. -o-transition-duration:0.6s;
  222.  
  223. }
  224.  
  225. .links a:hover {
  226. text-transform: lowercase;
  227. color:{color:link};
  228. border-right:0px solid {color:linkbg};
  229. letter-spacing:1px;
  230. margin-left:68px;
  231. -moz-transition-duration:0.6s;
  232. -webkit-transition-duration:0.6s;
  233. -o-transition-duration:0.6s;
  234. }
  235.  
  236.  
  237.  
  238. #pagi{
  239. width:100px;
  240. font-size:10px;
  241. text-align:center;
  242. margin-left:45px;
  243. margin-top:200px;
  244. text-transform:lowercase;
  245. font-family:arial;
  246. z-index:9999999999999999999;
  247. }
  248.  
  249.  
  250. #all {
  251. padding:10px;
  252. width:500px;
  253. margin-left:450px;
  254. margin-top:30px;
  255. font-size:10px;
  256. padding-bottom:50px;
  257. }
  258.  
  259.  
  260.  
  261. #posts {
  262. width:500px;
  263. padding-bottom:50px;
  264. padding:5px;
  265. margin-top:100px;
  266. background-color:{color:Post};
  267. position:relative;
  268. -moz-transition-duration:0.3s;
  269. -webkit-transition-duration:0.3s;
  270. -o-transition-duration:0.3;
  271. }
  272.  
  273.  
  274.  
  275. #details {
  276. position: absolute;
  277. margin-left: 490px;
  278. padding: 0px 5px 5px 5px;
  279. top: 6px;
  280. width: 80px;
  281. line-height:100%;
  282. text-align:left;
  283. opacity:0;
  284. -webkit-transition: all 0.8s ease-in-out;
  285. -moz-transition: all 0.8s ease-in-out;
  286. -o-transition: all 0.8s ease-in-out;
  287. -ms-transition: all 0.8s ease-in-out;
  288. -transition: all 0.8s ease-in-out;
  289. }
  290.  
  291. #posts:hover #details {
  292. opacity:1;
  293. margin-left:510px;
  294. color:{color:hover};
  295. -webkit-transition: all 0.8s ease-in-out;
  296. -moz-transition: all 0.8s ease-in-out;
  297. -o-transition: all 0.8s ease-in-out;
  298. -ms-transition: all 0.8s ease-in-out;
  299. -transition: all 0.8s ease-in-out;
  300. }
  301.  
  302.  
  303. #tags {
  304. font-family:arial;
  305. letter-spacing:0px;
  306. text-transform:lowercase;
  307. font-size:9px;
  308. margin-top:1px;
  309. position:absolute;
  310. padding: 0px 5px 5px 5px;
  311. margin-left:-4px;
  312. }
  313.  
  314. #tags a {
  315. display:inline-block;
  316. padding:-3px;
  317. color:{color:Tags};
  318. }
  319.  
  320.  
  321.  
  322.  
  323. #question {
  324. padding:8px;
  325. padding-bottom:20px;
  326. padding-top:0px;
  327. font-family:arial;
  328. letter-spacing:2px;
  329. text-align:left;
  330. text-transform:uppercase;
  331. font-size:9px;
  332. color:{color:text};
  333. border-bottom:1px solid #eee;
  334. border-right:1px solid #eee;
  335. background-color:{color:background}
  336. }
  337.  
  338. #askpic {
  339. float: left;
  340. padding:4px 10px 15px 4px;
  341. }
  342.  
  343. #askpic img {
  344. border:4px solid {color:linkbg};
  345. padding:3px;
  346. margin-top:-10px;
  347. }
  348.  
  349. .newplayerbutton {
  350. position: relative;
  351. width: 28px;
  352. height: 27px;
  353. overflow: hidden;
  354. background-color: #ccc;
  355. }
  356.  
  357. .playerbuttonhug {
  358. position: absolute;
  359. top: -11px;
  360. left: -12px;
  361. }
  362.  
  363.  
  364. .tumblr_audio_player {
  365. border: none;
  366. padding: 0px;
  367. margin: 0px;
  368. height: 50px;
  369. width: 500px;
  370. background-color: #ccc;
  371. }
  372.  
  373. .playerbuttonbg {
  374. position: absolute;
  375. left: 20px;
  376. top: 20px;
  377. width: 28px;
  378. height: 28px;
  379. background-color: white;
  380. padding: 10px;
  381. -webkit-border-radius: 40px;
  382. -moz-border-radius: 40px;
  383. border-radius: 40px;
  384. opacity: .4;
  385. filter: alpha(opacity=40);
  386. -moz-opacity: 0.4;
  387. -khtml-opacity: 0.4;
  388. transition: opacity .7s ease-in-out;
  389. -moz-transition: opacity .7s ease-in-out;
  390. -webkit-transition: opacity .7s ease-in-out;
  391. }
  392.  
  393. .playerbuttonbg:hover {
  394. opacity: 1;
  395. filter: alpha(opacity=100);
  396. -moz-opacity: 1;
  397. -khtml-opacity: 1;
  398. }
  399.  
  400. .audioimgwrapper {
  401. position: absolute;
  402. left: 0px;
  403. top: 0px;
  404. -webkit-border-radius: 50px;
  405. -moz-border-radius: 50px;
  406. border-radius: 50px;
  407. overflow: hidden;
  408. width: 88px;
  409. height: 88px;
  410. }
  411.  
  412. .audioimgwrapper img {
  413. width: 100%;
  414. height: auto;
  415. -webkit-border-radius: 50px;
  416. -moz-border-radius: 50px;
  417. border-radius: 50px;
  418. }
  419.  
  420. .trackdetails {
  421. width: auto;
  422. display:inline-block;
  423. margin-left: 100px;
  424. min-height: 85px;
  425. }
  426.  
  427. .audiowrapper {
  428. position: relative;
  429. display:inline-block;
  430. }
  431.  
  432. #quote {
  433. font-size:18px;
  434. letter-spacing:-1px;
  435. line-height:100%;
  436. }
  437.  
  438.  
  439. {CustomCSS}</style></head><body>
  440.  
  441. <div id="sidebar">
  442. <div class="sidebartitle"> <a href="/">{text:sidebartitle}</a></div>
  443. <div class="sidebartitle2">{text:sidebartitle2}</div>
  444. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  445. <div class="desc">
  446. {Description}
  447. </div>
  448. <div class="links">
  449.  
  450. {block:IfLinkA}
  451. <a href="{text:linkA url}">{text:linkA}</a>
  452. {/block:IfLinkA}<br>
  453. {block:IfLinkB}
  454. <a href="{text:linkB url}">{text:linkB}</a>
  455. {/block:IfLinkB}<br>
  456. {block:IfLinkC}
  457. <a href="{text:linkC url}">{text:linkC}</a>
  458. {/block:IfLinkC}<br>
  459. {block:IfLinkD}
  460. <a href="{text:linkD url}">{text:linkD}</a>
  461. {/block:IfLinkD}<br>
  462. {block:IfLinkE}
  463. <a href="{text:linkE url}">{text:linkE}</a>
  464. {/block:IfLinkE}<br>
  465.  
  466.  
  467. </div>
  468. {block:Pagination}
  469. <div id="pagi">
  470. {block:PreviousPage}
  471. <a href="{PreviousPage}">back</a>
  472. {/block:PreviousPage}
  473. /{block:NextPage}
  474. <a href="{NextPage}">forth</a>
  475. {/block:NextPage}
  476. </div>
  477. {/block:Pagination}
  478.  
  479. </div>
  480.  
  481. <div id="all">{block:Posts}<div id="posts">
  482.  
  483. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  484.  
  485. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  486.  
  487. {block:Link}<h1><a href="{URL}" {Target}>{Name} ▶▶▶</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  488.  
  489. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  490.  
  491. {block:Quote}<div id="quote">"{Quote}"<br><br></div><span style="text-align:right;font-size:10px;">— {Source}</span>{/block:Quote}
  492.  
  493. {block:AudioPlayer}
  494. <div class="audiowrapper">
  495. {block:AlbumArt}
  496. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  497. {/block:AlbumArt}
  498.  
  499. <div class="playerbuttonbg">
  500. <div class="newplayerbutton">
  501. <div class="playerbuttonhug">
  502.  
  503. {AudioPlayerWhite}
  504.  
  505. </div>
  506. </div>
  507. </div>
  508.  
  509. <div class="trackdetails">
  510.  
  511. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  512. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  513. {block:Album}Album: {Album}{/block:Album}<br/>
  514. {PlayCountWithLabel}
  515.  
  516. </div>
  517. </div>
  518. {/block:AudioPlayer}
  519.  
  520. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  521.  
  522. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
  523.  
  524. {block:Answer}<div id="askpic"><img src="{AskerPortraitURL-30}"></div>
  525. <div id="question"> {Asker}: <p>{Question}</div><left> <span style="font-family:arial;">{Answer}</span>{/block:Answer}
  526.  
  527. <div id="details">
  528. <br> <a href="{Permalink}"><span style="color:{color:linkbg};letter-spacing:-1px; font-size:16px;text-transform:lowercase;font-weight:bold;">{ShortMonth}. {DayOfMonthWithZero} </span></a> <br>{block:RebloggedFrom} <a href="{ReblogParentURL}">via;</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"> <a href="{SourceURL}">src</a><br> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <a href="{Permalink}">♥{NoteCount}</a>
  529. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  530. {/block:Posts}
  531. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  532. {/block:Posts}</div></div></div>
  533.  
  534.  
  535. <div style="float: right; position: fixed; bottom: -6px; right: 2px;"><a href="http://narruld.tumblr.com"><img src="http://static.tumblr.com/u7ncy54/yx6mp2nu0/untitled2.png">
  536.  
  537.  
  538. </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!