API tools faq
paste
colinfirth

fifteen

colinfirth
Feb 1st, 2016
419
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.10 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <!-----------------------
  10. fifteen by prewars.tumblr.com
  11. be chill.
  12. ----------------------->
  13.  
  14. <meta name="color:background" content="#f5f5f5">
  15. <meta name="color:text" content="#222">
  16. <meta name="color:link" content="#222">
  17. <meta name="color:title" content="#222">
  18. <meta name="color:linkhover" content="#222">
  19. <meta name="color:accent" content="#f2f2f2">
  20. <meta name="color:highlight" content="#ffee00">
  21.  
  22. <meta name="text:font" content="trebuchet ms">
  23. <meta name="text:body" content="9px">
  24. <meta name="text:title" content="14px">
  25. <meta name="text:accent" content="8px">
  26.  
  27. <meta name="if:link1" content="1"/>
  28. <meta name="if:link2" content="1"/>
  29. <meta name="if:link3" content="1"/>
  30. <meta name="if:link4" content="1"/>
  31. <meta name="if:link5" content="1"/>
  32.  
  33. <meta name="text: link 1 title" content="link"/>
  34. <meta name="text: link 1" content="/"/>
  35. <meta name="text: link 2 title" content="link"/>
  36. <meta name="text: link 2" content="/"/>
  37. <meta name="text: link 3 title" content="link"/>
  38. <meta name="text: link 3" content="/"/>
  39. <meta name="text: link 4 title" content="link"/>
  40. <meta name="text: link 4" content="/"/>
  41. <meta name="text: link 5 title" content="link"/>
  42. <meta name="text: link 5" content="/"/>
  43.  
  44.  
  45. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito:400,700' rel='stylesheet' type='text/css'>
  46.  
  47. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  48. <script type="text/javascript" src="http://laura-schmal.de/data/tumblr/lightbox/js/jquery-1.7.2.min.js"></script>
  49.  
  50. <style type="text/css">
  51.  
  52. body {
  53. background: {color:background};
  54. font-size: {text:body};
  55. font-family: {text:font};
  56. line-height: 150%;
  57. color: {color:text};
  58. }
  59.  
  60. a {
  61. color:{color:link};
  62. -webkit-transition-duration:.7s;
  63. -moz-transition-duration:.7s;
  64. -o-transition-duration:.7s;
  65. -ms-transition-duration:.7s;
  66. text-decoration: none;
  67. }
  68.  
  69. a:hover {
  70. color: #000; background: {color:highlight};
  71. }
  72.  
  73. blockquote {
  74. margin-left:20px;
  75. padding-left: 15px;
  76. border-left:1px solid {color:text};
  77. margin-right: 20px;
  78. margin-bottom: 15px;
  79. }
  80.  
  81. blockquote img {
  82. max-width: 100%;
  83. }
  84.  
  85. .caption {
  86. width: 360px;
  87. padding: 0px;
  88. display: block;
  89. text-align: justify;
  90. margin-top: 15px;
  91. margin-bottom: 20px;
  92. margin-left: 20px;
  93. margin-right: 20px;
  94. }
  95.  
  96. #entries {
  97. width: 400px;
  98. margin-top:150px;
  99. margin-bottom: 10px;
  100. }
  101.  
  102. #posts {
  103. width: 399px;
  104. background: #fff;
  105. padding: 0px;
  106. margin-bottom: 75px;
  107. text-align: justify;
  108. }
  109.  
  110. h1 {
  111. font-size: {text:title};
  112. font-weight: 700;
  113. text-transform: uppercase;
  114. font-style: italic;
  115. padding-bottom: 10px;
  116. font-size: 14px;
  117. }
  118.  
  119. h1 a {
  120. text-decoration: none;
  121. color: {color:text};
  122. -webkit-transition-duration:.7s;
  123. -moz-transition-duration:.7s;
  124. -o-transition-duration:.7s;
  125. -ms-transition-duration:.7s;
  126. }
  127.  
  128. h1 a:hover {
  129. color: #000; background: {color:highlight};
  130. }
  131.  
  132.  
  133. #posts img {
  134. max-width:100%;
  135. height:auto;
  136. }
  137.  
  138.  
  139. /*SIDEBAR*/
  140.  
  141. #sidebar { width: auto; height: auto; margin-left: px; margin-top: 300px; position: fixed; background-color: {color:background}; padding: 5px; padding-right: 10px;}
  142.  
  143. #sidebarimage img { margin-left: 100px; border: 1px solid #e9e9e9; width: 80px; padding: 5px; background: #000; border-radius: 0%; margin-top: 7px; }
  144.  
  145. #desc { font-size: 10px; letter-spacing: 1px; width: 80px; background-color: {color:background}; text-transform: uppercase; margin-top: 23px; text-align: justify; line-height: 150%; font-style: italic; font-weight: 700; }
  146.  
  147. #desc a { color: {color:side}; }
  148.  
  149. #links { width: 50px; margin-top: -120px; margin-left: 225px; padding-bottom: 10px; }
  150.  
  151. #links a { padding-left: 1px; letter-spacing: 1px; text-transform: uppercase; font-size: 7px; margin-right: px; margin-left: -1px; display: inline-block; line-height: 125%; font-style: italic; font-weight: 300; color: {color:side}; -webkit-transition-duration:.7s; -moz-transition-duration:.7s; -o-transition-duration:.7s; -ms-transition-duration:.7s; }
  152.  
  153. #links a:hover { color: #000; background: {color:highlight}; }
  154.  
  155.  
  156. /* permalink notes */
  157.  
  158.  
  159. #postnotes {
  160. text-align: left;
  161. line-height: 220%;
  162. display:block;
  163. margin-left: -45px;
  164. width:420px;
  165. margin-top: 50px;
  166. padding-bottom: 20px;
  167. font-size: 7px;
  168. text-transform: uppercase;
  169. letter-spacing: 1px;
  170. }
  171.  
  172. #postnotes ol {
  173. list-style-type: none;
  174.  
  175. }
  176.  
  177. #postnotes li {
  178. border-bottom: 1px dotted {color:tagsborder};
  179. padding: 6px;
  180. display:block;
  181. -webkit-transition-duration:.4s;
  182. -moz-transition-duration:.4s;
  183. -o-transition-duration:.4s;
  184. -ms-transition-duration:.4s;
  185. }
  186.  
  187. #postnotes li:hover a {
  188. color: {color:link};
  189. }
  190.  
  191.  
  192. ol.notes li.note img.avatar {
  193. width: 0px;
  194. height: 0px;
  195. }
  196.  
  197.  
  198. /* audio posts */
  199.  
  200.  
  201. #audio {
  202. margin-left: 15px;
  203. padding-top: 15px;
  204. margin-bottom: 23px;
  205. width: 400px;
  206. height: auto;
  207. }
  208.  
  209. .cover {
  210. border: 1px solid {color:background};
  211. background: {color:background};
  212. padding: 2px;
  213. position:absolute;
  214. z-index:1;
  215. width:60px;
  216. height:60px;}
  217.  
  218. .cover img {
  219. float:left;
  220. width:60px;
  221. height:60px;
  222. }
  223.  
  224. .playbox {
  225. opacity:0.6;
  226. width:27px;
  227. height:30px;
  228. overflow:hidden;
  229. position:absolute;
  230. z-index:100;
  231. margin-left:20px;
  232. margin-top:20px;
  233. text-align:center;
  234. }
  235.  
  236. .info {
  237. margin-left: 80px;
  238. padding: 18px;
  239. padding-top: 14px;
  240. width:286px;
  241. height: 32px;
  242. font-size: 7px;
  243. text-transform: uppercase;
  244. letter-spacing: 1px;
  245. }
  246.  
  247. /* tags and date */
  248.  
  249. #postinfo {
  250. color: #fff;
  251. width: 370px;
  252. margin-bottom: -10px;
  253. font-size: 7px;
  254. text-transform: uppercase;
  255. letter-spacing: 1px;
  256. margin-top: -4px;
  257. text-align: justify;
  258. background: #000;
  259. padding: 15px;
  260. list-style: none;
  261. }
  262.  
  263. #postinfo a {
  264. padding-left: 1px;
  265. color: #fff;
  266. }
  267.  
  268. #postinfo a:hover {
  269. color: #000;
  270. background: {color:highlight};
  271. }
  272.  
  273.  
  274. #postinfo li { display: inline; }
  275.  
  276. #postinfo li:after {
  277. content: ", ";
  278. color: #fff;
  279. }
  280.  
  281. #postinfo li:last-child:after {
  282. content: "";
  283. }
  284.  
  285.  
  286. /* pagination */
  287.  
  288. .pagination { text-align: center; position: relative; margin: -25px 0px; margin-bottom: 50px; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; }
  289.  
  290. .pagination a { padding-left: 1px; }
  291.  
  292. .pagination a:hover { color: #000; background: {color:highlight}; }
  293.  
  294.  
  295. /*credit*/
  296.  
  297. #credit a { position:fixed; bottom: 7px; right: 5px; font-family: consolas; font-size: 10px; font-weight: 300; text-transform: lowercase; color:#aaa; letter-spacing: -1px; background-color: #fff; padding: 4px; padding-right: 5px; border:1px solid #fff; }
  298.  
  299. #credit a:hover { background-color:#fff; color:#555; border: 1px solid #e4e4e4; }
  300.  
  301.  
  302. /* quote posts */
  303.  
  304. .quote { padding: 25px 30px; }
  305.  
  306. .source { text-align:right; padding-right: 25px; padding-left: 25px; margin-bottom: 25px; }
  307.  
  308.  
  309. /*post padding*/
  310.  
  311. .padding { margin: 15px; padding-top: 10px; padding-bottom: 1px; }
  312.  
  313.  
  314.  
  315. /* ask posts */
  316.  
  317. .answer { padding-top: 10px; padding-bottom: 0px; }
  318.  
  319. .question { padding-top: 5px; }
  320.  
  321. .asker { text-transform: uppercase; font-size: 7px; letter-spacing: 1px; font-weight: 400; padding: 2px; background: {color:accent}; }
  322.  
  323. .asker a { color: {color:link}; text-decoration: none; -webkit-transition-duration:.7s; -moz-transition-duration:.7s; -o-transition-duration:.7s; -ms-transition-duration:.7s; }
  324.  
  325. .asker a:hover { color:{color:linkhover}; }
  326.  
  327.  
  328.  
  329. /* credit */
  330.  
  331. #credit a { position:fixed; bottom: 7px; right: 8px; font-family: 'montserrat'; font-size: 14px; font-weight: 700; text-transform: uppercase; color:#ccc; letter-spacing: px; background-color: #fff; padding: 4px; padding-right: 5px; border:1px solid #fff; }
  332.  
  333. #credit a:hover { background-color:#fff; color:#555; border: 1px solid #e4e4e4; }
  334.  
  335.  
  336.  
  337. </style>
  338. </head>
  339. <body>
  340.  
  341. <div id="sidebar">
  342. <div id="sidebarimage"><a href="/"><img src="{PortraitURL-128}"></a></div> <div id="links"><div id="desc">{title}</div><br>
  343. {block:iflink1}<a href="{text: link 1}">01. {text: link 1 title}</a>{/block:iflink1}<br>
  344. {block:iflink2}<a href="{text: link 2}">02. {text: link 2 title}</a>{/block:iflink2}<br>
  345. {block:iflink3}<a href="{text: link 3}">03. {text: link 3 title}</a>{/block:iflink3}<br>
  346. {block:iflink4}<a href="{text: link 4}">04. {text: link 4 title}</a>{/block:iflink4}<br>
  347. {block:iflink5}<a href="{text: link 5}">05. {text: link 5 title}</a>{/block:iflink5}
  348. </div>
  349. </div>
  350.  
  351.  
  352. </div>
  353.  
  354. <center>
  355.  
  356. <div id="entries">
  357. {block:Posts}
  358. <div id="posts">
  359.  
  360.  
  361. {block:Text}<div class="padding">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  362.  
  363.  
  364. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  365.  
  366.  
  367. {block:Link}<div class="padding"><h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  368.  
  369.  
  370. {block:Chat}<div class="padding">{block:Title}<h1>{Title}</h1>{/block:Title}
  371. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  372. {block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  373. {/block:Lines}</ul></div>{/block:Chat}
  374.  
  375.  
  376. {block:Photo}<img src="{PhotoURL-400}">
  377. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  378. {/block:Photo}
  379.  
  380.  
  381. {block:Photoset}{Photoset}
  382. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  383. {/block:Photoset}
  384.  
  385.  
  386. {block:Video}{Video-400}
  387. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  388. {/block:Video}
  389.  
  390.  
  391. {block:Audio}
  392. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}{block:PlayCount}<br>{FormattedPlayCount}{/block:PlayCount}</div></div>
  393. {/block:Audio}
  394.  
  395.  
  396. {block:Answer}<div class="padding">
  397. <div class="question">
  398. <span class="asker">{Asker} asked:</span> {Question}</div>
  399. <div class="answer">{Answer}</div>
  400. </div>{/block:Answer}
  401.  
  402.  
  403. <div id="postinfo">
  404. {block:date}<a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>&nbsp;&nbsp;<a href="{Permalink}">{24HourWithZero}:{Minutes}</a>{/block:Date}{block:NoteCount}&nbsp;&nbsp;<a href="{Permalink}">{FormattedNoteCount}</a>{/block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;
  405.  
  406. {block:HasTags}{block:Tags}<li class="postinfo"><a href="{TagURL}">{Tag}</a></li>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  407. {block:Permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource},&nbsp;&nbsp;&nbsp;<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:permalinkpage}
  408. </div>
  409.  
  410. </div>
  411.  
  412. <div id="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  413.  
  414. {/block:Posts}
  415.  
  416.  
  417. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{CurrentPage} / {TotalPages}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  418.  
  419.  
  420. </div>
  421.  
  422. </center>
  423.  
  424. <div id="credit"><a href="http://prewars.tumblr.com/">pw</a></div>
  425.  
  426. </body>
  427. </html>
Advertisement
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!