API tools faq
paste
Advertisement
Carneficine

Kharis Gevaudan code

Carneficine
Feb 11th, 2017
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.56 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body> <style type="text/css">
  4. @import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700|Dynalight|Uncial+Antiqua|Yanone+Kaffeesatz:400,700|Raleway:400,900|Nova+Cut);
  5.  
  6. /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
  7. /* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */
  8.  
  9.  
  10. .vicarious { Structure }
  11. body {
  12. background-color:565656;
  13. background-image:url(xxx);
  14. background-repeat:no-repeat;
  15. background-attachment:fixed;
  16. background-position:left;
  17.  
  18. }
  19.  
  20. table, tr, td { background-color:transparent; border:0px; padding:0px; margin:0px; }
  21.  
  22. .vic-LEFT-SIDE_table, .vic-RIGHT-SIDE_table {
  23. visibility:visible;
  24. z-index:2;
  25. position:absolute;
  26. top:0%;
  27. left:50%;
  28. border:0px;
  29. margin-top:65px;
  30. height:100%;
  31. display:inline-block;
  32. padding:0px;
  33. }
  34.  
  35.  
  36. .vic-LEFT-SIDE_table { width:350px; height:auto; margin-left:-270px; }
  37. .vic-LEFT-SIDE_table tr { margin:0px; }
  38. .vic-LEFT-SIDE_table td { margin:0px; max-width:352px;}
  39.  
  40.  
  41. .vic-RIGHT-SIDE_table { width:550px; height:auto; margin-left:87px;}
  42. .vic-RIGHT-SIDE_table tr {margin:0px; }
  43. .vic-RIGHT-SIDE_table td { margin:0px; max-width:552px; }
  44.  
  45. .vic_table {
  46. width:100%;
  47. margin-bottom:4px;
  48. border:1px solid #6b6b6b;
  49. background-color:ffffff;
  50. overflow:hidden;
  51. display:block;
  52. }
  53.  
  54. .vic_table tr { }
  55. .vic_table td { width:100%; }
  56.  
  57. .vic-LEFT-SIDE_table .vic_table td {width:350px;}
  58. .vic-RIGHT-SIDE_table .vic_table td {width:550px;}
  59.  
  60. .vicarious{ Google Chrome Scrollbar }
  61. ::-webkit-scrollbar {width: 10px;}
  62. ::-webkit-scrollbar-track {border: 1px solid #6b6b6b; background-color:dbdbdb;}
  63. ::-webkit-scrollbar-thumb {border:1px solid #6b6b6b; background-color:ffffff; }
  64.  
  65. .vicarious { General Text }
  66.  
  67. table, tr, td, li, p, div, .text, .btext, a, b, i {
  68. font-family:calibri;
  69. font-size:9px;
  70. line-height:100%;
  71. padding:0px;
  72. margin:0px;
  73. text-decoration:none;
  74. text-transform:none;
  75. text-align:left;
  76. word-wrap: break-word;
  77. color:6b6b6b;
  78. }
  79.  
  80. p {
  81. text-align:justify;
  82. text-indent:0px;
  83. word-wrap: break-word;
  84. margin-bottom:5px;
  85. }
  86.  
  87. b {
  88. font-size:7px;
  89. font-family: 'Uncial Antiqua', cursive;
  90. text-transform:uppercase;
  91. }
  92.  
  93. i {
  94. font-family: 'Dynalight', cursive;
  95. font-size:14px;
  96. }
  97.  
  98. .u, u {
  99. text-decoration:underline;
  100. }
  101.  
  102. .strike, strike {
  103. text-decoration:line-through;
  104. letter-spacing:1px;
  105. }
  106.  
  107. .strong, strong {
  108. letter-spacing:3px;
  109. font-family: 'Raleway', sans-serif;
  110. font-weight:900;
  111. font-size: 11px;
  112. text-transform:uppercase;
  113. line-height:110%;
  114. }
  115.  
  116. em {
  117. font-family: 'Uncial Antiqua', cursive;
  118. font-size:15px;
  119. }
  120.  
  121. .standout {
  122. font-family: "Oswald", Helvetica, sans-serif;
  123. font-weight:400;
  124. letter-spacing:3px;
  125. padding:1px 0px 1px 3px;
  126. text-transform:uppercase;
  127. line-height:200%;
  128. background-color:ffffff;
  129. }
  130.  
  131. small {}
  132. big {}
  133.  
  134. .vicarious { Headers }
  135.  
  136. .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .h13, h13, .h14, h14, .h15, h15, .one, one, .two, two, .three, three, .blockquote, blockquote {
  137. margin:0px;
  138. padding:0px;
  139. display:block;
  140. text-transform:none;
  141. line-height:100%;
  142. }
  143.  
  144. .h1, h1 {
  145. font-family: "Oswald", Helvetica, sans-serif;
  146. font-weight:400;
  147. font-size:45px;
  148. height:50px;
  149. line-height:50px;
  150. overflow:hidden;
  151. text-align:right;
  152. padding:5px;
  153. color:7a7a7a;
  154. text-transform:uppercase;
  155. }
  156.  
  157. .h2, h2 {
  158. font-family: 'Uncial Antiqua', cursive;
  159. margin-top:10px;
  160. font-size:18px;
  161. text-align:center;
  162. text-transform:uppercase;
  163. background-color:dbdbdb;
  164. padding:4px;
  165. }
  166.  
  167. .h3, h3 {
  168. font-family: 'Nova Cut', cursive;
  169. margin:5px 5px 0px 5px;
  170. font-size:12px;
  171. text-align:center;
  172. text-transform:uppercase;
  173. }
  174.  
  175.  
  176. .blockquote, blockquote {
  177. font-family: "Oswald", Helvetica, sans-serif;
  178. font-weight:400;
  179. font-size:10px;
  180. line-height:110%;
  181. text-align:justify;
  182. padding:2px 10px;
  183. margin:10px 20px 10px 20px;
  184. height:55px;
  185. display:block;
  186. overflow:auto;
  187. border-width:0px 0px 0px 10px;
  188. border-style:solid;
  189. border-color:ffffff;
  190. -webkit-border-radius: 5px;
  191. -moz-border-radius: 5px;
  192. border-radius: 5px;
  193. }
  194.  
  195. .cite {font-size:0px; color:transparent;display:block; height:0px;}
  196.  
  197.  
  198. .vicarious { D I V S }
  199.  
  200. #topper {
  201. position:fixed;
  202. visibility:visible;
  203. z-index:1000;
  204. top:0%;
  205. left:0%;
  206. margin-top:0px;
  207. margin-left:0px;
  208. background-position:bottom right;
  209. width:100%;
  210. height:60px;
  211. background-color:ffffff;
  212. border:1px solid #6b6b6b;
  213. overflow:hidden;
  214. }
  215.  
  216. #topper .linx {
  217. position:absolute;
  218. margin-top:0px;
  219. margin-left:70px;
  220. height:100%;
  221. width:auto;
  222. overflow:hidden;
  223. padding-right:4px;
  224. }
  225.  
  226. #topper .linx a {
  227. display:inline-block;
  228. text-transform:uppercase;
  229. text-decoration:none;
  230. overflow:hidden;
  231. width:65px;
  232. height:30px;
  233. line-height:30px;
  234. padding:0px 10px;
  235. margin-left:5px;
  236. margin-top:15px;
  237. font-size:10px;
  238. color:6b6b6b;
  239. text-align:center;
  240. letter-spacing:0px;
  241. webkit-transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  242. -moz-transition color .4s ease .5s, letter-spacing .6s ease 0s;
  243. -ms-transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  244. -o-transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  245. transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  246. }
  247.  
  248.  
  249. #topper .linx a:hover {
  250. letter-spacing:2px;
  251. color:d6d6d6;
  252. }
  253.  
  254. #topper .pic {
  255. position:absolute;
  256. margin-top:5px;
  257. margin-left:10px;
  258. height:50px;
  259. width:50px;
  260. overflow:hidden;
  261. background-size:50px 50px;
  262. background-repeat:no-repeat;
  263. -webkit-border-radius: 50%;
  264. -moz-border-radius: 50%;
  265. border-radius: 50%;
  266. -webkit-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.25);
  267. -moz-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.25);
  268. box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.25);
  269. }
  270.  
  271. #topper .musicGif {
  272. position:absolute;
  273. z-index:1;
  274. top:0%;
  275. right:0%;
  276. margin-top:17px;
  277. margin-right:25px;
  278. width:14px;
  279. height:11px;
  280. padding:5px;
  281. background-color:transparent;
  282. background-image:url(http://i60.tinypic.com/10p0xz7.jpg);
  283. background-position:center center;
  284. background-size:14px 11px;
  285. background-repeat:no-repeat;
  286. overflow:hidden;
  287. border:1px solid #d6d6d6;
  288. webkit-transition: all 0.4s ease-in-out;
  289. -moz-transition: all 0.4s ease-in-out;
  290. -o-transition: all 0.4s ease-in-out;
  291. -ms-transition: all 0.4s ease-in-out;
  292. transition: all 0.4s ease-in-out;
  293. opacity:1;
  294. }
  295.  
  296. #topper:hover .musicGif {
  297. opacity:0;
  298. }
  299.  
  300. #topper .musicPlayer {
  301. position:absolute;
  302. z-index:2;
  303. top:0%;
  304. right:0%;
  305. margin-top:19px;
  306. margin-right:-250px;
  307. width:200px;
  308. height:20px;
  309. overflow:hidden;
  310. border:1px solid #d6d6d6;
  311. background-color:d6d6d6;
  312. webkit-transition: all 0.4s linear;
  313. -moz-transition: all 0.4s linear;
  314. -o-transition: all 0.4s linear;
  315. -ms-transition: all 0.4s linear;
  316. transition: all 0.4s linear;
  317. }
  318.  
  319. #topper:hover .musicPlayer {
  320. margin-right:10px;
  321. }
  322.  
  323. .img1 {margin:25px;}
  324.  
  325. /* Left Side */
  326.  
  327. .stats {
  328. position:relative;
  329. margin:25px;
  330. width:300px;
  331. height:425px;
  332. background-size:300px 425px;
  333. background-repeat:no-repeat;
  334. overflow:hidden;
  335. }
  336.  
  337. .stats .mask {
  338. float:left;
  339. position:absolute;
  340. margin-top:0px;
  341. margin-left:0px;
  342. width:300px;
  343. height:425px;
  344. background-color:ffffff;
  345. overflow:hidden;
  346. opacity:0;
  347. -webkit-box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.25);
  348. -moz-box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.25);
  349. box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.25);
  350. webkit-transition: all 0.4s ease-in-out;
  351. -moz-transition: all 0.4s ease-in-out;
  352. -o-transition: all 0.4s ease-in-out;
  353. -ms-transition: all 0.4s ease-in-out;
  354. transition: all 0.4s ease-in-out;
  355. }
  356.  
  357. .stats .mask:hover {
  358. opacity:.90;
  359. }
  360.  
  361. .stats .mask .textbox {
  362. position:absolute;
  363. margin-top:-400px;
  364. margin-left:20px;
  365. padding:10px;
  366. width:240px;
  367. height:365px;
  368. overflow:auto;
  369. background-color:d6d6d6;
  370. webkit-transition: all 0.4s linear 0s;
  371. -moz-transition: all 0.4s linear 0s;
  372. -o-transition: all 0.4s linear 0s;
  373. -ms-transition: all 0.4s linear 0s;
  374. transition: all 0.4s linear 0s;
  375. }
  376.  
  377. .stats .mask:hover .textbox {
  378. margin-top:20px;
  379. webkit-transition: all 0.4s linear 0.4s;
  380. -moz-transition: all 0.4s linear 0.4s;
  381. -o-transition: all 0.4s linear 0.4s;
  382. -ms-transition: all 0.4s linear 0.4s;
  383. transition: all 0.4s linear 0.4s;
  384. }
  385.  
  386. .stats .pulse {
  387. background-color:ffffff;
  388. position:absolute;
  389. margin-top:410px;
  390. margin-left:285px;
  391. width:10px;
  392. height:10px;
  393. opacity:1;
  394. -webkit-animation: smallToBig 900ms alternate infinite ease;
  395. -moz-animation: smallToBig 900ms alternate infinite ease;
  396. -ms-animation: smallToBig 900ms alternate infinite ease;
  397. }
  398.  
  399. .stats:hover .pulse { opacity:0; }
  400.  
  401. @-webkit-keyframes smallToBig {
  402. from {-webkit-transform: scale(0.1);}
  403. to {-webkit-transform: scale(1);}
  404. }
  405.  
  406. @-moz-keyframes smallToBig {
  407. from {-moz-transform: scale(0.1);}
  408. to {-moz-transform: scale(1);}
  409. }
  410.  
  411. @-ms-keyframes smallToBig {
  412. from {-ms-transform: scale(0.1);}
  413. to {-ms-transform: scale(1);}
  414. }
  415.  
  416. .the411 {
  417. position:relative;
  418. width:350px;
  419. height:115px;
  420. overflow:hidden;
  421. outline: 2px solid #dbdbdb;
  422. outline-offset: -10px;
  423. }
  424.  
  425. .the411 .pic {
  426. position:absolute;
  427. margin-top:15px;
  428. margin-left:15px;
  429. width:85px;
  430. height:85px;
  431. background-size:85px 85px;
  432. background-repeat:no-repeat;
  433. background-position:center center;
  434. overflow:hidden;
  435. }
  436.  
  437. .the411 .textbox {
  438. position:absolute;
  439. margin-top:15px;
  440. margin-left:105px;
  441. width: 220px;
  442. height:75px;
  443. padding:5px;
  444. overflow:auto;
  445. background-color:dbdbdb;
  446. text-align:center;
  447. }
  448.  
  449. .the411 .textbox big {
  450. font-family: 'Raleway', sans-serif;
  451. font-weight:400;
  452. text-align:center;
  453. margin-top:7px;
  454. padding:2px;
  455. font-size:11px;
  456. display:block;
  457. text-transform:uppercase;
  458. border-bottom:1px solid #ffffff;
  459. }
  460.  
  461.  
  462. .bae {
  463. position:relative;
  464. width:350px;
  465. height:225px;
  466. overflow:hidden;
  467. }
  468.  
  469. .bae .title {
  470. position:absolute;
  471. margin-top:10px;
  472. margin-left:10px;
  473. width:320px;
  474. height:15px;
  475. line-height:15px;
  476. overflow:hidden;
  477. background-color:dbdbdb;
  478. font-size:15px;
  479. display:block;
  480. padding:5px;
  481. text-align:left;
  482. font-family: "Oswald", Helvetica, sans-serif;
  483. font-weight:400;
  484. }
  485.  
  486. .bae .textbox {
  487. position:absolute;
  488. margin-top:40px;
  489. margin-left:10px;
  490. width:215px;
  491. height:140px;
  492. padding:5px;
  493. background-color:dbdbdb;
  494. overflow:auto;
  495. }
  496.  
  497. .bae .pic {
  498. position:absolute;
  499. margin-top:40px;
  500. margin-left:240px;
  501. width:100px;
  502. height:150px;
  503. background-size:100px 150px;
  504. background-repeat:no-repeat;
  505. background-position:center center;
  506. overflow:hidden;
  507. background-color:dbdbdb;
  508. }
  509.  
  510. .bae .quote {
  511. position:absolute;
  512. margin-top:195px;
  513. margin-left:10px;
  514. width:320px;
  515. height:10px;
  516. line-height:10px;
  517. overflow:hidden;
  518. background-color:dbdbdb;
  519. font-size:12px;
  520. display:block;
  521. padding:5px;
  522. text-align:right;
  523. font-family: 'Dynalight', cursive;
  524. }
  525.  
  526. .conns {
  527. position:relative;
  528. width:350px;
  529. height:100px;
  530. overflow:hidden;
  531. }
  532.  
  533. .conns .links {
  534. position:absolute;
  535. margin-top:5px;
  536. width:168px;
  537. height:90px;
  538. overflow:auto;
  539. background-color:dbdbdb;
  540. }
  541.  
  542. .conns .left {margin-left:5px;}
  543.  
  544. .conns .right {margin-left: 177px;}
  545.  
  546. .conns .links a {
  547. display:block;
  548. text-transform:uppercase;
  549. text-decoration:none;
  550. letter-spacing:1px;
  551. font-size:9px;
  552. font-family: 'Yanone Kaffeesatz', sans-serif;
  553. font-weight:700;
  554. color:565656;
  555. text-align:center;
  556. margin:1px 5px;
  557. padding:2px;
  558. outline: 2px solid #e5e5e5;
  559. outline-offset: -2px;
  560. letter-spacing:0px;
  561. webkit-transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  562. -moz-transition color .4s ease .5s, letter-spacing .6s ease 0s;
  563. -ms-transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  564. -o-transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  565. transition: color .4s ease .5s, letter-spacing .6s ease 0s;
  566. }
  567.  
  568. .conns .links a:hover {
  569. letter-spacing:2px;
  570. color:bbbbbb;
  571. }
  572.  
  573.  
  574. /* Right Side */
  575.  
  576. .pers {
  577. position:relative;
  578. width:550px;
  579. height:275px;
  580. overflow:hidden;
  581. }
  582.  
  583. .pers .underlay {
  584. position:absolute;
  585. margin-top:5px;
  586. margin-left:5px;
  587. width:534px;
  588. height:259px;
  589. overflow:hidden;
  590. background-color:e5e5e5;
  591. border:4px double #bbbbbb;
  592. -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
  593. -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
  594. box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
  595. }
  596.  
  597. .pers .pic {
  598. background-repeat:no-repeat;
  599. background-position: center center;
  600. background-size:225px 225px;
  601. position:absolute;
  602. margin-top:25px;
  603. margin-left:300px;
  604. width:225px;
  605. height:225px;
  606. overflow:hidden;
  607. -webkit-border-radius: 50%;
  608. -moz-border-radius: 50%;
  609. border-radius: 50%;
  610. -webkit-box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.25);
  611. -moz-box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.25);
  612. box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.25);
  613. }
  614.  
  615. .pers .textbox {
  616. position:absolute;
  617. margin-top:25px;
  618. margin-left:25px;
  619. width:245px;
  620. height:215px;
  621. padding:5px;
  622. overflow:auto;
  623. background-color:d6d6d6;
  624. -webkit-border-radius: 5px;
  625. -moz-border-radius: 5px;
  626. border-radius: 5px;
  627. }
  628.  
  629. .quotables {
  630. font-family: 'Dynalight', cursive;
  631. font-size:20px;
  632. padding:0px;
  633. margin:10px;
  634. line-height:110%;
  635. display:block;
  636. text-align:center
  637. }
  638.  
  639. .quotables big {
  640. font-family: 'Yanone Kaffeesatz', sans-serif;
  641. font-weight:400;
  642. font-size:18px;
  643. text-transform:uppercase;
  644. }
  645.  
  646. .quotables small {
  647. font-family: 'Raleway', sans-serif;
  648. font-weight:900;
  649. font-size:10px;
  650. letter-spacing:3px;
  651. text-transform:uppercase;
  652. }
  653.  
  654. .banner {
  655. position:relative;
  656. width:550px;
  657. height:400px;
  658. overflow:hidden;
  659. }
  660.  
  661. .banner .pic {
  662. background-repeat:no-repeat;
  663. background-position: center center;
  664. background-size:500px 350px;
  665. position:absolute;
  666. margin-top:25px;
  667. margin-left:25px;
  668. width:500px;
  669. height:350px;
  670. }
  671.  
  672. .banner .title1 {
  673. position:absolute;
  674. margin-top: 325px;
  675. margin-left: 5px;
  676. width: 540px;
  677. height:35px;
  678. background-color: rgba(255, 255, 255, .7);
  679. padding: 0px;
  680. display:block;
  681. -moz-box-shadow: 1px 1px 3px #292929;
  682. -webkit-box-shadow: 1px 1px 3px #292929;
  683. box-shadow: 1px 1px 3px #292929;
  684. color: #454545;
  685. text-shadow: -1px -1px 0 #dedede, 1px -1px 0 #dedede, -1px 1px 0 #dedede, 1px 1px 0 #dedede;
  686. font-size:14px;
  687. line-height:35px;
  688. font-family: "Oswald", Helvetica, sans-serif;
  689. font-weight:400;
  690. text-align:center;
  691. text-transform:uppercase;
  692. }
  693.  
  694. .banner .SL1, .banner .SR1 {
  695. position:absolute;
  696. width:0px;
  697. height:0px;
  698. border-top:10px solid #c0c0c0;
  699. margin-top:361px;
  700. }
  701.  
  702. .banner .SL1 {
  703. margin-left:5px;
  704. border-left: 20px solid transparent;
  705. }
  706.  
  707. .banner .SR1 {
  708. margin-left:525px;
  709. border-right: 20px solid transparent;
  710. }
  711.  
  712. .MainBio {
  713. position:relative;
  714. width:550px;
  715. height:391px;
  716. overflow:hidden;
  717. }
  718.  
  719. .MainBio .title {
  720. position:absolute;
  721. margin-top:20px;
  722. margin-left:20px;
  723. overflow:hidden;
  724. width:510px;
  725. height:40px;
  726. line-height:40px;
  727. font-family: "Oswald", Helvetica, sans-serif;
  728. font-weight:400;
  729. font-size:13px;
  730. text-align:center;
  731. letter-spacing:3px;
  732. text-transform:uppercase;
  733. color:565656;
  734. }
  735.  
  736. .MainBio .underlay {
  737. position:absolute;
  738. margin-top:15px;
  739. margin-left:15px;
  740. width: 520px;
  741. height: 5px;
  742. overflow:hidden;
  743. border-style:solid;
  744. border-width:220px 0px 136px; 0px;
  745. border-color:e5e5e5;
  746. background-color:transparent;
  747. -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  748. -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  749. box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  750. }
  751.  
  752. .MainBio .textbox {
  753. position:absolute;
  754. margin-top:70px;
  755. margin-left:45px;
  756. width: 430px;
  757. height: 231px;
  758. padding:5px;
  759. overflow:auto;
  760. background-color:d6d6d6;
  761. border:10px double #ffffff;
  762. -webkit-border-radius: 5px;
  763. -moz-border-radius: 5px;
  764. border-radius: 5px;
  765. }
  766.  
  767.  
  768. .Other {
  769. position:relative;
  770. width:350px;
  771. height:275px;
  772. overflow:hidden;
  773. }
  774.  
  775. .Other .underlay {
  776. position:absolute;
  777. margin-top:10px;
  778. margin-left:10px;
  779. width:330px;
  780. height:210px;
  781. background-color:dbdbdb;
  782. overflow:hidden;
  783. z-index:1;
  784. -webkit-border-radius: 5px;
  785. -moz-border-radius: 5px;
  786. border-radius: 5px;
  787. }
  788.  
  789. .Other .textbox {
  790. float:left;
  791. margin: 55px 0px 0px 0px;
  792. background-color:transparent;
  793. padding:5px;
  794. overflow:auto;
  795. width: 320px;
  796. height: 145px; ;
  797. }
  798.  
  799.  
  800. .other .title {
  801. position:absolute;
  802. margin-top: 25px;
  803. margin-left:0px;
  804. width: 350px;
  805. height:35px;
  806. line-height:35px;
  807. display:block;
  808. background-color:ffffff;
  809. padding: 0px;
  810. -moz-box-shadow: 1px 1px 3px #292929;
  811. -webkit-box-shadow: 1px 1px 3px #292929;
  812. box-shadow: 1px 1px 3px #292929;
  813. color: #454545;
  814. text-shadow: -1px -1px 0 #e5e5e5, 1px -1px 0 #e5e5e5, -1px 1px 0 #e5e5e5, 1px 1px 0 #e5e5e5;
  815. font-size:14px;
  816. font-family: "Oswald", Helvetica, sans-serif;
  817. font-weight:400;
  818. text-align:center;
  819. text-transform:uppercase;
  820. z-index:2;
  821. }
  822.  
  823.  
  824. .Other .quote {
  825. position:absolute;
  826. margin-top:235px;
  827. margin-left:10px;
  828. width:330px;
  829. height:25px;
  830. line-height:25px;
  831. display:block;
  832. text-align:center;
  833. font-family: 'Dynalight', cursive;
  834. font-size:18px;
  835. -webkit-box-shadow: inset 0px 0px 5px 3px rgba(50, 50, 50, 0.3);
  836. -moz-box-shadow: inset 0px 0px 5px 3px rgba(50, 50, 50, 0.3);
  837. box-shadow: inset 0px 0px 5px 3px rgba(50, 50, 50, 0.3);
  838. overflow:hidden;
  839. z-index:1;
  840. }
  841.  
  842. /* Extra Tables */
  843.  
  844. .extra {
  845. background-color:d6d6d6;
  846. margin:25px;
  847. padding:5px;
  848. overflow:auto;
  849. height:125px;
  850. }
  851.  
  852. .extra .leftSide {
  853. width:290px;
  854. }
  855.  
  856. .extra .rightSide {
  857. width:490px;
  858. }
  859.  
  860.  
  861.  
  862. .vicarious{ Hide Codes }
  863. .profileInfo, .userProfileURL, .friendsComments, .blurbs, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, .btext, .redlink, .redtext, .blacktext10, tr#groups, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
  864. table table table table td {width:0px;}
  865. .contactTable td, table table td.text table td,table table table table table td {width:auto;}
  866. div div select, div div form {display:none !important;}
  867. select { visibility:hidden!important; WIDTH:0px!important;}
  868. table div {display:none;}
  869. table table div {display:block;}
  870. .clearfix {display:none !important;position:absolute!important;}
  871. div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
  872. .profileInfo tr tr td { visibility:hidden; }.profileInfo td.text { visibility:visible; }
  873. .vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
  874. </style></td></tr></table><table style="display:none"><tr><td>
  875.  
  876.  
  877. -----------------------------LIKE TO MEET-------------------------
  878.  
  879. <font class="cite">
  880.  
  881. Image Dimensions
  882.  
  883. //Body Background//
  884. The background image is 1920px width by 1080px height and scales depending on your monitor size. When replacing it, stick to the dimensions above and try to put in an image where the main scene is flush to the left of the screen as seen in the example of Lagertha.
  885.  
  886. //Topper//
  887. Topper/Pic = width:50px; height:50px;
  888.  
  889. //Left Side//
  890.  
  891. Stats = width:300px; height:425px;
  892. The411/Pic = width:85px; height:85px;
  893. Class img1 (Vikings cast) = width:300px; height:200px;
  894. BAE/Pic (Ragnar) = width:100px; height:150px;
  895.  
  896. //Right Side//
  897.  
  898. Pers/Pic = width:225px; height:225px;
  899. Banner/Pic = width:500px; height:350px;
  900. Class img1 (Lagertha bottom pic) = width:500px; height:250px;
  901.  
  902. Note: The banner quote is laid over the image and can be changed to whatever title/quote you choose.
  903. </font>
  904.  
  905. -----------------------------INTERESTS----------------------------
  906.  
  907. </td></tr></table></td></tr></table></td></tr></table><table class="vic-LEFT-SIDE_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0"><tr><td style="width:350px;">
  908.  
  909. <font class="cite">
  910. The above table code must remain at the top. FULL tables below can be rearranged.
  911. </font>
  912.  
  913. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  914.  
  915.  
  916. <div class="stats" style="background-image:url(http://i.imgur.com/QiE7voUl.jpg);">
  917.  
  918. <div class="pulse"></div><div class="mask"><div class="textbox">
  919.  
  920. <b>Full Name:</B> Kharis Gevaudan
  921. <BR><b>Nicknames:</B> Alpha, Beauty, Duchess
  922. <BR><b>Aliases:</B> The Beast of Gevaudan
  923. <BR><b>Date Of Birth:</B> 4/24/??
  924. <BR><b>Place Of Birth:</B> Europe
  925. <BR><b>Current Residence:</B> Black Ridge Mountains
  926. <BR><b>Current Haunt:</b> Blood Moon Tavern and Inn
  927. <BR><b>Race:</b> Lycan
  928. <br><b>Rank:</b> Alpha Female
  929. <BR><b>Pack:</b> Requiem
  930. <BR><b>Ethnicity:</B> Serbian
  931. <BR><b>Hair Color:</B> Brunette
  932. <BR><b>Eye Color:</B> Honey brown - Turns Amber
  933. <BR><b>Height:</B> 5'7"
  934. <BR><b>Weight:</B> 125lbs
  935. <BR><b>Tattoos/Scars:</B> Tribal along her spinal column, wolf paw on her neck, scars along her right wrist and the small of her back
  936. <BR><b>Mother:</B> Classified
  937. <BR><b>Father:</B> Classified
  938. <BR><b>Sister(S):</B> Unknown whereabouts
  939. <BR><b>Brother(S):</B> Unknown whereabouts
  940. <BR><b>Other Family:</B> Classified
  941. <BR><b>Sexual Orientation:</B> Heterosexual
  942. <BR><b>Relationship Status:</B> Widowed.
  943. <BR><b>Current Relationship(s):</B> None. <a target="_blank" href="http://www.thiscrush.com/~gevaudan">Why?</a>
  944. <BR><b>Past Relationship(s):</B> <a target="_blank" href="https://www.youtube.com/watch?v=LzPPAw5tnqs">Deceased</a>
  945. <BR><b>Languages Spoken:</b> French, Italian, English
  946. <BR><b>Occupation:</B> Wouldn't you like to know?
  947. <BR><b>Job Description:</B> Classified
  948. <BR><b>Employer:</B> Self-employed
  949. <br><b>Theme:</B><a target="_blank" href="https://www.youtube.com/watch?v=0rflghuHtg8">Drugs</a>
  950. <BR><b>Color:</B> 564C8C
  951.  
  952.  
  953.  
  954. </div></div></div>
  955.  
  956.  
  957. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  958.  
  959. <font class="h2">The Beast of Gevaudan</font>
  960. <font class="h3">Damned may you forever be</font>
  961.  
  962. <div class="the411">
  963. <div class="pic" style="background-image:url(http://i.imgur.com/4UuST8zs.jpg);">
  964.  
  965. </div><div class="textbox">
  966.  
  967. <big>Writing Style</big>
  968.  
  969. Multiple paragraphs to novella
  970.  
  971. <big>Dues</big>
  972.  
  973. Starters (0) | Comments (0) | Messages (0)
  974.  
  975. <big>Rules</big>
  976. <p><b>I.</b> PM friendly for the most part.
  977. <p><b>II.</b> Never mistake IC for OOC - fastest way to be ignored.
  978. <p><b>III.</b> Prefer storyline roleplay - fantasy, semi-realistic
  979. <p><b>IV.</b> Contact outside of RPC is earned. Good luck.
  980. <p><b>V.</b> Don't be a cunt.
  981. </div></div>
  982.  
  983.  
  984. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  985.  
  986. <div class="other"><div class="title">
  987.  
  988. Gevaudan: The Alphess
  989.  
  990. </div><div class="underlay"><div class="textbox">
  991.  
  992. <p>Gevaudan is seen to be a rather large individual when it comes to lycans. While some lycans prefer to be in a state half between wolf and human, Gevaudan is more than likely to be seen in pure wolf state or in no wolfen state at all. She is stoic, purely predatory, feral and she takes no shit from anyone. Scars that lick beneath her pelt of obsidian silk speak of the battles she's gone through, and in Europe she's known as the Beast of Gevaudan. If there was a pack that her father didn't want in existance, she was the one sent in to wipe them out. Just how she came to do so was up to Gevaudan and her human Kharis, but it happened nonetheless. Gevaudan is fearless, cunning and tactical when it comes to everything she does - whether it mean taking on a grizzly, a wraith or even an ogre. She has a masterful mind and uses it to cut down enemies like a blade through butter. Dominant, she bows to nobody, though she is capable of being somewhat respectful to other alphas when she's in their territory. The huntress bears no heart though, so don't waste your time attempting to court her - that organ froze over years ago when her mate died. When it comes to what kind of beast she most resembles in wolf breed, she is old to the point that the breed of wolf she would most likely resemble would be something like a Dire wolf, but far larger.
  993.  
  994. </div></div><div class="quote">
  995.  
  996. Long may she reign
  997.  
  998. </div></div>
  999.  
  1000.  
  1001.  
  1002. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1003.  
  1004. <img class="IMG1" src="http://i.imgur.com/ipkUnVN.jpg">
  1005.  
  1006.  
  1007.  
  1008. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1009.  
  1010. <div class="bae"><div class="title">
  1011.  
  1012. Connection Name
  1013.  
  1014. </div><div class="textbox">
  1015.  
  1016. <p>Cras eget nisl eu justo facilisis gravida ut vel neque. Donec dignissim nisi est, sit amet hendrerit nunc tempus sit amet. Morbi porta est ut hendrerit tempus. In vel est vitae neque tincidunt consequat. Suspendisse tempus ante suscipit turpis ullamcorper, vel fringilla augue convallis. Etiam ac laoreet metus. Sed pulvinar diam sit amet varius malesuada. Sed accumsan dolor vel quam fermentum ultricies. Nulla facilisi. Proin nec sagittis sapien. Fusce gravida, tortor a mattis imperdiet, tellus justo gravida lacus, at pulvinar leo turpis quis orci. Etiam et euismod sapien. Etiam in risus nisi.
  1017.  
  1018. </div>
  1019.  
  1020. <div class="pic" style="background-image:url(http://i59.tinypic.com/334okz9.jpg);">
  1021.  
  1022. </div><div class="quote">
  1023.  
  1024. Quote goes here
  1025.  
  1026. </div></div>
  1027.  
  1028.  
  1029. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1030.  
  1031.  
  1032. <div class="conns"><div class="links left">
  1033.  
  1034. <a target="_blank" href="https://roleplay.chat/profile.php?user=Sinatra">Sinatra</a>
  1035. <a target="_blank" href="https://roleplay.chat/profile.php?user=Smith">Smith</a>
  1036. <a href="/#">Connection Name</a>
  1037. <a href="/#">Connection Name</a>
  1038. <a href="/#">Connection Name</a>
  1039. <a href="/#">Connection Name</a>
  1040.  
  1041. </div><div class="links right">
  1042.  
  1043. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kyrah">Kyrah</a>
  1044. <a href="/#">Connection Name</a>
  1045. <a href="/#">Connection Name</a>
  1046. <a href="/#">Connection Name</a>
  1047. <a href="/#">Connection Name</a>
  1048. <a href="/#">Connection Name</a>
  1049.  
  1050. </div></div>
  1051.  
  1052.  
  1053.  
  1054.  
  1055. </td></tr></table></td></tr></table></td></tr></table><table class="vic-RIGHT-SIDE_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0"><tr><td style="width:550px;">
  1056.  
  1057. <font class="cite">
  1058. The above table code must remain at the top. FULL tables below can be rearranged.
  1059. </font>
  1060.  
  1061.  
  1062. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1063.  
  1064. <font class="h1">
  1065. Kharis Gevaudan
  1066. </font>
  1067.  
  1068.  
  1069.  
  1070. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1071.  
  1072. <div class="pers"><div class="underlay"></div>
  1073. <div class="pic" style="background-image:url(http://i.imgur.com/YifZyGg.jpg);"></div>
  1074. <div class="textbox">
  1075.  
  1076. <b>Traits:</B> Refined. Cruel. Ambitious.
  1077. <BR><b>Quirks:</B> Lip biting.
  1078. <BR><b>Habits:</B> Drugs. Alcohol. Dancing. Murder.
  1079.  
  1080. <p>Personality information goes here. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1081.  
  1082. <p>Suspendisse nec molestie nulla. Suspendisse potenti. Vestibulum aliquam sed turpis ac volutpat. Ut eu libero nec est elementum varius a viverra elit. Nullam a nulla lorem. Curabitur congue urna ac nulla egestas, in pellentesque metus iaculis. Mauris nec auctor ipsum. Integer ac justo scelerisque, pharetra sapien non, vestibulum leo. In condimentum magna neque, ut tristique ipsum cursus egestas. Morbi lobortis diam non enim condimentum, nec viverra est pharetra. Duis ultricies ante a velit sollicitudin condimentum. Praesent bibendum dui at metus convallis, non ullamcorper leo placerat. Cras posuere venenatis porttitor.
  1083.  
  1084.  
  1085. </div></div>
  1086.  
  1087.  
  1088.  
  1089. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1090.  
  1091.  
  1092. <font class="quotables">
  1093. Let me introduce myself, my name's whatever you want it to be. I like the way you hold yourself & I'd like if you'd be holding me.
  1094. </font>
  1095.  
  1096.  
  1097. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1098.  
  1099. <div class="banner">
  1100. <div class="pic" style="background-image:url(https://dncache-mauganscorp.netdna-ssl.com/thumbseg/1156/1156439-bigthumbnail.jpg);">
  1101.  
  1102. </div><div class="SL1"></DIV><div class="SR1"></div><div class="title1">
  1103.  
  1104. Quote Goes Here
  1105.  
  1106. </div></div>
  1107.  
  1108. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1109.  
  1110. <div class="MainBio"><div class="underlay"></div><div class="title">
  1111.  
  1112. & His love screamed louder than her demons
  1113.  
  1114. </div><div class="textbox">
  1115.  
  1116. <p>Duis consectetur non neque consequat venenatis. Maecenas aliquet vehicula dui, ac venenatis augue hendrerit vel. Sed sit amet faucibus massa. Sed tempus rutrum accumsan. Integer a diam pulvinar, tempor nisl sed, porttitor est. Cras malesuada, dui ut porttitor aliquet, orci quam rhoncus mi, vel dapibus nulla leo vitae nisl. Phasellus ut fringilla velit. In dictum eros ut arcu laoreet, ac aliquam risus porta. Aliquam erat volutpat. Aliquam ac dui nec arcu malesuada venenatis. Nunc malesuada sem ipsum, sit amet tincidunt tellus molestie sit amet.
  1117.  
  1118. <font class="blockquote">
  1119.  
  1120. Nulla in elit libero. In sed gravida sapien. Vestibulum sed magna at tortor tincidunt euismod sed id eros. Phasellus sodales, risus vel aliquam dignissim, velit lacus tristique velit, vitae egestas eros sapien nec arcu. Proin blandit nulla augue, eu porta ligula varius ut. Nam lacinia in eros at volutpat. Fusce et sollicitudin enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce et faucibus libero, nec porttitor massa. Curabitur quis vulputate lectus, non venenatis erat. Integer nec enim magna. Sed lacinia neque id nisi sodales, sit amet sodales dolor accumsan. Aenean odio lectus, efficitur non magna sed, accumsan tempus leo. Sed convallis rutrum sagittis.
  1121.  
  1122. </font>
  1123.  
  1124. <p>Cras eget nisl eu justo facilisis gravida ut vel neque. Donec dignissim nisi est, sit amet hendrerit nunc tempus sit amet. Morbi porta est ut hendrerit tempus. In vel est vitae neque tincidunt consequat. Suspendisse tempus ante suscipit turpis ullamcorper, vel fringilla augue convallis. Etiam ac laoreet metus. Sed pulvinar diam sit amet varius malesuada. Sed accumsan dolor vel quam fermentum ultricies. Nulla facilisi. Proin nec sagittis sapien. Fusce gravida, tortor a mattis imperdiet, tellus justo gravida lacus, at pulvinar leo turpis quis orci. Etiam et euismod sapien. Etiam in risus nisi.
  1125.  
  1126.  
  1127. <BR>
  1128.  
  1129. <b>Bold</b>
  1130. <i>Italic</i>
  1131. Emphasize
  1132. <font class="u">Underline</font>
  1133. <font class="strike">strike</font>
  1134. <font class="strong">strong</font>
  1135. <font class="standout">standout</font>
  1136.  
  1137.  
  1138. </div></div>
  1139.  
  1140.  
  1141. </td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
  1142.  
  1143. <img class="IMG1" src="http://1.bp.blogspot.com/-wqnagheunKE/UnP_XNqproI/AAAAAAAAATk/P5qFpI418F8/s1600/h.gif" width="500">
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150. </div> <div class="musicGif"></div><div class="musicPlayer">
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159. <font class="cite">
  1160.  
  1161. **Important**
  1162. You will note the line above starting with<script type="text/javascript">
  1163. //<![CDATA[
  1164. try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"0db9b6fde6fa0ca8f9c08dbfd854e0c6",petok:"e84db7e975c54201fcb3186244b62aa5dad3a20a-1486846131-1800",adblock:1,betok:"200d6f9d32de2659f00d340de02015cfd9b0dda4-1486846131-120",zone:"roleplay.chat",rocket:"0",apps:{"ga_key":{"ua":"UA-33787108-1","ga_bs":"2"},"abetterbrowser":{"ie":"7","opera":null,"chrome":null,"safari":null,"firefox":null}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=f2befc48d1/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
  1165. //]]>
  1166. </script>
  1167. <script type="text/javascript">
  1168. /* <![CDATA[ */
  1169. var _gaq = _gaq || [];
  1170. _gaq.push(['_setAccount', 'UA-33787108-1']);
  1171. _gaq.push(['_trackPageview']);
  1172.  
  1173. (function() {
  1174. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1175. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1176. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1177. })();
  1178.  
  1179. (function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
  1180. /* ]]> */
  1181. </script>
  1182. </body>
  1183. </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!