API tools faq
paste
Beautifulie

- teenage dream

Beautifulie
Jun 4th, 2014
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.72 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {
  8. font-family: verdana;
  9. font-size: 10px;
  10. background-color: #F7F7F7;
  11. background-image: url('http://24.media.tumblr.com/7610ca553f32cb7245b06f78350981c6/tumblr_movdbcThVO1ru3nbdo2_250.png');
  12. background-attachment: fixed;
  13. background-position: bottom right;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/others/oth-7/oth666.cur'), default;
  18. }
  19.  
  20. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#838894; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  21. i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
  22. u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
  23. s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
  24. big {color: #666666; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
  25. small {color: #820000; font-size: 11px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
  34. -moz-border-radius: 0px 0px 0px 0px;
  35. border-radius:0px 0px 0px 0px;}
  36. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  37.  
  38. #no{
  39. position: fixed;
  40. top: 0px;
  41. left: 0px;
  42. right: 0px;
  43. bottom: 0px;
  44. z-index: 999999;
  45. }
  46.  
  47. #queen{
  48. position: fixed;
  49. top: 190px;
  50. left: 320px;
  51. width: 150px;
  52. height: 300px;
  53. line-height: 13px;
  54. font-size: 12px;
  55. background-color: #EDEDEE;  
  56. background-image: url('http://i.picpar.com/P6J.png');
  57. background-repeat: no-repeat;
  58. background-size: 150px 300px;
  59. border: 2px #996699 Solid;
  60. z-index:300;
  61. }
  62.  
  63. .info{
  64. position: fixed;
  65. top: 190px;
  66. left: 0px;
  67. width: 315px;
  68. height: 157px;
  69. border: 2px Solid #996699;
  70. background-color: #EDEDEE;
  71. color: #212121;
  72. font-family: verdana;
  73. font-variant: small-caps;
  74. text-align: justify;  
  75. font-size: 10px;
  76. line-height: 13px;  
  77. overflow: auto;
  78. z-index: 200;
  79. opacity: 1;
  80. }
  81.  
  82. .links{
  83. position: fixed;
  84. top: 365px;
  85. left: 190px;
  86. width: 125px;
  87. height: 125px;
  88. border: 2px Solid #996699;
  89. background-color: #EDEDEE;
  90. color: #212121;
  91. font-family: verdana;
  92. font-variant: small-caps;
  93. text-align: justify;  
  94. font-size: 10px;
  95. line-height: 13px;  
  96. overflow: auto;
  97. z-index: 200;
  98. opacity: 1;
  99. }
  100.  
  101. .inventory{
  102. position: fixed;
  103. top: 365px;
  104. left: 0px;
  105. width: 185px;
  106. height: 125px;
  107. border: 2px Solid #996699;
  108. background-color: #EDEDEE;
  109. color: #212121;
  110. font-family: verdana;
  111. font-variant: small-caps;
  112. text-align: justify;  
  113. font-size: 10px;
  114. line-height: 13px;  
  115. overflow: auto;
  116. z-index: 200;
  117. opacity: 1;
  118. }
  119.  
  120. .friends{
  121. position: fixed;
  122. top: 351px;
  123. left: 0px;
  124. width: 800px;
  125. height: 90px;
  126. overflow: hidden;
  127. background-color: transparent;  
  128. z-index:9999999999;
  129. }
  130.  
  131. #words{
  132.    
  133.     z-index:2;
  134.     margin-top: 436px;
  135.     letter-spacing:-2px;
  136.     font-family: 'Raleway', sans-serif;
  137.     text-transform:lowercase;
  138.     font-size: 25px;
  139.     margin-left: 470px;
  140.     padding-bottom:16px;
  141.     border:1px solid #eee;
  142.     padding-top:10px;
  143.     background-color: #996699;
  144.     padding-left:4px;
  145.     padding-right:4px;
  146.     text-align:center;
  147.     position:fixed;
  148.           -moz-transform:rotate(270deg);
  149.   -webkit-transform:rotate(270deg);
  150.  
  151.    
  152. }
  153.  
  154. #ooc {
  155. position: fixed;
  156. width: 90px;
  157. height: 97px;
  158. top: 450px;
  159. left: 475px;
  160. background-color: transparent;
  161. top: 450px;
  162. left: 475px;
  163. z-index: 3;
  164. }
  165.  
  166. #slide{
  167. position: fixed;
  168. width: 150px;
  169. top: 445px;
  170. left: 470px;
  171. padding: 5px;
  172. font-size: 9px;
  173. color: #070707;
  174. font-variant: small-fonts;
  175. font-family: verdana;
  176. -webkit-transition: all 0.5s ease-in-out;
  177. -moz-transition: all 0.5s ease-in-out;
  178. transition: all 0.5s ease-in-out;
  179. opacity: 0;
  180. z-index: 50;
  181. }
  182.  
  183. #ooc:hover #slide{
  184. margin-left: 53px;
  185. -webkit-transition: all 0.5s ease-in-out;
  186. -moz-transition: all 0.5s ease-in-out;
  187. transition: all 0.5s ease-in-out;
  188. opacity: 1;
  189. }
  190.  
  191. #pokemon{
  192. position: fixed;
  193. top: 210px;
  194. left: 480px;
  195. width: 50px;
  196. height: 350px;
  197. overflow: hidden;
  198. background-color: transparent;  
  199. z-index:9999999999;
  200. }
  201.  
  202. .box {
  203. position: fixed;
  204. left: 0px;
  205. top: 700px;  
  206. width: 457px;
  207. height: 105px;
  208. padding: 5px;
  209. color: #212121;
  210. font-family: verdana;
  211. font-variant: small-caps;
  212. text-align: justify;  
  213. font-size: 10px;
  214. line-height: 8px;  
  215. overflow: auto;
  216. border: 4px Solid #996699;
  217. background-color: #EDEDEE;
  218. opacity: 0;
  219. transition: all 0.5s ease-in-out;
  220. -webkit-transition: all 0.5s ease-in-out;
  221. -moz-transition: all 0.5s ease-in-out;
  222. -o-transition: all 0.5s ease-in-out;
  223. -ms-transition: all 0.5s ease-in-out;
  224. }
  225.  
  226. .box:target {
  227. top: 500px;
  228. left: 0px;
  229. opacity: 1;
  230. transition: all 0.5s ease-in-out;
  231. -webkit-transition: all 0.5s ease-in-out;
  232. -moz-transition: all 0.5s ease-in-out;
  233. -o-transition: all 0.5s ease-in-out;
  234. -ms-transition: all 0.5s ease-in-out;
  235. }
  236.  
  237. a.tsun:link, a.tsun:active, a.tsun:visited{
  238. letter-spacing: 1px;
  239. text-transform: lowercase;
  240. display: inline-block;
  241. width: 57px;
  242. height: 10px;
  243. color: #070707;
  244. background-color: #996699;
  245. border: 2px Solid #996699;
  246. text-align: center;
  247. line-height: 10px;    
  248. font-variant: small-caps;
  249. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  250. -webkit-transition: all 0.4s ease-out;
  251. -moz-transition: all 0.4s ease-out;
  252. -moz-border-radius-topright: 5px;
  253. -moz-border-radius-bottomright: 5px;}
  254.  
  255. a.tsun:hover{
  256. background-color: #212121;
  257. color: #FEFEFE;
  258. text-decoration: none;
  259. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  260. }
  261.  
  262. a.pkmn:link, a.pkmn:active, a.pkmn:visited{
  263. letter-spacing: 1px;
  264. text-transform: lowercase;
  265. display: inline-block;
  266. width: 40px;
  267. height: 40px;
  268. background-color: transparent;
  269. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  270. -webkit-transition: all 0.4s ease-out;
  271. -moz-transition: all 0.4s ease-out;
  272. -moz-border-radius-topright: 5px;
  273. -moz-border-radius-bottomright: 5px;}
  274.  
  275. a.pkmn:hover{
  276. background-color: transparent;
  277. text-decoration: none;
  278. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  279. }
  280.  
  281. a {
  282. color: #CCC;
  283. text-decoration: none;
  284. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  285. }
  286.        
  287. a:hover {
  288. color: transparent;
  289. text-decoration: none;
  290. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  291. }
  292.  
  293. </style>
  294.  
  295. <div id="queen"></div>
  296.  
  297. <div class="info">
  298. <font style=float:left>Trainer Type</font> <font style=float:right>Ace Trainer</font><br>
  299. <font style=float:left>Name</font> <font style=float:right>Diocalli, Anavina</font><br>
  300. <font style=float:left>Moniker(s)</font> <font style=float:right><span title="ONly few can use it">Queenie</span>, 'Rina, etc.</font><br>
  301. <font style=float:left>D.O.B/Zodiac</font> <font style=float:right>9 February/Aquarius</font><br>
  302. <font style=float:left>Gender</font> <font style=float:right>Female</font><br>
  303. <font style=float:left>Hair Colour/Eye Hue</font> <font style=float:right>Light Pink/Gray</font><br>
  304. <font style=float:left>Height/Weight</font> <font style=float:right>5'6"/127 lbs</font><br>
  305. <font style=float:left>Body Type</font> <font style=float:right>Lithe, curvaceous</font><br>
  306. <font style=float:left>Age</font> <font style=float:right>Twenty-five</font><br>
  307. <font style=float:left>Occupation</font> <font style=float:right>PKMN Trainer</font><br>
  308. <font style=float:left>Family</font> <font style=float:right>Mom & Dad</font><br>
  309. <font style=float:left>Alignment</font> <font style=float:right>Lawful Good</font><br>
  310. <font style=float:left>Hometown</font> <font style=float:right>Viridian City, Kanto</font><br>
  311. <font style=float:left>Orientation</font> <font style=float:right>Heterosexual</font><br>
  312. <font style=float:left>Marital Status</font> <font style=float:right><a href="/profile.php?userid=214819" target="_blank">Taken</a>.</font><br>
  313. <font style=float:left>Distinguishing</font> <font style=float:right>Artificial right eye</font><br>
  314. <font style=float:left>Starter</font> <font style=float:right>Growlithe ( lv.5 )</font><br>
  315. </div>
  316.  
  317. <div class="links">
  318. bla
  319. </div>
  320.  
  321. <div class="inventory">
  322. bla
  323. </div>
  324.  
  325. <div class="friends">
  326. <a href="" class="tsun">Ace</a>
  327. <a href="" class="tsun">Suzaku</a>  
  328. <a href="" class="tsun">King</a>
  329. <a href="" class="tsun">Hiroshi</a>
  330. <a href="" class="tsun">LINK</a>
  331. </div>
  332.  
  333. <div id="ooc">
  334. <div id="slide">
  335. 00. PKMN Universe only. Reckoning moderator. <br>
  336. 01. IC and OOC are not the same. <br>
  337. 02. Semi- PM Friendly. <br>
  338. 03. Dont think about getting with the player or the character because they both will decline you. <br>
  339. 04. Skype is available for those long-term RPers. <br>
  340. 05. I joke around a lot. <br>
  341. 06. I idle as well. <br>
  342. 07. Dont want your drama. <br>
  343. 08. Be literate when RPing. <br>
  344. 09. No profile or group acknowledgement = No RP <br>
  345. 10. Layout is mine. Dont touch. <br>
  346.  
  347. </div></div>
  348.  
  349. <div id="words">ooc</div>
  350.  
  351. <div id="Pokemon">
  352. <a class="pkmn" href="#arcanine"><img src="http://serebii.net/pokedex-xy/icon/059.png"></img></a>
  353. <a class="pkmn" href="#haxorus"><img src="http://www.serebii.net/pokedex-xy/icon/612.png"></img></a>  
  354. <a class="pkmn" href="#eelektross"><img src="http://www.serebii.net/pokedex-xy/icon/604.png"></img></a>
  355. <a class="pkmn" href="#clefable"><img src="http://www.serebii.net/pokedex-xy/icon/036.png"></img></a>
  356. <a class="pkmn" href="#metagross"><img src="http://i.picpar.com/vkN.gif"></img></a>
  357. <a class="pkmn" href="#pidgeot"><img src="http://www.serebii.net/pokedex-xy/icon/018.png"></img></a>
  358. </div>
  359.  
  360. <div id="arcanine" class="box">
  361. <img src="http://serebii.net/xy/pokemon/059.png" width="100" height="100" align="left"></img><br>
  362. <font style=float:left>Name</font> <font style=float:right>Arcalius</font><br>
  363. <font style=float:left>Gender</font> <font style=float:right>Male</font><br>
  364. <font style=float:left>Type</font> <font style=float:right>Fire</font><br>
  365. <font style=float:left>Held Item</font> <font style=float:right>Flame Plate</font><br>
  366. <font style=float:left>Height</font> <font style=float:right>06'03"</font><br>
  367. <font style=float:left>Weight</font> <font style=float:right>314.7 lbs</font><br>
  368. <font style=float:left>Class</font> <font style=float:right>Legendary PKMN</font><br>
  369. <font style=float:left>N.Number.</font> <font style=float:right>#059</font><br>
  370. <font style=float:left>Abilities</font> <font style=float:right>Intimidate, Justified</font><br><br>
  371. <center><i>Extremespeed - Morning Sun - Flamethrower - Aerial Ace - Flame Charge.</i></center>
  372. </div>
  373.  
  374. <div id="haxorus" class="box">
  375. <img src="http://www.serebii.net/xy/pokemon/612.png" width="100" height="100" align="left"></img><br>
  376. <font style=float:left>Name</font> <font style=float:right>Caliel</font><br>
  377. <font style=float:left>Gender</font> <font style=float:right>Male</font><br>
  378. <font style=float:left>Type</font> <font style=float:right>Dragon</font><br>
  379. <font style=float:left>Held Item</font> <font style=float:right>Dragon Claw</font><br>
  380. <font style=float:left>Height</font> <font style=float:right>05'11"</font><br>
  381. <font style=float:left>Weight</font> <font style=float:right>233 lbs</font><br>
  382. <font style=float:left>N.Number.</font> <font style=float:right>#612</font><br>
  383. <font style=float:left>Abilities</font> <font style=float:right>Rivalry, Unnerve</font><br><br>
  384. <center><i>Dragon Dance - Dual Claws - Dragon Pulse - Shadow Claw - Brick Break.</i>
  385. </div>
  386.  
  387. <div id="eelektross" class="box">
  388. <img src="http://www.serebii.net/xy/pokemon/604.png" width="100" height="100" align="left"></img><br>
  389. </div>
  390.  
  391. <div id="clefable" class="box">
  392. <img src="http://www.serebii.net/xy/pokemon/036.png" width="100" height="100" align="left"></img><br>
  393. </div>
  394.  
  395. <div id="metagross" class="box">
  396. <img src="http://www.serebii.net/Shiny/XY/376.png" width="100" height="100" align="left"></img><br>
  397. </div>
  398.  
  399. <div id="pidgeot" class="box">
  400. <img src="http://www.serebii.net/xy/pokemon/018.png" width="100" height="100" align="left"></img><br>
  401. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!