API tools faq
paste
Advertisement
Amanduhh7

Clean and Fresh

Amanduhh7
Sep 20th, 2015
217
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></html>
  2. <head>
  3.  
  4.  
  5. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  6. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  7. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  8. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  9.  
  10.  
  11. <meta name="if:Infinite scroll" content="1"/>
  12.  
  13. <meta name="image:header" content="">
  14. <meta name="image:sidebar" content="">
  15.  
  16. <meta name="if:Show header image" content="1"/>
  17. <meta name="if:Show blog title" content="1"/>
  18.  
  19.  
  20. <meta name="text:Link One Title" content="LINK ONE">
  21. <meta name="text:Link One URL" content="">
  22. <meta name="text:Link Two Title" content="LINK TWO">
  23. <meta name="text:Link Two URL" content="">
  24. <meta name="text:Link Three Title" content="LINK THREE">
  25. <meta name="text:Link Three URL" content="">
  26. <meta name="text:Link Four Title" content="LINK FOUR">
  27. <meta name="text:Link Four URL" content="">
  28. <meta name="text:Link Five Title" content="LINK FIVE">
  29. <meta name="text:Link Five URL" content="">
  30.  
  31. <meta name="color:Background Color" content="#eaeaea">
  32. <meta name="color:Header Background Color" content="#eaeaea">
  33. <meta name="color:Link Background Color" content="#eaeaea">
  34. <meta name="color:Sidebar Background Color" content="#ffffff">
  35. <meta name="color:Sidebar Textbox Colors" content="#ffffff">
  36. <meta name="color:Link Text Color" content="#000000">
  37. <meta name="color:Content Background Color" content="#ececec;">
  38. <meta name="color:Posts Background Color" content="#ffffff">
  39.  
  40. <style type="text/css">
  41.  
  42. body{width:100%; background-color:{color:Background Color};}
  43.  
  44. #header{
  45. position:fixed;
  46. margin-top:-8px;
  47. margin-left:-8px;
  48. width:100%;
  49. height:300px;
  50. background-color:{color:Header Background Color};
  51. z-index:999;
  52. }
  53.  
  54. #header img{
  55. width:950px;
  56. height:300px;
  57. border-left:10px solid white;
  58. border-right:10px solid white;
  59. border-bottom:10px solid white;
  60. }
  61.  
  62. #header .title{
  63. font-size:30px;
  64. text-align:center;
  65. }
  66.  
  67. #sidebar{
  68. position:fixed;
  69. margin-left:464px;
  70. margin-top:302px;
  71. width:300px;
  72. height:700px;
  73. background-color:{color:Sidebar Background Color};
  74. border-left:10px solid white;
  75. border-right:10px solid white;
  76. {Block:PermalinkPage}
  77. margin-left:467px;
  78. {/Block:PermalinkPage}
  79. }
  80.  
  81. #sidebar img{
  82. max-width:300px;
  83. }
  84.  
  85. #sidebar .description{
  86. width:284px;
  87. background-color:{color:Sidebar Textbox Colors};
  88. padding:10px;
  89. font-size:12px;
  90. margin-top:5px;
  91. border-bottom:4px solid #eaeaea;
  92. text-align:justify;
  93. word-spacing:-1px;
  94. }
  95.  
  96. #sidebar .textbox1{
  97. width:290px;
  98. height:250px;
  99. background-color:{color:Sidebar Textbox Colors};
  100. padding:10px;
  101. margin-top:5px;
  102. }
  103.  
  104. .textbox1 .nav{
  105. }
  106.  
  107. .nav ul{
  108. list-style-type:none;
  109. margin-left:-50px;
  110. }
  111.  
  112. .nav ul li{
  113. display:block;
  114. width:290px;
  115. padding:5px;
  116. background-color:{color:Link Background Color};
  117. margin-top:5px;
  118. transition:.5s all ease-in-out;
  119. }
  120.  
  121. .nav ul li a{
  122. color:black;
  123. text-decoration:none;
  124. font-size:12px;
  125. transition:.5s all ease-in-out;
  126. }
  127.  
  128. .nav ul li:hover{
  129. background-color:#ffffff;
  130. }
  131.  
  132. .nav ul li:hover a{
  133. border-left:10px solid black;
  134. padding:5px;
  135. }
  136.  
  137. #content{
  138. position:absolute;
  139. width:620px;
  140. float:left;
  141. margin-left:794px;
  142. margin-top:302px;
  143. background-color:{color:Content Background Color};
  144. border-right:10px solid white;
  145. border-left:10px solid white;
  146. border-bottom:10px solid white;
  147. {Block:PermalinkPage}
  148. margin-left:797px;
  149. {/Block:PermalinkPage}
  150. }
  151.  
  152. #content .posts{
  153. width:600px;
  154. float:right;
  155. margin:5px;
  156. padding:5px;
  157. background-color:{color:Posts Background Color};
  158. border-bottom:10px solid white;
  159. }
  160.  
  161.  
  162. .posts a{
  163. text-decoration:none;
  164. color:gray;
  165. }
  166.  
  167. .posttitle{
  168. color:{color:posttitle};
  169. font-size:30px;
  170. text-align:center;
  171. font-family:georgia;
  172. background-color:#eaeaea;
  173. }
  174.  
  175. .posttext{
  176. font-size:12px;
  177. }
  178.  
  179. p{
  180. font-size:12px;
  181. }
  182.  
  183. #info{
  184. width:600px;
  185. border-top:2px dotted #eaeaea;
  186. background-color:#ffffff;
  187. padding:2px;
  188. text-align:center;
  189. }
  190.  
  191. #date{
  192. float:left;
  193. }
  194. #date a{
  195. text-decoration:none;
  196. color:black;
  197. font-size:9px;
  198. }
  199.  
  200. .reblog{
  201. float:right;
  202. font-size:9px;
  203. }
  204.  
  205. #permalink{
  206. font-size:10px;
  207. padding:2px;
  208. margin-top:15px;
  209. {Block:PermalinkPage}
  210. text-align:center;
  211. {/Block:PermalinkPage}
  212. }
  213.  
  214. .ask{
  215. background-color:#eaeaea;
  216. padding:5px;
  217. font-size:12px;
  218. font-family:garamond;
  219. }
  220.  
  221. .question{
  222. font-family:calibri;
  223. float:right;
  224. font-size:12px;
  225. margin-right:435px;
  226. }
  227.  
  228. .answer{
  229. font-size:12px;
  230. font-family:calibri;
  231. }
  232.  
  233. ol.notes{padding:0px;margin 0px 0px;list-style-type:none;font-size:11px; width:400px;}
  234.  
  235. ol.notes li.note{border-bottom:1px dotted #cccccc;padding:0px;font-size:11px; display:block; width:400px;}
  236.  
  237. ol.notes li.note img{padding:2px !important;}
  238.  
  239. ol.notes li.note img.avatar{vertical-align:-2px;margin-right:5px;width:16px;height:16px;}
  240.  
  241. ol.notes li.note a img.avatar{padding:0px;border-width:0 px;border:none;}
  242.  
  243. ol.notes li.note img{padding:0px;border-width:0 px;border:none;}
  244.  
  245. ol.notes li.note span.action{font-weight:bold;}
  246.  
  247. ol.notes li.note.answer_content{font-weight:normal;}
  248.  
  249. ol.notes li.note.blockquote{padding:1px 1px;margin:1px 0px 0px 1px;}
  250.  
  251. ol.notes li.note.blockquote a{text-decoration:none;}
  252.  
  253.  
  254. ::-webkit-scrollbar {
  255. height:auto;
  256. width:7px;
  257. background-color: {color:background};
  258. border-radius:18px;
  259. }
  260.  
  261. .jump_page {
  262. padding: 4px 8px;
  263. border: 2px solid #eaeaea;
  264. background-color: #ffffff;
  265. color:#585858;
  266. font-family:century gothic;
  267. font-size:11px;
  268. text-decoration:none;
  269. }
  270.  
  271. .current_page, .jump_page:hover {
  272. padding: 4px 8px;
  273. border: 2px solid #ffffff;
  274. background-color: #eaeaea;
  275. color: #000000;
  276. font-family:century gothic;
  277. font-size:11px;
  278. text-decoration:none;
  279. }
  280. {CustomCSS}
  281. </style>
  282. </head>
  283. <body>
  284.  
  285. <center><div id="header">
  286. {block:IfShowBlogTitle}<div class="title">{Title}</div>{/block:IfShowBlogTitle}
  287. {block:IfShowHeaderImage}<img src="{image:header}">{/block:IfShowHeaderImage}
  288. </div></center>
  289.  
  290. <div id="sidebar"><img src="{image:sidebar}">
  291. <div class="description">{block:Description}{Description}{/block:Description}
  292.  
  293.  
  294. </div>
  295. <div class="textbox1"><center>NAVIGATION</center>
  296. <div class="nav">
  297. <ul>
  298. <li><a href="/">INDEX</a></li>
  299. <li><a href="/ask">MESSAGE</a></li>
  300. <li><a href="{text:Link One URL}">{text:Link One Title}</a></li>
  301. <li><a href="{text:Link Two URL}">{text:Link Two Title}</a></li>
  302. <li><a href="{text:Link Three URL}">{text:Link Three Title}</a></li>
  303. <li><a href="{text:Link Four URL}">{text:Link Four Title}</a></li>
  304. <li><a href="{text:Link Five URL}">{text:Link Five Title}</a></li>
  305. <li><a href="http://www.slapdashthemes.tumblr.com">THEME</a></li>
  306. </ul>
  307. </div>
  308. </div>
  309. </div>
  310.  
  311. <!--start content-->
  312. <div id="content">
  313. {block:Posts}
  314.  
  315. <div class="posts">
  316.  
  317. {block:Text}
  318. <a href="{Permalink}" style="text-decoration:none; color:gray;"><div class="posttitle">{Title}</div></a>
  319. <div style="font-size:12px;">{Body}</div></a>
  320. {/block:Text}
  321.  
  322. {block:Photo}
  323. <center><a href="{Permalink}"><img src="{PhotoURL-500}" width="auto" ALT=""></a></center>
  324. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  325. {/block:Photo}
  326.  
  327. {block:Photoset}
  328. {block:Photos}
  329. <a href="{Permalink}"><img src="{PhotoURL-500}" width="{PhotoWidth-250}"></a>
  330. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  331. {/block:Photos}
  332. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  333. {/block:Photoset}
  334.  
  335. {block:Quote}
  336. <div class="quote"><b>"{Quote}"</b></div>
  337. <br>
  338. <div class="quotesource">~{Source}</div>
  339. {/block:Quote}
  340.  
  341. {block:Chat}
  342. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  343. <ul>
  344. <div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
  345. </ul>
  346. {/block:Chat}
  347.  
  348. {block:Link}
  349. <div style="font-size:20px;"><a href="{URL}" {Target}>{Name}</a></div>
  350. {block:Description}<div class="postdescription">{Description}</div>{/block:Description}
  351. {block:Excerpt}<div style="font-size:12px; padding:5px;">{Excerpt}</div>{/block:Excerpt}
  352. {/block:Link}
  353.  
  354. {block:Answer}
  355. <div class="ask"><b>{Asker}:</b><div class="question">{Question}</div></div>
  356. {block:Answerer}
  357. <div class="answer">{Answerer}
  358. {Answer}</div>
  359. {/block:Answerer}
  360. <div calss="answer">{Replies}</div>
  361. {/block:Answer}
  362.  
  363. <center>{block:Video}
  364. {VideoEmbed-500}
  365. {PlayCountWithLabel}
  366. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  367. {/block:Video}</center>
  368.  
  369. {block:Audio}
  370. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  371. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  372. {block:PlayCount}{PlayCount}{/block:PlayCount}
  373. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  374. {/block:Audio}
  375.  
  376.  
  377.  
  378.  
  379.  
  380. <div id="permalink">
  381. <a href="{Permalink}">
  382. {block:Date}{TimeAgo}{/block:Date} |
  383. {NoteCountWithLabel} |
  384. <a href="{ReblogURL}">Reblog</a>
  385. <br>
  386. </a>
  387.  
  388.  
  389. {block:RebloggedFrom}----
  390. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  391. {/block:RebloggedFrom} {block:ReblogRootName}<a href="{ReblogRootURL}">({ReblogRootTitle})</a>{/block:ReblogRootName}
  392. </div>
  393.  
  394. {block:PostNotes}{PostNotes}{/block:PostNotes}
  395.  
  396.  
  397. <!--End posts--></div><!--End posts-->
  398.  
  399. {/block:Posts}
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406. <center>{block:Pagination}
  407. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  408. {block:JumpPagination length="5"}
  409. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  410. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  411. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  412. {/block:Pagination}</center>
  413.  
  414.  
  415. </div>
  416.  
  417. <!--End Content-->
  418. </div>
  419.  
  420. </body>
  421. </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!