API tools faq
paste
Advertisement
Sinthia

Espeon

Sinthia
Aug 31st, 2016
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.30 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url(http://fonts.googleapis.com/css?family=Pinyon+Script);
  3. /* BODY | DEFAULT PANEL */
  4. body {
  5. background-color: #FFFFFF;
  6. background-image:url("");
  7. background-attachment:fixed;
  8. background-repeat: no-repeat;
  9. background-position: 100% 0%;
  10. background-size:contain;
  11. -webkit-background-size: contain;
  12. -moz-background-size: contain;
  13. -o-background-size: contain;
  14. overflow-x:hidden;
  15. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  16. }
  17. #profile {
  18. background-color:transparent;
  19. border: dashed 0px #000000;
  20. margin: auto; position: relative; left: 0px;
  21. width:100%;
  22. }
  23. .pfor {
  24. display: none;
  25. }
  26.  
  27. a.content, a.content:link, a.content:active, a.content:visited
  28. {font-family:small fonts;
  29. font-size:7px;
  30. line-height:9px;
  31. letter-spacing:1px;
  32. font-weight: normal;
  33. color: ffffff;
  34. width:50px;
  35. text-decoration:none;
  36. text-transform:uppercase;
  37. letter-spacing:1px;
  38. text-align:center;
  39. background-color: 222222;;
  40. text-align:center;
  41. border-top:0px solid;
  42. border-bottom:0px solid;
  43. border-right-width:0px;
  44. border-right-color:FFF7D5;
  45. border-right-style:solid;
  46. display:block;
  47. border-left-style:solid;
  48. border-left-color:FFF7D5;
  49. border-left-width:0px ;
  50. border-bottom-style:none;
  51. margin-bottom:1px;
  52. -webkit-transition: opacity 0.7s linear;
  53. -webkit-transition: all 0.7s ease-in-out;
  54. -moz-transition: all 0.7s ease-in-out;
  55. display: inline-block;
  56. padding-top:5px;
  57. Padding-bottom:5px;}
  58.  
  59. a.content:hover
  60. {font-family:small fonts;
  61. font-size:7px;
  62. line-height:9px;
  63. letter-spacing:1px;
  64. font-weight: normal;
  65. color: ffffff;
  66. width:50px;
  67. text-decoration:none;
  68. text-transform:uppercase;
  69. letter-spacing:1px;
  70. text-align:center;
  71. background-color: 333333;;
  72. text-align:center;
  73. border-top:0px solid;
  74. border-bottom:0px solid;
  75. border-right-width:3px;
  76. border-right-color:9b9b9b;
  77. border-right-style:solid;
  78. display:block;
  79. border-left-style:solid;
  80. border-left-color:FF6666;
  81. border-left-width:10px ;
  82. border-bottom-style:none;
  83. margin-bottom:1px;
  84. display: inline-block;}
  85.  
  86. a:active, a:visited, a:link, a.redlink:active, a.redlink:visited, a.redlink:link{font-weight:normal; font-size:6pt; !important; line-height: 100%; !important; text-transform:; text-decoration:Consolas; color: d8d8d8; text-transform:uppercase;text-decoration: none; letter-spacing:1;}
  87. a:hover, a.hover {color: d8d8d8; font-weight:normal;text-decoration: none; text-align: center;}
  88.  
  89. li {
  90. text-align:left;
  91. padding-left:105px;
  92. padding-right:0px;
  93. Padding-top:20;}
  94.  
  95. ::-webkit-scrollbar {
  96. width: 3px;
  97. }
  98.  
  99. ::-webkit-scrollbar-track {
  100. -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0);
  101. border-radius: 0px;
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb {
  105. border-radius:0px;
  106. -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0);
  107. }
  108.  
  109. ::-webkit-scrollbar-corner;}
  110.  
  111. .overlay {top:100px;left: 50%;margin-left: -500px;position:absolute;z-index:0;}
  112.  
  113. .showme{
  114. background-color: 555555;
  115. background-image:url("https://s-media-cache-ak0.pinimg.com/236x/46/1f/2e/461f2eeb7c96f827edc02c7b9312314a.jpg");;
  116. text-align: justify;
  117. width: 193;
  118. height: 193;
  119. visibility: visible;
  120. position: absolute;
  121. left: 585PX; top:390PX;
  122. overflow: auto;
  123. color: transparent;
  124. padding: 5px;
  125. z-index: 500000000!IMPORTANT;
  126. -webkit-transition: opacity 0.7s linear;
  127. -webkit-transition: all 0.7s ease-in-out;
  128. -moz-transition: all 0.7s ease-in-out;
  129. opacity:0.2; filter:alpha(opacity=5); }
  130.  
  131. .showme:hover{
  132. background-color: FF5757;
  133. background-image:url;
  134. text-align: justify;
  135. width: 193;
  136. height: 193;
  137. visibility: visible;
  138. position: absolute;
  139. left:585PX;bottom:390PX;
  140. overflow: auto;
  141. color:gold;
  142. padding: 5px;
  143. z-index: 5000000000!IMPORTANT;
  144. -webkit-transition: opacity 0.7s linear;
  145. -webkit-transition: all 0.7s ease-in-out;
  146. -moz-transition: all 0.7s ease-in-out;
  147. opacity:1; filter:alpha(opacity=100); }
  148.  
  149. table td div {visibility:hidden;}
  150. table table td div {visibility:visible;}
  151. tr {background: transparent;}
  152. div div { position:absolute; margin-top:-100px; }
  153.  
  154.  
  155. a.fam:active, a.fam:visited, a.fam:link {
  156. width: 100px;
  157. display: block;
  158. text-decoration: none;
  159. background-color: transparent;
  160. text-transform: lowercase;
  161. letter-spacing: 1px;
  162. text-align: center;
  163. border-left: 21px solid #444;
  164. margin-bottom: 4px;
  165. line-height: 17px;
  166. -webkit-transition: all 0.9s ease-out;
  167. -moz-transition: all 0.9s ease-out;
  168. padding-left: 6px;
  169. font-size: 10px;
  170. font-family: times;
  171. font-style: italic;
  172. color: #444;
  173. -webkit-border-bottom-right-radius: 0px;
  174. -webkit-border-top-right-radius: 0px;
  175. -moz-border-radius-bottomright: 0px;
  176. -moz-border-radius-topright: 0px;
  177. border-bottom-right-radius: 0px;
  178. border-top-right-radius: 0px;
  179. }
  180.  
  181. a.fam:hover {
  182. color: fff;
  183. background-color: transparent;
  184. border-left: 21px solid #FFF;
  185. }
  186.  
  187. #friends {
  188.  
  189. height: 128px;
  190. width: 100px;
  191. top: 400px;
  192. left: 40px;
  193. position: absolute;
  194. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  195. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  196. box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  197. background-color: #555555;
  198. opacity:0.8;
  199. border: 3px solid #000000;
  200. }
  201.  
  202. #links {
  203.  
  204. height: 128px;
  205. width: 100px;
  206. top: 250px;
  207. left: 40px;
  208. position: absolute;
  209. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  210. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  211. box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  212. background-color: #555555;
  213. opacity:0.8;
  214. border: 3px solid #000000;
  215. }
  216.  
  217.  
  218.  
  219.  
  220.  
  221. a:active, a:visited, a:link {
  222. color: #5A4672;
  223. font-size: 7pt;
  224. text-decoration:none;
  225. letter-spacing:-1x;
  226. font-family: Courier New;
  227. text-transform: uppercase;
  228. -webkit-transition:all 1s ease-in-out;
  229. -moz-transition:all 1s ease-in-out;
  230. -o-transition:all 1s ease-in-out;
  231. -webkit-transition:all 1s ease-in-out;
  232. transition:all 1s ease-out;
  233. }
  234.  
  235. a:hover {
  236. color:#FFF;
  237. background-color: #5A4672;
  238. text-decoration:none;
  239. font-transform: uppercase;
  240. -webkit-transition:all 1s ease-in-out;
  241. -moz-transition:all 1s ease-in-out;
  242. -o-transition:all 1s ease-in-out;
  243. -webkit-transition:all 1s ease-in-out;
  244. transition:all 1s ease-out;
  245. }
  246.  
  247. ::-webkit-scrollbar {
  248. width: 3px;
  249. }
  250.  
  251. ::-webkit-scrollbar-track {
  252. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  253. border-radius: 0px; background-color: transparent;
  254. }
  255.  
  256. ::-webkit-scrollbar-thumb {
  257. border-radius: 0px;
  258. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  259. background-color:#000000;
  260. }
  261.  
  262. i {
  263. font: italic normal normal 12px 'Georgia';
  264. color: #FF7823;
  265. text-transform: lowercase;
  266. }
  267.  
  268. b {
  269. font: bold normal normal 10px 'Tahoma';
  270. color: #FF7823;
  271. }
  272.  
  273. h1 {
  274. font: italic normal normal 11px/12px 'Courier new';
  275. color: #CCC;
  276. letter-spacing: 6px;
  277. text-align: right;
  278. }
  279.  
  280. a.first, a.first:link, a.first:active, a.first:visited
  281. {
  282. font-family:arial;
  283. font-size:6pt;
  284. line-height:7pt;
  285. letter-spacing:2px;
  286. font-weight: normal;
  287. color:white;
  288. text-decoration:none;
  289. text-transform:none;
  290. width:200%px;
  291. background-color:grey;
  292. text-align:center;
  293. display:block;
  294. border-right: 3px solid white;
  295. border-left: 3px solid white;
  296. margin-bottom:1px;}
  297.  
  298. a.first:hover {
  299. font-family:small fonts;
  300. font-size:5pt;
  301. line-height:7pt;
  302. letter-spacing:2px;
  303. font-weight: normal;
  304. border-bottom:;
  305. border-color:331133;
  306. color:grey;
  307. text-decoration:none;
  308. text-transform:uppercase;
  309. width:200%px;
  310. background-color:#FFFF97;
  311. text-align:center;
  312. display:block;
  313. border-left-style:solid;
  314. border-left-color:000000;
  315. border-left-width:4px;
  316. border-right-style:solid;
  317. border-right-color:000000;
  318. border-right-width:4px;
  319. margin-bottom:1px;
  320. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);}
  321.  
  322. #main {
  323. position:fixed;
  324. top: 400px;
  325. left: -20px;
  326. margin:0 auto;
  327. }
  328.  
  329. #main img {
  330. position:absolute;
  331. left: 400;
  332. -webkit-transition: opacity 2s ease-in-out;
  333. -moz-transition: opacity 2s ease-in-out;
  334. -o-transition: opacity 2s ease-in-out;
  335. transition: opacity 2s ease-in-out;
  336. background-color:#090909;
  337. border: 3px solid #060606;
  338. }
  339.  
  340. #main img.top:hover {
  341. opacity:0;
  342. }
  343.  
  344. .hoho2 {background-color: 555555;
  345. position:absolute;
  346. border-left: #000000 solid 3px;
  347. border-right: #000000 solid 3px;
  348. border-bottom: #000000 solid 3px;
  349. border-top: #000000 solid 3px;
  350. font-size: 10px;
  351. font-family: Tahoma;
  352. left: 160px;
  353. top: 390px;
  354. width: 190px;
  355. height: 190px;
  356. padding: 5px;
  357. overflow: auto;
  358. text-align: justify;}
  359.  
  360.  
  361.  
  362. h1 {
  363. border-bottom: 1px solid #d62e36;
  364. font-size: 11px;
  365. font-family: consolas;
  366. color: #ffc600;
  367. text-align: right;
  368. letter-spacing: 3px;
  369. text-transform: lowercase;
  370. }
  371.  
  372. u{color: ffc600; font-family:Arial;
  373. font-size:10px; text-decoration:none;
  374. border-width:1px; border-style:dashed;
  375. border-color: d62e36;border-left:0px;
  376. border-right:0px;border-top:0px;}
  377.  
  378.  
  379. table, tr, td, li, p, div {font-family: Consolas; color: b7b7b7; font-size:10px;}
  380. .text {font-family: Arial; color: b7b7b7; font-size:10px;;}
  381.  
  382. i{
  383. font-family: georgia;
  384. font-size: 10px;
  385. font-weight: Italic ;
  386. text-align: center;
  387. color: d59ee3;
  388. background-color: transparent;
  389. margin: 0px;
  390. letter-spacing: 2px;
  391. padding: 0px;
  392. line-height: autopx;
  393. margin: 0px;
  394. ;margin-bottom: 0px;
  395. margin-top: 0px;
  396. }
  397.  
  398. strong, b {
  399. font-family: georgia;
  400. font-size: 10px;
  401. font-weight: strong;
  402. text-align: center;
  403. color: eeeeee;
  404. background-color: transparent;
  405. margin: 0px;
  406. letter-spacing: 2px;
  407. padding: 0px;
  408. line-spacing:0;
  409. }
  410.  
  411. big {
  412. font-family: georgia;
  413. font-size: 10px;
  414. font-weight: Italic ;
  415. text-align: center;
  416. color: ffffff;
  417. background-color: transparent;
  418. text-transform: UPPERCASE;
  419. margin: 0px;
  420. letter-spacing: -2px;
  421. padding: 0px;
  422. line-spacing:0;
  423. }
  424.  
  425. #strip {
  426. position: fixed;
  427. top: 395px;
  428. left: -1200px;
  429. height: 10px;
  430. width: 2000px;
  431. background-color: #000000;
  432. }
  433.  
  434. #namae{
  435. position:fixed;
  436. width: 450px;
  437. height:10px;
  438. top: 355px;
  439. left: 347px;
  440. font-family: 'Pinyon Script', cursive;
  441. font-size: 36px;
  442. color: #000000;
  443. text-shadow:2px 2px 2px #585858;
  444. z-index: 3;
  445. }
  446.  
  447. </style>
  448.  
  449. <div id="main">
  450. <img class="bottom" src="https://s-media-cache-ak0.pinimg.com/236x/92/1d/05/921d0554f8a101b43b6cc8c1482afe32.jpg" height="199" width="200" />
  451. <img class="top" src="https://s-media-cache-ak0.pinimg.com/736x/ff/a3/e9/ffa3e99b44b3a53ca7bc94b901958e3f.jpg" height="199" width="200" />
  452. </div>
  453.  
  454. <div style="position: fixed; bottom: 0px; right: 50px; background-color: transparent;">
  455. <img src="http://28.media.tumblr.com/tumblr_lk0tsrP6kz1qi9fo9o1_400.png"height="100%">
  456.  
  457. </div>
  458.  
  459. <div id="strip">
  460. </div>
  461.  
  462.  
  463. <div id="namae">
  464. Awesome Title
  465.  
  466. </div>
  467.  
  468. <div class=hoho2>
  469. <h1>Header </h1>
  470. <center>
  471. <i>
  472.  
  473.  
  474.  
  475.  
  476. </i>
  477.  
  478. <br>
  479. <h2>Abilities:</h2>
  480. <i>
  481. <a title="Hover words.">Hover thing</a> //
  482. <a title="Whatever you have to say.">2 hover thing </a> //
  483. <a title="Whatever you have to say.">Hover Thing</a> //
  484.  
  485. </i>
  486. </center>
  487. </div>
  488.  
  489. <div id="friends">
  490. <h1>Friends</h1>
  491.  
  492. <a href="Link" class="FIRST"></a>
  493.  
  494. </div>
  495. <div id="links">
  496. <h1>Links</h1>
  497.  
  498.  
  499. <a href="" class="FIRST">Link</a>
  500. <a href="" class="FIRST">Link</a>
  501. </div>
  502.  
  503. <div class=showme>
  504. <h1>-- rules.</h1>
  505. ᴏɴᴇ -Do not take this layout. It does <b>not</b> belong to you. Also note that a lot of things in this profile have a hover effect. Including the gif next to this box.<br><br>
  506. тwo -It was made for me, by my friend irl -- <br><br>
  507. ᴛʜʀᴇᴇ -I am not Espeon. Nor do I own the character.<br><br>
  508. ғᴏᴜʀ -None of the pictures/gifs are mine.<br><br>
  509. ғɪᴠᴇ -I am taken in real life, keep your pants on.<br><br>
  510. sɪx -OOC does not equal IC.<br><br>
  511. sᴇᴠᴇɴ -Smut is earned through relationship.<br><br>
  512. ᴇɪɢʜᴛ -Long term. Applies to the aforementioned.<br><br>
  513. ɴɪɴᴇ -No fanboys.<br><br>
  514. ᴛᴇɴ -Absolutely no drama.<br><br><br>
  515.  
  516. ɴoтe - <br>
  517. </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!