Advertisement
anakinskywalker

wig

May 28th, 2019
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.01 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. theme by seasalted, base code by animecharacter
  7. you can edit this as much as you like... don't touch the credit though thank you :]
  8. feel free to send me questions if this theme happens to mess up idk much about coding but i'll try
  9.  
  10. ----->
  11.  
  12. <meta charset="utf-8">
  13. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  23.  
  24. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  25.  
  26. <meta name="image:icon" content="">
  27. <meta name="image:background" content="">
  28. <meta name="image:accent background" content="">
  29.  
  30. <meta name="color:background" content="#f7f7f7">
  31. <meta name="color:scrollbar background" content="#ccc">
  32. <meta name="color:text" content="#000">
  33. <meta name="color:accent" content="#ccc">
  34. <meta name="color:borders" content="#000">
  35. <meta name="color:blockquote" content="#000">
  36. <meta name="color:links" content="#999">
  37. <meta name="color:hover" content="#666">
  38.  
  39. <meta name="select:border style" content="solid">
  40. <meta name="select:border style" content="dotted">
  41. <meta name="select:border style" content="dashed">
  42. <meta name="select:font" content="calibri">
  43. <meta name="select:font" content="arial">
  44. <meta name="select:font" content="ms gothic">
  45. <meta name="select:font" content="times new roman">
  46. <meta name="select:font" content="consolas">
  47. <meta name="select:font size" content="13px">
  48. <meta name="select:font size" content="14px">
  49. <meta name="select:font size" content="15px">
  50. <meta name="select:post size" content="500px">
  51. <meta name="select:post size" content="600px">
  52.  
  53. <meta name="if:show post accent" content="">
  54. <meta name="if:show sidebar accent" content="">
  55. <meta name="if:show borders" content="/">
  56. <meta name="if:circle icon" content="/">
  57.  
  58. <meta name="text:link one" content="one">
  59. <meta name="text:link one url" content="/">
  60. <meta name="text:link two" content="two">
  61. <meta name="text:link two url" content="/">
  62. <meta name="text:link three" content="three">
  63. <meta name="text:link three url" content="/">
  64. <meta name="text:link four" content="four">
  65. <meta name="text:link four url" content="/">
  66. <meta name="text:link five" content="five">
  67. <meta name="text:link five url" content="/">
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. ::-webkit-scrollbar{
  73. width: 5px;
  74. height: 8px;
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb{
  78. background-color:{color:scrollbar background};
  79. }
  80.  
  81. ::-webkit-scrollbar-track{
  82. background-color:{color:background};
  83. }
  84.  
  85.  
  86. body {
  87. margin:0px;
  88. background:{color:background};
  89. background-image: url("{image:background}");
  90. background-size: cover;
  91. background-attachment: fixed;
  92. font-family:{select:font};
  93. font-size:{select:font size};
  94. line-height:180%;
  95. color:{color:text};
  96. }
  97.  
  98.  
  99. p{
  100. margin:0 0 10px 0;
  101. padding:0;
  102. }
  103.  
  104.  
  105. pre {
  106. white-space: pre-wrap;
  107. white-space: -moz-pre-wrap;
  108. white-space: -pre-wrap;
  109. white-space: -o-pre-wrap;
  110. word-wrap: break-word;
  111. }
  112.  
  113.  
  114. a{
  115. color:{color:links};
  116. text-decoration:none;
  117. }
  118.  
  119.  
  120. a:hover{
  121. color:{color:hover};
  122. transition:0.3s ease;
  123. }
  124.  
  125.  
  126. li{
  127. margin-left:-15px;
  128. }
  129.  
  130.  
  131. #wrapper{
  132. width:{select:post size};
  133. margin:50px auto;
  134. }
  135.  
  136.  
  137. #sidebar{
  138. width:150px;
  139. position:fixed;
  140. margin-left:-150px;
  141. text-align:right;
  142. }
  143.  
  144.  
  145. #desc{
  146. margin-top:5px;
  147. background:{color:accent};
  148. {block:ifshowsidebaraccent}
  149. background-image: url("{image:accent background}");
  150. background-size:repeat;
  151. background-attachment: inherit;
  152. {/block:ifshowsidebaraccent}
  153. padding:10px;
  154. {block:ifshowborders}
  155. border:1px {select:border style} {color:borders};
  156. {/block:ifshowborders}
  157. }
  158.  
  159.  
  160.  
  161. #pepsi{
  162. margin-top:10px;
  163. background:{color:accent};
  164. {block:ifshowsidebaraccent}
  165. background-image: url("{image:accent background}");
  166. background-size:repeat;
  167. background-attachment: inherit;
  168. {/block:ifshowsidebaraccent}
  169. padding:10px;
  170. {block:ifshowborders}
  171. border:1px {select:border style} {color:borders};
  172. {/block:ifshowborders}
  173. }
  174.  
  175.  
  176. #content{
  177. width:700px;
  178. margin-left:50px;
  179. overflow:hidden;
  180. }
  181.  
  182.  
  183. .post{
  184. width:{select:post size};
  185. margin:0 0 50px 0;
  186. padding:15px;
  187. overflow:hidden;
  188. background:{color:accent};
  189. {block:ifshowpostaccent}
  190. background-image: url("{image:accent background}");
  191. background-size:repeat;
  192. background-attachment: inherit;
  193. {/block:ifshowpostaccent}
  194. {block:ifshowborders}
  195. border:1px {select:border style} {color:borders};
  196. {/block:ifshowborders}
  197. }
  198.  
  199.  
  200. #sidebar img{
  201. width:150px;
  202. {block:ifcircleicon}
  203. border-radius:100%;
  204. {/block:ifcircleicon}
  205. {block:ifshowborders}
  206. border:1px {select:border style} {color:borders};
  207. {/block:ifshowborders}
  208. }
  209.  
  210.  
  211. .post img{
  212. max-width:100%;
  213. }
  214.  
  215.  
  216. #nav{
  217. margin:10px 0 0 0;
  218. }
  219.  
  220.  
  221. #cr{
  222. font-size:20px;
  223. color:{color:links};
  224. position: fixed;
  225. bottom: 10px;
  226. right: 10px;
  227. }
  228.  
  229.  
  230. .media{
  231. margin:0 0 10px 0;
  232. max-width:100%;
  233. height:auto!important;
  234. }
  235.  
  236.  
  237. .title{
  238. font-weight:bold;
  239. font-size:18px;
  240. margin:0 0 10px 0;
  241. }
  242.  
  243.  
  244. .quote{
  245. font-weight:bold;
  246. font-size:18px;
  247. font-style:italic;
  248. margin:0 0 10px 0;
  249. }
  250.  
  251.  
  252. .question{
  253. font-weight:bold;
  254. margin-bottom:10px;
  255. }
  256.  
  257.  
  258. blockquote{
  259. margin:0 0 10px 10px;
  260. padding:0 0 0 10px;
  261. border-left:solid 1px {color:blockquote};
  262. }
  263.  
  264.  
  265. .post .footer{
  266. margin:0;
  267. text-align:center;
  268. }
  269.  
  270.  
  271. ol.notes{
  272. list-style-type:none;
  273. padding:0;
  274. margin:0;
  275. }
  276.  
  277.  
  278. ol.notes li.note img{
  279. width:16px;
  280. height:16px;
  281. }
  282.  
  283.  
  284. ol.notes li.note{
  285. margin:0px;
  286. }
  287.  
  288.  
  289.  
  290. {CustomCSS}
  291. </style>
  292. </head>
  293.  
  294. <body>
  295. <div id="wrapper">
  296.  
  297.  
  298. <div id="sidebar">
  299. <img src="{image:icon}">
  300. <div id="desc">{block:Description}
  301. <p>{Description}</p>
  302. {/block:Description}</div>
  303. <div id="pepsi">
  304. <a href="{text:link one url}">{text:link one}</a><br>
  305. <a href="{text:link two url}">{text:link two}</a><br>
  306. <a href="{text:link three url}">{text:link three}</a><br>
  307. <a href="{text:link four url}">{text:link four}</a><br>
  308. <a href="{text:link five url}">{text:link five}</a></div>
  309. {block:Pagination}
  310. <div id="nav">
  311. {block:PreviousPage}<a href="{PreviousPage}" style="float:left">← back</a>{/block:PreviousPage}
  312. {block:NextPage}<a href="{NextPage}" style="float:right">next →</a>{/block:NextPage}
  313. </div>
  314. {/block:Pagination}
  315. </div>
  316.  
  317.  
  318. <div id="content">
  319. {block:Posts}
  320. <div class="post">
  321. {block:Text}
  322. {block:Title}
  323. <div class="title">{Title}</div>
  324. {/block:Title}
  325. {Body}
  326. {/block:Text}
  327.  
  328.  
  329. {block:Photo}
  330. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  331. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  332. {/block:Photo}
  333.  
  334.  
  335. {block:Photoset}
  336. <div class="media">{Photoset}</div>
  337. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  338. {/block:Photoset}
  339.  
  340.  
  341. {block:Quote}
  342. <div class="quote">"{Quote}"</div>
  343. {block:Source}
  344. <div class="quotesource">— {Source}</div>
  345. {/block:Source}
  346. {/block:Quote}
  347.  
  348.  
  349. {block:Link}
  350. <div class="title"><a href="{URL}">{Name}</a></div>
  351. {block:Description}
  352. <div class="description">{Description}</div>
  353. {/block:Description}
  354. {/block:Link}
  355.  
  356.  
  357. {block:Chat}
  358. {block:Title}
  359. <div class="title">{Title}</div>
  360. {/block:Title}
  361.  
  362.  
  363. {block:Lines}
  364. <div class="{Alt} user_{UserNumber}">
  365. {block:Label}
  366. <b>{Label}</b>{/block:Label}
  367. &nbsp;{Line}
  368. </div>
  369. {/block:Lines}
  370. {/block:Chat}
  371.  
  372.  
  373. {block:Video}
  374. <div class="media">{Video-500}</div>
  375. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  376. {/block:Video}
  377.  
  378.  
  379. {block:Audio}
  380. <div class="media">
  381. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  382. {AudioPlayerWhite}
  383. {block:TrackName}{TrackName}<br>{/block:TrackName}
  384. {block:Artist}{Artist}<br>{/block:Artist}
  385. {block:Album}{Album}{/block:Album}
  386. </div>
  387. {block:Caption}{Caption}{/block:Caption}
  388. {/block:Audio}
  389.  
  390.  
  391. {block:Answer}
  392. <div class="question">{Asker} said: {Question}</div>
  393. <div class="caption">{Answer}</div>
  394. {/block:Answer}
  395.  
  396.  
  397. {block:Date}
  398. <div class="footer">
  399. <a href="{Permalink}"><a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  400. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  401. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">reblogged from {ReblogParentName}</a>{/block:RebloggedFrom}
  402. ◎ {block:ContentSource}<a href="{SourceURL}">source:{SourceTitle}</a>{/block:ContentSource}
  403. </div>
  404.  
  405.  
  406. {block:PermalinkPage}
  407. {block:NoteCount}
  408. {block:PostNotes}{PostNotes}{/block:PostNotes}
  409. {/block:NoteCount}
  410. {/block:PermalinkPage}
  411. {/block:Date}
  412. </div>
  413. {/block:Posts}
  414.  
  415. </div>
  416. </div>
  417.  
  418. </div>
  419.  
  420. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  421. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  422.  
  423. <div id="cr">
  424. <a href="https://seasalted.tumblr.com/" title="theme made by seasalted">⛧</a>
  425. </div>
  426.  
  427. </body>
  428. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement