Advertisement
QueenOfGeckos

Frozen lass

Jul 28th, 2016
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.23 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(http://fonts.googleapis.com/css?family=Tangerine:400,700|Quattrocento|Just+Another+Hand);
  3.  
  4. /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
  5.  
  6. .vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
  7.  
  8.  
  9.  
  10. .vicarious{Background Properties // BODY COLOR IS IN THE COLOR PALETTE SECTION}
  11. body {
  12. background-image:url(http://i.imgur.com/HMul7bS.png);
  13. background-repeat:repeat;
  14. background-position: top center;
  15. background-attachment:fixed;
  16. }
  17.  
  18. .vicarious{ Google Chrome Scrollbar }
  19. ::-webkit-scrollbar {width: 10px;}
  20. ::-webkit-scrollbar-track {border: 1px solid ;}
  21. ::-webkit-scrollbar-thumb {border: 1px solid ;}
  22.  
  23. .vicarious { Font Styles }
  24.  
  25. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em {
  26. font-family: tahoma;
  27. font-size: 10pt ;
  28. line-height: 90% ;
  29. text-decoration:none;
  30. }
  31.  
  32. P { text-align:justify; }
  33. I { font-size:12pt;font-family: Tangerine; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
  34. EM {font-size:13pt; display:block; text-align:center; font-family: times new roman; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
  35.  
  36. B {
  37. font-family: arial narrow;
  38. font-size:8pt;
  39. font-weight:bold;
  40. text-transform:none;
  41. line-height:100%;
  42. letter-spacing: 1pt;
  43. }
  44.  
  45. a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
  46. font-family: arial narrow;
  47. font-size:9pt;
  48. text-align:center;
  49. text-transform:none;
  50. line-height:30px;
  51. height:30px;
  52. width:77px;
  53. display:block;
  54. font-weight:bold;
  55. text-decoration:none;
  56. -webkit-transition: all 2.4s ease-out;
  57. -moz-transition: all 2.4s ease-out;transition:
  58. all 2.4s ease-out;
  59. margin-bottom:2px;
  60. }
  61.  
  62. a.second, a.second:link, a.second:active, a.second:visited {
  63. width:auto;
  64. line-height:18px;
  65. height:18px;
  66. letter-spacing:1pt;
  67. margin-bottom:4px;
  68. text-align:left;
  69. padding-left:5px;
  70. }
  71.  
  72. a.third, a.third:link, a.third:active, a.third:visited {
  73. font-family: tahomat;
  74. font-size: 30pt ;
  75. line-height:100%;
  76. text-align:center;
  77. display:block;
  78. text-transform:none;
  79. text-decoration:none;
  80. -webkit-transition: all 1.4s ease-out;
  81. -moz-transition: all 1.4s ease-out;transition:
  82. all 1.4s ease-out;
  83. }
  84.  
  85. .h1, .h2, .h3, .h4, .h5 {
  86. font-family: copperplate gothic light;
  87. text-transform:uppercase;
  88. line-height:100%;
  89. text-align:center;
  90. display:block;
  91. font-size: 11pt ;
  92. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  93. }
  94.  
  95. .h1 {
  96. font-family: 'Quattrocento', serif;
  97. font-size: 20pt ;
  98. margin:20px 0px 10px;
  99. letter-spacing:2pt;
  100. }
  101.  
  102.  
  103. .h2 {
  104. text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
  105. }
  106.  
  107.  
  108. .h3 {
  109. font-family: 'Quattrocento', serif;
  110. font-size: 10pt ;
  111. margin:5px 0px;
  112. letter-spacing:2pt;
  113. }
  114.  
  115.  
  116. .h4 {
  117. font-family: 'Quattrocento', serif;
  118. font-size: 14pt ;
  119. margin:10px 0px;
  120. padding:10px 0px;
  121. letter-spacing:2pt;
  122. }
  123.  
  124. .h5 {
  125. font-family: georgia;
  126. font-size: 12pt ;
  127. margin:10px 0px;
  128. letter-spacing:2pt;
  129. text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
  130. }
  131.  
  132.  
  133. .vicarious { Div IDS/Class Styles }
  134. #addsign {
  135. width:50px;
  136. height:50px;
  137. margin-left:25px;
  138. margin-bottom:25px;
  139. z-index:4;
  140. visibility:visible;
  141. left:0%;
  142. bottom:0%;
  143. position:fixed;
  144. overflow:hidden;
  145. }
  146.  
  147.  
  148. #links, #circleback, #top, #line, #music, #connections, #vicmain, #circle, #circleb {
  149. visibility:visible;
  150. left:0%;
  151. top:0%;
  152. position:fixed;
  153. overflow:hidden;
  154. }
  155.  
  156. #links {
  157. width:250px;
  158. height:auto;
  159. margin-left:10px;
  160. margin-top:315px;
  161. z-index:1;
  162. }
  163.  
  164. #circleback {
  165. width:350px;
  166. height:350px;
  167. margin-left:190px;
  168. margin-top:115px;
  169. z-index:2;
  170. -webkit-border-radius: 180px;
  171. -moz-border-radius: 180px;
  172. border-radius: 180px;
  173. }
  174.  
  175. #top {
  176. width:100%;
  177. height:255px;
  178. margin-left:0px;
  179. margin-top:0px;
  180. z-index:3;
  181. }
  182.  
  183. #line {
  184. width:100%;
  185. height:50px;
  186. margin-left:0px;
  187. margin-top:255px;
  188. z-index:4;
  189. text-align:left;
  190. }
  191.  
  192. #music {
  193. width:150px;
  194. height:20px;
  195. margin-left:0px;
  196. margin-top:270px;
  197. z-index:5;
  198. text-align:left;
  199. }
  200.  
  201. #circle, #circleb {
  202. width:260px;
  203. height:260px;
  204. margin-left:200px;
  205. margin-top:205px;
  206. z-index:5;
  207. -webkit-border-radius: 180px;
  208. -moz-border-radius: BAD0px;
  209. border-radius: 180px;
  210. border:15px solid;
  211. }
  212.  
  213. #circleb {
  214. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  215. filter: alpha(opacity=0);
  216. opacity: 0;
  217. -webkit-transition: all 1.6s ease-out;
  218. -moz-transition: all 1.6s ease-out;
  219. -ms-transition: all 1.6s ease-out;
  220. -o-transition: all 1.6s ease-out;
  221. transition: all 1.6s ease-out;
  222. }
  223.  
  224.  
  225. #circleb:hover {
  226. -webkit-transform: rotate(720deg);
  227. -moz-transform: rotate(720deg);
  228. -o-transform: rotate(720deg);
  229. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  230. filter: alpha(opacity=100);
  231. opacity: 1;
  232. }
  233.  
  234. .circletext{
  235. border:50px solid ;
  236. overflow:auto;
  237. width:150px;
  238. height:150px;
  239. }
  240.  
  241.  
  242. #conimg {
  243. width:162px;
  244. height:162px;
  245. overflow:hidden;
  246. }
  247.  
  248. #context {
  249. width:154px;
  250. height:154px;
  251. overflow:hidden;
  252. padding:4px;
  253. -webkit-transition: all 0.6s ease-out;
  254. -moz-transition: all 0.6s ease-out;
  255. -ms-transition: all 0.6s ease-out;
  256. -o-transition: all 0.6s ease-out;
  257. transition: all 0.6s ease-out;
  258. text-align:left;
  259. overflow:hidden;
  260. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  261. filter: alpha(opacity=0);
  262. opacity: 0;
  263. }
  264.  
  265. #context:hover {
  266. overflow:auto;
  267. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  268. filter: alpha(opacity=100);
  269. opacity: 1;
  270. }
  271.  
  272. #connections, #vicmain {
  273. z-index:6;
  274. -moz-border-radius-bottomright: 20px;
  275. -webkit-border-bottom-right-radius: 20px;
  276. border-bottom-right-radius: 20px;
  277. -moz-border-radius-bottomleft: 20px;
  278. -webkit-border-bottom-left-radius: 20px;
  279. border-bottom-left-radius: 20px;
  280. -webkit-transition: all 1.6s linear;
  281. -moz-transition: all 1.6s linear;
  282. -ms-transition: all 1.6s linear;
  283. -o-transition: all 1.6s linear;
  284. transition: all 1.6s linear;
  285. }
  286.  
  287. #connections {
  288. width:195px;
  289. height:250px;
  290. margin-left:10px;
  291. margin-top:-230px;
  292. }
  293.  
  294. #connections:hover {
  295. margin-top:0px;
  296. }
  297. .connect {
  298. width:185px;
  299. height:170px;
  300. overflow:auto;
  301. margin:0px 10px 0px 5px;
  302. }
  303.  
  304. #vicmain {
  305. width:500px;
  306. height:auto;
  307. margin-left:550px;
  308. margin-top:0px;
  309. position:absolute
  310. }
  311.  
  312.  
  313. .buffer {
  314. width:500px;
  315. height:25px;
  316. }
  317.  
  318. .about {
  319. width:480px;
  320. height:200px;
  321. overflow:auto;
  322. margin:0px 5px 5px;
  323. padding:0px 5px 5px;
  324. }
  325.  
  326. .about2 {
  327. width:480px;
  328. height:auto;
  329. overflow:none;
  330. margin:0px 5px 5px;
  331. padding:0px 5px 5px;
  332. }
  333.  
  334. .stats {
  335. width:200px;
  336. height:250px;
  337. overflow:auto;
  338. padding:0px 5px 5px;
  339. text-align:left;
  340. }
  341.  
  342. .about3 {
  343. width:270px;
  344. height:250px;
  345. overflow:auto;
  346. padding:0px 5px 5px;
  347. text-align:justify;
  348. }
  349.  
  350.  
  351. .vicarious{ Color Palette}
  352.  
  353. body, #circleback { background-color:fffff; }
  354. ::-webkit-scrollbar-track {background-color:000000 ; border-color:121212;}
  355. ::-webkit-scrollbar-thumb {background-color:8b8292; border-color:121212 ;}
  356. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em { color:ffffff }
  357. I { color:13a4c9;}
  358. EM { color:7f32ec; }
  359. B { color:ffffff; }
  360. a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited { color:ffffff; background-color:d48ca1; }
  361. a.first:hover, a.second:hover {color:d48ca1; background-color:ffffff; }
  362. a.third, a.third:link, a.third:active, a.third:visited {color:ffffff; }
  363. a.third:hover {color:7f32ec; }
  364. .h1 { color:ffffff; }
  365. .h3 {color:ffffff; background-color:396374;}
  366. .h4 {color:BADBADBAD; background-color:396374;}
  367. .h2 { color:ffffff; }
  368. .h5 { color:ffffff; }
  369. #circle, #circleb, #context, .stats, .connect, .about, .about2, .about3 { background-color:19161b; }
  370. .circletext {background-color:19161b; border-color:#19161b;}
  371. #vicmain, #connections { background-color:d48ca1; }
  372. #circle {border-color: #396374; }
  373. #circleb {border-color: #396374; }
  374. #line{ background-color:transparent; }
  375. #addsign {background-color:transparent;}
  376. #top { background-color:transparent;}
  377.  
  378.  
  379.  
  380. /* - - CSS!! NO TOUCHY!!! - - */
  381.  
  382. img {border:0px;}
  383. table, tr, td {background:transparent; border:0px;}
  384. img, .contactTable { display:none; }
  385. .vicholder img, .comt img { display:inline; }
  386. table div, td td td, table div div { visibility:hidden; }
  387. font, a, .vicsc a { visibility:hidden; }
  388. .hidenav {display:none}
  389. div.profileWidth {margin-top: -30px !important;}
  390. div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
  391. div.profileWidth div.clearfix, hidenav hidenav hidenav,
  392. div.profileWidth div div {filter:none; opacity:0.9999}
  393. div.profileWidth div.clearfix {position:relative; top:30px}
  394. table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
  395. table table table embed, .vicholder div embed {position:static !important; width:auto; height:auto; }
  396. .text, table table table table a,table table table table div,table table table table div a {visibility:visible;}
  397. .vicsc { display:none; }
  398. .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
  399. table table, table table td {padding:0px; height:0px;}
  400. marquee { z-index:8; }
  401. table div, span, td td td, table div div { visibility:hidden !important; }
  402. .vicholder div, .vicholder div font, .vicholder div a, .vicholder div div, .vicholder font a, .vicholder span, .vicholder div table a, .vicholder div table img, .vicholder div
  403.  
  404. table font, .vicholder div table, .vicholder div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}
  405. .vicDiv {content:"Layouts available @ http://vicarious-hs.tumblr.com";}
  406. /* - - - - - - - */
  407.  
  408.  
  409. .vicarious{ Hide Codes }
  410. .userProfileURL { display:none; }
  411. .profileInfo { display:none; }
  412. .friendsComments { display:none; }
  413. .friendSpace { display:none; }
  414. .blurbs {display: none;}
  415. .contactTable {display: none;}
  416. .latestBlogEntry {display: none;}
  417. .extendedNetwork {display: none;}
  418. .interestsAndDetails {display: none;}
  419. .userprofiledetail {display: none;}
  420. .userAlbums { display:none; }
  421. .whitetext12{visibility:hidden; display:none;}
  422. .orangetext15{visibility:hidden; display:none;}
  423. .lightbluetext8{visibility:hidden; display:none}
  424. table table table table td {width:0px;}
  425. .contactTable td, table table td.text table td,table table table table table td {width:auto;}
  426. .profile { display:none !important;visibility:hidden!important; }
  427. table tr td[id='footerWarpper']{display:none !important;visibility:hidden!important;}
  428.  
  429.  
  430.  
  431. </style>
  432.  
  433. <div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>
  434.  
  435.  
  436.  
  437.  
  438.  
  439. -----------------------------LIKE TO MEET---------------------------------
  440.  
  441. </td></tr></table></td></tr></table></td></tr></table></div><DIV class="vicholder">
  442.  
  443.  
  444. <div id="links">
  445. <a class="second" href="http://www.deviantart.com/art/Gaia-BlinkyIris-185706572"target="_blank">By Britishmindslave on deviant art</a>
  446. <a class="second" href="http://angel-soma.deviantart.com/art/Iris-Flower-Field-177054631"target="_blank">By Angel-Soma</a>
  447. <a class="second" href="xxxxxx"target="_blank">xxx</a>
  448. <a class="second" href="xxxx"target="_blank">xxxx</a>
  449. </div>
  450.  
  451. <div id="circleback"></div><div id="top"></div><div id="line"></div><div id="music">
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460.  
  461. </div><div id="circle" style="background-image:url(http://i.imgur.com/nclZYJC.png);"></div>
  462.  
  463. <div id="circleb"><div class="circletext">
  464.  
  465. <p><font class="h2">Out of Character.</font>
  466. <center>
  467. <small>01.</small> PM friendly 99.9999999% of the time.<br><br>
  468. <small>02.</small> Don't like how I play her? Don't care.<br><br>
  469. <small>03.</small> Please be polite.<br><br>
  470. <small>04.</small> Art is NOT mine.I will take it down upon request.<br><br>
  471. <small>05.</small> Constant work in progress<br><br>
  472. <small>06.</small> Alts:Assistant Lillie, Shoop Da Hoopa, Daisy Oak.<br><Br>
  473. <small>07.</small> Story > Sex<br><br>
  474. <small>08.</small> Hmmm let me get back to you on that<br><br>
  475. <small>09.</small> For the most part I'm a nice person.<br><br>
  476. <small>10.</small> No profile? Well congrats you're probably not even getting the time of day from me.<br><br>
  477. <small>11.</small> UNLESS YOU ARE A POKEMON ACCOUNT DO NOT MESSAGE ME! Unless I know you.... I have had too many people try and push me when I told them I was not interested.<br><br>
  478. <small>12.</small> IC =/= OOC.<br><br><br><br>
  479.  
  480.  
  481. </div></div>
  482.  
  483.  
  484.  
  485.  
  486. <div id="connections">
  487.  
  488. <font class="h4">Connections</font>
  489. <div class="connect">
  490.  
  491. <a class="second" href="LINK TO PROFILE">Friend Name</a>
  492. <a class="second" href="LINK TO PROFILE">Friend Name</a>
  493. <a class="second" href="LINK TO PROFILE">Friend Name</a>
  494. <a class="second" href="LINK TO PROFILE">Friend Name</a>
  495.  
  496. d48ca1
  497.  
  498. </div></div><div id="vicmain">
  499. <font class="h1">Froslass</font>
  500. <center><IMG SRC="http://i.imgur.com/nF20tpD.png" width="100px"><IMG SRC="http://i.imgur.com/GgHtiqD.png" width="100px"><IMG SRC="http://i.imgur.com/gLSNdJX.png" width="100px"></center>
  501.  
  502.  
  503.  
  504. <div class="about">
  505.  
  506. <font class="h3">Biology</font>
  507.  
  508. <p>Froslass is a humanoid Pokémon with a hollow torso that resembles a kimono. It wears a red band around its waist, reminiscent of an Obi. Its body lacks feet and it floats in the air like its counterpart, Glalie. Its arms are connected to the sides of its head, and flare at the wrists. The flared portion has dappled, light blue coloration. Its hands consist of three small fingers. Froslass's head is shaped similar to a sideways water droplet, and is topped with two ice crystals that resemble horns. Its head has several holes on it, resembling a mask. Through two of these holes, crystal blue eyes with yellow sclera can be seen. It also has a mouth below this "mask".</p>
  509. <p>Froslass lives in snowy areas and has the ability to freeze foes with its -58 degrees Fahrenheit breath. It is thought to display its victims secretly after freezing them. As evidenced in the anime, it can create illusions to manipulate others. Froslass is a female only species, and is said in legends to be the spirit of a woman who was lost in the mountains.</p>
  510.  
  511.  
  512. </div><table><TR><td valign="top"><div class="stats">
  513. <font class="h3">Battle Stats</font>
  514. <i>Race:</i> <Br>Froslass<br>
  515. <i>Nature:</i> <Br>Sassy<br>
  516. <i>Types:</i> <Br>Ghost/Ice<br>
  517. <i>Ability:</i> <Br>Snow Cloak<br>
  518. <i>Trainer</i> <Br>N/A<br>
  519.  
  520.  
  521. <font class="h3">Moves</font>
  522.  
  523. <p><b>❥</b><i>Ice Shard</i></p>
  524. <p><b>❥</b><i>Light Screen</i></p>
  525. <p><b>❥</b><i>Shadow Ball</i></p>
  526. <p><b>❥</b><i>Frost Breath</p>
  527.  
  528. </a>
  529. </div></td><td valign="top"><div class="about3">
  530. <font class="h3">Stats</font>
  531. <i>Name:</i><Br>Celes<br>
  532. <i>Gender:</i> <Br>Female<br>
  533. <i>Race:</i> <Br>Gijinka/Froslass<br>
  534. <i>Nature:</i> <Br>Sassy <br>
  535. <i>Height:</i> <Br>5ft 2inch<br>
  536. <i>Weight:</i> <Br>N/A<br>
  537. <i>Eye color:</i> <Br>Seafoam Green<br>
  538. <i>Hair :</i> <Br>Snow White with two Crystaline flower clips<br>
  539. <i>Sexuality:</i> <Br>Bisexual<br>
  540. <i>Marital Status:</i> <Br>Single<br></font></div></td></tr></table>
  541.  
  542. <font class="h1">Main Connections</font>
  543.  
  544. <table><TR><td valign="top">
  545.  
  546. <div id="conimg" style="background-image:url( xxxx);">
  547.  
  548. <div id="context">
  549.  
  550. <b>Name 1</b>
  551.  
  552. <p>INFOINOINFO
  553. </div></div></td><td valign="top">
  554.  
  555.  
  556. <div id="conimg" style="background-image:url(xxx);">
  557.  
  558. <div id="context">
  559.  
  560.  
  561. <b>Name 2</b>
  562.  
  563. <p>Info INFO INFO
  564.  
  565.  
  566.  
  567. <br><br><br><br>
  568.  
  569. </div></div></td><td valign="top">
  570.  
  571.  
  572. <div id="conimg" style="background-image:url(xxxx);">
  573.  
  574. <div id="context">
  575.  
  576. <b>Name 3 Here</b>
  577.  
  578. <p>CONNECTION BOX 3 TEXT
  579.  
  580. </div></div></td> </TR></table>
  581.  
  582.  
  583. <font class="h1">Copyright & Disclaimer</font>
  584.  
  585. <p><CENTER><b>COPYRIGHT 2013. ALL RIGHTS RESERVED.</b></CENTER>
  586.  
  587. <div class="about2">
  588.  
  589. <p>This layout was created by http://vicarious-hs.tumblr.com/, I, in no shape or form am affiliated with them. I am only using this layout for the means of a layout. I take no claim for it, only for it's use.
  590.  
  591.  
  592. <p>I am not the person in the photographs. This profile is for creative purposes only.
  593.  
  594. </div><div class="buffer"></div></div>
  595. <div style="position: fixed; bottom: 0px; right: 0px; background-color: transparent;">
  596. <img src="http://i.imgur.com/cpK8rhH.png" height="50%">
  597.  
  598.  
  599.  
  600. </div><div class="ficsc"><table><tr><td><table><tr><td><table><tr><td>
  601.  
  602.  
  603.  
  604. <style type="text/css">
  605. .pfor {display: none;}
  606. #profile {border: 0px;}
  607. </style>
  608.  
  609. <style type="text/css">
  610. .pfor {display: none;}
  611. body {background-color: transparent;}
  612. #profile {background-color: transparent;}
  613. #profile {border: 0px;}
  614. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement