API tools faq
paste
colinfirth

sixteen

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