API tools faq
paste
Advertisement
Carolaine_Vieira

Puppy

Carolaine_Vieira
Mar 6th, 2015
326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.22 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. body { background: url('http://i.imgur.com/s9BTXUO.jpg') no-repeat center center fixed transparent;
  3. -webkit-background-size: cover;
  4. -moz-background-size: cover;
  5. -o-background-size: cover;
  6. background-size: cover;
  7. }
  8. * { text-decoration: none !important; }
  9.  
  10. #content { height:314px;
  11. width: 500px; margin: 25px 195px; padding: 25px; background: #f2992e; opacity: 0.7;
  12. font: 11px "Calibri", "Helvetica", "Sans-serif"; color: #000 !important; line-height: 17px;
  13. }
  14.  
  15. #content2 {height:314px;
  16. width: 500px; margin: -10px 10px; padding: 25px; background: #b1ea8d; opacity: 0.7;
  17. font: 11px "Calibri", "Helvetica", "Sans-serif"; color: #000 !important; line-height: 17px;
  18. }
  19.  
  20. h1 {
  21. font: 17px Archivo Narrow; letter-spacing: 3px; text-transform: lowercase;
  22. background: #df2d64; color: #fff !important; padding: 12px; border: 1px solid #df2d64;
  23. transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease;
  24. }
  25. h1:hover { background: #fff; color: #df2d64 !important; }
  26.  
  27. b { color: #000 !important; }
  28.  
  29. i { color: #000!important; }
  30.  
  31. u { border-bottom: 2px solid #fff; color: #000; }
  32.  
  33. a { color: #000 !important; font-size: 10px; text-transform: uppercase; letter-spacing: 2px;
  34. padding: 1px 4px; background: #fff; transition: 0.5s ease; cursor: help; }
  35.  
  36. a:hover { background: #222; color: #fff !important; }
  37.  
  38. #avp {opacity: 0.7; margin:0px 10px; background: #fff; padding: 7px; border: 1px solid #f2992e; float: left;
  39. transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; }
  40. #avp:hover {opacity:10; }
  41.  
  42. #nav { height: 175px; }
  43.  
  44. #nav a {
  45. display: block; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; color: #fff !important;
  46. background: #222; margin: 0 0 5px 190px; padding: 5px 12px; line-height: 13px;
  47. }
  48.  
  49. #nav a:hover { background: #df2d64; color: #fff !important; }
  50.  
  51. #side { width: 160px; height: 100px; margin-left: -205px; margin-top:220px; text-align: right; float: left; }
  52.  
  53. #side a {color:#fff !important; border-bottom: 1px solid transparent; border-top: 1px solid transparent; background:transparent; display: block; font-size: 8px; margin-bottom: 5px; padding: 3px 10px; }
  54. #side a:hover {color:#f2992e; border-bottom: 1px solid #f2992e; border-top: 1px solid #f2992e;
  55. transition-duration: 0.6s;
  56. -moz-transition-duration: 0.6s;
  57. -webkit-transition-duration: 0.6s;
  58. -o-transition-duration: 0.6s; }
  59.  
  60. #co { width: 160px; height: 100px; margin-left: 570px; margin-top:-345px; text-align: right; float: left; }
  61.  
  62. #co a {font-family:calibri; text-transform:lowercase; color:#fff !important; border-bottom: 1px solid transparent; border-top: 1px solid transparent; background:transparent; display: block; font-size: 10px; margin-bottom: 5px; padding: 5px 10px; }
  63. #co a:hover {color:#f2992e; font-style:italic; border-bottom: 1px solid #f2992e; border-top: 1px solid #f2992e;
  64. transition-duration: 0.6s;
  65. -moz-transition-duration: 0.6s;
  66. -webkit-transition-duration: 0.6s;
  67. -o-transition-duration: 0.6s; }
  68.  
  69. #footer_style,#footerbanner,#ad_panel,#message-
  70.  
  71. stack,#ccpheader_leaderboard{display:none !important;}
  72. #footerBanner, .imvucodes_net { display:none !important; }
  73. #footerBanner, #top_links, #footer_style, #copyright, #avatarname {
  74. display:none !important}
  75. #url_panel_colRow a {display:none !important;}
  76.  
  77. ::-webkit-scrollbar-thumb { background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #f2992e 100%); border:none; opacity:0.5; }
  78.  
  79. #tabcontainer {font-family:calibri; font-size:10px;
  80. display:block;
  81. position:fixed;
  82. width:140px;
  83. margin-top:10px;
  84. margin-left:770px;
  85.  
  86. }
  87.  
  88.  
  89. #updates1 {
  90. overflow:hidden;
  91. height:15px;
  92. width:15px;
  93. border: 1px solid #f2992e;
  94. color:#f2f2f2;
  95. background-color:#f2f2f2;
  96.  
  97. text-align:left;
  98. line-height:100%;
  99. -moz-transition-duration:1s;
  100. -webkit-transition-duration:1s;
  101. -o-transition-duration:1s;
  102. }
  103.  
  104. #updates1:hover {
  105. height:181px;
  106. width:140px;
  107. color:#888;
  108. background-color:#fff;
  109. }
  110.  
  111. #title1 {
  112. width:140px;
  113. padding:5px;
  114. border-bottom:solid 1px #888;
  115. background-color:#f2f2f2;
  116. font-size:115%;
  117. }
  118.  
  119. #text1 {
  120. width:1px;
  121. padding-left:5px;
  122. padding-top:10px;
  123. font-size:1px;
  124. -moz-transition-duration:1s;
  125. -webkit-transition-duration:1s;
  126. -o-transition-duration:1s;
  127. }
  128.  
  129. #updates1:hover #text1 {
  130. font-size:inherit;
  131. width:130px;
  132. }
  133.  
  134.  
  135. #updates2 {
  136. overflow:hidden;
  137. margin-top:7px;
  138. height:15px;
  139. width:15px;
  140. border: 1px solid #f2992e;
  141. color:#f2f2f2;
  142. background-color:#f2f2f2;
  143. text-align:left;
  144. line-height:100%;
  145. -moz-transition-duration:1s;
  146. -webkit-transition-duration:1s;
  147. -o-transition-duration:1s;
  148. }
  149.  
  150. #updates2:hover {
  151. height:177px;
  152. width:140px;
  153. color:#888;
  154. background-color:#fff;
  155. }
  156.  
  157. #title2 {
  158. width:140px;
  159. padding:5px;
  160. border-bottom:solid 1px #888;
  161. background-color:#f2f2f2;
  162. font-size:115%;
  163. }
  164.  
  165. #text2 {
  166. width:1px;
  167. padding-left:5px;
  168. padding-top:10px;
  169. font-size:1px;
  170. -moz-transition-duration:1s;
  171. -webkit-transition-duration:1s;
  172. -o-transition-duration:1s;
  173. }
  174.  
  175. #updates2:hover #text2 {
  176. font-size:inherit;
  177. width:130px;
  178. }
  179.  
  180. /* ----- UPDATES 3 ----- */
  181.  
  182. #updates3 {
  183. overflow:hidden;
  184. margin-top:7px;
  185. height:15px;
  186. width:15px;
  187. border: 1px solid #f2992e;
  188. color:#f2f2f2;
  189. background-color:#f2f2f2;
  190. text-align:left;
  191. line-height:100%;
  192. -moz-transition-duration:1s;
  193. -webkit-transition-duration:1s;
  194. -o-transition-duration:1s;
  195. }
  196.  
  197. #updates3:hover {
  198. height:80px;
  199. width:140px;
  200. color:#888;
  201. background-color:#fff;
  202. }
  203.  
  204. #title3 {
  205. width:140px;
  206. padding:5px;
  207. border-bottom:solid 1px #888;
  208. background-color:#f2f2f2;
  209. font-size:115%;
  210. }
  211.  
  212. #text3 {
  213. width:1px;
  214. padding-left:5px;
  215. padding-top:10px;
  216. font-size:1px;
  217. -moz-transition-duration:1s;
  218. -webkit-transition-duration:1s;
  219. -o-transition-duration:1s;
  220. }
  221.  
  222. #updates3:hover #text3 {
  223. font-size:inherit;
  224. width:130px;
  225. }
  226.  
  227. #updates4 {
  228. overflow:hidden;
  229. margin-top:7px;
  230. height:15px;
  231. width:15px;
  232. border: 1px solid #f2992e;
  233. color:#f2f2f2;
  234. background-color:#f2f2f2;
  235. text-align:left;
  236. line-height:100%;
  237. -moz-transition-duration:1s;
  238. -webkit-transition-duration:1s;
  239. -o-transition-duration:1s;
  240. }
  241.  
  242. #updates4:hover {
  243. height:142px;
  244. width:140px;
  245. color:#888;
  246. background-color:#fff;
  247. }
  248.  
  249. #title4 {
  250. width:140px;
  251. padding:5px;
  252. border-bottom:solid 1px #888;
  253. background-color:#f2f2f2;
  254. font-size:115%;
  255. }
  256.  
  257. #text4 {
  258. width:1px;
  259. padding-left:5px;
  260. padding-top:10px;
  261. font-size:1px;
  262. -moz-transition-duration:1s;
  263. -webkit-transition-duration:1s;
  264. -o-transition-duration:1s;
  265. }
  266.  
  267. #updates4:hover #text4 {
  268. font-size:inherit;
  269. width:130px;
  270. }
  271. </style>
  272.  
  273. <div id="tabcontainer">
  274.  
  275. <!----- UPDATES 1 ----->
  276.  
  277. <div id="updates1">
  278. <div id="title1">title</div>
  279. <div id="text1">
  280.  
  281.  
  282.  
  283. </div>
  284. </div>
  285.  
  286. <!----- UPDATES 2 ----->
  287.  
  288. <div id="updates2">
  289. <div id="title2">title</div>
  290. <div id="text2">
  291.  
  292.  
  293. </div>
  294. </div>
  295.  
  296. <!----- UPDATES 3 ----->
  297.  
  298. <div id="updates3">
  299.  
  300. <div id="title3">title</div>
  301.  
  302. <div id="text3">
  303.  
  304. you can put shit here
  305. </p>
  306. like seriously whatever you want
  307. </p>
  308.  
  309. </div>
  310. </div>
  311.  
  312. <!----- UPDATES 4 ----->
  313.  
  314. <div id="updates4">
  315.  
  316. <div id="title4">title</div>
  317.  
  318. <div id="text4">
  319.  
  320. you can put shit here too
  321. </p>
  322. like this cute little puppy
  323. </p>
  324. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/cao.gif" height="20px" width="20px">
  325. </p>
  326. yay
  327. </p>
  328. okay bye
  329. </p>
  330.  
  331. </div>
  332. </div>
  333.  
  334. </div>
  335.  
  336. <img id="avp" src="http://www.imvu.com/catalog/web_av_pic.php?av=Iktita">
  337.  
  338.  
  339. <div id="content">
  340.  
  341.  
  342. <div id="side">
  343. <a onClick="javascript:IMVU.messagePopupShow({force_recipient_id:XXXXXXXX})">Message</a>
  344. <a href="http://www.imvu.com/catalog/web_add_contact.php?contact=USERNAME" target="_blank">Add</a>
  345. <a href="http://www.imvu.com/catalog/web_mypage.php?block=XXXXXXXX" target="_blank">Block</a>
  346. <a href="http://www.imvu.com/catalog/web_flag_homepage.php?flag_homepage=XXXXXXX" target="_blank">Report</a>
  347. </div>
  348.  
  349.  
  350.  
  351. <b>Négrito</b>
  352. <i>Itálico</i>
  353. <u>Sublinhado</u>
  354. <a href="#">Link</a>
  355.  
  356.  
  357. </div>
  358. <div id="content2">
  359.  
  360. <b>Négrito</b>
  361. <i>Itálico</i>
  362. <u>Sublinhado</u>
  363. <a href="#">Link</a>
  364.  
  365. </div>
  366. <div id="co">
  367.  
  368. <a href="link" target="_blank">link 001</a>
  369. <a href="link" target="_blank">link 002</a>
  370. <a href="link" target="_blank">link 003</a>
  371. <a href="link" target="_blank">link 004</a>
  372. <a href="link" target="_blank">link 005</a>
  373. <a href="link" target="_blank">link 006</a>
  374. <a href="link" target="_blank">link 007</a>
  375. <a href="link" target="_blank">link 008</a>
  376. <a href="link" target="_blank">link 009</a>
  377. <a href="link" target="_blank">link 010</a>
  378. <a href="link" target="_blank">link 011</a>
  379. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2860229&name=Visits"></script>
  380.  
  381. </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!