API tools faq
paste
Advertisement
desolationresources6

Old Muse

desolationresources6
Jul 5th, 2017
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. page: snowfall
  7.  
  8. @ odeysseus
  9.  
  10. -->
  11.  
  12. <title>SKWAD LIFE</title><!--title-->
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17.  
  18. (function($){
  19.  
  20. $(document).ready(function(){
  21.  
  22. $("a[title]").style_my_tooltips({
  23.  
  24. tip_follows_cursor:true,
  25.  
  26. tip_delay_time:30,
  27.  
  28. tip_fade_speed:300,
  29.  
  30. attribute:"title"
  31.  
  32. });
  33.  
  34. });
  35.  
  36. })(jQuery);
  37.  
  38. </script>
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  44. <script type="text/javascript">
  45. $(window).load(function () {
  46. $('#con').masonry({
  47. itemSelector : ".box",
  48. },
  49. function() { $('#con').masonry({ appendedContent: $(this) }); }
  50. );
  51. });
  52. </script>
  53.  
  54. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  55.  
  56. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar{
  61. height:3px;
  62. width:3px;
  63. background:#f8f8f8;
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb {background:#eee;}
  67.  
  68. ::-webkit-scrollbar-track {background:transparent;}
  69.  
  70. #s-m-t-tooltip{
  71. position:absolute;
  72. margin-top: 15px;
  73. font-size:7px;
  74. color:#aaa;
  75. max-width:250px;
  76. z-index:999999999999999;
  77. padding:5px;
  78. background:white;
  79. text-transform:uppercase;
  80. letter-spacing:1px;
  81. }
  82.  
  83. body {
  84. background:#fdfdfd; /*background*/
  85. font-family:roboto, sans-serif; /*font*/
  86. font-size:10px;
  87. font-weight:300;
  88. line-height:150%;
  89. color:#777;
  90. overflow-x:hidden;
  91.  
  92. }
  93.  
  94. a {
  95. color:#222; /*links*/
  96. text-decoration:none;
  97. transition:0.2s ease-in;
  98. -webkit-transition:0.2s ease-in;
  99. -moz-transition:0.2s ease-in;
  100. }
  101.  
  102. a:hover {
  103. color:#aaa; /*link hover*/
  104. text-decoration:none;
  105. transition:0.2s ease-in;
  106. -webkit-transition:0.2s ease-in;
  107. -moz-transition:0.2s ease-in;
  108. }
  109.  
  110.  
  111. #con {
  112. margin:50px auto;
  113. width:688px;
  114. }
  115.  
  116. #header {
  117. margin:50px auto;
  118. text-align:center;
  119. padding:10px 20px;
  120. }
  121.  
  122. .mtitle {
  123. font-size:12px;
  124. padding:8px;
  125. color:#444; /*main title color*/
  126. font-weight:700;
  127. }
  128.  
  129. .mlinks a {
  130. font-size:9px;
  131. text-transform:lowercase;
  132. padding:2px 0px;
  133. color:#aaa; /*main links color*/
  134. border-bottom:1px solid transparent;
  135. transition:0.2s ease-in;
  136. -webkit-transition:0.2s ease-in;
  137. -moz-transition:0.2s ease-in;
  138. }
  139.  
  140. .mlinks a {
  141. margin:2px;
  142. }
  143.  
  144. .mlinks a:hover {
  145. border-bottom:1px solid #ccc;
  146. }
  147. .box {
  148. vertical-align:top;
  149. position:relative;
  150. float:left;
  151. margin:5px 17px;
  152. width:195px;
  153. font-size:10px;
  154.  
  155. }
  156.  
  157. .box img {
  158. width:215px;
  159. height:170px;
  160. }
  161. .nice {
  162. bottom:20px;
  163. right:20px;
  164. position:fixed;
  165. }
  166.  
  167.  
  168. .m img {
  169. width:50px;
  170. border-radius:100%;
  171. margin:5px auto;
  172. text-align:center;
  173. height:50px;
  174. }
  175.  
  176. .m {
  177. width:60px;
  178. height:60px;
  179. border-radius:100%;
  180. margin:5px auto;
  181. background:#fff;
  182. border:1px solid #eee;
  183. text-align:center;
  184. }
  185.  
  186. .des {
  187. top:-2px;
  188. background:#fff;
  189. width:195px;
  190. font-size:12px;
  191. text-transform:lowercase;
  192. opacity:0;
  193. height:0;
  194. border-top:1px solid transparent;
  195. padding:10px;
  196. text-align:center;
  197. position:absolute;
  198. transition:0.3s ease-in;
  199. -webkit-transition:0.3s ease-in;
  200. -moz-transition:0.3s ease-in;
  201. }
  202.  
  203. .box:hover .des {
  204. opacity:.9;
  205. height:45%;
  206. top:-1px;
  207. }
  208.  
  209. .caption {
  210. opacity:0;
  211. top:auto;
  212. background:#fff;
  213. width:195px;
  214. height:0;
  215. border-bottom:1px solid transparent;
  216. padding:10px;
  217. bottom:-2px;
  218. text-align:center;
  219. position:absolute;
  220. transition:0.3s ease-in;
  221. -webkit-transition:0.3s ease-in;
  222. -moz-transition:0.3s ease-in;
  223. }
  224.  
  225. .box:hover .caption {
  226. opacity:.9;
  227. height:30%;
  228. bottom:3px;
  229. }
  230.  
  231. .caption b {
  232. margin-top:3px;
  233. font-size:9px;
  234. margin:0 auto;
  235. text-align:center!important;
  236. text-transform:uppercase;
  237. letter-spacing:.5px;
  238. font-weight:700;
  239. }
  240.  
  241. .caption i {
  242. color:#aaa;
  243. display:block;
  244. font-size:11px;
  245. margin-top:4px;
  246. text-transform:lowercase;
  247. }
  248.  
  249. .lo {
  250. padding:10px 12px 7px 12px;
  251. line-height:160%;
  252. max-height:70px;
  253. overflow-y:auto;
  254. }
  255.  
  256.  
  257. </style>
  258. </head>
  259. <body>
  260.  
  261. <div id="header">
  262. <div class="m"><img src="http://i.imgur.com/MLnc4AP.png"/></div>
  263. <div class="mtitle">#SKWAD LIFE</div><!--main title-->
  264. <div class="mlinks"><!--links: add more if you want-->
  265. <a href="/">return</a> /
  266. <a href="http://tumblr.com/dashboard/">dashboard</a> /
  267. <a href="http://odeysseus.tumblr.com">theme</a>
  268. </div>
  269. </div>
  270.  
  271. <div id="con">
  272.  
  273.  
  274. <div class="box">
  275. <img src="http://i.imgur.com/EVvwPut.png"/>
  276. <div class="des">
  277. <div class="lo">
  278.  
  279. 20 | Hufflepuff | Werewolf | Alpha
  280. Morsmordre
  281.  
  282. </div>
  283. </div>
  284. <div class="caption">
  285. <b><a href="http://www.roleplayer.me/655983"> Isolde Finnigan</a></b>
  286. <i>"I will spill blood tuh protect wha's mine."</i>
  287. </div>
  288. </div>
  289.  
  290.  
  291.  
  292. <div class="box">
  293. <img src="http://i.imgur.com/qVuKkp3.png"/>
  294. <div class="des">
  295. <div class="lo">
  296.  
  297. 19 | Gryffindor | Alpha Team
  298. Morsmordre
  299.  
  300. </div>
  301. </div>
  302. <div class="caption">
  303. <b><a href="http://www.roleplayer.me/575557"> Dennis Creevey</a></b>
  304. <i>"Muggleborn and Proud."</i>
  305. </div>
  306. </div>
  307.  
  308.  
  309. <div class="box">
  310. <img src="http://i.imgur.com/jbLjWNL.png"/>
  311. <div class="des">
  312. <div class="lo">
  313.  
  314. 21 | Slytherin | Auror | brother
  315. Morsmordre
  316.  
  317. </div>
  318. </div>
  319. <div class="caption">
  320. <b><a href="http://www.roleplayer.me/660525"> Theodore Nott</a></b>
  321. <i>"A man unwilling to fight for what he wants deserves what he gets."</i>
  322. </div>
  323. </div>
  324.  
  325.  
  326.  
  327. <div class="box">
  328. <img src="http://i.imgur.com/34zwjVz.png"/>
  329. <div class="des">
  330. <div class="lo">
  331.  
  332. 20 | Slytherin | Obliviator | Bird
  333. Morsmordre
  334.  
  335. </div>
  336. </div>
  337. <div class="caption">
  338. <b><a href="http://www.roleplayer.me/112258"> Ivy Burke</a></b>
  339. <i>"It's just good business." </i>
  340. </div>
  341. </div>
  342.  
  343.  
  344.  
  345.  
  346. <div class="box">
  347. <img src="http://i.imgur.com/8ia9LmU.png"/>
  348. <div class="des">
  349. <div class="lo">
  350.  
  351. 21 | Gryffindor | Bravo Team
  352. Morsmordre
  353.  
  354. </div>
  355. </div>
  356. <div class="caption">
  357. <b><a href="http://www.roleplayer.me/1057047"> Reina Mcgonagall</a></b>
  358. <i>"Mcgonnagetit"</i>
  359. </div>
  360. </div>
  361.  
  362.  
  363.  
  364.  
  365. <div class="box">
  366. <img src="http://i.imgur.com/pRut5i0.png"/>
  367. <div class="des">
  368. <div class="lo">
  369.  
  370. 39 | Slytherin | In hiding <br>
  371. For the People
  372.  
  373. </div>
  374. </div>
  375. <div class="caption">
  376. <b><a href="http://www.roleplayer.me/47834"> Theodore Nott</a></b>
  377. <i>"Fire cannot kill a Nott."</i>
  378. </div>
  379. </div>
  380.  
  381.  
  382.  
  383. <div class="box">
  384. <img src="http://i.imgur.com/l3MsbN2.png"/>
  385. <div class="des">
  386. <div class="lo">
  387.  
  388. 38 | Hufflepuff | Witch Watcher <br>
  389. For the People
  390.  
  391. </div>
  392. </div>
  393. <div class="caption">
  394. <b><a href="http://www.roleplayer.me/147872"> Daphne Finnigan</a></b>
  395. <i>"If we have the power to change the world, don't you think we have the power to change our own fate?" </i>
  396. </div>
  397. </div>
  398.  
  399.  
  400. <div class="box">
  401. <img src="http://i.imgur.com/bgEo5Hp.png"/>
  402. <div class="des">
  403. <div class="lo">
  404.  
  405. 16 | Slytherin | Muscian | Cleansed<br>
  406. For the People
  407.  
  408. </div>
  409. </div>
  410. <div class="caption">
  411. <b><a href="http://www.roleplayer.me/53314"> Rufus Tremlett</a></b>
  412. <i>"Somebody mixed my medicine." </i>
  413. </div>
  414. </div>
  415.  
  416. <div class="box">
  417. <img src="http://i.imgur.com/B9T586o.png"/>
  418. <div class="des">
  419. <div class="lo">
  420.  
  421. 16 |Hufflepuff | 1/8 | Dragons<br>
  422. For the People
  423.  
  424. </div>
  425. </div>
  426. <div class="caption">
  427. <b><a href="http://www.roleplayer.me/228874"> Colin Creevey II</a></b>
  428. <i>"We need more teeth."</i>
  429. </div>
  430. </div>
  431.  
  432. <div class="box">
  433. <img src="http://i.imgur.com/SKkDsO2.png"/>
  434. <div class="des">
  435. <div class="lo">
  436.  
  437. 18 |Slytherin | from 2036 <br>
  438. For the People
  439.  
  440. </div>
  441. </div>
  442. <div class="caption">
  443. <b><a href="http://www.roleplayer.me/972868"> Jackson Nott</a></b>
  444. <i>"You never had to reach into the fire to dig deep."</i>
  445. </div>
  446. </div>
  447.  
  448. <div class="box">
  449. <img src="http://i.imgur.com/rFSZfuE.png"/>
  450. <div class="des">
  451. <div class="lo">
  452.  
  453. 16 |Ravenclaw | Omega Werewolf <br>
  454. For the People
  455.  
  456. </div>
  457. </div>
  458. <div class="caption">
  459. <b><a href="http://www.roleplayer.me/251065"> Aleksandr Krum</a></b>
  460. <i>"Being a Verevolf does not define me, buduchi Alek delayet."</i>
  461. </div>
  462. </div>
  463.  
  464. <div class="box">
  465. <img src="http://i.imgur.com/WaFfpc1.png"/>
  466. <div class="des">
  467. <div class="lo">
  468.  
  469. 19 |Hufflepuff | The Outlaws. <br>
  470. For the People
  471.  
  472. </div>
  473. </div>
  474. <div class="caption">
  475. <b><a href="http://www.roleplayer.me/869274"> Astrid Moody</a></b>
  476. <i>"I am become death, destoryer of worlds." </i>
  477. </div>
  478. </div>
  479.  
  480. <div class="box">
  481. <img src="http://i.imgur.com/81VoHZg.png"/>
  482. <div class="des">
  483. <div class="lo">
  484.  
  485. 15 | Thunderbird | Hufflepuff | NYC Girl<br>
  486. For the People
  487.  
  488. </div>
  489. </div>
  490. <div class="caption">
  491. <b><a href="http://www.roleplayer.me/869274"> Ruby Graves</a></b>
  492. <i>"Big dreams are best just for kids."</i>
  493. </div>
  494. </div>
  495.  
  496. <div class="box">
  497. <img src="http://i.imgur.com/x8ruuYK.png"/>
  498. <div class="des">
  499. <div class="lo">
  500.  
  501. 16 | Son of Hades | Demi-God <br>
  502. Blood of Olympus
  503.  
  504. </div>
  505. </div>
  506. <div class="caption">
  507. <b><a href="http://www.roleplayer.me/54246"> Nico di Angelo</a></b>
  508. <i>"Not giving people a second second...THAT can be dangerous."</i>
  509. </div>
  510. </div>
  511.  
  512. <div class="box">
  513. <img src="http://i.imgur.com/KZGDZCR.png"/>
  514. <div class="des">
  515. <div class="lo">
  516.  
  517. 15 | Daughter of Dionysus | Demi-God <br>
  518. Blood of Olympus
  519.  
  520. </div>
  521. </div>
  522. <div class="caption">
  523. <b><a href="http://www.roleplayer.me/view_profile.php?member_id=55633"> Georgie Hennisee</a></b>
  524. <i>"You have no power over me!" </i>
  525. </div>
  526. </div>
  527.  
  528.  
  529. <div class="box">
  530. <img src="http://i.imgur.com/r4qxTEU.png"/>
  531. <div class="des">
  532. <div class="lo">
  533.  
  534. 16 | Son of Hephaestus | Demi-God <br>
  535. Blood of Olympus
  536.  
  537. </div>
  538. </div>
  539. <div class="caption">
  540. <b><a href="http://www.roleplayer.me/view_profile.php?member_id=130669"> Leo Valdez</a></b>
  541. <i>"I try not to think. It interferes with being nuts" </i>
  542. </div>
  543. </div>
  544.  
  545. <div class="box">
  546. <img src="http://i.imgur.com/X9cy42Z.png"/>
  547. <div class="des">
  548. <div class="lo">
  549.  
  550. 20 |Metahuman | Cryokinesis | Suicide Squad | Injustice League <br>
  551. DC Comics RP
  552.  
  553. </div>
  554. </div>
  555. <div class="caption">
  556. <b><a href="http://www.roleplayer.me/349230"> Cameron Mahkent | Icicle</a></b>
  557. <i>"And really, that's all you need: someone who sees the psycho that you are and likes you anyway." </i>
  558. </div>
  559. </div>
  560.  
  561. <div class="box">
  562. <img src="http://i.imgur.com/6kyQBEs.png"/>
  563. <div class="des">
  564. <div class="lo">
  565.  
  566. 16/YJ, 24|DCLA |Metahuman | Electrokinesis |Twin <br>
  567. DC Comics RP
  568.  
  569. </div>
  570. </div>
  571. <div class="caption">
  572. <b><a href="http://www.roleplayer.me/view_profile.php?member_id=243887"> Tesla Voltilini | High Voltage</a></b>
  573. <i>"You can't handle the Voltage." </i>
  574. </div>
  575. </div>
  576.  
  577. <div class="box">
  578. <img src="http://i.imgur.com/QVsWV88.png"/>
  579. <div class="des">
  580. <div class="lo">
  581.  
  582. 16 |Metahuman | Speedster | Time traveler<br>
  583. DC Comics RP
  584.  
  585. </div>
  586. </div>
  587. <div class="caption">
  588. <b><a href="http://www.roleplayer.me/view_profile.php?member_id=275001"> Bart Allen | Impulse</a></b>
  589. <i>"Oops, spoilers." </i>
  590. </div>
  591. </div>
  592.  
  593. <div class="box">
  594. <img src="http://i.imgur.com/YDLVM4S.png"/>
  595. <div class="des">
  596. <div class="lo">
  597.  
  598. 16| Digidestined | Sincerity
  599. Digimon RP
  600.  
  601. </div>
  602. </div>
  603. <div class="caption">
  604. <b><a href="http://www.roleplayer.me/610391"> Mimi Tachikawa</a></b>
  605. <i>"Sniveling is for babies, and I've done too much of that all ready."</i>
  606. </div>
  607. </div>
  608.  
  609. <div class="box">
  610. <img src="http://i.imgur.com/2Zbojha.png"/>
  611. <div class="des">
  612. <div class="lo">
  613.  
  614. Owner of Blood of Olympus since 2010<br>
  615. Co-Owner of For the People since 2011<br>
  616. Co-Owner of Morsmordre since 2015
  617.  
  618. </div>
  619. </div>
  620. <div class="caption">
  621. <b><a href="http://www.yurimeister.com/"> Yuri Meister</a></b>
  622. <i>Illustrator, animator, comic book artist and all around creator. <br>RPING since 2002.</i>
  623. </div>
  624. </div>
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644.  
  645. </div>
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658. <div class="nice">
  659. <a href="http://odeysseus.tumblr.com" title="odeysseus">O</a>
  660. </div>
  661. </body>
  662. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
  • Untitled
    C++ | 13 min ago | 1.45 KB
  • Untitled
    C++ | 13 min ago | 1.08 KB
  • Untitled
    C++ | 14 min ago | 1.10 KB
  • Untitled
    C++ | 14 min ago | 0.94 KB
  • Untitled
    C++ | 15 min ago | 1.08 KB
  • Untitled
    C++ | 16 min ago | 1.43 KB
  • bochs
    Bash | 19 min ago | 0.42 KB
  • Esp
    Lua | 29 min ago | 6.44 KB
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!