API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 29th, 2013
215
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. <title>Arthi Aravind</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:Text" content="#000" />
  13. <meta name="color:Links" content="#4c6e54" />
  14. <meta name="color:Links hover" content="#000" />
  15. <meta name="color:Background" content="#FFFFFF" />
  16. <meta name="image:Background" content="http://i.imgur.com/PuaCuye.jpg" />
  17. <meta name="if:Repeat Background" content="1" />
  18. <meta name="if:Fix Background" content="1" />
  19. <meta name="if:Hide captions on index page" content="0" />
  20. <meta name="if:Default photoset layout" content="0" />
  21. <meta name="text:Post width" content="80%" />
  22. <meta name="text:Tag 1" content="" />
  23. <meta name="text:Tag 2" content="" />
  24. <meta name="text:Tag 3" content="" />
  25. <meta name="text:Tag 4" content="" />
  26. <meta name="text:Tag 5" content="" />
  27. <meta name="text:Tag 6" content="" />
  28. <meta name="text:Tag 7" content="" />
  29. <meta name="text:Tag 8" content="" />
  30. <meta name="text:Tag 9" content="" />
  31. <meta name="text:Tag 10" content="" />
  32. <meta name="text:Tag 11" content="" />
  33. <meta name="text:Tag 12" content="" />
  34. <meta name="text:Tag 13" content="" />
  35. <meta name="text:Tag 14" content="" />
  36. <meta name="text:Tag 15" content="" />
  37. <meta name='text:Disqus Shortname' content='arthiaravind' />
  38.  
  39. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  40. <script type="text/javascript" src="http://static.tumblr.com/lpbl2tq/9Vqmqh0kb/new.js"></script>
  41. <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/TTMlwmzjc/jquery.fitvids.js"></script>
  42. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  43.  
  44. <script>
  45. $(document).ready(function(){
  46. $(".video").fitVids();
  47. $("img.main").lazyload({
  48. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  49. effect: "fadeIn"
  50. });
  51. });
  52. </script>
  53.  
  54. <style type="text/css">
  55. @import url(http://fonts.googleapis.com/css?family=Rosarivo:400,400italic);
  56.  
  57. html {
  58. overflow: auto;
  59. }
  60.  
  61. body {
  62. position: absolute;
  63. font-family: 'Rosarivo', serif;
  64. color: {color:Text};
  65. background-image:url('http://i.imgur.com/PuaCuye.jpg');
  66. background-attachment:fixed;
  67. font-size: 90%;
  68. top: 10%;
  69. left: 0%;
  70. bottom: 1%;
  71. right: 1%;
  72. overflow-y: scroll;
  73. overflow-x: hidden;
  74. }
  75.  
  76. * {
  77. -webkit-transition: color .1s ease;
  78. -moz-transition: color .1s ease;
  79. -o-transition: color .1s ease;
  80. transition: color .1s ease;
  81. line-height: 180%;
  82. }
  83. a {
  84. text-decoration: none;
  85. }
  86. .posts a:link, .posts a:visited {
  87. color: {color:Links};
  88. }
  89. .posts a:hover, .posts a:active {
  90. color: {color:Links hover};
  91. }
  92. a:link img {
  93. border: 1px solid #61725c;
  94. }
  95. em, em a, a em {
  96. font-style: italic;
  97. }
  98. h1 {
  99. text-transform: uppercase;
  100. }
  101. h2 {
  102. text-transform: uppercase;
  103. }
  104. p, li, blockquote, td, code {
  105. font-size: 100%;
  106. line-height:180%;
  107. text-align: justify;
  108. }
  109. .post {
  110. width: 80%;
  111. margin-left: auto;
  112. margin-right: auto;
  113. margin-bottom: 2%;
  114. background: rgba(240, 186, 123, .65);
  115. padding: 2%;
  116. border: 1px solid #61725c;
  117. }
  118. .photoset iframe {
  119. margin: 0 auto;
  120. }
  121. .post img {
  122. width: 100%;
  123. border: 1px solid #61725c;
  124. margin-top: 1%;
  125. }
  126. .post .photoset_photo {
  127. margin-bottom: 10px;
  128. }
  129. .post .photoset_photo:last-child {
  130. margin-bottom: 0px !important;
  131. }
  132. .post p {
  133. margin: 2% 0 2% 0;
  134. line-height:180%;
  135. text-align: justify;
  136. }
  137. .post li {
  138. margin: 2px 0;
  139. }
  140. .post blockquote {
  141. margin: 5px 10px;
  142. padding: 0 10px;
  143. border-left: 1px {color:Text} solid;
  144. }
  145. .post .caption {
  146. margin: 10px 0;
  147. }
  148. .post .tags {
  149. position: absolute;
  150. top: 0;
  151. left: 100%;
  152. width: 100px;
  153. height: 100%;
  154. padding-left: 50px;
  155. opacity: 0;
  156. -webkit-transition: opacity .1s ease;
  157. -moz-transition: opacity .1s ease;
  158. -o-transition: opacity .1s ease;
  159. transition: opacity .1s ease;
  160. }
  161. .post:hover .tags {
  162. opacity: 1;
  163. }
  164. .post .tags h2 {
  165. margin: 0 0 3px 0;
  166. color: {color:Links};
  167. }
  168. .post .tags p {
  169. margin: 3px 0;
  170. text-transform: lowercase;
  171. }
  172. .post .tags p a:link, .post .tags p a:visited {
  173. color: {color:Text};
  174. border-bottom: 0px;
  175. }
  176. .post .tags p a:hover, .post .tags p a:active {
  177. color: {color:Links hover};
  178. border-bottom: 0px;
  179. }
  180. .post .permalink_link {
  181. width: 100%;
  182. margin-top: 10px;
  183. {block:PermalinkPage}display: none;{/block:PermalinkPage}
  184. }
  185. .post .permalink_link * {
  186. line-height: 100%;
  187. font-size: 100%;
  188. }
  189. .post .permalink_link a {
  190. margin-right: 10px;
  191. }
  192. .post .permalink_link a span {
  193. font-size: 100%;
  194. }
  195. .audio .player_holder {
  196. width: 100%;
  197. overflow: hidden;
  198. margin: 0 0 10px 0;
  199. }
  200. .audio .player_holder img {
  201. width: 100px;
  202. float: left;
  203. }
  204. .audio .player_holder .player {
  205. margin: 0 95px;
  206. }
  207. .audio .player_holder .player_hasart {
  208. width: 220px;
  209. margin: 35px 40px;
  210. float: left;
  211. }
  212. .chat p.odd {
  213. margin-left: 25px;
  214. }
  215. .notes p {
  216. margin-top:0;
  217. display: block;
  218. }
  219. ol.notes {
  220. padding: 0px;
  221. margin: 0px;
  222. }
  223. ol.notes li.note {
  224. margin: 0px 0;
  225. background: rgba(0, 0, 0, 0);
  226. width: 100%;
  227. text-align: left;
  228. text-transform: none;
  229. }
  230. ol.notes li.note img.avatar {
  231. display: none;
  232. vertical-align: -5px;
  233. margin-right: 0px;
  234. width: 0px;
  235. height: 0px;
  236. }
  237. ol.notes li.note span.action {
  238. font-weight: normal;
  239. }
  240. ol.notes li.note .answer_content {
  241. font-weight: normal;
  242. }
  243. ol.notes li.note blockquote {
  244. margin: 5px 10px;
  245. padding: 0 10px;
  246. border-left: 2px {color:Text} solid;
  247. }
  248. ol.notes li.note blockquote a {
  249. text-decoration: none;
  250. }
  251. .hidden {
  252. display: none;
  253. }
  254. #tumblr_controls {
  255. top: 100% !important;
  256. margin: -28px 0 0 0;
  257. right: 5px !important;
  258. position: fixed !important;
  259. }
  260.  
  261.  
  262. ::-webkit-scrollbar-thumb:vertical {
  263. background-image:url('http://i.imgur.com/7V2GhSo.jpg');
  264. }
  265.  
  266. ::-webkit-scrollbar {
  267. width: 9px;
  268. background-color: #000;
  269. }
  270.  
  271.  
  272. /* PAGENAV */
  273. #pagenav {
  274. align: center;
  275. text-align:center;
  276. }
  277.  
  278. #older, #newer {
  279. text-decoration:none;
  280. }
  281.  
  282. #older {
  283. text-align:left;
  284. }
  285.  
  286. #newer {
  287. text-align:right;
  288. float: right;
  289. }
  290.  
  291. #pages {
  292. text-align:center;
  293. }
  294.  
  295. .tum {
  296. position: absolute;
  297. top: -1%;
  298. left: 7%;
  299. z-index: 4;
  300. width: 100%;
  301. }
  302.  
  303. .tumbut {
  304. list-style: none;
  305. float:left;
  306. background: #000;
  307. color: #abbc6a;
  308. font-size: 80%;
  309. text-align: center;
  310. width: 8%;
  311. margin: 0.5%;
  312. text-transform: uppercase;
  313. border: 1px solid #4c6e54;
  314. }
  315.  
  316. .tumbut a:link, a:active {
  317. color: #abbc6a;
  318. }
  319.  
  320. .tumbut:hover a {
  321. color: #fff;
  322. }
  323.  
  324. ul {
  325. margin-left: -2%;
  326. }
  327.  
  328. li {
  329. list-style: none;
  330. background: #000;
  331. text-align: center;
  332. width: 12%;
  333. padding: 1%;
  334. text-transform: uppercase;
  335. font-size: 90%;
  336. float: left;
  337. margin-top: -0.5%;
  338. }
  339.  
  340. .button {
  341. padding-left: 5%;
  342. padding-right: 5%;
  343. padding-top: 2%;
  344. padding-bottom: 0.5%;
  345. }
  346.  
  347. li:hover .button {
  348. background-color: #000;
  349. }
  350.  
  351. a:link,a:visited,a:active {
  352. color:#fff;
  353. text-decoration:none;
  354. }
  355.  
  356. #header {
  357. background:#000;
  358. height: 9%;
  359. left: 0;
  360. position: fixed;
  361. width: 100%;
  362. top: 0;
  363. }
  364.  
  365.  
  366. #a:hover {
  367. background-image:url('http://i.imgur.com/CYF5glk.jpg');
  368. }
  369. #b:hover {
  370. background-image:url('http://i.imgur.com/QsPsBlJ.jpg');
  371. }
  372. #c:hover {
  373. background-image:url('http://i.imgur.com/bM4ycrp.jpg');
  374. }
  375. #d:hover {
  376. background-image:url('http://i.imgur.com/7amRA1B.jpg');
  377. }
  378. #e:hover {
  379. background-image:url('http://i.imgur.com/7sKkHt9.jpg');
  380. }
  381. #f:hover {
  382. background-image:url('http://i.imgur.com/bmMTc8M.jpg');
  383. }
  384. #g:hover {
  385. background-image:url('http://i.imgur.com/eR8K54C.jpg');
  386. }
  387. #h:hover {
  388. background-image:url('http://i.imgur.com/uRZIF6P.jpg');
  389. }
  390.  
  391. #title {
  392. width: 84%;
  393. margin-left: 8%;
  394. margin-right: 8%;
  395. margin-bottom: 1.5%;
  396. border: 1px solid #61725c;
  397. }
  398.  
  399. hr {
  400. border: 0;
  401. height: 1px;
  402. background: #61725c;
  403. }
  404.  
  405.  
  406. {CustomCSS}
  407. </style>
  408.  
  409.  
  410. </head>
  411.  
  412. <body>
  413.  
  414. <div class = "tum">
  415. <ul>
  416. <a href="/archive"><li class = "tumbut">{lang:Archive}</li></a>
  417. <a href="http://arthiaravind.tumblr.com/tags"><li class = "tumbut">Tags</li></a>
  418. <a href="{RSS}"><li class = "tumbut">{lang:RSS}</li></a>
  419. </ul>
  420. </div>
  421.  
  422. <a href = "http://arthiaravind.tumblr.com"><img alt = "banner" id = "title" src= "http://i.imgur.com/s8hgwgD.png"></a>
  423.  
  424. <div id="header">
  425. <ul>
  426. <a href= "http://www.arthiaravind.com/index.html"><li id = "a"><span class = "button">Home</span></li></a>
  427. <a href= "http://www.arthiaravind.com/artwork.html"><li id = "b"><span class = "button">Artwork</span></li></a>
  428. <a href= "http://www.arthiaravind.com/design.html"><li id = "c"><span class = "button">Design</span></li></a>
  429. <a href= "http://www.arthiaravind.com/web.html"><li id = "f"><span class = "button">Web</span></li></a>
  430. <a href= "http://www.arthiaravind.com/photography.html"><li id = "e"><span class = "button">Photography</span></li></a>
  431. <a href= "http://arthiaravind.tumblr.com"><li id = "b"><span class = "button">Tumblr</span></li></a>
  432. <a href= "http://www.arthiaravind.com/about.html"><li id = "g"><span class = "button">About</span></li></a>
  433. </ul>
  434. </div>
  435.  
  436. <div class="posts">
  437.  
  438. {block:Posts}
  439.  
  440. <div id="post_{PostID}" class="post {PostType}">
  441. {block:Photo}
  442. {block:Date}
  443. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  444. at {12Hour}:{Minutes} {AmPm}
  445. {/block:Date}
  446. {LinkOpenTag}
  447. <img class="main" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  448. {LinkCloseTag}
  449. {/block:Photo}
  450. {block:Text}
  451. {block:Date}
  452. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  453. at {12Hour}:{Minutes} {AmPm}
  454. {/block:Date}
  455. {block:Title}<h1>{Title}</h1>{/block:Title}
  456. {Body}
  457. {/block:Text}
  458. {block:Quote}
  459. {block:Date}
  460. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  461. at {12Hour}:{Minutes} {AmPm}
  462. {/block:Date}
  463. <h1>"{Quote}"</h1>
  464. {block:Source}<p>- {Source}</p>{/block:Source}
  465. {/block:Quote}
  466. {block:Answer}
  467. {block:Date}
  468. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  469. at {12Hour}:{Minutes} {AmPm}
  470. {/block:Date}
  471. <h1>{lang:Asker asked} - "{Question}"</h1>
  472. {Answer}
  473. {/block:Answer}
  474. {block:Link}
  475. {block:Date}
  476. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  477. at {12Hour}:{Minutes} {AmPm}
  478. {/block:Date}
  479. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  480. {block:Description} {Description} {/block:Description}
  481. {/block:Link}
  482. {block:Chat}
  483. {block:Title} <h1>{Title}</h1> {/block:Title}
  484. {block:Lines} <p class="{Alt}"> {block:Label} <strong>{Label}</strong> {/block:Label} {Line}</p> {/block:Lines}
  485. {/block:Chat}
  486. {block:Video}
  487. {block:Date}
  488. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  489. at {12Hour}:{Minutes} {AmPm}
  490. {/block:Date}
  491. {Video-500}
  492. {/block:Video}
  493. {block:Photoset}
  494. {block:Date}
  495. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  496. at {12Hour}:{Minutes} {AmPm}
  497. {/block:Date}
  498. {block:IfDefaultPhotosetLayout}{Photoset-500}{/block:IfDefaultPhotosetLayout}
  499. {block:IfNotDefaultPhotosetLayout}
  500. {block:Photos}<img src="{PhotoURL-HighRes}" class="main photoset_photo" />{/block:Photos}
  501. {/block:IfNotDefaultPhotosetLayout}
  502. {/block:Photoset}
  503. {block:Audio}
  504. {block:Date}
  505. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  506. at {12Hour}:{Minutes} {AmPm}
  507. {/block:Date}
  508. <div class="player_holder">
  509. {block:AlbumArt} <img src="{AlbumArtURL}" /> {/block:AlbumArt}
  510. <div class="player{block:AlbumArt}_hasart{/block:AlbumArt}">{AudioPlayerWhite}</div>
  511. </div>
  512. {/block:Audio}
  513. {block:Caption}<div class="caption {block:IfHideCaptionsOnIndexPage}{block:IndexPage}hidden{/block:IndexPage}{/block:IfHideCaptionsOnIndexPage}">
  514. {Caption}
  515. </div>{/block:Caption}
  516.  
  517.  
  518. <div class="permalink_link">
  519. <a href="{Permalink}">[permalink]</a>
  520. {block:ContentSource}<a href="{SourceURL}"><span>{SourceTitle}</span></a>{/block:ContentSource}
  521. </div>
  522.  
  523. {block:PostNotes}
  524.  
  525. <hr>
  526. {PostNotes}
  527. {/block:PostNotes}
  528.  
  529. {block:PermalinkPage}
  530. <hr>
  531. {block:IfDisqusShortname}
  532.  
  533. <div id="disqus_thread"></div>
  534. <hr>
  535. <script type="text/javascript">
  536. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  537. var disqus_shortname = 'arthiaravind'; // Required - Replace <example> with your forum shortname
  538.  
  539. /* * * DON'T EDIT BELOW THIS LINE * * */
  540. (function() {
  541. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  542. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  543. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  544. })();
  545. </script>
  546. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  547. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  548.  
  549. {/block:IfDisqusShortname}
  550. {/block:PermalinkPage}
  551.  
  552.  
  553. </div>
  554.  
  555. {/block:Posts}
  556.  
  557. <center>
  558. <table class="pagenav" style = "margin-bottom: 5%; width: 50%; padding: 2%;">
  559. {block:IndexPage}
  560.  
  561. <tr><td>
  562.  
  563. {block:NextPage}
  564. <a id="older" href="{NextPage}">
  565. &larr;&nbsp;Older</a>
  566. {/block:NextPage}</td>
  567.  
  568. <td><span id="pages">
  569. <center>{lang:Page CurrentPage of TotalPages}</center>
  570. </span></td>
  571.  
  572. <td>{block:PreviousPage}
  573. <a id="newer" href="{PreviousPage}">
  574. Newer&nbsp;&rarr;</a>
  575. {/block:PreviousPage}</td>
  576. </tr>
  577. {/block:IndexPage}
  578. </table>
  579. </center>
  580.  
  581. </div>
  582.  
  583.  
  584.  
  585. </body>
  586. </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!