API tools faq
paste
Advertisement
ayeshaashraf

theme 10

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