API tools faq
paste
Advertisement
Amanduhh7

Book Design Theme

Amanduhh7
Oct 31st, 2014
246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  7. <head>
  8. {MobileAppHeaders}
  9. <meta charset="utf-8">
  10. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}">
  13. {/block:Description}
  14.  
  15.  
  16. <meta name="image:sidebar" content="">
  17. <meta name="image:postback" content="">
  18.  
  19. <meta name="color:blogtitle" content="#ac695f">
  20. <meta name="color:chaptertitlelinks" content="#ac695f">
  21.  
  22. <meta name="text:ExtraNavLink" content="">
  23.  
  24.  
  25. <meta name="text:ChapterOneLink" content="Chapter One Link">
  26. <meta name="text:ChapterOneTitle" content="Chapter One Title">
  27.  
  28. <meta name="text:ChapterTwoLink" content="Chapter Two Link">
  29. <meta name="text:ChapterTwoTitle" content="Chapter Two Title">
  30.  
  31. <meta name="text:ChapterThreeLink" content="Chapter Three Link">
  32. <meta name="text:ChapterThreeTitle" content="Chapter Three Title">
  33.  
  34. <meta name="text:ChapterFourLink" content="Chapter Four Link">
  35. <meta name="text:ChapterFourTitle" content="Chapter Four Title">
  36.  
  37. <meta name="text:ChapterFiveLink" content="Chapter Five Link">
  38. <meta name="text:ChapterFiveTitle" content="Chapter Five Title">
  39.  
  40. <meta name="text:ChapterSixLink" content="Chapter Six Link">
  41. <meta name="text:ChapterSixTitle" content="Chapter Six Title">
  42.  
  43. <meta name="text:ChapterSevenLink" content="Chapter Seven Link">
  44. <meta name="text:ChapterSevenTitle" content="Chapter Seven Title">
  45.  
  46. <meta name="text:ChapterEightLink" content="Chapter Eight Link">
  47. <meta name="text:ChapterEightTitle" content="Chapter Eight Title">
  48.  
  49. <meta name="text:ChapterNineLink" content="Chapter Nine Link">
  50. <meta name="text:ChapterNineTitle" content="Chapter Nine Title">
  51.  
  52. <meta name="text:ChapterTenLink" content="Chapter Ten Link">
  53. <meta name="text:ChapterTenTitle" content="Chapter Ten Title">
  54.  
  55. <meta name="text:ChapterElevenLink" content="Chapter Eleven Link">
  56. <meta name="text:ChapterElevenTitle" content="Chapter Eleven Title">
  57.  
  58. <meta name="text:ChapterTwelveLink" content="Chapter Twelve Link">
  59. <meta name="text:ChapterTwelveTitle" content="Chapter Twelve Title">
  60.  
  61. <meta name="text:ChapterThirteenLink" content="Chapter Thirteen Link">
  62. <meta name="text:ChapterThirteenTitle" content="Chapter Thirteen Title">
  63.  
  64. <meta name="text:ChapterFourteenLink" content="Chapter Fourteen Link">
  65. <meta name="text:ChapterFourteenTitle" content="Chapter Fourteen Title">
  66.  
  67. <meta name="text:ChapterFifteenLink" content="Chapter Fifteen Link">
  68. <meta name="text:ChapterFifteenTitle" content="Chapter Fifteen Title">
  69.  
  70. <meta name="text:ChapterSixteenLink" content="Chapter Sixteen Link">
  71. <meta name="text:ChapterSixteenTitle" content="Chapter Sixteen Title">
  72.  
  73. <meta name="text:ChapterSeventeenLink" content="Chapter Seventeen Link">
  74. <meta name="text:ChapterSeventeenTitle" content="Chapter Seventeen Title">
  75.  
  76. <meta name="text:ChapterEighteenLink" content="Chapter Eighteen Link">
  77. <meta name="text:ChapterEighteenTitle" content="Chapter Eighteen Title">
  78.  
  79. <meta name="text:ChapterNineteenLink" content="Chapter Nineteen Link">
  80. <meta name="text:ChapterNineteenTitle" content="Chapter Nineteen Title">
  81.  
  82. <meta name="text:ChapterTwentyLink" content="Chapter Twenty Link">
  83. <meta name="text:ChapterTwentyTitle" content="Chapter Twenty Title">
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88. body{background-color:#e2dfde;}
  89. a{text-decoration:none;}
  90.  
  91. #extra{
  92.  
  93. margin-left:800px;
  94. width:50px;
  95. height:50px;
  96. background-color:gray;
  97. border:2px solid white;
  98. margin-top:50px;
  99. font-size:40px;
  100. text-align:center;
  101. z-index:0;
  102. overflow:hidden;
  103. -webkit-transition:all 1s ease-in-out;
  104. -moz-transition:all 1s ease-in-out;
  105. -o-transition:all 1s ease-in-out;
  106. transition:all 1s ease-in-out;
  107. }
  108.  
  109. #extratitle{
  110. color:white;
  111. text-align:center;
  112. }
  113.  
  114. .updates{
  115. line-height:10px;
  116. visibility:hidden;
  117. -webkit-transition:all 1s ease-in-out;
  118. -moz-transition:all 1s ease-in-out;
  119. -o-transition:all 1s ease-in-out;
  120. transition:all 1s ease-in-out;
  121. }
  122.  
  123. #extra:hover{
  124. width:500px;
  125. height:200px;
  126. margin-left:600px;
  127. background-color:silver;
  128. -webkit-transition:all 1s ease-in-out;
  129. -moz-transition:all 1s ease-in-out;
  130. -o-transition:all 1s ease-in-out;
  131. transition:all 1s ease-in-out;
  132. }
  133.  
  134. #extra:hover .updates{
  135. visibility:visible;
  136. -webkit-transition:all 1s ease-in-out;
  137. -moz-transition:all 1s ease-in-out;
  138. -o-transition:all 1s ease-in-out;
  139. transition:all 1s ease-in-out;
  140. }
  141.  
  142.  
  143.  
  144. #sidebar{
  145. position:fixed;
  146. margin-top:10px;
  147. margin-left:-10px;
  148. width:300px;
  149. height:830px;
  150. background-color:white;
  151. box-shadow:5px 5px 5px 5px gray;
  152. }
  153.  
  154. #sidebar .title{
  155. font-size:20px;
  156. text-align:center;
  157. padding-top:10px;
  158. color:{color:blogtitle};
  159. font-family:indie flower;
  160. }
  161.  
  162. #sidebar img{
  163. width:250px;
  164. height:250px;
  165. margin-left:20px;
  166. margin-top:20px;
  167. border:5px solid gray;
  168. outline:10px solid black;
  169. }
  170.  
  171. #sidebar .description{
  172. width:260px;
  173. padding:5px;
  174. margin-left:15px;
  175. margin-top:10px;
  176. text-align:center;
  177. word-spacing:-2px;
  178. font-size:14px;
  179. border-bottom:1px double gray;
  180. overflow:auto;
  181. }
  182.  
  183. #sidebar .chapternav ul{
  184. margin-top:20px;
  185. width:250px;
  186. height:300px;
  187. margin-left:10px;
  188. overflow:auto;
  189. box-shadow:inset 0 0 20px 10px rgba(226,223,222,1);
  190. }
  191.  
  192. #sidebar .chapternav ul li{
  193. list-style-type:none;
  194. font-size:14px;
  195. margin-left:-30px;
  196. }
  197.  
  198. #sidebar .chapternav ul li a{
  199. color:{color:chaptertitlelinks};
  200. }
  201.  
  202. #sidebar .navigation{
  203. text-align:center;
  204. }
  205.  
  206. #sidebar .navigation a{
  207. color:black;
  208. border:2px solid black;
  209. padding:5px;
  210. }
  211.  
  212. #content{
  213. position:absolute;
  214. width:1400px;
  215. margin-left:500px;
  216. margin-top:50px;
  217. }
  218.  
  219. #content .posts{
  220. width:650px;
  221. height:700px;
  222. border:5px solid black;
  223. outline: 8px solid gray;
  224. padding:20px;
  225. margin-bottom:30px;
  226. float:left;
  227. overflow:auto;
  228.  
  229. }
  230.  
  231.  
  232. .posttitle{
  233. font-size:30px;
  234. text-align:center;
  235. }
  236.  
  237. #info{
  238. opacity:.7;
  239. {block:Permalink}width:auto;{/block:Permalink}
  240. {block:IndexPage}width:650px;{/block:IndexPage}
  241. padding-top:5px;
  242. padding:bottom:5px;
  243. text-align:center;
  244. border-bottom:2px solid black;
  245. list-style-type:none;
  246. }
  247.  
  248. #date a{
  249. color:#000000;
  250. font-weight:bold;
  251. font-size:12px;
  252. text-decoration:none;
  253. }
  254.  
  255. .quote{
  256. font-style:italic;
  257. }
  258.  
  259. .quotesource{
  260. font-size:12px;
  261. }
  262.  
  263. .chat{list-style:none;}
  264.  
  265. .link a{text-decoration:none; color:black;}
  266.  
  267. .reblog{float:left;}
  268.  
  269. .tags{text-decoration:none; width:650px; display:inline; color:#000000;}
  270.  
  271. .tags a{text-decoration:none; font-size:15px; color:#000000;}
  272.  
  273. #content #notecontainer {
  274.  
  275. width: 500px;
  276. font-size: 11px;
  277. }
  278.  
  279. #content #notecontainer ol.notes {
  280. list-style-type: none;
  281. margin: 0;
  282. padding: 0;
  283. }
  284.  
  285. #content #notecontainer a{
  286. color:#ac695f;
  287. }
  288.  
  289. #content #notecontainer img.avatar {
  290. margin-right: 10px;
  291. width: 16px;
  292. height: 16px;
  293. }
  294.  
  295. ::-webkit-scrollbar {
  296.  
  297. height: 12px;
  298.  
  299. width: 12px;
  300.  
  301. background: white;
  302.  
  303. }
  304.  
  305. ::-webkit-scrollbar-thumb {
  306.  
  307. background-image:url(IMAGE URL HERE);
  308.  
  309. border:1px solid ::-webkit-scrollbar {
  310.  
  311. height: 12px;
  312.  
  313. width: 12px;
  314.  
  315. background: gray;
  316.  
  317. -webkit-border-radius: 5ex;
  318.  
  319. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  320.  
  321. }
  322.  
  323. ::-webkit-scrollbar-corner {
  324.  
  325. background: #transparent;
  326.  
  327. }
  328.  
  329. /* Custom CSS */
  330. {CustomCSS}
  331. </style>
  332. </head>
  333. <body>
  334. <!--Update Tab-->
  335. <div id="extra">
  336. <span id="extratitle">+</span><br><br>
  337. <div class="updates"><div style="margin-top:-50px; font-size:20px; color:#ac695f;">UPDATES</div>
  338. <br><br>
  339. <div style="font-size:15px;">Next Chapter Update: November 1st, 2014
  340. <br><br>
  341. Currently:<br><br><div style="color:white;">Online</div>
  342. <br>
  343. --------------------------------
  344. <br><br>
  345. Currently working on Chapter Fourteen
  346. <br><br>
  347. <a href="" style="color:white;">Sneak peek</a> of Chapter Fourteen
  348. </div>
  349. </div>
  350. </div>
  351. <!--Update Tab-->
  352.  
  353. <!--start of sidebar 1-->
  354. <div id="sidebar">
  355. <div class="title">{Title}</div>
  356.  
  357. <img src="{image:sidebar}"/>
  358.  
  359. <div class="description">
  360. {Description}
  361. </div>
  362.  
  363. <!--Links for Chapters--><!--Links for Chapters--><!--Links for Chapters-->
  364. <div class="chapternav">
  365. <ul>
  366. <li>Chapter One- <a href="{text:ChapterOneLink}">{text:ChapterOneTitle}</a></li>
  367. <li>Chapter Two- <a href="{text:ChapterTwoLink}">{text:ChapterTwoTitle}</a></li>
  368. <li>Chapter Three- <a href="{text:ChapterThreeLink}">{text:ChapterThreeTitle}</a></li>
  369. <li>Chapter Four- <a href="{text:ChapterFourLink}">{text:ChapterFourTitle}</a></li>
  370. <li>Chapter Five- <a href="{text:ChapterFiveLink}">{text:ChapterFiveTitle}</a></li>
  371. <li>Chapter Six- <a href="{text:ChapterSixLink}">{text:ChapterSixTitle}</a></li>
  372. <li>Chapter Seven- <a href="{text:ChapterSevenLink}">{text:ChapterSevenTitle}</a></li>
  373. <li>Chapter Eight- <a href="{text:ChapterEightLink}">{text:ChapterEightTitle}</a></li>
  374. <li>Chapter Nine- <a href="{text:ChapterNineLink}">{text:ChapterNineTitle}</a></li>
  375. <li>Chapter Ten- <a href="{text:ChapterTenLink}">{text:ChapterTenTitle}</a></li>
  376. <li>Chapter Eleven- <a href="{text:ChapterElevenLink}">{text:ChapterElevenTitle}</a></li>
  377. <li>Chapter Twelve- <a href="{text:ChapterTwelveLink}">{text:ChapterTwelveTitle}</a></li>
  378. <li>Chapter Thirteen- <a href="{text:ChapterThirteenLink}">{text:chapterThirteenTitle}</a></li>
  379. <li>Chapter Fourteen- <a href="{text:ChapterFourteenLink}">{text:ChapterFourteenTitle}</a></li>
  380. <li>Chapter Fifteen- <a href="{text:ChapterFifteenLink}">{text:ChapterFifteenTitle}</a></li>
  381. <li>Chapter Sixteen- <a href="{text:ChapterSixteenLink}">{text:ChapterSixteenTitle}</a></li>
  382. <li>Chapter Seventeen- <a href="{text:ChapterSeventeenLink}">{text:ChapterSeventeenTitle}</a></li>
  383. <li>Chapter Eighteen- <a href="{text:ChapterEighteenLink}">{text:ChapterEighteenTitle}</a></li>
  384. <li>Chapter Nineteen- <a href="{text:ChapterNineteenLink}">{text:ChapterNineteenTitle}</a></li>
  385. <li>Chapter Twenty- <a href="{text:ChapterTwentyLink}">{text:ChapterTwentyTitle}</a></li>
  386. </ul>
  387. </div>
  388. <!--Links for Chapter--><!--Links for Chapters--><!--Links for Chapters-->
  389.  
  390. <div class="navigation">
  391. <a href="/" title="Home">I</a>
  392. <a href="/ask" title="Message">II</a>
  393. <a href="/archive" title="Archive">III</a>
  394. <a href="{text:ExtraNavLink}" title="More">IIII</a>
  395. <a href="http://www.slapdashthemes.tumblr.com" title="Credit">IV</a>
  396. </div>
  397. </div>
  398. <!--end of sidebar 1-->
  399.  
  400.  
  401. <div id="content">
  402.  
  403. {block:Posts}
  404.  
  405. <div class="posts">
  406.  
  407.  
  408. {block:Text}
  409. <div class="posttitle">{Title}</div>
  410. <div class="posttext">{Body}</div>
  411. {block:PermalinkPage}
  412. {block:HasTags}
  413. {block:Tags}
  414. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  415. {/block:Tags}
  416. {/block:HasTags}
  417. {/block:PermalinkPage}
  418. {/block:Text}
  419.  
  420. {block:Photo}
  421. {block:IndexPage}<img src="{PhotoURL-500}" width="400" height="350" ALT="{PhotoALT}">{/block:IndexPage}
  422. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  423. {block:PermalinkPage}
  424. <img src="{PhotoURL-500}" width="auto" height="auto" ALT="{PhotoALT}">
  425. {block:HasTags}
  426. {block:Tags}
  427. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  428. {/block:Tags}
  429. {/block:HasTags}
  430. {/block:PermalinkPage}
  431. {/block:Photo}
  432.  
  433. {block:Photoset}
  434. {block:Photos}
  435. <img src="{PhotoURL-500}" width="400" max-height="350">
  436. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  437. {/block:Photos}
  438. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  439. {block:PermalinkPage}
  440. <img src="{PhotoURL-500}" width="auto" height="auto" ALT="{PhotoALT}">
  441. {block:HasTags}
  442. {block:Tags}
  443. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  444. {/block:Tags}
  445. {/block:HasTags}
  446. {/block:PermalinkPage}
  447. {/block:Photoset}
  448.  
  449.  
  450.  
  451. {block:Quote}
  452. <div class="quote"><b>"{Quote}"</b></div>
  453. <br>
  454. <div class="quotesource">~{Source}</div>
  455. {block:PermalinkPage}
  456. {block:HasTags}
  457. {block:Tags}
  458. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  459. {/block:Tags}
  460. {/block:HasTags}
  461. {/block:PermalinkPage}
  462. {/block:Quote}
  463.  
  464. {block:Chat}
  465. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  466. <ul>
  467. <div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
  468. </ul>
  469. {block:PermalinkPage}
  470. {block:HasTags}
  471. {block:Tags}
  472. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  473. {/block:Tags}
  474. {/block:HasTags}
  475. {/block:PermalinkPage}
  476. {/block:Chat}
  477.  
  478. {block:Link}
  479. <a href="{URL}"><div class="posttitle link">{Name}</div></a>
  480. {block:Description}<div class="postdescription">{Description}</div>{/block:Description}
  481. {block:PermalinkPage}
  482. {block:HasTags}
  483. {block:Tags}
  484. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  485. {/block:Tags}
  486. {/block:HasTags}
  487. {/block:PermalinkPage}
  488. {/block:Link}
  489.  
  490. {block:Answer}
  491. <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div> asks:
  492. <br><br> <b>{Question}</b>
  493. <br><br>
  494. {block:Answerer}
  495. <img src="{AnswererPortraitURL-16}" alt="">
  496. <div class="ask">{Answerer}</div>
  497. <div class="answerer">Answer: {Answer}</div>
  498. {/block:Answerer}
  499. <br><br>
  500. {Replies}
  501. </div>
  502. {/block:Answer}
  503.  
  504. {block:Video}
  505. {VideoEmbed-250}
  506. {PlayCountWithLabel}
  507. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  508. {block:PermalinkPage}
  509. {block:HasTags}
  510. {block:Tags}
  511. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  512. {/block:Tags}
  513. {/block:HasTags}
  514. {/block:PermalinkPage}
  515. {/block:Video}
  516.  
  517. {block:Audio}
  518. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  519. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  520. {block:PlayCount}{PlayCount}{/block:PlayCount}
  521. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  522. {block:PermalinkPage}
  523. {block:HasTags}
  524. {block:Tags}
  525. <a href="{TagURL}" style="color:#000000;"><div class="tags">#{Tag}</div></a>
  526. {/block:Tags}
  527. {/block:HasTags}
  528. {/block:PermalinkPage}
  529. {/block:Audio}
  530.  
  531.  
  532.  
  533. <div id="info"> <div id="date">
  534. {block:Date}<a href="{Permalink}">{DayOfMonth} {Month} {Year}</a> <div class="reblog"><a href="{ReblogURL}">Reblog</a> <a href="{ReblogURL}" target="_blank"></a></div>{/block:Date}
  535.  
  536. <div style="float:right;">{block:NoteCount}<li><a href="{Permalink}#notes">{NoteCountWithLabel}</a></li>{/block:NoteCount}</div>
  537. </div>
  538.  
  539. </div>
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547. </div>
  548.  
  549. {block:PostNotes}
  550. <div id="notecontainer">{PostNotes}</div>
  551. {/block:PostNotes}
  552. {/block:Posts}
  553.  
  554.  
  555.  
  556. <div style="position:fixed; margin-top:330px; margin-left:870px;"><div class="pagination">{block:Pagination}{block:PreviousPage}
  557. <a href="{PreviousPage}" style="color:#ac695f;">Next Chapter</a>//
  558. {/block:PreviousPage}{block:NextPage}
  559. <a href="{NextPage}" style="color:#ac695f;">Previous Chapter</a>
  560. {/block:NextPage}{/block:Pagination}</div></div>
  561.  
  562. </body>
  563. </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!