API tools faq
paste
ayeshaashraf

The notebook theme

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