API tools faq
paste
Advertisement
the-fate-of-the-bbc

Theme 7

the-fate-of-the-bbc
Mar 8th, 2015
460
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.62 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <link href='http://fonts.googleapis.com/css?family=Rokkitt:700' rel='stylesheet' type='text/css'>
  8.  
  9. <meta name="Description" content="{Description}"/>{/block:Description}
  10. <meta name="color:description" content="#000f00">
  11.  
  12. <meta name="image:header image" content:"https://31.media.tumblr.com/1eada3cc51c3471cd91d32689a9c289e/tumblr_inline_n2ao12d9hu1qi27j5.png">
  13.  
  14. <meta name="color:title" content="#11261c">
  15.  
  16. <meta name="color:text" content="#000000">
  17. <meta name="color:link" content="#78cc6f">
  18.  
  19. <meta name="color:background" content="#ffffff">
  20. <meta name="color:scrollbar" content="#000000">
  21.  
  22. <meta name="color:box" content="#9ad993">
  23. <meta name="color:box1" content="#78c9a1"/>
  24. <meta name="color:box2" content="#56bc8a"/>
  25. <meta name="color:box3" content="#45966e"/>
  26. <meta name="color:box4" content="#347153"/>
  27.  
  28. <meta name="text:link1 url" content="/"/>
  29. <meta name="text:link1 name" content="link"/>
  30.  
  31. <meta name="text:link2 url" content="/"/>
  32. <meta name="text:link2 name" content="link"/>
  33.  
  34. <meta name="text:link3 url" content="/"/>
  35. <meta name="text:link3 name" content="link"/>
  36.  
  37. <meta name="text:link4 url" content="/"/>
  38. <meta name="text:link4 name" content="link"/>
  39.  
  40. <style type="text/css">
  41.  
  42. /*--- scrollbar ---*/
  43.  
  44. ::-webkit-scrollbar-thumb:vertical {
  45. background-color:{color:scrollbar};
  46. height: 3px;
  47. }
  48.  
  49. ::-webkit-scrollbar-thumb:horizontal {
  50. background-color:{color:scrollbar};
  51. height:3px!important;
  52. }
  53.  
  54. ::-webkit-scrollbar {
  55. background-color:{color:background};
  56. height:3px;
  57. width:3px;}
  58.  
  59. iframe#tumblr_controls {
  60. right:3px !important;
  61. position: fixed !important;
  62. }
  63.  
  64. /*--- body ---*/
  65.  
  66. body {
  67. background:{color:background};
  68. margin:0px;
  69. color:{color:text};
  70. font-family:calibri;
  71. font-size:10px;
  72. line-height:120%;
  73. }
  74.  
  75. a {
  76. text-decoration:none;
  77. outline:none;
  78. -moz-outline-style:none;
  79. color:{color:link};
  80. }
  81.  
  82. a:hover {
  83. text-decoration:none;
  84. opacity:1;
  85. text-shadow: 0 0 0.2em #bebebe, 0 0 0.2em #bebebe, 0 0 0.2em #bebebe;
  86. -webkit-transition: all 0.5s ease;
  87. -moz-transition: all 0.5s ease;
  88. -o-transition: all 0.5s ease
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. h1 {
  106. font-size:15px;
  107. }
  108.  
  109. /*--- post entries ---*/
  110.  
  111. #entries {
  112. padding:10px;
  113. width:500px;
  114. margin-top:120px;
  115. margin-left:auto;
  116. margin-right:auto;
  117. }
  118.  
  119. #post {
  120. width:500px;
  121. padding-bottom:20px;
  122. margin-bottom:30px;
  123. }
  124.  
  125. /*--- header ---*/
  126.  
  127. #header {
  128. opacity:1;
  129. top:0px;
  130. width:500px;
  131. left:50%;
  132. margin-left:-250px;
  133. height:100px;
  134. position:absolute;
  135. background:url({image:header image})
  136. no-repeat center center;
  137. -webkit-background-size: 500px;
  138. -moz-background-size: 500px;
  139. -o-background-size: 500px;
  140. background-size: 500px;
  141. }
  142.  
  143. #title {
  144. text-align:right;
  145. letter-spacing:5px;
  146. width:500px;
  147. margin-top:60px;
  148. left:50%;
  149. margin-left:-250px;
  150. position:absolute;
  151. font-family:'rokkitt';
  152. letter-spacing:10px;
  153. font-size:50px;
  154. -moz-transition-duration:1s;
  155. -webkit-transition-duration:1s;
  156. -o-transition-duration:1s;
  157. }
  158.  
  159. /*---description---*/
  160.  
  161. #box {
  162. position:fixed;
  163. top:180px;
  164. left:350px;
  165. background-color:{color:box};
  166. width:15px;
  167. height:120px;
  168. padding:3px;
  169. z-index:1000;
  170. }
  171.  
  172. #thing {
  173. width:200px;
  174. height:120px;
  175. left:130px;
  176. position:fixed;
  177. font-size:12px;
  178. padding:2px;
  179. text-align:justify;
  180. font-family:calibri;
  181. color:{color:description};
  182. overflow:hidden;
  183. z-index:9;
  184. -webkit-transition: all 0.5s ease-out;
  185. -moz-transition: all 0.5s ease-out;
  186. transition: all 0.5s ease-out;
  187. }
  188.  
  189. #thing:hover {
  190. text-shadow: 0 0 0.2em #bebebe, 0 0 0.2em #bebebe, 0 0 0.2em #bebebe;
  191. -webkit-transition: all 0.5s ease-out;
  192. -moz-transition: all 0.5s ease-out;
  193. transition: all 0.5s ease-out;
  194. }
  195.  
  196. /*--- links ---*/
  197.  
  198. #box1 {
  199. position:fixed;
  200. top:400px;
  201. left:350px;
  202. background-color:{color:box1};
  203. height:15px;
  204. width:15px;
  205. padding:3px;
  206. z-index:9999999;
  207. }
  208.  
  209. #thing1 {
  210. width:200px;
  211. height:15px;
  212. left:130px;
  213. text-transform:uppercase;
  214. position:fixed;
  215. font-size:12px;
  216. padding:2px;
  217. text-align:right;
  218. font-family:calibri;
  219. overflow:hidden;
  220. z-index:9;
  221. -webkit-transition: all 0.5s ease-out;
  222. -moz-transition: all 0.5s ease-out;
  223. transition: all 0.5s ease-out;
  224. }
  225.  
  226. #thing1:hover {
  227. text-shadow: 0 0 0.2em #bebebe, 0 0 0.2em #bebebe, 0 0 0.2em #bebebe;
  228. -webkit-transition: all 0.5s ease-out;
  229. -moz-transition: all 0.5s ease-out;
  230. transition: all 0.5s ease-out;
  231. }
  232.  
  233.  
  234. #box2 {
  235. position:fixed;
  236. top:440px;
  237. left:350px;
  238. background-color:{color:box2};
  239. width:15px;
  240. height:15px;
  241. padding:3px;
  242. z-index:999999;
  243. }
  244.  
  245. #thing2 {
  246. width:200px;
  247. height:15px;
  248. left:130px;
  249. text-transform:uppercase;
  250. position:fixed;
  251. font-size:12px;
  252. padding:2px;
  253. text-align:right;
  254. font-family:calibri;
  255. overflow:hidden;
  256. z-index:9;
  257. -webkit-transition: all 0.5s ease-out;
  258. -moz-transition: all 0.5s ease-out;
  259. transition: all 0.5s ease-out;
  260. }
  261.  
  262. #thing2:hover {
  263. text-shadow: 0 0 0.2em #bebebe, 0 0 0.2em #bebebe, 0 0 0.2em #bebebe;
  264. -webkit-transition: all 0.5s ease-out;
  265. -moz-transition: all 0.5s ease-out;
  266. transition: all 0.5s ease-out;
  267. }
  268.  
  269. #box3 {
  270. position:fixed;
  271. top:480px;
  272. left:350px;
  273. background-color:{color:box3};
  274. width:15px;
  275. height:15px;
  276. padding:3px;
  277. z-index:99999;
  278. }
  279.  
  280. #thing3 {
  281. width:200px;
  282. height:15px;
  283. left:130px;
  284. text-transform:uppercase;
  285. position:fixed;
  286. font-size:12px;
  287. padding:2px;
  288. text-align:right;
  289. font-family:calibri;
  290. overflow:hidden;
  291. z-index:9;
  292. -webkit-transition: all 0.5s ease-out;
  293. -moz-transition: all 0.5s ease-out;
  294. transition: all 0.5s ease-out;
  295. }
  296.  
  297. #thing3:hover {
  298. text-shadow: 0 0 0.2em #bebebe, 0 0 0.2em #bebebe, 0 0 0.2em #bebebe;
  299. -webkit-transition: all 0.5s ease-out;
  300. -moz-transition: all 0.5s ease-out;
  301. transition: all 0.5s ease-out;
  302. }
  303.  
  304. #box4 {
  305. position:fixed;
  306. top:520px;
  307. left:350px;
  308. background-color:{color:box4};
  309. width:15px;
  310. height:15px;
  311. padding:3px;
  312. z-index:1000;
  313. }
  314.  
  315. #thing4 {
  316. width:200px;
  317. height:15px;
  318. left:130px;
  319. text-transform:uppercase;
  320. position:fixed;
  321. font-size:12px;
  322. padding:2px;
  323. text-align:right;
  324. font-family:calibri;
  325. overflow:hidden;
  326. z-index:9;
  327. -webkit-transition: all 0.5s ease-out;
  328. -moz-transition: all 0.5s ease-out;
  329. transition: all 0.5s ease-out;
  330. }
  331.  
  332. #thing4:hover {
  333. text-shadow: 0 0 0.2em #bebebe, 0 0 0.2em #bebebe, 0 0 0.2em #bebebe;
  334. -webkit-transition: all 0.5s ease-out;
  335. -moz-transition: all 0.5s ease-out;
  336. transition: all 0.5s ease-out;
  337. }
  338.  
  339. /*--- pagination ---*/
  340.  
  341. #pagination {
  342. position:relative;
  343. font-size:12px;
  344. text-transform:uppercase;
  345. text-align:center;
  346. margin-bottom:20px;
  347. font-family:calibri;
  348. }
  349.  
  350. /*--- post info ---*/
  351.  
  352. #info {
  353. margin-top:10px;
  354. padding:10px;
  355. font-size:10px;
  356. color:{color:text};
  357. text-transform:lowercase;
  358. opacity:0;
  359. text-align:center;
  360. border-top:1px solid {color:text};
  361. line-height:120%;
  362. -moz-transition-duration:0.5s;
  363. -webkit-transition-duration:0.5s;
  364. -o-transition-duration:0.5s;
  365. }
  366.  
  367. #post:hover
  368. #info {
  369. opacity:1;
  370. -moz-transition-duration:0.5s;
  371. -webkit-transition-duration:0.5s;
  372. -o-transition-duration:0.5s;
  373. }
  374.  
  375. #info a {
  376. color:{color:link};
  377. }
  378.  
  379. #info a:hover {
  380. -moz-transition-duration:0.5s;
  381. -webkit-transition-duration:0.5s;
  382. -o-transition-duration:0.5s;
  383. }
  384.  
  385.  
  386. /*--- ask ---*/
  387.  
  388. #asker {
  389. float:left;
  390. margin-right:5px;
  391. }
  392.  
  393. #asker img {
  394. border-radius:100%;
  395. }
  396.  
  397. #answer {
  398. padding: 10px;
  399. text-align: left;
  400. color:{color:text};
  401. }
  402.  
  403. .credit, .credit a {
  404. bottom:8px;
  405. right:5px;
  406. font-size:20px;
  407. color:{color:box4};
  408. position:fixed;
  409. font-family:calibri;
  410. }
  411.  
  412.  
  413. {CustomCSS}</style></head>
  414.  
  415. <body>
  416.  
  417. <div id="header">
  418.  
  419. <div id="title"><a href="/"><font color="{color:title}">{Title}</font></a></div>
  420.  
  421. </div>
  422.  
  423. <div id="box">
  424. <div id="thing">
  425. <div align="justify">{Description}</div>
  426. </div>
  427. </div>
  428.  
  429. <div id="box1">
  430. <div id="thing1">
  431. <a href="{text:link1 url}"><font color="{color:description}">{text:link1 name}</font></a>
  432. </div>
  433. </div>
  434.  
  435.  
  436. <div id="box2">
  437. <div id="thing2">
  438. <a href="{text:link2 url}"><font color="{color:description}">{text:link2 name}</font></a>
  439. </div>
  440. </div>
  441.  
  442. <div id="box3">
  443. <div id="thing3">
  444. <a href="{text:link3 url}"><font color="{color:description}">{text:link3 name}</font></a>
  445. </div>
  446. </div>
  447.  
  448. <div id="box4">
  449. <div id="thing4">
  450. <a href="{text:link4 url}"><font color="{color:description}">{text:link4 name}</font></a>
  451. </div>
  452. </div>
  453.  
  454.  
  455. <div id="entries">{block:Posts}<div id="post">
  456.  
  457. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  458.  
  459. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  460.  
  461. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  462.  
  463. {block:Quote}<b>"{Quote}"</b>{block:Source} </p> — {Source}{/block:Source}{/block:Quote}
  464.  
  465. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  466.  
  467. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  468.  
  469. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  470.  
  471. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  472.  
  473. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div><b>{Asker} said:</b><p>{Question}<br><div></div><b>Answer:</b><br>{Answer}{/block:Answer}
  474.  
  475. <div id="info">
  476. |&nbsp&nbsp&nbsp {block:Date}<font color="{color:link}">{TimeAgo}</font>{/block:Date} &nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp <a href="{Permalink}">
  477. {NoteCountWithLabel}</a>{block:RebloggedFrom} &nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp <a href="{ReblogParentURL}"
  478. title="{ReblogParentTitle}">via</a> &nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source </a>{/block:RebloggedFrom} &nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp <a href=”{ReblogURL}” target=”_blank” class=”details”>Reblog</a> &nbsp&nbsp&nbsp| <br> {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  479.  
  480. </div>
  481. {block:PostNotes}{PostNotes}{/block:PostNotes}
  482. {/block:Posts}</div>
  483.  
  484. <div id="pagination">
  485. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><font color="{color:text}">last </font></a>{/block:PreviousPage}•
  486. {block:NextPage}<a href="{NextPage}"><font color="{color:text}"> next</font></a>{/block:NextPage}{/block:Pagination}
  487. </div>
  488.  
  489. <span class="credit">
  490. <a href="http://www.tumblr.com/" target="_blank">✖</a>
  491. </span>
  492.  
  493. </body></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!