API tools faq
paste
Advertisement
narruldthemes

theme 19

narruldthemes
Oct 9th, 2013
1,209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.69 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!--
  6.  
  7. THEME BY NARRULD do not copy or remove credit
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15.  
  16.  
  17. <script type="text/javascript" src="http://static.tumblr.com/qlfmldj/1H6mmbwdm/jquery-1.7.1.min.js"></script>
  18.  
  19. <script type="text/javascript">
  20.  
  21. $(function(){ // document ready
  22.  
  23. var stickyTop = $('.links').offset().top; // returns number
  24.  
  25. $(window).scroll(function(){ // scroll event
  26.  
  27. var windowTop = $(window).scrollTop(); // returns number
  28.  
  29. if (stickyTop < windowTop) {
  30.  
  31. $('.links').css({ position:'fixed', top: -45 });
  32.  
  33. }
  34.  
  35. else {
  36.  
  37. $('.links').css('position','static');
  38.  
  39. }
  40.  
  41. });
  42.  
  43. });
  44.  
  45. </script>
  46.  
  47.  
  48. <script type="text/javascript">
  49.  
  50. $(function(){ // document ready
  51.  
  52. var stickyTop = $('#pagi').offset().top; // returns number
  53.  
  54. $(window).scroll(function(){ // scroll event
  55.  
  56. var windowTop = $(window).scrollTop(); // returns number
  57.  
  58. if (stickyTop < windowTop) {
  59.  
  60. $('#pagi').css({ position:'fixed', top: -48 });
  61.  
  62. }
  63.  
  64. else {
  65.  
  66. $('#pagi').css('position','static');
  67.  
  68. }
  69.  
  70. });
  71.  
  72. });
  73.  
  74. </script>
  75.  
  76.  
  77. <title>{Title}</title>
  78. <link rel="shortcut icon" href="{Favicon}">
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  80. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  81.  
  82.  
  83. <meta name="color:Text" content="#bbbbbb"/>
  84. <meta name="color:Link" content="#aaaaaa"/>
  85. <meta name="color:Tags" content="#cccccc"/>
  86. <meta name="color:Hover" content="#f1f1f1"/>
  87. <meta name="color:Line" content="#f2f2f2"/>
  88. <meta name="color:Border" content="#eeeeee"/>
  89. <meta name="color:scrollbarbg" content="ffffff"/>
  90. <meta name="color:linkbg" content="f1f1f1"/>
  91.  
  92. <meta name="image:sidebar" content=""/>
  93. <meta name="image:bg" content=""/>
  94.  
  95. <meta name="text:sidebartitle" content="">
  96. <meta name="text:sidebartitle2" content="">
  97.  
  98. <meta name="text:linkA" content="">
  99. <meta name="text:linkA url" content="/">
  100. <meta name="text:linkB" content="">
  101. <meta name="text:linkB url" content="/">
  102. <meta name="text:linkC" content="">
  103. <meta name="text:linkC url" content="/">
  104. <meta name="text:linkD" content="">
  105. <meta name="text:linkD url" content="/">
  106. <meta name="text:linkE" content="">
  107. <meta name="text:linkE url" content="/">
  108. <meta name="text:linkF" content="">
  109. <meta name="text:linkF url" content="/">
  110.  
  111. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
  112. <style type="text/css">
  113.  
  114.  
  115. ::-webkit-scrollbar {
  116. width: 5px;height: 5px;}
  117. ::-webkit-scrollbar-button:start:decrement,
  118. ::-webkit-scrollbar-button:end:increment {
  119. height: 6px;display: block;background-color: {color:white};}
  120. ::-webkit-scrollbar-track-piece {
  121. background-color: {color:scrollbarbg};}
  122. ::-webkit-scrollbar-thumb:vertical {
  123. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  124.  
  125.  
  126. body {
  127. background:{color:background};
  128. margin:0px;
  129. color:{color:text};
  130. font-family:libre baskerville;
  131. font-size:11px;
  132. line-height:100%;
  133. }
  134.  
  135. a {
  136. text-decoration:none;
  137. -moz-outline-style:none;
  138. color:{color:link};
  139. }
  140.  
  141. img {
  142. border:none;
  143. }
  144.  
  145.  
  146. h1 {
  147. font-size:18px;
  148. font-style:italic;
  149. }
  150.  
  151. blockquote {
  152. padding-left:5px;
  153. border-left:2px solid;
  154. }
  155.  
  156. blockquote blockquote {
  157. padding-left:5px;
  158. border-left:2px solid;
  159. }
  160.  
  161.  
  162. a:hover {
  163. opacity:1;
  164. color:{color:hover};
  165. -webkit-transition: all 0.5s ease;
  166. -moz-transition: all 0.5s ease;
  167. -o-transition: all 0.5s ease
  168. }
  169.  
  170.  
  171. #sidebar {
  172. width:120px;
  173. margin-left:250px;
  174. margin-top:197px;
  175. opacity:1;
  176. }
  177.  
  178. #sidebarimage {
  179. width 120px;
  180. }
  181.  
  182. #sidebarimage img {
  183. width:500px;
  184. height:200px;
  185. padding:6px;
  186. margin-top:-210px;
  187. margin-left:165px;
  188. }
  189.  
  190.  
  191. #container {
  192. margin:0px auto;
  193. width:3000px;
  194. height:auto;
  195. }
  196.  
  197. .desc {
  198. margin-top:-130px;
  199. margin-left:230px;
  200. font-family:libre baskerville;
  201. line-height:110%;
  202. font-size:12px;
  203. font-style:italic;
  204. background-color:#fff;
  205. opacity:0.85;
  206. width:320px;
  207. height:52px;
  208. padding:12px 30px 12px 30px;
  209. text-align:justify;
  210. z-index:99999999999999999999999;
  211. color:{color:text};
  212. }
  213.  
  214. .desc a
  215. {color:{color:text};
  216. -moz-transition-duration:0.6s;
  217. -webkit-transition-duration:0.6s;
  218. -o-transition-duration:0.6s;
  219. }
  220.  
  221. #sidebar .desc {
  222. opacity:0;
  223. -moz-transition-duration:0.8s;
  224. -webkit-transition-duration:0.8s;
  225. -o-transition-duration:0.8s;
  226. }
  227.  
  228. #sidebar:hover .desc {
  229. opacity:0.85;
  230. -moz-transition-duration:0.8s;
  231. -webkit-transition-duration:0.8s;
  232. -o-transition-duration:0.8s;
  233. }
  234.  
  235.  
  236. .links {
  237. margin-top:45px;
  238. margin-left:170px;
  239. width:500px;
  240. padding-top:20px;
  241. padding-bottom:30px;
  242. word-spacing:20px;
  243. font-family:playfair display;
  244. text-align:center;
  245. text-transform:lowercase;
  246. font-style:italic;
  247. background-color:{color:linkbg};
  248. }
  249.  
  250. .links a {
  251. font-size: 14px;
  252. }
  253.  
  254. .links a:hover {
  255. color:{color:Hover}
  256. }
  257.  
  258. .sidebartitle {
  259. margin-top: 105px;
  260. margin-left: 100px;
  261. font-size: 28px;
  262. text-transform:uppercase;
  263. width:320px;
  264. padding:17px 30px 15px 30px;
  265. background-color:#fff;
  266. opacity:0.85;
  267. text-align:left;
  268. letter-spacing:2px;
  269. font-family:playfair display;
  270. z-index:99999;
  271. }
  272.  
  273. .sidebartitle2 {
  274. margin-top: 100px;
  275. margin-left: 100px;
  276. font-size: 18px;
  277. font-style:italic;
  278. width:320px;
  279. padding:8px 30px 12px 30px;
  280. background-color:#fff;
  281. opacity:0.85;
  282. text-align:right;
  283. font-family:playfair display;
  284. }
  285.  
  286. #sidebar .sidebartitle{
  287. opacity: 0.85;
  288. -webkit-transition: all .7s ease;
  289. -moz-transition: all .7s ease;
  290. -o-transition: all .7s ease;
  291. transition: all .7s ease;
  292. margin-left:230px;
  293. margin-top:-184px;
  294. -webkit-transition:.6s ease-out;
  295. -webkit-transition: all .6s ease-out;
  296. -moz-transition: all .6s ease-out;
  297. transition: all .6s ease-out;
  298. }
  299.  
  300.  
  301. #sidebar:hover .sidebartitle{
  302. opacity: 0;
  303. margin-top:-184px;
  304. margin-left:350px;
  305. z-index:10;
  306. -webkit-animation:flip 1s;
  307. -moz-animation:flip 1s;
  308. -ms-animation:flip 1s;
  309. }
  310.  
  311. #sidebar .sidebartitle2{
  312. opacity: 0.85;
  313. -webkit-transition: all .7s ease;
  314. -moz-transition: all .7s ease;
  315. -o-transition: all .7s ease;
  316. transition: all .7s ease;
  317. margin-left:230px;
  318. margin-top:0px;
  319. -webkit-transition:.6s ease-out;
  320. -webkit-transition: all .6s ease-out;
  321. -moz-transition: all .6s ease-out;
  322. transition: all .6s ease-out;
  323. }
  324.  
  325.  
  326. #sidebar:hover .sidebartitle2{
  327. opacity: 0;
  328. margin-top:0px;
  329. margin-left:350px;
  330. z-index:10;
  331. -webkit-animation:flip 1s;
  332. -moz-animation:flip 1s;
  333. -ms-animation:flip 1s;
  334. }
  335.  
  336.  
  337. #pagi{
  338. width:100px;
  339. font-size:10px;
  340. text-align:center;
  341. margin-left:370px;
  342. margin-top:92px;
  343. position:fixed;
  344. font-family:libre baskerville;
  345. letter-spacing:0px;
  346. background-color:{color:linkbg};
  347. }
  348.  
  349.  
  350. #all {
  351. padding:10px;
  352. width:400px;
  353. margin-left:450px;
  354. margin-top:60px;
  355. font-size:12px;
  356. }
  357.  
  358.  
  359.  
  360. #posts {
  361. width:400px;
  362. padding-bottom:20px;
  363. padding:10px;
  364. margin-top:45px;
  365. background-color:{color:Post};
  366. }
  367.  
  368.  
  369. #details {
  370. text-align:right;
  371. margin-top:8px;
  372. text-transform:uppercase;
  373. font-size:9px;
  374. font-style:none;
  375. border-top:1px solid {color:Line};
  376. }
  377.  
  378.  
  379. #tags {
  380. font-family:cambria;
  381. letter-spacing:0px;
  382. text-transform:lowercase;
  383. font-size:10px;
  384. font-style:italic;
  385. margin-top:2px;
  386. text-align:right;
  387. }
  388.  
  389. #tags a {
  390. display:inline-block;
  391. padding:-3px;
  392. text-align:right;
  393. color:{color:Tags};
  394. -webkit-transition: all 0.6s ease-in-out;
  395. -moz-transition: all 0.6s ease-in-out;
  396. -o-transition: all 0.6s ease-in-out;
  397. -ms-transition: all 0.6s ease-in-out;
  398. -transition: all 0.6s ease-in-out;
  399. }
  400.  
  401.  
  402. #question {
  403. padding:8px;
  404. font-family:libre baskerville;
  405. text-align:right;
  406. font-style:italic;
  407. border:3px {color:border} solid;
  408. color:{color:text};
  409. background-color:{color:background}
  410. }
  411.  
  412.  
  413. {CustomCSS}</style></head><body>
  414.  
  415. <div id="sidebar">
  416. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  417. <div class="desc">
  418. {Description}
  419. </div>
  420. <div class="links">
  421. {block:IfLinkA}
  422. <a href="{text:linkA url}">{text:linkA}</a>
  423. {/block:IfLinkA}
  424. {block:IfLinkB}
  425. <a href="{text:linkB url}">{text:linkB}</a>
  426. {/block:IfLinkB}
  427. {block:IfLinkC}
  428. <a href="{text:linkC url}">{text:linkC}</a>
  429. {/block:IfLinkC}
  430. {block:IfLinkD}
  431. <a href="{text:linkD url}">{text:linkD}</a>
  432. {/block:IfLinkD}
  433. {block:IfLinkE}
  434. <a href="{text:linkE url}">{text:linkE}</a>
  435. {/block:IfLinkE}
  436. {block:IfLinkF}
  437. <a href="{text:linkF url}">{text:linkF}</a>
  438. {/block:IfLinkF}
  439. </div>
  440. <div class="sidebartitle">{text:sidebartitle}</div>
  441. <div class="sidebartitle2">{text:sidebartitle2}</div>
  442. {block:Pagination}<div id="pagi">
  443. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  444. {block:JumpPagination length="5"}
  445. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  446. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  447. {/block:JumpPagination}
  448. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  449. </div>{/block:Pagination}
  450.  
  451. </div>
  452.  
  453. <div id="all">{block:Posts}<div id="posts">
  454.  
  455. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  456.  
  457. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  458.  
  459. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  460.  
  461. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  462.  
  463. {block:Quote}{Quote}{/block:Quote}
  464.  
  465. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  466. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  467. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  468. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  469. {/block:Audio}
  470.  
  471. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  472.  
  473. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  474.  
  475.  
  476. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;"> — {Asker}: </span>{Question}</div><left> <font face="libre baskerville">{Answer}</font>{/block:Answer}
  477.  
  478. <div id="details">
  479. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <font color="red">&hearts;</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
  480. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  481. {/block:Posts}
  482. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  483. {/block:Posts}</div></div></div>
  484.  
  485. <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">
  486.  
  487.  
  488. </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!