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

Theme 2a

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