Advertisement
narruldthemes

theme 22

Nov 16th, 2013
586
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.18 KB | None | 0 0
  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.  
  8. THEME BY NARRULD do not copy or remove credit
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22. <meta name="color:Text" content="#bbbbbb"/>
  23. <meta name="color:Link" content="#aaaaaa"/>
  24. <meta name="color:Tags" content="#cccccc"/>
  25. <meta name="color:Hover" content="#f1f1f1"/>
  26. <meta name="color:Line" content="#f2f2f2"/>
  27. <meta name="color:Border" content="#eeeeee"/>
  28. <meta name="color:title" content="#aaaaaa"/>
  29. <meta name="color:scrollbarbg" content="ffffff"/>
  30.  
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:bg" content=""/>
  33. <meta name="text:sidebartitle" content="">
  34.  
  35. <meta name="text:linkA" content="">
  36. <meta name="text:linkA url" content="/">
  37. <meta name="text:linkB" content="">
  38. <meta name="text:linkB url" content="/">
  39. <meta name="text:linkC" content="">
  40. <meta name="text:linkC url" content="/">
  41. <meta name="text:linkD" content="">
  42. <meta name="text:linkD url" content="/">
  43. <meta name="text:linkE" content="">
  44. <meta name="text:linkE url" content="/">
  45. <meta name="text:linkF" content="">
  46. <meta name="text:linkF url" content="/">
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:300' rel='stylesheet' type='text/css'>
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53.  
  54. ::-webkit-scrollbar {
  55. width: 5px;height: 5px;}
  56. ::-webkit-scrollbar-button:start:decrement,
  57. ::-webkit-scrollbar-button:end:increment {
  58. height: 6px;display: block;background-color: {color:white};}
  59. ::-webkit-scrollbar-track-piece {
  60. background-color: {color:scrollbarbg};}
  61. ::-webkit-scrollbar-thumb:vertical {
  62. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  63.  
  64.  
  65. body {
  66. background:{color:background};
  67. margin:0px;
  68. color:{color:text};
  69. font-family:baskerville;
  70. font-size:12px;
  71. line-height:100%;
  72. }
  73.  
  74. a {
  75. text-decoration:none;
  76. -moz-outline-style:none;
  77. color:{color:link};
  78. }
  79.  
  80. img {
  81. border:none;
  82. }
  83.  
  84.  
  85. h1 {
  86. font-size:12px;
  87. text-transform:uppercase;
  88. }
  89.  
  90. blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95. blockquote blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100.  
  101. a:hover {
  102. opacity:1;
  103. color:{color:hover};
  104. -webkit-transition: all 0.5s ease;
  105. -moz-transition: all 0.5s ease;
  106. -o-transition: all 0.5s ease
  107. }
  108.  
  109.  
  110. #sidebar {
  111. position:fixed;
  112. width:120px;
  113. margin-left:250px;
  114. margin-top:200px;
  115. opacity:1;
  116. }
  117.  
  118. #sidebarimage {
  119. width 120px;
  120. }
  121.  
  122. #sidebarimage img {
  123. width:120px;
  124. padding:6px;
  125. }
  126.  
  127.  
  128. .desc {
  129. position:fixed;
  130. margin-top:-50px;
  131. margin-left:-60px;
  132. font-family:baskerville;
  133. line-height:100%;
  134. font-size:12px;
  135. width:170px;
  136. padding:9px;
  137. text-align:right;
  138. color:{color:text};
  139. }
  140.  
  141. .desc a
  142. {color:{color:text};
  143. -moz-transition-duration:0.6s;
  144. -webkit-transition-duration:0.6s;
  145. -o-transition-duration:0.6s;
  146. }
  147.  
  148.  
  149. .links {
  150. position:fixed;
  151. display:block;
  152. margin-top:14px;
  153. margin-left:-15px;
  154. width:125px;
  155. line-height:90%;
  156. padding:9px;
  157. font-family:baskerville;
  158. text-align:right;
  159. color:{color:link};
  160. }
  161.  
  162. .links a {
  163. font-size: 14px;
  164. display:block;
  165. color:{color:link};
  166. }
  167.  
  168. .links a:hover {
  169. color:{color:Hover}
  170. }
  171.  
  172. .sidebartitle {
  173. position:fixed;
  174. width:200px;
  175. margin-top:-80px;
  176. margin-left:-380px;
  177. letter-spacing:0px;
  178. font-size:22px;
  179. font-family:baskerville;
  180. text-decoration:underline;
  181. font-style:italic;
  182. text-align:right;
  183. padding:10px 8px 0px 300px;
  184. border-top:1px solid #eee;
  185. color:{color:title};
  186.  
  187. }
  188.  
  189. #line {
  190. position:fixed;
  191. width: 1px;
  192. background-color: #eee;
  193. height: 1000px;
  194. margin-left: 127px;
  195. margin-top: -300px;
  196. z-index:-100;
  197. }
  198.  
  199.  
  200. #pagi {
  201. margin-left:45px;
  202. margin-top:-98px;
  203. width:100px;
  204. font-size:11px;
  205. text-align:center;
  206. position:fixed;
  207. font-family:baskerville;
  208. font-style:italic;
  209. letter-spacing:0px;
  210. }
  211.  
  212.  
  213. #all {
  214. padding:10px;
  215. width:500px;
  216. margin-left:450px;
  217. margin-top:50px;
  218. font-size:12px;
  219. }
  220.  
  221.  
  222.  
  223. #posts {
  224. width:500px;
  225. padding-bottom:30px;
  226. padding:10px;
  227. margin-top:30px;
  228. background-color:{color:Post};
  229. opacity:0.8;
  230. -moz-transition-duration:0.2s;
  231. -webkit-transition-duration:0.2s;
  232. -o-transition-duration:0.4s;
  233. }
  234.  
  235. #posts:hover {
  236. opacity:1;
  237. -moz-transition-duration:0.2s;
  238. -webkit-transition-duration:0.2s;
  239. -o-transition-duration:0.2s;
  240.  
  241. }
  242.  
  243.  
  244. #details {
  245. text-align:center;
  246. margin-top:0px;
  247. text-transform:lowercase;
  248. font-size:11px;
  249. font-style:none;
  250. }
  251.  
  252.  
  253. #tags {
  254. font-family:cambria;
  255. letter-spacing:0px;
  256. text-transform:lowercase;
  257. font-size:11px;
  258. font-style:italic;
  259. margin-top:2px;
  260. text-align:center;
  261. }
  262.  
  263. #tags a {
  264. display:inline-block;
  265. padding:-3px;
  266. text-align:center;
  267. color:{color:Tags};
  268. -webkit-transition: all 0.6s ease-in-out;
  269. -moz-transition: all 0.6s ease-in-out;
  270. -o-transition: all 0.6s ease-in-out;
  271. -ms-transition: all 0.6s ease-in-out;
  272. -transition: all 0.6s ease-in-out;
  273. }
  274.  
  275.  
  276. #question {
  277. padding:8px;
  278. font-family:cambria;
  279. letter-spacing:2px;
  280. text-align:left;
  281. font-style:italic;
  282. border:3px {color:border} solid;
  283. color:{color:text};
  284. background-color:{color:background}
  285. }
  286.  
  287. {CustomCSS}</style>
  288.  
  289.  
  290.  
  291. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".links_body").hide(); $(".links_head").click(function(){ $(this).next(".links_body").slideToggle('fast'); }); }); </script> <style type="text/css">
  292. .links_list {
  293. margin-top:60px;
  294. margin-left: 81px;
  295. text-transform:lowercase;
  296. font-size:14px;
  297. padding:9px;
  298. width:125px;
  299. line-height:90%;
  300. color:{color:link}
  301. text-align:right;
  302. font-family:baskerville;
  303. }
  304. .links_head {
  305. padding-top:5px;
  306. padding-bottom:5px;
  307. cursor:pointer;
  308. position:relative;
  309. margin:1px;
  310. text-align:center;
  311. color:{color:link};
  312. }
  313. .links_body {
  314. padding:8px;
  315. text-align:right;
  316. line-height:42%;
  317. display:none;
  318. }
  319. .links_body a {
  320. color:{color:link};
  321. }
  322.  
  323. </style>
  324.  
  325.  
  326.  
  327. </head><body>
  328.  
  329. <div id="sidebar">
  330. <div id="sidebarimage"></div>
  331. <div class="sidebartitle"> {text:sidebartitle} </div>
  332. <div id="line"></div>
  333. <div class="desc">
  334. {Description}
  335.  
  336. <div class="links_list"> <p class="links_head".>.More</p>
  337. <div class="links_body"><center>
  338. <a href="{text:linkD url}">.{text:linkD}</a><p>
  339. <a href="{text:linkE url}">.{text:linkE}</a><p>
  340. <a href="{text:linkF url}">.{text:linkF}</a>
  341. </center> </div></div>
  342. </div>
  343. <div class="links">
  344. {block:IfLinkA}
  345. <a href="{text:linkA url}">.{text:linkA}</a>
  346. {/block:IfLinkA}<br>
  347. {block:IfLinkB}
  348. <a href="{text:linkB url}">.{text:linkB}</a>
  349. {/block:IfLinkB}<br>
  350. {block:IfLinkC}
  351. <a href="{text:linkC url}">.{text:linkC}</a>
  352. {/block:IfLinkC}
  353. </div>
  354. {block:Pagination}
  355. <div id="pagi">
  356. {block:PreviousPage}
  357. <a href="{PreviousPage}">last</a>
  358. {/block:PreviousPage}
  359. —{block:NextPage}
  360. <a href="{NextPage}">next</a>
  361. {/block:NextPage}
  362. </div>
  363. {/block:Pagination}
  364.  
  365. </div>
  366.  
  367. <div id="all">{block:Posts}<div id="posts">
  368.  
  369. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  370.  
  371. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  372.  
  373. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  374.  
  375. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  376.  
  377. {block:Quote}{Quote}{/block:Quote}
  378.  
  379. {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>
  380. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  381. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  382. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  383. {/block:Audio}
  384.  
  385. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  386.  
  387. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  388.  
  389.  
  390. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;"> {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  391.  
  392. <div id="details">
  393. <br> <a href="{Permalink}">{TimeAgo}</a>// {block:RebloggedFrom} <a href="{ReblogParentURL}">via </a>{/block:RebloggedFrom} // {block:ContentSource} <a href="{SourceURL}">source <a href="{SourceURL}"></a> {/block:ContentSource} ♥ <a href="{Permalink}">{NoteCount}</a>
  394. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  395. {/block:Posts}
  396. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  397. {/block:Posts}</div></div></div>
  398.  
  399.  
  400. <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"></a></div>
  401.  
  402.  
  403. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement