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

Theme 3

the-fate-of-the-bbc
Aug 30th, 2014
428
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.19 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=Varela+Round' rel='stylesheet' type='text/css'>
  8.  
  9. <meta name="description" content="{Description}"/>{/block:Description}
  10. <meta name="color:background" content="#ffffff"/>
  11. <meta name="color:text" content="#000000"/>
  12. <meta name="color:link" content="#e89e8c"/>
  13. <meta name="color:hover" content="#ffffff"/>
  14. <meta name="color:scrollbar" content="#661a1a"/>
  15.  
  16. <meta name="image:sidebar" content="http://static.tumblr.com/f515a1eb56842fb59da365309ec5e959/78oruro/mONnb17rv/tumblr_static_dzz7tb5u96gwow4ooc8gkgcks.jpg"/>
  17.  
  18. <meta name="if:cursor" content="1">
  19.  
  20. <meta name="color:box1" content="#992727"/>
  21. <meta name="color:box2" content="#cc3434"/>
  22. <meta name="color:box3" content="#ff4141"/>
  23. <meta name="color:box4" content="#ff6767"/>
  24. <meta name="color:box5" content="#ff8d8d"/>
  25. <meta name="color:box6" content="#ffb3b3"/>
  26. <meta name="color:box7" content="#ffd9d9"/>
  27. <meta name="color:box8" content="#ffece7"/>
  28.  
  29. <meta name="text:link1 url" content="http://"/>
  30. <meta name="text:link1 name" content="link one"/>
  31.  
  32. <meta name="text:link2 url" content="http://"/>
  33. <meta name="text:link2 name" content="link two"/>
  34.  
  35. <meta name="text:link3 url" content="http://"/>
  36. <meta name="text:link3 name" content="link three"/>
  37.  
  38. <meta name="text:link4 url" content="http://"/>
  39. <meta name="text:link4 name" content="link four"/>
  40.  
  41. <meta name="text:title tab1" content="about"/>
  42. <meta name="text:text tab1" content=""/>
  43.  
  44.  
  45. <meta name="text:title tab2" content="currently"/>
  46. <meta name="text:text tab2" content="insert your awesome text here. you can write as much as you want. you can also use < /p > </p>to create a new paragraph & < /br > </br> to insert a line break."/>
  47.  
  48. <meta name="text:title tab3" content="awards"/>
  49. <meta name="text:text tab3" content="insert your awesome text here. you can write as much as you want. you can also use < /p > </p>to create a new paragraph & < /br > </br> to insert a line break."/>
  50.  
  51. <meta name="text:title tab4" content="friends"/>
  52. <meta name="text:text tab4" content="insert your awesome text here. you can write as much as you want. you can also use < /p > </p>to create a new paragraph & < /br > </br> to insert a line break."/>
  53.  
  54. <style type="text/css">
  55.  
  56. /*--- scrollbar ---*/
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {
  59. background-color: {color:scrollbar};
  60. height: 5px;
  61. }
  62.  
  63. ::-webkit-scrollbar-thumb:horizontal {
  64. background-color: {color:scrollbar};
  65. height:5px!important;
  66. }
  67.  
  68. ::-webkit-scrollbar {
  69. background-color:{color:background};
  70. height:5px;
  71. width:5px;}
  72.  
  73. iframe#tumblr_controls {
  74. right:3px !important;
  75. position: fixed !important;
  76. }
  77.  
  78. /*--- body ---*/
  79.  
  80. body {
  81. background:{color:background};
  82. margin:0px;
  83. color:{color:text};
  84. font-family:veranda;
  85. font-size:12px;
  86. line-height:120%;
  87. }
  88.  
  89. a {
  90. text-decoration:none;
  91. outline:none;
  92. -moz-outline-style:none;
  93. color:{color:link};
  94. }
  95.  
  96. a:hover {
  97. text-decoration:none;
  98. opacity:1;
  99. color:{color:hover};
  100. -webkit-transition: all 0.5s ease;
  101. -moz-transition: all 0.5s ease;
  102. -o-transition: all 0.5s ease
  103. }
  104.  
  105. img {
  106. border:none;
  107. }
  108.  
  109. blockquote {
  110. padding-left:5px;
  111. border-left:2px solid;
  112. }
  113.  
  114. blockquote blockquote {
  115. padding-left:5px;
  116. border-left:2px solid;
  117. }
  118.  
  119. h1 {
  120. font-size:15px;
  121. }
  122.  
  123. /*--- post entries ---*/
  124.  
  125. #entries {
  126. padding:10px;
  127. width:500px;
  128. margin-left:550px;
  129. margin-top:60px;
  130. }
  131.  
  132. #post {
  133. width:500px;
  134. padding-bottom:20px;
  135. margin-bottom:30px;
  136. }
  137.  
  138. /*--- sidebar ---*/
  139.  
  140. #sidebar {
  141. width:300px;
  142. position:fixed;
  143. margin-left:200px;
  144. margin-top:60px;
  145. }
  146.  
  147. #title {
  148. font-size:30px;
  149. font-family:varela round;
  150. text-align:center;
  151. letter-spacing:2px;
  152. margin-bottom:20px;
  153. }
  154.  
  155. #sidebarimage {
  156. width 300px;
  157. }
  158.  
  159. #sidebarimage img {
  160. width:300px;
  161. border-radius:100%;
  162. }
  163.  
  164. #sidebar:hover
  165. #sidebarimage img{
  166. opacity:0.1;
  167. -webkit-transition-duration:1s;
  168. -moz-transition-duration:1s;
  169. -o-transition-duration:1s;
  170. }
  171.  
  172. /*description*/
  173.  
  174. #description {
  175. position:fixed;
  176. opacity:0;
  177. font-family:veranda;
  178. font-size:13px;
  179. line-height:120%;
  180. background-color:transparent;
  181. margin-bottom:100px;
  182. margin-left:30px;
  183. margin-right:30px;
  184. text-align:justify;
  185. padding:5px;
  186. height:auto;
  187. width:230px;
  188. margin-top:-210px;
  189. z-index:-2;
  190. }
  191.  
  192. #sidebar:hover
  193. #description {
  194. opacity:1;
  195. -webkit-transition-duration:1s;
  196. -moz-transition-duration:1s;
  197. -o-transition-duration:1s;
  198. }
  199.  
  200. /*--- pagination ---*/
  201.  
  202. #pagination {
  203. font-size:20px;
  204. text-align:center;
  205. }
  206.  
  207. /*--- post info ---*/
  208.  
  209. #info {
  210. margin-top:10px;
  211. padding:10px;
  212. font-size:10px;
  213. color:{color:text};
  214. background:{color:box8} ;
  215. text-transform:lowercase;
  216. opacity: 0;
  217. text-align:center;
  218. -moz-transition-duration:0.5s;
  219. -webkit-transition-duration:0.5s;
  220. -o-transition-duration:0.5s;
  221. }
  222.  
  223. #post:hover
  224. #info {
  225. opacity:1;
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. -o-transition-duration:0.5s;
  229. }
  230.  
  231. #info a {
  232. color:{color:link};
  233. }
  234.  
  235. #info a:hover {
  236. color:{color:hover};
  237. -moz-transition-duration:0.5s;
  238. -webkit-transition-duration:0.5s;
  239. -o-transition-duration:0.5s;
  240. }
  241.  
  242. /*--- links and updates tab ---*/
  243.  
  244. /*--- links ---*/
  245.  
  246. #box1 {
  247. position:fixed;
  248. top:70px;
  249. margin-left:1070px;
  250. background-color:{color:box1};
  251. height:15px;
  252. width:15px;
  253. margin-right:2px;
  254. border-radius:100%;
  255. z-index:9999999;
  256. }
  257.  
  258. #thing1 {
  259. width:0;
  260. height:0;
  261. opacity:0;
  262. right:170px;
  263. text-transform:uppercase;
  264. position:fixed;
  265. font-size:8px;
  266. padding:2px;
  267. text-align:left;
  268. overflow:hidden;
  269. z-index:9;
  270. -webkit-transition: all 0.5s ease-out;
  271. -moz-transition: all 0.5s ease-out;
  272. -o-transition: all 0.7s ease-in-out;
  273. transition: all 0.5s ease-out;
  274. }
  275.  
  276. #box1:hover
  277. #thing1 {
  278. opacity:1;
  279. width:100px;
  280. height:15px;
  281. color:{color:text};
  282. font-family:veranda;
  283. background:transparent;
  284. }
  285.  
  286. #box2 {
  287. position:fixed;
  288. top:91px;
  289. margin-left:1070px;
  290. background-color:{color:box2};
  291. height:15px;
  292. width:15px;
  293. margin-right:2px;
  294. border-radius:100%;
  295. z-index:999999;
  296. }
  297.  
  298. #thing2 {
  299. width:0;
  300. height:0;
  301. opacity:0;
  302. right:170px;
  303. text-transform:uppercase;
  304. position:fixed;
  305. font-size:8px;
  306. padding:2px;
  307. text-align:left;
  308. overflow:hidden;
  309. z-index:9;
  310. -webkit-transition: all 0.5s ease-out;
  311. -moz-transition: all 0.5s ease-out;
  312. transition: all 0.5s ease-out;
  313. }
  314.  
  315. #box2:hover
  316. #thing2 {
  317. opacity:1;
  318. width:100px;
  319. height:15px;
  320. color:{color:text};
  321. font-family:veranda;
  322. background:transparent;
  323. }
  324.  
  325. #box3 {
  326. position:fixed;
  327. top:112px;
  328. margin-left:1070px;
  329. background-color:{color:box3};
  330. height:15px;
  331. width:15px;
  332. margin-right:2px;
  333. border-radius:100%;
  334. z-index:99999;
  335. }
  336.  
  337. #thing3 {
  338. width:0;
  339. height:0;
  340. opacity:0;
  341. right:170px;
  342. text-transform:uppercase;
  343. position:fixed;
  344. font-size:8px;
  345. padding:2px;
  346. text-align:left;
  347. overflow:hidden;
  348. z-index:9;
  349. -webkit-transition: all 0.5s ease-out;
  350. -moz-transition: all 0.5s ease-out;
  351. transition: all 0.5s ease-out;
  352. }
  353.  
  354. #box3:hover
  355. #thing3 {
  356. opacity:1;
  357. width:100px;
  358. height:15px;
  359. color:{color:text};
  360. font-family:veranda;
  361. background:transparent;
  362. }
  363.  
  364. #box4 {
  365. position:fixed;
  366. top:133px;
  367. margin-left:1070px;
  368. background-color:{color:box4};
  369. height:15px;
  370. width:15px;
  371. margin-right:2px;
  372. border-radius:100%;
  373. z-index:1000;
  374. }
  375.  
  376. #thing4 {
  377. width:0;
  378. height:0;
  379. opacity:0;
  380. right:170px;
  381. text-transform:uppercase;
  382. position:fixed;
  383. font-size:8px;
  384. padding:2px;
  385. text-align:left;
  386. overflow:hidden;
  387. z-index:9;
  388. -webkit-transition: all 0.5s ease-out;
  389. -moz-transition: all 0.5s ease-out;
  390. transition: all 0.5s ease-out;
  391. }
  392.  
  393. #box4:hover
  394. #thing4 {
  395. opacity:1;
  396. width:100px;
  397. height:15px;
  398. color:{color:text};
  399. font-family:veranda;
  400. background:transparent;
  401. }
  402.  
  403. /*--- updates tab ---*/
  404.  
  405. #box5 {
  406. position:fixed;
  407. top:180px;
  408. margin-left:1070px;
  409. background-color:{color:box5};
  410. height:15px;
  411. width:15px;
  412. margin-right:2px;
  413. border-radius:100%;
  414. z-index:1000;
  415. }
  416.  
  417. #thing5 {
  418. width:0;
  419. height:0;
  420. opacity:0;
  421. right:170px;
  422. text-transform:uppercase;
  423. position:fixed;
  424. font-size:8px;
  425. padding:2px;
  426. text-align:left;
  427. overflow:hidden;
  428. z-index:9;
  429. -webkit-transition: all 0.5s ease-out;
  430. -moz-transition: all 0.5s ease-out;
  431. transition: all 0.5s ease-out;
  432. }
  433.  
  434. #box5:hover
  435. #thing5 {
  436. opacity:1;
  437. width:100px;
  438. height:auto;
  439. color:{color:text};
  440. font-family:veranda;
  441. background:transparent;
  442. }
  443.  
  444. #box6 {
  445. position:fixed;
  446. top:200px;
  447. margin-left:1070px;
  448. background-color:{color:box6};
  449. height:15px;
  450. width:15px;
  451. margin-right:2px;
  452. border-radius:100%;
  453. z-index:999;
  454. }
  455.  
  456. #thing6 {
  457. width:0;
  458. height:0;
  459. opacity:0;
  460. right:170px;
  461. text-transform:uppercase;
  462. position:fixed;
  463. font-size:8px;
  464. padding:2px;
  465. text-align:left;
  466. overflow:hidden;
  467. z-index:9;
  468. -webkit-transition: all 0.5s ease-out;
  469. -moz-transition: all 0.5s ease-out;
  470. transition: all 0.5s ease-out;
  471. }
  472.  
  473. #box6:hover
  474. #thing6 {
  475. opacity:1;
  476. width:100px;
  477. height:auto;
  478. color:{color:text};
  479. font-family:veranda;
  480. background:transparent;
  481. }
  482.  
  483. #box7 {
  484. position:fixed;
  485. top:221px;
  486. margin-left:1070px;
  487. background-color:{color:box7};
  488. height:15px;
  489. width:15px;
  490. margin-right:2px;
  491. border-radius:100%;
  492. z-index:100;
  493. }
  494.  
  495. #thing7 {
  496. width:0;
  497. height:0;
  498. opacity:0;
  499. right:170px;
  500. text-transform:uppercase;
  501. position:fixed;
  502. font-size:8px;
  503. padding:2px;
  504. text-align:left;
  505. overflow:hidden;
  506. z-index:9;
  507. -webkit-transition: all 0.5s ease-out;
  508. -moz-transition: all 0.5s ease-out;
  509. transition: all 0.5s ease-out;
  510. }
  511.  
  512. #box7:hover
  513. #thing7 {
  514. opacity:1;
  515. width:100px;
  516. height:auto;
  517. color:{color:text};
  518. font-family:veranda;
  519. background:transparent;
  520. }
  521.  
  522. #box8 {
  523. position:fixed;
  524. top:242px;
  525. margin-left:1070px;
  526. background-color:{color:box8};
  527. height:15px;
  528. width:15px;
  529. margin-right:2px;
  530. border-radius:100%;
  531. z-index:10;
  532. }
  533.  
  534. #thing8 {
  535. width:0;
  536. height:0;
  537. opacity:0;
  538. right:170px;
  539. text-transform:uppercase;
  540. position:fixed;
  541. font-size:8px;
  542. padding:2px;
  543. text-align:left;
  544. overflow:hidden;
  545. z-index:9;
  546. -webkit-transition: all 0.5s ease-out;
  547. -moz-transition: all 0.5s ease-out;
  548. transition: all 0.5s ease-out;
  549. }
  550.  
  551. #box8:hover
  552. #thing8 {
  553. opacity:1;
  554. width:100px;
  555. height:auto;
  556. color:{color:text};
  557. font-family:veranda;
  558. background:transparent;
  559. }
  560.  
  561. /*--- ask ---*/
  562.  
  563. #asker {
  564. float:left;
  565. margin-right:5px;
  566. }
  567.  
  568. #asker img {
  569. border-radius:100%;
  570. }
  571.  
  572. #answer {
  573. padding: 10px;
  574. text-align: left;
  575. color:{color:text};
  576. }
  577.  
  578. /*--- cursor ---*/
  579.  
  580. {block:ifcursor}
  581. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  582. {/block:ifCursor}
  583.  
  584. /*--- tumblr link ---*/
  585.  
  586. .credit, .credit a {
  587. bottom:5px;
  588. right:5px;
  589. font-size:15px;
  590. color:{color:text};
  591. position:fixed;
  592. font-family:georgia;
  593. }
  594.  
  595. .credit a:hover {
  596. color:{color:hover};
  597. }
  598.  
  599. {CustomCSS}</style></head>
  600.  
  601. <body>
  602.  
  603. <div id="box1">
  604. <div id="thing1">
  605. <a href="{text:link1 url}">{text:link1 name}</a>
  606. </div>
  607. </div>
  608.  
  609.  
  610. <div id="box2">
  611. <div id="thing2">
  612. <a href="{text:link2 url}">{text:link2 name}</a>
  613. </div>
  614. </div>
  615.  
  616. <div id="box3">
  617. <div id="thing3">
  618. <a href="{text:link3 url}">{text:link3 name}</a>
  619. </div>
  620. </div>
  621.  
  622. <div id="box4">
  623. <div id="thing4">
  624. <a href="{text:link4 url}">{text:link4 name}</a>
  625. </div>
  626. </div>
  627.  
  628. <div id="box5">
  629. <div id="thing5">
  630. <div align="center"><b><u>{text:title tab1}</b></u><br></div>
  631. <div align="justify">{text:text tab1}</div>
  632. </div>
  633. </div>
  634.  
  635. <div id="box6">
  636. <div id="thing6">
  637. <div align="center"><b><u>{text:title tab2}</b></u><br></div>
  638. <div align="justify">{text:text tab2}</div>
  639. </div>
  640. </div>
  641.  
  642. <div id="box7">
  643. <div id="thing7">
  644. <div align="center"><b><u>{text:title tab3}</b></u><br></div>
  645. <div align="justify">{text:text tab3}</div>
  646. </div>
  647. </div>
  648.  
  649. <div id="box8">
  650. <div id="thing8">
  651. <div align="center"><b><u>{text:title tab4}</b></u><br></div>
  652. <div align="justify">{text:text tab4}</div>
  653. </div>
  654. </div>
  655.  
  656. <div id="sidebar">
  657.  
  658. <div id="title">{Title}</div>
  659.  
  660. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  661.  
  662. <div id="description">{Description}</div>
  663.  
  664. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:NextPage} <a href="{NextPage}">→</a>{/block:NextPage}
  665. </div>{/block:Pagination}
  666.  
  667. </div>
  668.  
  669. <div id="entries">{block:Posts}<div id="post">
  670.  
  671. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  672.  
  673. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  674.  
  675. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  676.  
  677. {block:Quote}"{Quote}"{block:Source} </br>— {Source}{/block:Source}{/block:Quote}
  678.  
  679. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  680.  
  681. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  682.  
  683. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  684.  
  685. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  686.  
  687. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker} said:<br>{Question}<br><div></div>{Answer}{/block:Answer}
  688.  
  689. <div id="info">
  690. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  691. {NoteCountWithLabel}</a>{block:RebloggedFrom} | via:<a href="{ReblogParentURL}"
  692. title="{ReblogParentTitle}">{ReblogParentName}</a> | source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  693.  
  694. </div>
  695. {block:PostNotes}{PostNotes}{/block:PostNotes}
  696. {/block:Posts}</div>
  697.  
  698. <span class="credit">
  699. <a href="http://www.tumblr.com/" target="_blank">©</a>
  700. </span>
  701.  
  702. </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!