API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 27th, 2017
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.99 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Astloch:700|Cinzel|Stardos+Stencil');
  3. //for name font-family: 'Cinzel', serif; //
  4. //for h1 font-family: 'Astloch', cursive; //
  5. //for h2 font-family: 'Stardos Stencil', cursive;//
  6.  
  7. .pfor {display: none; visibility: hidden;}
  8. #profile {background-color:;}
  9. #profile {border:;}
  10. body
  11. {overflow-x:hidden;
  12. background-image:
  13. url('');
  14. background-repeat:repeat;
  15. background-position:;
  16. background-attachment: fixed;
  17. background-color:#44465B;
  18. }
  19. ::selection {
  20. color: grey;
  21. background: grey;
  22. }
  23.  
  24. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  25.  
  26. a:hover {cursor: url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'),auto;
  27. -moz-transition-duration: 0.3s;
  28. -webkit-transition-duration: 0.3s;
  29. -o-transition-duration: 0.3s;transition: 0.3s;}
  30.  
  31.  
  32. a {color:3EA289;
  33. text-decoration: none;
  34. -webkit-transition: all 0.5s ease-in-out;
  35. -moz-transition: all 0.5s ease-in-out;
  36. -o-transition: all 0.5s ease-in-out;
  37. -ms-transition: all 0.5s ease-in-out;
  38. transition: all 0.5s ease-in-out;
  39. }
  40.  
  41. a:hover {color: 3EA289;
  42. text-decoration: underline;
  43. -webkit-transition: all 0.5s ease-in-out;
  44. -moz-transition: all 0.5s ease-in-out;
  45. -o-transition: all 0.5s ease-in-out;
  46. -ms-transition: all 0.5s ease-in-out;
  47. transition: all 0.5s ease-in-out;
  48. }
  49.  
  50. ::-webkit-scrollbar {
  51. width: 12px;
  52. margin-left:3px;
  53. }
  54.  
  55. ::-webkit-scrollbar-track {
  56. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  57. border-radius: 10px;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. border-radius: 10px;
  62. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  63.  
  64. }
  65.  
  66. #line {position:fixed;
  67. z-index:2;
  68. top:100px;
  69. left:0;
  70. height:160px;
  71. width:100%;
  72. overflow:hidden;
  73. background-color:#000;
  74. }
  75.  
  76.  
  77. #image {position:absolute;
  78. z-index:3;
  79. overflow:hidden;
  80. bottom:3px;
  81. left:0px;
  82. width:500px;
  83. height:154px;
  84. background-color:black;
  85. border-radius:0px;
  86. border-left:6px solid black;
  87. border-right:6px solid black;}
  88.  
  89. #image2 {position:fixed;
  90. z-index:9;
  91. top:20px;
  92. left:660px;
  93. }
  94.  
  95.  
  96. #circle {position:fixed;
  97. top:83px;
  98. left:450px;
  99. background-color:#44465B;
  100. border-radius:150px;
  101. height:193px;
  102. width:193px;
  103. z-index:4;}
  104.  
  105. #circle2 {position:fixed;
  106. top:85px;
  107. left:450px;
  108. background-color:#000;
  109. border-radius:150px;
  110. height:190px;
  111. width:190px;
  112. z-index:5;}
  113.  
  114. #name {position:absolute;
  115. top:0px;
  116. left:0px;
  117. width: 190;
  118. height:190;
  119. z-index:6;
  120. border-radius:150px;
  121. font-size:15px;
  122. color:#3EA289;
  123. font-family: 'Cinzel', serif;
  124. line-height: 15px;
  125. letter-spacing: 2px;
  126. text-shadow: 2px 2px 2px #44465B;
  127. overflow:hidden;
  128. }
  129.  
  130. #navi { vertical-align: center;
  131. text-align: center;
  132. position: absolute;
  133. left:474;
  134. top:158;
  135. letter-spacing:0px;
  136. line-height: 10px;
  137. margin: 0px;
  138. z-index:9;
  139. overflow:hidden;}
  140.  
  141. #navi a {
  142. padding: 1px;
  143. width: 140px;
  144. height:10px;
  145. font-size: 9px;
  146. text-decoration: none;
  147. text-transform:uppercase;
  148. letter-spacing: 0px;
  149. display: inline-block;
  150. text-align: center;
  151. color:#3EA289;
  152. font-family: silkscreen;
  153.  
  154. background-color: #44465B;
  155. overflow:hidden;
  156. z-index:9;
  157. border-bottom:1px solid black;
  158. }
  159.  
  160. #navi a:hover {
  161. background-color: #153558;
  162. width:130px;
  163. border-left:5px solid black;
  164. border-right:5px solid black;
  165. -webkit-transition: all 0.5s ease-in-out;
  166. -moz-transition: all 0.5s ease-in-out;
  167. -o-transition: all 0.5s ease-in-out;
  168. -ms-transition: all 0.5s ease-in-out;
  169. transition: all 0.5s ease-in-out;
  170. }
  171.  
  172. #redeye {position:fixed;
  173. left:520;
  174. top:215;
  175. z-index:6;
  176. }
  177.  
  178. h1 {
  179. font-family: 'Cinzel', serif;
  180. font-size:20px;
  181. letter-spacing:-1;
  182. line-height:18px;
  183. color:#3EA289;
  184. background-color: #44465B;
  185. width:100%;
  186. border-top: 1px double #3EA289;
  187. border-bottom: 1px double #3EA289;}
  188.  
  189. h1:first-letter {width: 32px;
  190. height: 32px;
  191. padding: 5px;
  192. margin-right: 5px;
  193. border: 3px double #3EA289;
  194. float: left;
  195. background: #000;
  196. color: #3EA289;
  197. font-size: 42px;
  198. line-height: 22px;
  199. text-transform: uppercase;
  200. text-align: center;
  201. margin-top:-10px;
  202. }
  203.  
  204. h2 {
  205. font-family: 'Stardos Stencil', cursive;
  206. font-size:13px;
  207. letter-spacing:-1;
  208. text-align:center;
  209. line-height:15px;
  210. color:#3EA289;
  211. background-color: #44465B;
  212. width:100%;
  213. border-top: 1px double #3EA289;
  214. border-bottom: 1px double #3EA289;
  215. margin-top:-5px;}
  216.  
  217.  
  218.  
  219.  
  220. .content {
  221. position: absolute;
  222. left:300;
  223. top:-6;
  224. transition: all 1s ease-in-out;
  225. -webkit-transition: all 1s ease-in-out;
  226. -moz-transition: all 1s ease-in-out;
  227. -o-transition: all 1s ease-in-out;
  228. -ms-transition: all 1s ease-in-out;
  229. z-index: 0;
  230. opacity:.0;
  231. padding: 10px;
  232. }
  233.  
  234. .content:target {
  235. left:300;
  236. top:45;
  237. opacity: 1;
  238. z-index:5;
  239. transition: all 0.3s ease-in-out;
  240. -webkit-transition: all 0.3s ease-in-out;
  241. -moz-transition: all 0.3s ease-in-out;
  242. -o-transition: all 0.3s ease-in-out;
  243. -ms-transition: all 0.3s ease-in-out;}
  244.  
  245.  
  246. #info {
  247. position: absolute;
  248. width:200px;
  249. height:200px;
  250. left: 100px;
  251. top: 600px;
  252. background-color:transparent;
  253. }
  254.  
  255. #info2 {
  256. background-color:black;
  257. vertical-align: center;
  258. text-transform: none;
  259. color:3EA289;
  260. font-size:11px;
  261. font-family: 'Stardos Stencil', cursive;
  262. text-align: justify;
  263. position: absolute;
  264. width:600;
  265. height:250;
  266. left: -290px;
  267. top: 240px;
  268. letter-spacing:0px;
  269. line-height: 10px;
  270. padding: 5px;
  271. margin: 0px;
  272. border:5px solid #3EA289;box-shadow:0px 0px 5px #000;
  273. overflow: hidden;
  274. z-index:1;
  275.  
  276. border-radius:10px;}
  277.  
  278. #info3 {
  279. background-color:#FF9B97;
  280. vertical-align: center;
  281. text-transform: none;
  282. color:3EA289;
  283. font-size:11px;
  284. font-family:corbel;
  285. text-align: justify;
  286. position: absolute;
  287. width:300;
  288. left: -290px;
  289. top: 410px;
  290. letter-spacing:0px;
  291. line-height: 10px;
  292. padding: 5px;
  293. margin: 0px;
  294. border:3px solid #FF9B97;box-shadow:0px 0px 5px #fff;
  295. border-radius: 100px 100px 100px 100px;
  296. overflow: hidden;
  297. }
  298.  
  299.  
  300. #info4 {
  301. background-color:#FF9B97;
  302. vertical-align: center;
  303. text-transform: none;
  304. color:3EA289;
  305. font-size:11px;
  306. font-family:corbel;
  307. text-align: justify;
  308. position: absolute;
  309. width:300;
  310. left: -290px;
  311. top: 410px;
  312. letter-spacing:0px;
  313. line-height: 10px;
  314. padding: 5px;
  315. margin: 0px;
  316. border:3px solid #FF9B97;box-shadow:0px 0px 5px #fff;
  317. border-radius: 100px 100px 100px 100px;
  318. overflow: hidden;
  319. }
  320.  
  321.  
  322.  
  323.  
  324. </style>
  325.  
  326. <div id="line"><div id="image">
  327. <img src="http://i.picpar.com/NQqc.png" style="width:540px;//blazeit//;margin-top:-35px;margin-left:-50px;">
  328.  
  329. </div></div>
  330. <div id="line2"> </div>
  331. <div id="circle"> </div>
  332. <div id="circle2"><div id="name">
  333. <div style="margin-top:35px;margin-left:10px;text-align:center;">Caius <BR>Aledross<BR></div>
  334. </div></div>
  335.  
  336.  
  337.  
  338. <div id="navi">
  339. <a href="#one">The</a> <BR>
  340. <a href="#two">Intangible</a> <BR>
  341. <a href="#three">Is</a> <BR>
  342. <a href="#reset">Unstoppable</a> <BR>
  343. </div>
  344.  
  345. <div id="redeye"> <img src="http://i.picpar.com/GQqc.png" style="width:50px;"> </div>
  346.  
  347.  
  348.  
  349.  
  350. <div id="one" class="content">
  351. <div id="info2">
  352. <div style="margin-left:20px;margin-right:20px;margin-top:20px;">
  353. <h1>S<i>oldier</i></h1>
  354.  
  355. <div style="margin-left:0px;border:1px solid #3EA289; height:150px; width:260px;position:absolute;bottom:20px;left:20px;overflow:hidden;padding:10px;line-height:7.5px;">
  356. <h2>DOSSIER--</h2>
  357. <font style="float:left;"><b>N</b>ame:</font><font style="float:right;">Caius Aledross</font><BR><BR>
  358.  
  359. <font style="float:left;"><b>P</b>ronounced:</font><font style="float:right;">(Ky-iss)</font><BR><BR>
  360.  
  361. <font style="float:left;"><b>M</b>eaning:</font><font style="float:right;">Unbroken</font><BR><BR>
  362.  
  363. <font style="float:left;"><b>R</b>ace:</font><font style="float:right;">Turian</font><BR><BR>
  364.  
  365. <font style="float:left;"><b>O</b>ccupation:</font><font style="float:right;">Mercenary</font><BR><BR>
  366.  
  367. <font style="float:left;"><b>G</b>ender:</font><font style="float:right;">Male</font><BR><BR>
  368.  
  369. <font style="float:left;"><b>A</b>ge:</font><font style="float:right;">Age</font><BR><BR>
  370.  
  371. <font style="float:left;"><b>M</b>ore:</font><font style="float:right;"><a target="_blank" href="">To Come</a></font><BR> <BR>
  372.  
  373. <font style="float:left;"><b>V</b>oice:</font><font style="float:right;"><a target="_blank" href="Link">Voice</a></font><BR> <BR>
  374.  
  375. </div>
  376.  
  377.  
  378. <div style="margin-left:0px;border:1px solid #3EA289; height:150px; width:260px;position:absolute;bottom:20px;right:20px;overflow:hidden;padding:10px;">
  379. <h2>History--</h2>
  380. "History
  381. <BR><BR>
  382. "</div>
  383. </div></div>
  384. <div id="image2"><img src="http://i.picpar.com/LQqc.png"></div>
  385.  
  386. </div>
  387. </div>
  388.  
  389.  
  390. <div id="two" class="content">
  391. <div id="info2">
  392. <div style="margin-left:20px;margin-right:20px;margin-top:20px;">
  393. <h1>C<i>abal</i></h1>
  394.  
  395. <div style="margin-left:0px;border:1px solid #3EA289; height:150px; width:260px;position:absolute;bottom:20px;left:20px;overflow:auto;padding:10px;">
  396. <h2>ALLIES/ENEMIES--</h2>
  397. </div>
  398. <div style="height:130px; width:260px;position:absolute;bottom:20px;left:20px;overflow:auto;padding:10px;">
  399.  
  400. <div style="height:65px;">
  401. <font style="float:left;"><img src="image"width="60" height="60"></font> <font style="float:right;letter-spacing:3px;font-size:15;width:150px;border-bottom:1px solid #;3EA289"><A target="_blank" href="https://roleplay.chat/profile.php?user="><BR>Name</a></font><BR><BR>
  402. Info
  403. </div>
  404.  
  405.  
  406. <BR><BR>
  407.  
  408. <div style="height:65px;">
  409. <font style="float:left;"><img src="IMGFILE"width="60" height="60"></font> <font style="float:right;letter-spacing:3px;font-size:15;width:150px;border-bottom:1px solid #;3EA289"><A target="_blank" href="https://roleplay.chat/profile.php?user=USERNAME"><BR>NAME</a></font><BR><BR>
  410. Description of whoever you're linking to, if you have anything to say about them at all. Copy this whole thingy for new entries or else it wont match!
  411.  
  412. </div>
  413. <BR><BR>
  414. </div>
  415.  
  416.  
  417. <div style="margin-left:0px;border:1px solid #3EA289; height:150px; width:260px;position:absolute;bottom:20px;right:20px;overflow:auto;padding:10px;">
  418. <h2>GALLERY--</h2>
  419. <center>
  420. <a target="_blank" href="http://i.picpar.com/RQqc.jpg"><img src="http://i.picpar.com/RQqc.jpg" height="60" width="60"></a>
  421. <a target="_blank" href="http://i.picpar.com/SQqc.png"><img src="http://i.picpar.com/SQqc.png" height="60" width="60"></a>
  422. <a target="_blank" href="http://i.picpar.com/WQqc.jpg"><img src="http://i.picpar.com/WQqc.jpg" height="60" width="60"></a>
  423. <a target="_blank" href="http://i.picpar.com/dRqc.png"><img src="http://i.picpar.com/dRqc.png" height="60" width="60"></a>
  424. <BR>
  425. <a target="_blank" href="http://i.picpar.com/fRqc.jpg"><img src="http://i.picpar.com/fRqc.jpg" height="60" width="60"></a>
  426. <a target="_blank" href="http://i.picpar.com/hRqc.jpg"><img src="http://i.picpar.com/hRqc.jpg" height="60" width="60"></a>
  427. <a target="_blank" href="http://i.picpar.com/kRqc.jpg"><img src="http://i.picpar.com/kRqc.jpg" height="60" width="60"></a>
  428. <a target="_blank" href="http://i.picpar.com/lRqc.png"><img src="http://i.picpar.com/lRqc.png" height="60" width="60"></a>
  429. <BR>
  430. </center>
  431. </div>
  432. </div></div>
  433. <div id="image2"><img src="http://i.picpar.com/LQqc.png"></div>
  434.  
  435. </div>
  436. </div>
  437.  
  438.  
  439.  
  440. </div>
  441. </div>
  442. </div>
  443.  
  444.  
  445.  
  446.  
  447.  
  448. <div id="three" class="content">
  449. <div id="info2">
  450.  
  451. <div style="margin-left:20px;margin-right:20px;margin-top:20px;">
  452. <h1>M<i></i>ercenary</h1>
  453.  
  454. <div style="margin-left:0px;border:1px solid #3EA289; height:150px; width:260px;position:absolute;bottom:20px;left:20px;overflow:hidden;padding:10px;">
  455. <h2>OOC--</h2>
  456.  
  457. <BR> 1.) OOC
  458. <BR> 2.) To
  459. <BR> 3.) Come
  460. <BR> 4.)
  461. <BR> 5.) Art not mine. Will remove at request of artist.
  462.  
  463. </div>
  464.  
  465.  
  466. <div style="margin-left:0px;border:1px solid #3EA289; height:150px; width:260px;position:absolute;bottom:20px;right:20px;overflow:hidden;padding:10px;">
  467. <h2>EXTRA--</h2>
  468. Extra
  469. <BR><BR>
  470. Extra</div>
  471. </div></div>
  472. <div id="image2"><img src="http://i.picpar.com/LQqc.png"></div>
  473.  
  474. </div>
  475. </div>
  476. </div>
  477. </div>
  478. </div>
  479. </center>
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490. <style type="text/css">
  491. #music{position:fixed;
  492. left:533;
  493. top:228;
  494. z-index:99;
  495. }
  496.  
  497. #music1{
  498. position:fixed;
  499. padding:2px;
  500. }
  501.  
  502. #music1:hover #music2{
  503. opacity:0.7;
  504. margin-top:-25px;
  505. z-index:-1;
  506. }
  507.  
  508. #music1:hover #music3{
  509. opacity:0.7;
  510. margin-top:0px;
  511. z-index:99;
  512. }
  513.  
  514. #music1:hover #musiclist{opacity:1;}
  515.  
  516. #music3{ opacity:1.0;
  517. position:fixed;
  518. background-color:transparent;
  519. background-size: 20px;
  520. background-image:
  521. url('http://orig09.deviantart.net/e6fe/f/2014/066/6/d/red_play_button__256x256__transparent__by_asavei_florin-d798zp5.png');
  522. background-repeat: no-repeat;
  523. width:20px;
  524. height:20px;
  525. z-index:99
  526. overflow:hidden;
  527. -webkit-transition: all 0.5s ease-in-out;
  528. -moz-transition: all 0.5s ease-in-out;
  529. -o-transition: all 0.5s ease-in-out;
  530. }
  531.  
  532.  
  533. </style>
  534.  
  535.  
  536. <div id="music">
  537. <div id="music1">
  538. <div id="music3">
  539. <Div style="margin-top:4px;">
  540. <audio controls style="opacity: 0;"><source src="Music link"></audio>
  541. </div>
  542. </div>
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!