Advertisement
argents

i love you, scott mccall

Apr 18th, 2014
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.79 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  8. <meta name="description" content="" />
  9. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  10.  
  11. <meta name="if:navlinks underline" content="1" />
  12.  
  13. <meta name="color:Title" content="#000000" />
  14. <meta name="color:header" content="#000000" />
  15. <meta name="color:body" content="#000000" />
  16. <meta name="color:navlinks" content="#000000" />
  17. <meta name="color:navlinks hover" content="#000000" />
  18. <meta name="color:links" content="#000000" />
  19. <meta name="color:hover links" content="#000000" />
  20. <meta name="color:tags" content="#000000" />
  21. <meta name="color:info background" content="#000000" />
  22. <meta name="color:askerbg" content="#000000" />
  23. <meta name="color:askercolor" content="#000000" />
  24. <meta name="image:Sidebar" content="http://static.tumblr.com/e6rubmi/nXhn2p882/scallison.gif" />
  25.  
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
  30.  
  31. <style type="text/css">
  32.  
  33. body {
  34. font-size: 10px;
  35. font-family: Helvetica Neue, Calibri, Candara, Segoe;
  36. color: {color:body}
  37. background-color: #fff;
  38. }
  39.  
  40. a {color:{color:links};
  41. text-decoration: none;
  42. -moz-transition-duration: 0.5s;
  43. -o-transition-duration: 0.5s;
  44. -webkit-transition-duration: 0.5s;
  45. transition-duration: 0.5s;
  46.  
  47. }
  48.  
  49. a:hover {
  50. color:{color:hover links};
  51. -moz-transition-duration: 0.5s;
  52. -o-transition-duration: 0.5s;
  53. -webkit-transition-duration: 0.5s;
  54. transition-duration: 0.5s;
  55.  
  56. }
  57.  
  58. .title {
  59. margin-top: 10px;
  60. font-family: 'Arial';
  61. font-size:22px;
  62. letter-spacing:1px;
  63. font-weight: bold;
  64. text-align:center;
  65. color: {color:Title}
  66.  
  67. }
  68.  
  69. .container {
  70. width:800px;
  71. margin: auto;
  72. }
  73.  
  74. .sidebar {
  75. width: 250px;
  76. position: fixed;
  77. padding: 10px;
  78. margin-top: 200px;
  79. margin-left: -10px;
  80. }
  81.  
  82. .pagination {
  83. font-size:10px;
  84. font-family: 'Arial';
  85. text-transform:lowercase;
  86. text-align:center;
  87. letter-spacing:0px;
  88. padding:5px;
  89. margin-top:10px;
  90. }
  91.  
  92. .sidebarimage {
  93. width: 250px;
  94. position: fixed;
  95. padding: 10px;
  96. }
  97.  
  98. blockquote {
  99. margin-top: -5px;
  100. }
  101. .description {
  102. font-size: 11px;
  103. text-transform: lowercase;
  104. padding: 5px;
  105. color: {color:body};
  106. font-family: 'Helvetica Neue';
  107. text-align: justify;
  108. margin-top:2px;
  109. }
  110.  
  111. .pagination {
  112. text-transform:lowercase;
  113. text-align:center;
  114. margin-top:9px;
  115. }
  116.  
  117. .bottombar {
  118. width: 100%;
  119. height: 30px;
  120. background-color: {color:bottombar};
  121. padding: 5px;
  122. position: fixed;
  123. z-index: 10px;
  124. bottom: 0px;
  125. left: 0px;
  126. }
  127.  
  128. .bottomnavigation {
  129. width: 520px;
  130. position: fixed;
  131. text-align: center;
  132. z-index: 10;
  133. padding: 10px 0px;
  134. background-color: #fff;
  135. bottom: 0px;}
  136.  
  137. .current_page, .bottomnavigation a {
  138. border: 1px solid #000;
  139. padding: 0px 4px;}
  140.  
  141. .bottomnavigation a:hover {background-color: #000; color: #fff;}
  142.  
  143. .navlinks {
  144. margin-top: -3px;
  145. text-align: center;
  146. font-size: 10px;
  147. letter-spacing: 1px;
  148. font-family: 'Arial';
  149. }
  150.  
  151. .navlinks a {
  152. color: {color:navlinks};
  153. {block:IfNavLinksUnderline}
  154. text-decoration: underline;
  155. {/block:IfNavLinksUnderline}
  156. padding: 3px;
  157. -moz-transition-duration: 0.5s;
  158. -o-transition-duration: 0.5s;
  159. -webkit-transition-duration: 0.5s;
  160. transition-duration: 0.5s;
  161. }
  162.  
  163. .navlinks a:hover {
  164. color: {color:navlinks hover};
  165. -moz-transition-duration: 0.5s;
  166. -o-transition-duration: 0.5s;
  167. -webkit-transition-duration: 0.5s;
  168. transition-duration: 0.5s;
  169. }
  170.  
  171. .postcol {
  172. width: 540px; margin-left: 370px;
  173. color: {color:body}
  174. }
  175.  
  176. .postcol a{
  177. color: {color:links};
  178. padding: 2px;
  179. -moz-transition-duration: 0.5s;
  180. -o-transition-duration: 0.5s;
  181. -webkit-transition-duration: 0.5s;
  182. transition-duration: 0.5s;
  183. }
  184.  
  185. .postcol a:hover {
  186. color: {color:navlinks hover};
  187. -moz-transition-duration: 0.5s;
  188. -o-transition-duration: 0.5s;
  189. -webkit-transition-duration: 0.5s;
  190. transition-duration: 0.5s;
  191. }
  192.  
  193. .tags {
  194. color:{color:tags};
  195. width: 500px;
  196. display:inline;
  197. margin-top:-5px;
  198. }
  199.  
  200. .tags a {
  201. color:{color:tags};
  202. padding: 0px;
  203. -moz-transition-duration: 0.5s;
  204. -o-transition-duration: 0.5s;
  205. -webkit-transition-duration: 0.5s;
  206. transition-duration: 0.5s;
  207. font-size:10px;
  208. }
  209.  
  210. .tags a:hover {
  211. color: {color:navlinks hover}
  212. padding: 0px;
  213. -moz-transition-duration: 0.5s;
  214. -o-transition-duration: 0.5s;
  215. -webkit-transition-duration: 0.5s;
  216. transition-duration: 0.5s;
  217. }
  218.  
  219. .postinfo {
  220. position:absolute;
  221. margin-left:500px;
  222. padding: 0px 10px;
  223. margin-top: -5px;
  224. text-align:left;
  225. font-size:10px;
  226. }
  227.  
  228. .postinfo a {
  229. color: {color:navlinks};
  230. padding: 2px;
  231. padding: 2px;
  232. -moz-transition-duration: 0.5s;
  233. -o-transition-duration: 0.5s;
  234. -webkit-transition-duration: 0.5s;
  235. transition-duration: 0.5s;
  236. }
  237.  
  238. .postinfo a:hover {
  239. color: {color:navlinks hover};
  240. padding: 2px;
  241. padding: 2px;
  242. -moz-transition-duration: 0.5s;
  243. -o-transition-duration: 0.5s;
  244. -webkit-transition-duration: 0.5s;
  245. transition-duration: 0.5s;
  246. }
  247.  
  248. .posts {
  249. margin-bottom: 20px;
  250. background-color: #fff;
  251. padding: 20px;
  252. position: relative;
  253. max-width:500px;
  254. }
  255.  
  256. .posts h2 {
  257. font-size: 15px;
  258. color: {color:header};
  259. font-weight: bold;
  260. font-family: 'Lobster';
  261. margin: 0px;
  262. }
  263.  
  264. .posts h2 a {
  265. font-size: 15px;
  266. color: {color:header};
  267. font-weight: bold;
  268. }
  269.  
  270. .posts li {
  271. list-style: square;
  272. max-width: 100%;
  273. }
  274.  
  275. .posts blockquote {
  276. border-left: 1px solid #000;
  277. padding-left: 5px;
  278. max-width: 100%;
  279. }
  280.  
  281. .posts img {
  282. max-width: 100%;
  283. }
  284.  
  285. .tags a {
  286. color: {color:tags};
  287. padding: 2px;
  288. padding: 2px;
  289. -moz-transition-duration: 0.5s;
  290. -o-transition-duration: 0.5s;
  291. -webkit-transition-duration: 0.5s;
  292. transition-duration: 0.5s;
  293. font-size:10px;
  294. }
  295.  
  296. .tags a:hover {
  297. color: {color:navlinks hover};
  298. padding: 2px;
  299. padding: 2px;
  300. -moz-transition-duration: 0.5s;
  301. -o-transition-duration: 0.5s;
  302. -webkit-transition-duration: 0.5s;
  303. transition-duration: 0.5s;
  304. }
  305.  
  306. .link h2 a{
  307. color: {color:header};
  308. }
  309.  
  310. .quote {
  311. font-family: 'Arial';
  312. font-weight: bold;
  313. font-size: 20px;
  314. color: {color:header};
  315. text-transform: lowercase;
  316.  
  317.  
  318. .cover {
  319. position: relative;
  320. z-index: 1;
  321. width:100;
  322. }
  323.  
  324. .playbox {
  325. background-color: #000;
  326. position: absolute;
  327. z-index: 1000;
  328. margin-top: 100px;
  329. margin-left: 95px;
  330. opacity: 0.5;}
  331.  
  332. .playbutton {width: 20px;
  333. height: 30px;
  334. overflow: hidden;
  335. position: relative;
  336. z-index: 1000;
  337. margin: 15px 24px 13px 16px;}
  338.  
  339. .chat li {
  340. list-style-type: none;
  341. margin-left: 0px;
  342. padding: 3px;
  343. }
  344.  
  345. .chat li.odd {
  346. color: {color:Title};
  347. }
  348. .chat li.even{
  349. color: {color:header};
  350. }
  351.  
  352. .notes ol {
  353. list-style-type: none;
  354. }
  355.  
  356. .asker {
  357. background-color:{askerbg};
  358. color:{askercolor};
  359. padding:14px;
  360. }
  361.  
  362.  
  363. </style>
  364. </head>
  365.  
  366. <body>
  367.  
  368.  
  369. <div class = "container">
  370.  
  371. <div class ="sidebar">
  372. <a href="/"><img src="{image:Sidebar}"></a>
  373. <div class="title">{Title}</div>
  374.  
  375. <div class = "navlinks">
  376. <a href="/faq">message</a>
  377. <a href="/about">about</a>
  378. <a href="/links">navigation</a>
  379. <a href="/2014">2014</a>
  380. <a href="/more">+more</a>
  381. </div>
  382. <div class="description">{Description}</div>
  383. {block:Pagination}
  384. <div class="pagination">
  385. {block:PreviousPage}
  386. <a href="{PreviousPage}">prev</a>
  387. {/block:PreviousPage}
  388. {block:NextPage}
  389. <a href="{NextPage}">next</a>
  390. {/block:NextPage}
  391. </div>
  392. {/block:Pagination}
  393. </div>
  394.  
  395. <div class="postcol">
  396. {block:Posts}
  397. <div class = "posts"></div>
  398.  
  399.  
  400. {block:Text}
  401. {block:Title}<h2 style ="color: {color:header}">{Title}</h2>
  402. {/block:Title}
  403. {Body}
  404. {/block:Text}
  405.  
  406. {block:Answer}
  407. <div class="asker">{Asker} asked: {Question}</div>
  408. {Answer}
  409. {/block:Answer}
  410.  
  411. {block:Quote}
  412. <div class ="quote">"{Quote}"</div>
  413. {/block:Quote}
  414.  
  415. {block:Link}
  416. <h2><a href="{URL}"><span style="color: {color:header}">{Name}</span></a></h2>
  417. {block:Description}{Description}{/block:Description}
  418. {/block:Link}
  419.  
  420. {block:Chat}
  421. {block:Title}<h1>{Title}</h1>{/block:Title}
  422. {block:Lines}{block:Label}<b style="color:{color:Header}">{Label}</b>{/block:Label}
  423. {Line}<br>{/block:Lines}
  424. {/block:Chat}
  425.  
  426. {block:Photo}
  427. {LinkOpenTag}
  428. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px" >
  429. {LinkCloseTag}
  430. {block:Caption}{Caption}{/block:Caption}
  431. {/block:Photo}
  432.  
  433. {block:Photoset}
  434. {Photoset-500}
  435. {block:Caption}{Caption}{/block:Caption}
  436. {/block:Photoset}
  437.  
  438. {block:Audio}
  439. <div class="playbox">
  440. <div class="playbutton">
  441. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  442. </div></div>
  443. <br>
  444. {block:Caption}{Caption}{/block:Caption}
  445. {/block:Audio}
  446.  
  447.  
  448. {block:Video}
  449. {Video-500}
  450. {block:Caption}{Caption}{/block:Caption}
  451. {/block:Video}
  452.  
  453.  
  454. <div style="text-align:left;
  455. padding:5px;
  456. margin-top:5px;
  457. max-width:490px;
  458. border-top:1px solid;
  459. border-color:{color:title};">
  460.  
  461. <a href="{Permalink}">
  462.  
  463. {block:Date}
  464. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}
  465. {/block:Date}
  466.  
  467. {block:NoteCount}
  468. with {NoteCount} notes {/block:NoteCount}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}">via </a>{block:ContentSource}<span style="color:{color:links}">/</span><a href="{SourceURL}"> source</a>{/block:ContentSource}</div>
  469. {/block:RebloggedFrom}
  470.  
  471. {block:HasTags}
  472. {block:Tags}<div class="tags"><a href="{TagURL}"><span style="font-size:9px">#{TAG}&nbsp;</span></a></div>{/block:Tags}
  473. {/block:HasTags}
  474.  
  475.  
  476.  
  477. {block:PermalinkPage}
  478. {block:PostNotes}
  479. <div class="notes">
  480. {PostNotes}
  481. </div>
  482. {/block:PostNotes}
  483. {/block:PermalinkPage}
  484.  
  485. {/block:Posts}
  486.  
  487.  
  488. </div>
  489.  
  490.  
  491. </div>
  492.  
  493.  
  494.  
  495.  
  496. </body>
  497.  
  498.  
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement