API tools faq
paste
Advertisement
RodPendradork

peabody about

RodPendradork
Aug 30th, 2015
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.87 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.  
  3.  
  4.  
  5. <!--
  6.  
  7. About Page #3 by
  8.  
  9. █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀█ █▀▀▄
  10. ▀▀█ █ █▄▄▀ █▄▄█ █ █▀▀ █ █ █▄▄▀ ▀▀ █ █
  11. ▀▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀
  12.  
  13. More at http://stratfor-d.tumblr.com
  14.  
  15. -->
  16.  
  17.  
  18.  
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20.  
  21.  
  22.  
  23. <head>
  24.  
  25. <title>{Title}</title>
  26. <meta name="description" content="{MetaDescription}"/>
  27. <link rel="shortcut icon" href="{Favicon}" />
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  29.  
  30. <style type="text/css">
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38. #s-m-t-tooltip {
  39. max-width:300px;
  40. margin:15px;
  41. padding:2px 8px;
  42. border:1px solid #ddd;
  43. border-radius:4px;
  44. background:#fff;
  45. color:#bbb;
  46. z-index:999999;
  47. font-size:8px;
  48. font-style:italic;
  49. text-transform:lowercase;
  50. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  51. }
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. background:#fff;
  62. border:1px solid #750000;
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. background:#750000;
  67. height:7px;
  68. width:7px;
  69. }
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. body {
  77. background:#;
  78. font-family:arial;
  79. font-size:10px
  80. color:#03A309;
  81. }
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89. #all {
  90. width:100%;
  91. }
  92.  
  93. #cover {
  94. width:835px;
  95. }
  96.  
  97. #content {
  98. position:fixed;
  99. top: 50%;
  100. margin-top: -50px;
  101. height:200px;
  102. width:835px;
  103. }
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111. #portrait {
  112. width:128px;
  113. height:128px;
  114. text-align:center;
  115. margin-left:2px;
  116. padding:7px;
  117. border:3px solid #750000;
  118. border-radius:100%;
  119. position:absolute;
  120. transition-duration: 0.8s;
  121. -moz-transition-duration: 0.8s;
  122. -webkit-transition-duration: 0.8s;
  123. -o-transition-duration: 0.8s;
  124. }
  125.  
  126. #portrait img {
  127. width:110px;
  128. height:110px;
  129. border-radius:100%;
  130. background:#750000;
  131. padding:9px;
  132. transition-duration: 0.8s;
  133. -moz-transition-duration: 0.8s;
  134. -webkit-transition-duration: 0.8s;
  135. -o-transition-duration: 0.8s;
  136. }
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143. #portrait2 {
  144. margin-left:533px;
  145. margin-top:-30px;
  146. padding:11px;
  147. width:128px;
  148. height:128px;
  149. text-align:center;
  150. border-radius:100%;
  151. position:absolute;
  152. transition-duration: 0.8s;
  153. -moz-transition-duration: 0.8s;
  154. -webkit-transition-duration: 0.8s;
  155. -o-transition-duration: 0.8s;
  156. }
  157.  
  158. #portrait2 img {
  159. width:110px;
  160. height:110px;
  161. border-radius:100%;
  162. background:#750000;
  163. padding:9px;
  164. transition-duration: 0.8s;
  165. -moz-transition-duration: 0.8s;
  166. -webkit-transition-duration: 0.8s;
  167. -o-transition-duration: 0.8s;
  168. }
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177. #line1 {
  178. position:absolute;
  179. margin-left:137px;
  180. margin-top:60px;
  181. background:#750000;
  182. height:3px;
  183. width:115px;
  184. -webkit-transform: rotate(345deg) scale(1) skew(1deg) translate(0px);
  185. -moz-transform: rotate(345deg) scale(1) skew(1deg) translate(0px);
  186. -o-transform: rotate(345deg) scale(1) skew(1deg) translate(0px);
  187. -ms-transform: rotate(345deg) scale(1) skew(1deg) translate(0px);
  188. transition-duration: 0.8s;
  189. -moz-transition-duration: 0.8s;
  190. -webkit-transition-duration: 0.8s;
  191. -o-transition-duration: 0.8s;
  192. box-shadow:inset 0px 0px #FF1717;
  193. -webkit-box-shadow:inset 0px 0px #FF1717;
  194. }
  195.  
  196. #line2 {
  197. position:absolute;
  198. margin-left:286px;
  199. margin-top:66px;
  200. background:#750000;
  201. height:3px;
  202. width:122px;
  203. -webkit-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  204. -moz-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  205. -o-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  206. -ms-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  207. transition-duration: 0.8s;
  208. -moz-transition-duration: 0.8s;
  209. -webkit-transition-duration: 0.8s;
  210. -o-transition-duration: 0.8s;
  211. transition-duration: 0.8s;
  212. -moz-transition-duration: 0.8s;
  213. -webkit-transition-duration: 0.8s;
  214. -o-transition-duration: 0.8s;
  215. box-shadow:inset 0px 0px #FF1717;
  216. -webkit-box-shadow:inset 0px 0px #FF1717;
  217. }
  218.  
  219. #line3 {
  220. position:absolute;
  221. margin-left:433px;
  222. margin-top:67px;
  223. background:#750000;
  224. height:3px;
  225. width:116px;
  226. -webkit-transform: rotate(338deg) scale(1) skew(1deg) translate(0px);
  227. -moz-transform: rotate(338deg) scale(1) skew(1deg) translate(0px);
  228. -o-transform: rotate(338deg) scale(1) skew(1deg) translate(0px);
  229. -ms-transform: rotate(338deg) scale(1) skew(1deg) translate(0px);
  230. transition-duration: 0.8s;
  231. -moz-transition-duration: 0.8s;
  232. -webkit-transition-duration: 0.8s;
  233. -o-transition-duration: 0.8s;
  234. transition-duration: 0.8s;
  235. -moz-transition-duration: 0.8s;
  236. -webkit-transition-duration: 0.8s;
  237. -o-transition-duration: 0.8s;
  238. box-shadow:inset 0px 0px #FF1717;
  239. -webkit-box-shadow:inset 0px 0px #FF1717;
  240. }
  241.  
  242. #line4 {
  243. position:absolute;
  244. margin-left:668px;
  245. margin-top:67px;
  246. background:#750000;
  247. height:3px;
  248. width:122px;
  249. -webkit-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  250. -moz-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  251. -o-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  252. -ms-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  253. transition-duration: 0.8s;
  254. -moz-transition-duration: 0.8s;
  255. -webkit-transition-duration: 0.8s;
  256. -o-transition-duration: 0.8s;
  257. transition-duration: 0.8s;
  258. -moz-transition-duration: 0.8s;
  259. -webkit-transition-duration: 0.8s;
  260. -o-transition-duration: 0.8s;
  261. box-shadow:inset 0px 0px #FF1717;
  262. -webkit-box-shadow:inset 0px 0px #FF1717;
  263. }
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274. .c1 {
  275. background:#FF1717;
  276. width:40px;
  277. height:40px;
  278. border-radius:50px;
  279. transition-duration: 0.8s;
  280. -moz-transition-duration: 0.8s;
  281. -webkit-transition-duration: 0.8s;
  282. -o-transition-duration: 0.8s;
  283. }
  284.  
  285. #circle1 {
  286. width:40px;
  287. height:40px;
  288. padding:5px;
  289. border: 2px dashed #FF1717;
  290. border-radius:50px;
  291. margin-left:243px;
  292. margin-top:20px;
  293. position:absolute;
  294. transition-duration: 0.8s;
  295. -moz-transition-duration: 0.8s;
  296. -webkit-transition-duration: 0.8s;
  297. -o-transition-duration: 0.8s;
  298. }
  299.  
  300.  
  301.  
  302. #circle1:hover {
  303. border:2px dashed #FF1717;
  304. -webkit-transform: rotate(360deg);
  305. -moz-transform: rotate(360deg);
  306. -o-transform: rotate(360deg);
  307. -ms-transform: rotate(360deg);
  308. transition-duration: 0.8s;
  309. -moz-transition-duration: 0.8s;
  310. -webkit-transition-duration: 0.8s;
  311. -o-transition-duration: 0.8s;
  312. }
  313.  
  314. #circle1:hover .c1 {
  315. box-shadow:inset 120px 0px #FF1717;
  316. -webkit-box-shadow:inset 120px 0px #FF1717;
  317. -webkit-transform: rotate(360deg);
  318. -moz-transform: rotate(360deg);
  319. -o-transform: rotate(360deg);
  320. -ms-transform: rotate(360deg);
  321. transition-duration: 0.8s;
  322. -moz-transition-duration: 0.8s;
  323. -webkit-transition-duration: 0.8s;
  324. -o-transition-duration: 0.8s;
  325. }
  326.  
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333. .c2 {
  334. background:#FF1717;
  335. width:35px;
  336. height:35px;
  337. border-radius:50px;
  338. transition-duration: 0.8s;
  339. -moz-transition-duration: 0.8s;
  340. -webkit-transition-duration: 0.8s;
  341. -o-transition-duration: 0.8s;
  342. }
  343.  
  344. #circle2 {
  345. width:35px;
  346. height:35px;
  347. padding:9px;
  348. border: 2px solid #FF1717;
  349. border-radius:50px;
  350. margin-left:392px;
  351. margin-top:60px;
  352. position:absolute;
  353. transition-duration: 0.8s;
  354. -moz-transition-duration: 0.8s;
  355. -webkit-transition-duration: 0.8s;
  356. -o-transition-duration: 0.8s;
  357. }
  358.  
  359.  
  360.  
  361. #circle2:hover {
  362. border: 2px solid #FF1717;
  363. padding:4px;
  364. width:45px;
  365. height:45px;
  366. transition-duration: 0.8s;
  367. -moz-transition-duration: 0.8s;
  368. -webkit-transition-duration: 0.8s;
  369. -o-transition-duration: 0.8s;
  370. }
  371.  
  372. #circle2:hover .c2 {
  373. width:45px;
  374. height:45px;
  375. box-shadow:inset 120px 0px #FF1717;
  376. -webkit-box-shadow:inset 120px 0px #FF1717;
  377. -webkit-transform: rotate(360deg);
  378. -moz-transform: rotate(360deg);
  379. -o-transform: rotate(360deg);
  380. -ms-transform: rotate(360deg);
  381. transition-duration: 0.8s;
  382. -moz-transition-duration: 0.8s;
  383. -webkit-transition-duration: 0.8s;
  384. -o-transition-duration: 0.8s;
  385. }
  386.  
  387. #circle2:hover ~ #line2 {
  388. width:116px;
  389. box-shadow:inset 116px 0px #FF1717;
  390. -webkit-box-shadow:inset 116px 0px #FF1717;
  391. transition-duration: 0.8s;
  392. -moz-transition-duration: 0.8s;
  393. -webkit-transition-duration: 0.8s;
  394. -o-transition-duration: 0.8s;
  395. }
  396.  
  397. #circle2:hover ~ #line3 {
  398. box-shadow:inset 6px 0px #FF1717;
  399. -webkit-box-shadow:inset 6px 0px #FF1717;
  400. transition-duration: 0.8s;
  401. -moz-transition-duration: 0.8s;
  402. -webkit-transition-duration: 0.8s;
  403. -o-transition-duration: 0.8s;
  404. }
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413. .c3 {
  414. background:#FF1717;
  415. width:40px;
  416. height:40px;
  417. border-radius:50px;
  418. transition-duration: 0.8s;
  419. -moz-transition-duration: 0.8s;
  420. -webkit-transition-duration: 0.8s;
  421. -o-transition-duration: 0.8s;
  422. }
  423.  
  424. #circle3 {
  425. width:40px;
  426. height:40px;
  427. padding:4px;
  428. border: 4px double #FF1717;
  429. border-radius:50px;
  430. margin-left:778px;
  431. margin-top:60px;
  432. position:absolute;
  433. transition-duration: 0.8s;
  434. -moz-transition-duration: 0.8s;
  435. -webkit-transition-duration: 0.8s;
  436. -o-transition-duration: 0.8s;
  437. }
  438.  
  439.  
  440.  
  441. #circle3:hover {
  442. border: 4px solid #FF1717;
  443. transition-duration: 0.8s;
  444. -moz-transition-duration: 0.8s;
  445. -webkit-transition-duration: 0.8s;
  446. -o-transition-duration: 0.8s;
  447. }
  448.  
  449. #circle3:hover .c3 {
  450. box-shadow:inset 120px 0px #FF1717;
  451. -webkit-box-shadow:inset 120px 0px #FF1717;
  452. -webkit-transform: rotate(360deg);
  453. -moz-transform: rotate(360deg);
  454. -o-transform: rotate(360deg);
  455. -ms-transform: rotate(360deg);
  456. transition-duration: 0.8s;
  457. -moz-transition-duration: 0.8s;
  458. -webkit-transition-duration: 0.8s;
  459. -o-transition-duration: 0.8s;
  460. }
  461.  
  462. #circle3:hover ~ #portrait2 {
  463. transition-duration: 0.8s;
  464. -moz-transition-duration: 0.8s;
  465. -webkit-transition-duration: 0.8s;
  466. -o-transition-duration: 0.8s;
  467. }
  468.  
  469. #circle3:hover ~ #portrait2 img {
  470. box-shadow:inset 150px 0px #FF1717;
  471. -webkit-box-shadow:inset 150px 0px #FF1717;
  472. transition-duration: 0.8s;
  473. -moz-transition-duration: 0.8s;
  474. -webkit-transition-duration: 0.8s;
  475. -o-transition-duration: 0.8s;
  476. }
  477.  
  478. #circle3:hover ~ #line2 {
  479. box-shadow:inset 121px 0px #FF1717;
  480. -webkit-box-shadow:inset 121px 0px #FF1717;
  481. transition-duration: 0.8s;
  482. -moz-transition-duration: 0.8s;
  483. -webkit-transition-duration: 0.8s;
  484. -o-transition-duration: 0.8s;
  485. }
  486.  
  487. #circle3:hover ~ #line3 {
  488. width:116px;
  489. box-shadow:inset 116px 0px #FF1717;
  490. -webkit-box-shadow:inset 116px 0px #FF1717;
  491. transition-duration: 0.8s;
  492. -moz-transition-duration: 0.8s;
  493. -webkit-transition-duration: 0.8s;
  494. -o-transition-duration: 0.8s;
  495. }
  496.  
  497. #circle3:hover ~ #line4 {
  498. box-shadow:inset 122px 0px #FF1717;
  499. -webkit-box-shadow:inset 122px 0px #FF1717;
  500. transition-duration: 0.8s;
  501. -moz-transition-duration: 0.8s;
  502. -webkit-transition-duration: 0.8s;
  503. -o-transition-duration: 0.8s;
  504. }
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512. #circle1:hover ~ #line1, #circle2:hover ~ #line1, #circle3:hover ~ #line1 {
  513. box-shadow:inset 120px 0px #FF1717;
  514. -webkit-box-shadow:inset 120px 0px #FF1717;
  515. transition-duration: 0.8s;
  516. -moz-transition-duration: 0.8s;
  517. -webkit-transition-duration: 0.8s;
  518. -o-transition-duration: 0.8s;
  519. }
  520.  
  521. #circle1:hover ~ #portrait, #circle2:hover ~ #portrait, #circle3:hover ~ #portrait {
  522. border:3px solid #FF1717;
  523. transition-duration: 0.8s;
  524. -moz-transition-duration: 0.8s;
  525. -webkit-transition-duration: 0.8s;
  526. -o-transition-duration: 0.8s;
  527. }
  528.  
  529. #circle1:hover ~ #portrait img, #circle2:hover ~ #portrait img, #circle3:hover ~ #portrait img {
  530. box-shadow:inset 150px 0px #750000;
  531. -webkit-box-shadow:inset 150px 0px #750000;
  532. transition-duration: 0.8s;
  533. -moz-transition-duration: 0.8s;
  534. -webkit-transition-duration: 0.8s;
  535. -o-transition-duration: 0.8s;
  536. }
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548. #tri1 {
  549. opacity:0;
  550. font-size:0px;
  551. color:#E31414;
  552. position:absolute;
  553. font-family:times;
  554. text-align:center;
  555. margin-left:140px;
  556. margin-top:-48px;
  557. width:260px;
  558. transition-duration: 0.8s;
  559. -moz-transition-duration: 0.8s;
  560. -webkit-transition-duration: 0.8s;
  561. -o-transition-duration: 0.8s;
  562. }
  563.  
  564. #bubble1 {
  565. opacity:0;
  566. width:0px;
  567. overflow:hidden;
  568. background:#E31414;
  569. padding:0px;
  570. border:0px solid #E31414;
  571. height:0px;
  572. color:#fff;
  573. font-size:11px;
  574. margin-left:270px;
  575. margin-top:-35px;
  576. position:absolute;
  577. text-align:justify;
  578. transition-duration: 0.8s;
  579. -moz-transition-duration: 0.8s;
  580. -webkit-transition-duration: 0.8s;
  581. -o-transition-duration: 0.8s;
  582. }
  583.  
  584. #btext1 b {
  585. font-family:times;
  586. font-style:italic;
  587. font-size:12px;
  588. margin-right:3px;
  589. }
  590.  
  591.  
  592.  
  593. #circle1:hover ~ #tri1, #tri1:hover {
  594. opacity:1;
  595. font-size:40px;
  596. width:260px;
  597. margin-top:-48px;
  598. padding-bottom:20px;
  599. transition-duration: 0.8s;
  600. -moz-transition-duration: 0.8s;
  601. -webkit-transition-duration: 0.8s;
  602. -o-transition-duration: 0.8s;
  603. }
  604.  
  605. #circle1:hover ~ #bubble1, #tri1:hover ~ #bubble1, #bubble1:hover {
  606. opacity:1;
  607. width:230px;
  608. border:15px solid #E31414;
  609. border-right:10px solid #E31414;
  610. padding-right:5px;
  611. height:97px;
  612. overflow-y:scroll;
  613. margin-top:-164px;
  614. margin-left:140px;
  615. transition-duration: 0.8s;
  616. -moz-transition-duration: 0.8s;
  617. -webkit-transition-duration: 0.8s;
  618. -o-transition-duration: 0.8s;
  619. }
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629. #tri2 {
  630. opacity:0;
  631. font-size:0px;
  632. color:#E31414;
  633. position:absolute;
  634. font-family:times;
  635. text-align:center;
  636. margin-left:140px;
  637. margin-top:147px;
  638. width:260px;
  639. transition-duration: 0.8s;
  640. -moz-transition-duration: 0.8s;
  641. -webkit-transition-duration: 0.8s;
  642. -o-transition-duration: 0.8s;
  643. }
  644.  
  645. #bubble2 {
  646. opacity:0;
  647. width:0px;
  648. overflow-x:hidden;
  649. overflow-y:scroll;
  650. background:#E31414;
  651. padding:0px;
  652. border:0px solid #E31414;
  653. height:0px;
  654. color:#fff;
  655. font-size:11px;
  656. margin-left:270px;
  657. margin-top:130px;
  658. position:absolute;
  659. text-align:justify;
  660. transition-duration: 0.8s;
  661. -moz-transition-duration: 0.8s;
  662. -webkit-transition-duration: 0.8s;
  663. -o-transition-duration: 0.8s;
  664. }
  665.  
  666. #btext2 a {
  667. border-bottom:1px dotted #fff;
  668. color:#fff;
  669. }
  670.  
  671. #btext2 a:hover {
  672. border-bottom:0px dotted #fff;
  673. }
  674.  
  675. #header {
  676. font-family:times;
  677. font-size:18px;
  678. font-weight:700;
  679. font-style:italic;
  680. margin-bottom:7px;
  681. }
  682.  
  683. #header:first-letter {
  684. text-transform:uppercase;
  685. font-size:27px;
  686. font-weight:700;
  687. font-family:georgia;
  688. margin-right:-2px;
  689. }
  690.  
  691.  
  692.  
  693. #circle1:hover ~ #tri2, #tri2:hover {
  694. opacity:1;
  695. font-size:40px;
  696. width:260px;
  697. margin-top:74px;
  698. padding-top:20px;
  699. transition-duration: 0.8s;
  700. -moz-transition-duration: 0.8s;
  701. -webkit-transition-duration: 0.8s;
  702. -o-transition-duration: 0.8s;
  703. }
  704.  
  705. #circle1:hover ~ #bubble2, #tri2:hover ~ #bubble2, #bubble2:hover {
  706. opacity:1;
  707. width:230px;
  708. border:15px solid #E31414;
  709. border-right:10px solid #E31414;
  710. padding-right:5px;
  711. height:135px;
  712. margin-left:140px;
  713. transition-duration: 0.8s;
  714. -moz-transition-duration: 0.8s;
  715. -webkit-transition-duration: 0.8s;
  716. -o-transition-duration: 0.8s;
  717. }
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724. #tri3 {
  725. opacity:0;
  726. font-size:0px;
  727. color:#E31414;
  728. position:absolute;
  729. font-family:times;
  730. text-align:center;
  731. margin-left:293px;
  732. margin-top:-38px;
  733. width:260px;
  734. transition-duration: 0.8s;
  735. -moz-transition-duration: 0.8s;
  736. -webkit-transition-duration: 0.8s;
  737. -o-transition-duration: 0.8s;
  738. }
  739.  
  740. #bubble3 {
  741. opacity:0;
  742. width:0px;
  743. overflow-y:scroll;
  744. background:#E31414;
  745. padding:0px;
  746. border:0px solid #E31414;
  747. height:0px;
  748. color:#fff;
  749. font-size:11px;
  750. margin-left:423px;
  751. margin-top:-33px;
  752. position:absolute;
  753. text-align:justify;
  754. transition-duration: 0.8s;
  755. -moz-transition-duration: 0.8s;
  756. -webkit-transition-duration: 0.8s;
  757. -o-transition-duration: 0.8s;
  758. }
  759.  
  760. #btext3 b {
  761. font-family:times;
  762. font-style:italic;
  763. font-size:12px;
  764. margin-right:3px;
  765. }
  766.  
  767. #btext3:first-letter {
  768. text-transform:uppercase;
  769. font-size:33px;
  770. padding:2px 9px;
  771. margin-right:10px;
  772. border:3px double #fff;
  773. float:left;
  774. font-family:times;
  775. font-style:italic;
  776. }
  777.  
  778.  
  779.  
  780. #circle2:hover ~ #tri3, #tri3:hover {
  781. opacity:1;
  782. font-size:40px;
  783. margin-top:-8px;
  784. width:260px;
  785. padding-bottom:20px;
  786. transition-duration: 0.8s;
  787. -moz-transition-duration: 0.8s;
  788. -webkit-transition-duration: 0.8s;
  789. -o-transition-duration: 0.8s;
  790. }
  791.  
  792. #circle2:hover ~ #bubble3, #tri3:hover ~ #bubble3, #bubble3:hover {
  793. opacity:1;
  794. width:230px;
  795. border:15px solid #E31414;
  796. border-right:10px solid #E31414;
  797. padding-right:5px;
  798. height:135px;
  799. margin-top:-162px;
  800. margin-left:293px;
  801. transition-duration: 0.8s;
  802. -moz-transition-duration: 0.8s;
  803. -webkit-transition-duration: 0.8s;
  804. -o-transition-duration: 0.8s;
  805. }
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812. #tri4 {
  813. opacity:0;
  814. font-size:0px;
  815. color:#E31414;
  816. position:absolute;
  817. font-family:times;
  818. text-align:center;
  819. margin-left:293px;
  820. margin-top:190px;
  821. width:260px;
  822. transition-duration: 0.8s;
  823. -moz-transition-duration: 0.8s;
  824. -webkit-transition-duration: 0.8s;
  825. -o-transition-duration: 0.8s;
  826. }
  827.  
  828. #bubble4 {
  829. opacity:0;
  830. width:0px;
  831. overflow:hidden;
  832. background:#E31414;
  833. padding:0px;
  834. border:0px solid #E31414;
  835. height:0px;
  836. color:#fff;
  837. margin-left:423px;
  838. margin-top:173px;
  839. position:absolute;
  840. text-align:center;
  841. transition-duration: 0.8s;
  842. -moz-transition-duration: 0.8s;
  843. -webkit-transition-duration: 0.8s;
  844. -o-transition-duration: 0.8s;
  845. }
  846.  
  847. #btext4 {
  848. font-style:italic;
  849. font-weight:700;
  850. font-family:times;
  851. font-size:20px;
  852. line-height:18px;
  853. }
  854.  
  855. .quo {
  856. font-style:normal;
  857. }
  858.  
  859.  
  860.  
  861. #circle2:hover ~ #tri4, #tri4:hover {
  862. opacity:1;
  863. font-size:40px;
  864. width:260px;
  865. margin-top:117px;
  866. padding-top:20px;
  867. transition-duration: 0.8s;
  868. -moz-transition-duration: 0.8s;
  869. -webkit-transition-duration: 0.8s;
  870. -o-transition-duration: 0.8s;
  871. }
  872.  
  873. #circle2:hover ~ #bubble4, #tri4:hover ~ #bubble4, #bubble4:hover {
  874. opacity:1;
  875. width:230px;
  876. border:15px solid #E31414;
  877. height:58px;
  878. margin-left:293px;
  879. transition-duration: 0.8s;
  880. -moz-transition-duration: 0.8s;
  881. -webkit-transition-duration: 0.8s;
  882. -o-transition-duration: 0.8s;
  883. }
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891. #tri5 {
  892. opacity:0;
  893. font-size:0px;
  894. color:#E31414;
  895. position:absolute;
  896. width:130px;
  897. font-family:times;
  898. text-align:center;
  899. margin-left:742px;
  900. margin-top:-8px;
  901. transition-duration: 0.8s;
  902. -moz-transition-duration: 0.8s;
  903. -webkit-transition-duration: 0.8s;
  904. -o-transition-duration: 0.8s;
  905. }
  906.  
  907. #bubble5 {
  908. opacity:0;
  909. width:0px;
  910. overflow:hidden;
  911. background:#E31414;
  912. padding:0px;
  913. border:0px solid #E31414;
  914. height:0px;
  915. color:#fff;
  916. font-size:11px;
  917. margin-left:807px;
  918. margin-top:-1px;
  919. position:absolute;
  920. text-align:justify;
  921. transition-duration: 0.8s;
  922. -moz-transition-duration: 0.8s;
  923. -webkit-transition-duration: 0.8s;
  924. -o-transition-duration: 0.8s;
  925. }
  926.  
  927. #bubble5 a {
  928. display:block;
  929. margin:5px;
  930. text-decoration:none;
  931. padding:5px;
  932. margin-bottom:10px;
  933. background:#fff;
  934. text-transform:uppercase;
  935. font-size:7px;
  936. height:7px;
  937. letter-spacing:1px;
  938. color:#2B0000;
  939. text-align:center;
  940. transition-duration: 0.8s;
  941. -moz-transition-duration: 0.8s;
  942. -webkit-transition-duration: 0.8s;
  943. -o-transition-duration: 0.8s;
  944. }
  945.  
  946. #bubble5 a:hover {
  947. background:#E31414;
  948. color:#fff;
  949. transition-duration: 0.8s;
  950. -moz-transition-duration: 0.8s;
  951. -webkit-transition-duration: 0.8s;
  952. -o-transition-duration: 0.8s;
  953. }
  954.  
  955.  
  956.  
  957. #circle3:hover ~ #tri5, #tri5:hover {
  958. opacity:1;
  959. font-size:40px;
  960. padding-bottom:20px;
  961. transition-duration: 0.8s;
  962. -moz-transition-duration: 0.8s;
  963. -webkit-transition-duration: 0.8s;
  964. -o-transition-duration: 0.8s;
  965. }
  966.  
  967. #circle3:hover ~ #bubble5, #tri5:hover ~ #bubble5, #bubble5:hover {
  968. opacity:1;
  969. width:110px;
  970. padding:10px;
  971. height:108px;
  972. margin-top:-125px;
  973. margin-left:742px;
  974. transition-duration: 0.8s;
  975. -moz-transition-duration: 0.8s;
  976. -webkit-transition-duration: 0.8s;
  977. -o-transition-duration: 0.8s;
  978. }
  979.  
  980.  
  981.  
  982.  
  983.  
  984.  
  985. #tri6 {
  986. opacity:0;
  987. font-size:0px;
  988. color:#E31414;
  989. position:absolute;
  990. font-family:times;
  991. text-align:center;
  992. margin-left:707px;
  993. margin-top:189px;
  994. width:200px;
  995. transition-duration: 0.8s;
  996. -moz-transition-duration: 0.8s;
  997. -webkit-transition-duration: 0.8s;
  998. -o-transition-duration: 0.8s;
  999. }
  1000.  
  1001. #bubble6 {
  1002. opacity:0;
  1003. width:0px;
  1004. overflow:hidden;
  1005. background:#E31414;
  1006. padding:0px;
  1007. border:0px solid #E31414;
  1008. height:0px;
  1009. color:#fff;
  1010. margin-left:807px;
  1011. margin-top:172px;
  1012. position:absolute;
  1013. text-align:center;
  1014. transition-duration: 0.8s;
  1015. -moz-transition-duration: 0.8s;
  1016. -webkit-transition-duration: 0.8s;
  1017. -o-transition-duration: 0.8s;
  1018. }
  1019.  
  1020. #bubble6 img {
  1021. width:16px;
  1022. height:16px;
  1023. margin:2px;
  1024. padding:10px;
  1025. background:#E31414;
  1026. border:1px solid #fff;
  1027. -webkit-transform: perspective(400px) rotateY(0deg);
  1028. -moz-transform: perspective(400px) rotateY(0deg);
  1029. -o-transform: perspective(400px) rotateY(0deg);
  1030. -ms-transform: perspective(400px) rotateY(0deg);
  1031. transition-duration: 0.8s;
  1032. -moz-transition-duration: 0.8s;
  1033. -webkit-transition-duration: 0.8s;
  1034. -o-transition-duration: 0.8s;
  1035. }
  1036.  
  1037. #bubble6 img:hover {
  1038. -webkit-transform: perspective(400px) rotateY(360deg);
  1039. -moz-transform: perspective(400px) rotateY(360deg);
  1040. -o-transform: perspective(400px) rotateY(360deg);
  1041. -ms-transform: perspective(400px) rotateY(360deg);
  1042. transition-duration: 0.8s;
  1043. -moz-transition-duration: 0.8s;
  1044. -webkit-transition-duration: 0.8s;
  1045. -o-transition-duration: 0.8s;
  1046. }
  1047.  
  1048.  
  1049.  
  1050. #circle3:hover ~ #tri6, #tri6:hover {
  1051. opacity:1;
  1052. font-size:40px;
  1053. margin-top:116px;
  1054. padding-top:20px;
  1055. transition-duration: 0.8s;
  1056. -moz-transition-duration: 0.8s;
  1057. -webkit-transition-duration: 0.8s;
  1058. -o-transition-duration: 0.8s;
  1059. }
  1060.  
  1061. #circle3:hover ~ #bubble6, #tri6:hover ~ #bubble6, #bubble6:hover {
  1062. opacity:1;
  1063. width:200px;
  1064. height:52px;
  1065. padding-top:10px;
  1066. margin-left:707px;
  1067. transition-duration: 0.8s;
  1068. -moz-transition-duration: 0.8s;
  1069. -webkit-transition-duration: 0.8s;
  1070. -o-transition-duration: 0.8s;
  1071. }
  1072.  
  1073.  
  1074.  
  1075.  
  1076. {CustomCSS}
  1077. </style>
  1078.  
  1079.  
  1080.  
  1081. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  1082.  
  1083. <!---TOOLTIP--->
  1084. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1085. <script>
  1086. (function($){
  1087. $(document).ready(function(){
  1088. $("[title]").style_my_tooltips({
  1089. tip_follows_cursor:true,
  1090. tip_delay_time:200,
  1091. tip_fade_speed:300
  1092. }
  1093. );
  1094. });
  1095. })(jQuery);
  1096. </script>
  1097. <!------------->
  1098.  
  1099.  
  1100.  
  1101. </head>
  1102. <body>
  1103.  
  1104. <div id="all">
  1105. <center>
  1106.  
  1107.  
  1108. <div id="cover">
  1109. <div id="content">
  1110.  
  1111.  
  1112. <div id="circle1"><div class="c1"></div></div>
  1113. <div id="circle2"><div class="c2"></div></div>
  1114. <div id="circle3"><div class="c3"></div></div>
  1115.  
  1116.  
  1117. <!---IMAGE 1--->
  1118. <div id="portrait">
  1119. <img src="https://40.media.tumblr.com/0ec5521b48367b6a74299faf91d112d8/tumblr_nnt41xa8oy1u81gp9o1_250.jpg">
  1120. </div>
  1121. <!------------->
  1122.  
  1123.  
  1124. <!---IMAGE 2--->
  1125. <div id="portrait2">
  1126. <img src="https://41.media.tumblr.com/f02acc80c8c9c03db6e35fbd4d780bfd/tumblr_nnt41xa8oy1u81gp9o2_250.jpg">
  1127. </div>
  1128. <!------------->
  1129.  
  1130.  
  1131.  
  1132. <div id="line1"></div>
  1133. <div id="line2"></div>
  1134. <div id="line3"></div>
  1135. <div id="line4"></div>
  1136.  
  1137.  
  1138.  
  1139.  
  1140.  
  1141. <!---BUBBLE 1--->
  1142. <div id="tri1">▼</div>
  1143. <div id="bubble1">
  1144. <div id="btext1">
  1145.  
  1146. <!------------INFOS--------------------->
  1147. <b>Name;</b>Arthur Octavius Peabody, Ph.D., Sc.D., honorary M.D</br>
  1148. <b>Gender;</b>Male</br>
  1149. <b>Specie;</b>Canis lupus familiaris, <i>dog</i></br>
  1150. <b>Breed;</b>Beagle</br>
  1151. <b>Location;</b>Manehattan</br>
  1152. <b>Birthday;</b>October, the 11th</br>
  1153. <b>Personality;</b>Fatherly, intelligent, supposedly 'funny', stern, aloof, passionate, clever, polite, kind, loving, <i>emotionally</i> shy, strong
  1154. <!-------------------------------------->
  1155.  
  1156. </div>
  1157. </div>
  1158. <!-------------->
  1159.  
  1160.  
  1161.  
  1162.  
  1163.  
  1164. <!---BUBBLE 2--->
  1165. <div id="tri2">▲</div>
  1166. <div id="bubble2">
  1167. <div id="btext2">
  1168. <div id="header">Face Claims;</div>
  1169.  
  1170. <!------------MORE ABOUT ME------------->
  1171. <i>Default;</i> Benedict Cumberbatch</br>
  1172. <i>Child;</i> Asa Butterfield</br>
  1173. <i>Teenager;</i> Colin Morgan</br>
  1174. <i>Female;</i> Idina Menzel/Lea Michele</br>
  1175. <p><div id="header">Timeline verses;</div>
  1176. <i>v;; in pursuit of knowledge</i>.- pre-Sherman</br>
  1177. <i>v;; if a boy can adopt a dog</i>.- post-Sherman, pre-film</br>
  1178. <i>v;; new adventures on his own</i>.- post-film</br>
  1179. <!-------------------------------------->
  1180.  
  1181. </div>
  1182. </div>
  1183. <!-------------->
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189. <!---BUBBLE 3--->
  1190. <div id="tri3">▼</div>
  1191. <div id="bubble3">
  1192. <div id="btext3">
  1193.  
  1194. <!------------MORE ABOUT ME #2------------->
  1195. <p>Mr. Peabody. Perhaps the most intelligent being that has stepped on Earth. <i>A dog.</i> How come? How could a dog be able to speak in first place? Not even Peabody himself could explain, a whole investigation over his background behind held, but no answers left. All he could remember from his early past, was him being found in the streets of New York, ignoring he was a prouduct of scientific games, attempts of men playing God. An elixir was made, clandestinely mixing several chemicals in order to make whomever who drinks it, the smartest man in the world. But no one was ricking his butt just for tasting it, so they chose a pup. Pup who passed out within the first minutes after drinking the elixir. Nervously, the geniuses left him in a dump. Never witnessing about the success of their product, the dog awaking with a developed attention span, general culture knowledge, and amazing reading and writing abilities. Of course, with his speaking capacity already developed into perfection, it was easy to just ask for a place in the Puppy Adoption Centre, his first pursue in life was plain simple. Finding a family and living the life of any other dog. Trying to fit in, no more. Of course, he failed. No family wanted a beagle smarter than them.
  1196. <p>Despite of it, he was not wasting his life in something that apparently would never happen, so taking the inspiration of all the figures he admired from all the books he had read, the little beagle decided to pursue knowledge, and aport something good to humanity, sharing the wisdom and wits he owned with the world. Firstly picking a name he found suitable for himself. Hector, Octavious, Peabody. Naming himself after a king and an emperor. Pretentious, maybe, pretentious with a good reason, hell you bet it. The more he explored his talents, he discovered that his abilities went beyond mental intelligence. He had an artistic side, being talented with several instruments not everyone could master with, well, <i>paws</i>. He had an athletic side, doing football juggling while bouncing a basketball. Not to mention the creation of more than one skating trick is addressed to him. He was practically flawless. Even his glasses, he crafted them in order to counter his colorblindness. Because dog.
  1197. <p>The years went on and Peabody was a recognized member of society, inventor and...so much more. Yet one point in his life affected him, controversy and questioning all around it. Sherman. As Peabody found himself years ago, he found a small little ginger boy, crying inside a box. This of course moved the dog's heart, he knew he coulnd't leave the baby alone. Trials were held, and a veredict was made. He was Sherman's father now. And the child couldn't have asked for a better father. In return, Peabody found himself loving the child's quirky and curious behaviour. Both sharing that passion for learning. That precious child being the inspiration for the machine that would revolution all knowledge of time and space. The <b>W</b>ormhole <b>A</b>ctivating and <b>B</b>ridging <b>A</b>utomatic <b>C</b>omputer.
  1198. <p><blockquote>The <b>WABAC</b>.</blockquote>
  1199.  
  1200. <!----------------------------------------->
  1201.  
  1202. </div>
  1203. </div>
  1204. <!-------------->
  1205.  
  1206.  
  1207.  
  1208.  
  1209.  
  1210. <!---BUBBLE 4--->
  1211. <div id="tri4">▲</div>
  1212. <div id="bubble4">
  1213. <div id="btext4">
  1214.  
  1215. <!------------QUOTE------------->
  1216. <span class="quo">❝</span> Die?— I find it hard to believe that. <span class="quo">❞</span>
  1217. <!------------------------------>
  1218.  
  1219. </div>
  1220. </div>
  1221. <!-------------->
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227. <!---BUBBLE 5--->
  1228. <div id="tri5">▼</div>
  1229. <div id="bubble5">
  1230. <div id="btext5">
  1231.  
  1232. <!------------LINKS------------->
  1233. <a href="/tagged/√-%7C%7C-headcanon%3B">headcanons</a>
  1234. <a href="/tagged/√-%7C%7C-thoughts%3B">musings</a>
  1235. <a href="/tagged/√-%7C%7C-the-brain%3B">mirror</a>
  1236. <a href="/nav">navigation</a>
  1237. <!------------------------------>
  1238.  
  1239. </div>
  1240. </div>
  1241. <!-------------->
  1242.  
  1243.  
  1244.  
  1245.  
  1246.  
  1247. <!---BUBBLE 6--->
  1248. <div id="tri6">▲</div>
  1249. <div id="bubble6">
  1250. <div id="btext6">
  1251.  
  1252. <!------------NAVIGATION------------->
  1253. <a href="/" title="home"><img src="http://static.tumblr.com/kmw8hta/mwbmtzzx8/home.png"></a>
  1254. <a href="/" title="message"><img src="http://static.tumblr.com/kmw8hta/LIgmu008n/mail.png"></a>
  1255. <a href="/archive" title="archive"><img src="http://static.tumblr.com/kmw8hta/2JDmu009j/time.png"></a>
  1256. <a href="http://stratfor-d.tumblr.com" title="credit"><img src="http://static.tumblr.com/kmw8hta/VvQmu3x2c/edit.png"></a>
  1257. <!----------------------------------->
  1258.  
  1259. </div>
  1260. </div>
  1261. <!-------------->
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267. </div>
  1268. </div>
  1269.  
  1270.  
  1271. </center>
  1272. </div>
  1273.  
  1274. </body>
  1275. </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!