API tools faq
paste
ayeshaashraf

without inspiration tumblr theme by ayesha

ayeshaashraf
Feb 13th, 2014
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.94 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7. <html>
  8. <head>
  9. <title>{Title}</title>
  10.  
  11.  
  12.  
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="image:Side bar image" content="http://static.tumblr.com/gmjmz84/Oxan0y8p4/003.jpg"/>
  21. <meta name="color:backgroundcolor" content="#fff"/>
  22. <meta name="color:description text color" content="#fff"/>
  23. <meta name="color:textcolor" content="#000"/>
  24. <meta name="color:Link" content="#818181"/>
  25. <meta name="color:Linkhover" content="#303030"/>
  26. <meta name="color:Side bar color" content="#ccc"/>
  27. <meta name="color:centre bar color" content="#000"/>
  28. <meta name="text:font size" content="12px"/>
  29. <meta name="text:link font size" content="20px"/>
  30. <meta name="text:quote font size" content="20px"/>
  31. <meta name="text:custom code" content=""/>
  32. <meta name="color:tagcolor" content="#939393"/>
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Volkhov:400,400italic' rel='stylesheet' type='text/css'>
  36.  
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42. a
  43. {
  44. text-decoration:none;
  45. line-height:25px;
  46. color:{color:Link};
  47. -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear;
  48. }
  49.  
  50. a:hover
  51. {
  52. color:{color:Linkhover};
  53. }
  54.  
  55. body
  56. {
  57.  
  58. background-color:{color:backgroundcolor};
  59.  
  60. font-family: "PF Tempesta Seven Condensed";
  61.  
  62.  
  63. }
  64.  
  65. blockquote
  66. {
  67. padding-left: 6px;
  68. padding-bottom : 7px;
  69. font-family: "PF Tempesta Seven Condensed";
  70. font-size:{text:font size};
  71. border-left: 6px solid ;
  72. color:{color:textcolor};
  73. margin-left:5px;
  74. padding-top:4px;
  75. }
  76.  
  77.  
  78. .container
  79. {
  80. float:left;
  81. overflow:hidden;
  82. margin-top:-1%;
  83.  
  84. margin-right:1%;
  85.  
  86. max-width:30%;
  87.  
  88. padding:1%;
  89. border-right:{color:centre bar color} 15px solid ;
  90. float:left;
  91. }
  92.  
  93.  
  94. #icon
  95. {
  96. background:{color:centre bar color};
  97. max-width:20%;
  98. margin-left:35%;
  99. padding-right:5%;
  100. height:100%;
  101. position:fixed;
  102. font-size:12px;
  103. float:right;
  104. padding:1%;
  105.  
  106. margin-top:-1%;
  107.  
  108.  
  109. }
  110.  
  111.  
  112. #sidebar3
  113. {
  114. margin-left:40%;
  115. position:fixed;
  116. background:url('{image:Side bar image}') top left;
  117. width:100%;
  118. height:100%;
  119.  
  120. margin-top:-10px;
  121. margin-bottom:1px;
  122. }
  123.  
  124. .line
  125. {
  126. height:50px;
  127. text-align:center ;
  128.  
  129. }
  130.  
  131.  
  132.  
  133.  
  134. #text,#photo,#quote,#link,#video,#chat,#audio,#ask,#photoset
  135. {
  136.  
  137.  
  138.  
  139. padding:1%;
  140. color:{color:textcolor};
  141. width:90%;
  142. height:auto;
  143.  
  144. }
  145.  
  146. #text img
  147. {
  148. width:100%;
  149. height:auto;
  150. }
  151.  
  152. #posts
  153. {
  154. float:left;
  155. top:1px;
  156. margin-bottom:0;
  157. margin-right:1%;
  158. text-align:justify;
  159. font-size:{text:font size};
  160. position:relative;
  161. overflow:hidden;
  162. -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  163. -webkit-text-stroke-width: 1px;
  164. -webkit-text-stroke-color: black;
  165. width:100%;
  166.  
  167. }
  168.  
  169. #desc
  170. {
  171. color:{color:description text color} ;
  172. }
  173.  
  174. #audio
  175. {
  176.  
  177. }
  178.  
  179. #quote:before
  180. {
  181. content:'“';
  182. font-size:60px;
  183. }
  184.  
  185. #quote:after
  186. {
  187. content:'”';
  188. font-size:60px;
  189. }
  190.  
  191. .words {Length}
  192. {
  193. font-size:{text:quote font size};
  194. }
  195.  
  196. #link:before
  197. {
  198. content:'☍';
  199. font-size:60px;
  200. float:left;
  201.  
  202. }
  203.  
  204. .link
  205. {
  206. font-size:{text:link font size};
  207. }
  208.  
  209.  
  210. #ask img
  211. {
  212. width:inherit;
  213. height:auto;
  214. }
  215.  
  216.  
  217.  
  218. #answer img
  219. {
  220. width:inherit;
  221. height:auto;
  222. }
  223.  
  224.  
  225. .tags
  226. {
  227. font-size:12px;
  228. text-align:center;
  229.  
  230. }
  231.  
  232. .tags a
  233. {
  234. color:{color:tagcolor};
  235. }
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244. #nav
  245. {
  246. font-size:10px;
  247.  
  248.  
  249. }
  250.  
  251. #nav ul
  252. {
  253.  
  254.  
  255.  
  256. width:auto;
  257. margin:1%;
  258. float:left;
  259. background:{color:backgroundcolor};
  260. padding-right:2%;
  261. margin:1%;
  262.  
  263. }
  264.  
  265. #nav a
  266. {
  267.  
  268. -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear;
  269.  
  270. }
  271.  
  272. #nav a:hover
  273. {
  274. color:{color:Link};
  275. }
  276.  
  277. .title a
  278. {
  279. -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  280. -webkit-text-stroke-width: 1px;
  281. -webkit-text-stroke-color: black;
  282. text-transform:uppercase;
  283. font-size:16px;
  284. }
  285.  
  286. .title a:hover
  287. {
  288. color:{color:Linkhover};
  289. -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  290. -webkit-text-stroke-width: 1px;
  291. -webkit-text-stroke-color: black;
  292. text-transform:uppercase;
  293. font-size:16px;
  294. }
  295.  
  296.  
  297.  
  298.  
  299. ul,li
  300. {
  301. list-style-type:none;
  302. }
  303.  
  304.  
  305. ol.notes
  306. {
  307. padding: 0px;
  308. margin: 25px 0px;
  309. list-style-type: none;
  310. border-bottom: solid 1px #ccc;
  311. font-size:10px;
  312. color:{color:tagcolor};
  313. }
  314.  
  315. ol.notes li.note {
  316. border-top: solid 1px #ccc;
  317. padding: 10px;
  318. font-size:10px;
  319. color:{color:tagcolor};
  320. }
  321.  
  322. ol.notes li.note img.avatar {
  323. vertical-align: -4px;
  324. margin-right: 10px;
  325. width: 16px;
  326. height: 16px;
  327. font-size:10px;
  328. }
  329.  
  330. ol.notes li.note span.action {
  331. font-weight: bold;
  332. font-size:10px;
  333. color:{color:tagcolor};
  334. }
  335.  
  336. ol.notes li.note .answer_content {
  337. font-weight: normal;
  338. font-size:10px;
  339. color:{color:tagcolor};
  340. }
  341.  
  342. ol.notes li.note blockquote {
  343. border-color: #eee;
  344. padding: 4px 10px;
  345. margin: 10px 0px 0px 25px;
  346. font-size:10px;
  347. }
  348.  
  349. ol.notes li.note blockquote a {
  350. text-decoration: none;
  351. font-size:10px;
  352. color:{color:tagcolor};
  353. }
  354.  
  355. </style>
  356.  
  357.  
  358.  
  359.  
  360.  
  361. </head>
  362.  
  363. <body>
  364.  
  365. <div id="sidebar3">
  366.  
  367. </div>
  368.  
  369. <div id="icon">
  370. <br>
  371. <div class="title">
  372. <a href="/">{title}</a>
  373. </div>
  374. <br>
  375. <div id="desc">
  376. {Description}
  377.  
  378. </div>
  379.  
  380. {block:Ifcustomcode}
  381. <div id="desc">{text:custom code}<br></div>
  382. {/block:Ifcustomcode}
  383.  
  384. <br>
  385. <div id="nav">
  386. {block:Pagination}
  387. {block:PreviousPage}
  388. <ul><a href="{PreviousPage}">Previous</a></ul>
  389. {/block:PreviousPage}
  390.  
  391. {block:NextPage}
  392. <ul><a href="{NextPage}">Next </a></ul>
  393. {/block:NextPage}
  394. <div class="line"></div>
  395. {/block:Pagination}
  396.  
  397.  
  398.  
  399.  
  400. {block:AskEnabled}
  401.  
  402.  
  403. <ul> <a href="/ask" >{AskLabel}</a></ul>
  404.  
  405.  
  406. {/block:AskEnabled}
  407.  
  408.  
  409. {block:SubmissionsEnabled}
  410. <ul><a href="/submit" > {Submitlabel} </a></ul>
  411. <div class="line"></div>
  412.  
  413. {/block:SubmissionsEnabled}
  414.  
  415.  
  416. {block:HasPages}
  417. {block:Pages}
  418. <ul><a href="{URL}"> {Label} </a></ul>
  419. {/block:Pages}
  420.  
  421. {block:TagPage}
  422. <ul><span title="{Tag}"> {Tag} </span> </ul>
  423. {/block:TagPage}
  424.  
  425.  
  426. {block:DayPage}
  427. <ul>{Month} {DayOfMonth} {Year}</ul>
  428. {/block:DayPage}
  429. {/block:HasPages}
  430.  
  431.  
  432.  
  433. <ul><a href="http://adf.ly/dZUsr">Theme</a></ul>
  434. <div class="line"></div>
  435. </div>
  436.  
  437. </div>
  438.  
  439.  
  440.  
  441.  
  442.  
  443. <div class="container">
  444.  
  445. <div id="posts">
  446.  
  447.  
  448. {block:Posts}
  449.  
  450.  
  451.  
  452.  
  453.  
  454. {block:Text}
  455.  
  456.  
  457. <div id="text">
  458. {block:Title}
  459.  
  460. <h1><a href="{Permalink}">{Title}</a></h1>
  461. {/block:Title}
  462. <div class="postbody">
  463. {Body}
  464. </div>
  465. </div>
  466.  
  467. {/block:Text}
  468.  
  469.  
  470.  
  471.  
  472.  
  473. {block:Photo}
  474.  
  475.  
  476. <div id="photo">
  477.  
  478. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" height="auto" />{LinkCloseTag}
  479. {block:Caption}{Caption}{/block:Caption}
  480. </div>
  481.  
  482. {/block:Photo}
  483.  
  484.  
  485.  
  486.  
  487.  
  488. {block:Chat}
  489.  
  490. <div id="chat">
  491. {block:Title} <div class="titletext"><a href="{Permalink}">&#9733;</a>{Title}</div>{/block:Title}
  492.  
  493. <ul class="chat">
  494. <div class="postbody">
  495. {block:Lines}
  496.  
  497. <li class="{Alt} user_{UserNumber}">
  498.  
  499. {block:Label}
  500. <span class="label"><b>{Label}</b></span>
  501. {/block:Label}
  502.  
  503. {Line}
  504.  
  505. </li>
  506.  
  507. {/block:Lines}
  508. </div>
  509. </ul>
  510. </div>
  511.  
  512. {/block:Chat}
  513.  
  514.  
  515.  
  516.  
  517.  
  518. {block:Quote}
  519.  
  520.  
  521.  
  522.  
  523. <div id="quote">
  524.  
  525.  
  526.  
  527. <div class="words {Length}">{Quote}</div>
  528.  
  529.  
  530.  
  531. {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  532.  
  533. </div>
  534.  
  535. {/block:Quote}
  536.  
  537.  
  538.  
  539. {block:Photoset}
  540.  
  541.  
  542. <div id="photoset">
  543.  
  544. {Photoset}
  545.  
  546.  
  547.  
  548. {block:Caption}<div id="caption" >{Caption}</div>{/block:Caption}
  549. </div>
  550.  
  551. {/block:Photoset}
  552.  
  553. {block:Link}
  554.  
  555. <div id="link">
  556. <li>
  557. <a href="{URL}" class="link" {Target}>{Name}</a>
  558. </li>
  559. {block:Description}
  560. <div class="postbody">{Description}</div>
  561. {/block:Description}
  562. </div>
  563.  
  564. {/block:Link}
  565.  
  566.  
  567.  
  568.  
  569.  
  570. {block:Video}
  571.  
  572. <div id="video">
  573. <li class="post video">
  574. {Video-500}
  575.  
  576. {block:Caption}
  577. <div class="caption">{Caption}</div>
  578. {/block:Caption}
  579. </li>
  580. </div>
  581.  
  582. {/block:Video}
  583.  
  584.  
  585.  
  586.  
  587.  
  588. {block:Audio}
  589.  
  590. <div id="audio">
  591. {AudioPlayer}
  592.  
  593. {block:Caption}
  594. {Caption}
  595. {/block:Caption}
  596. </div>
  597.  
  598. {/block:Audio}
  599.  
  600. {block:Answer}
  601.  
  602.  
  603.  
  604.  
  605. <div id="ask">
  606.  
  607. {Asker}:
  608. <br>
  609. {Question}
  610.  
  611.  
  612. <hr>
  613.  
  614. <div id="answer">Answer:{answer}</div>
  615. </div>
  616.  
  617.  
  618. {/block:Answer}
  619.  
  620.  
  621.  
  622. <div class="tags">
  623.  
  624.  
  625. {block:HasTags}
  626.  
  627. {block:Tags}
  628.  
  629. <a href="{TagURL}">#{Tag}</a>
  630.  
  631. {/block:Tags}
  632.  
  633.  
  634.  
  635. {/block:HasTags}
  636.  
  637. <div class="was-noted">
  638.  
  639.  
  640.  
  641.  
  642. <!-- Only rendered if the post noted -->
  643. <a href="{Permalink}" class="was-noted" title="{NoteCountWithLabel}"> {NoteCountWithLabel}</a>
  644. {/block:NoteCount}
  645.  
  646.  
  647. {block:Date}
  648. <a href="{Permalink}"> {TimeAgo}</a>
  649.  
  650. {/block:Date}
  651. </div>
  652.  
  653.  
  654. <div class="line">
  655.  
  656. </div>
  657.  
  658.  
  659. </div>
  660.  
  661.  
  662.  
  663. {PostNotes}
  664.  
  665.  
  666.  
  667. {/block:Posts}
  668.  
  669. </div>
  670.  
  671.  
  672. </div>
  673.  
  674.  
  675.  
  676. </body>
  677. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!