API tools faq
paste
thisisnotras

Neru

thisisnotras
Oct 27th, 2015
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.67 KB | None | 0 0
raw download clone embed print report
  1. <Style>
  2.  
  3. .pfor {display: none;}
  4. #profile {background: transparent; border: 0px;}
  5.  
  6. ::-webkit-scrollbar
  7. {
  8. width: 4px;
  9. background-color: transparent;
  10. }
  11.  
  12. ::-webkit-scrollbar-thumb
  13. {
  14. border-radius: 10px;
  15. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  16. background-color: #AA220F ;
  17. }
  18.  
  19.  
  20. @font-face{
  21. font-family: '4th'; src:url(https://dl.dropboxusercontent.com/u/4556289/4thandInches.ttf);
  22. }
  23.  
  24. .textstat{font-family:'4th'; font-weight: 500; font-size:11pt; border-right: 1px solid black; padding-right: 6px;
  25. -webkit-transition: all 1s;
  26. transition: all 1s;}
  27. .textans{font-family:'Tahoma'; font-size: 8pt; margin-left: 5px; color: black; opacity: 1;
  28. letter-spacing: 1px;
  29. transition: all 1s;
  30. -webkit-transition: all 1s;}
  31. .textstat:hover{
  32. color: #AA220F;
  33. }
  34. .textstat:hover + .textans{
  35. color: #AA220F;
  36. }
  37.  
  38. #whole {position: fixed;
  39. top: 0px;
  40. left: 0px;
  41. right: 0px;
  42. bottom: 0px;
  43. background: gray;
  44. font-family: 'Tahoma';
  45. color: black;
  46. text-align: center;}
  47.  
  48. #imageused{position: absolute;
  49. top: 0px;
  50. bottom: 0px;
  51. width: 600px;
  52. left: 0px;
  53. border: 0px solid black;
  54. background-image:url(http://i.imgur.com/eh0NvgO.png);
  55. background-size: auto 100%;
  56. background-repeat: no-repeat;
  57. z-index: -5;}
  58.  
  59. #menu{position: absolute;
  60. height: 30px;
  61. width: 260px;
  62. top: 107px;
  63. bottom: 0px;
  64. left: 125px;
  65. border: 0px solid black;
  66. margin: auto;
  67. -webkit-transition: all 1s;
  68. transition: all 1s;
  69. opacity: 0;
  70. border-radius: 30px 30px 30px 30px;
  71. overflow: hidden;
  72. }
  73.  
  74. a.gah{
  75. float: left;
  76. border-left: 1px solid black;
  77. border-right: 1px solid black;
  78. height: 20px;
  79. width: 60px;
  80.  
  81. color: black;
  82. -webkit-transform: skew(-20deg);
  83. transform: skew(-20deg);
  84. letter-spacing: 3px;
  85. margin-top: 5px;
  86. margin-left: 20px;
  87. text-decoration: none;
  88. text-align: center;
  89. -webkit-transition: all 1s;
  90. transition: all 1s;
  91. }
  92.  
  93. a.gah:hover{
  94. background: #AA220F;
  95. font-weight: 500;
  96. }
  97.  
  98. #whole:hover #menu{
  99. opacity: 1;
  100. top: 50px;
  101. box-shadow: 1px 1px 5px black;
  102. }
  103.  
  104. .MaryPop{position:absolute;
  105. top: 40px;
  106. bottom: 0px;
  107. left: 100px;
  108. right: 0px;
  109. margin: auto;
  110. width: 300px;
  111. height: 130px;
  112. border: 1px solid black;
  113. -webkit-transform: skew(-20deg);
  114. transform: skew(-20deg);
  115. box-shadow: 2px 2px 5px black;
  116. opacity: 0;
  117. -webkit-transition: all 1s;
  118. transition: all 1s;
  119. z-index: 2;
  120. }
  121.  
  122. .MaryPop:target{
  123. left: 300px;
  124. opacity: 1;
  125. webkit-transition: all 1s;
  126. transition: all 1s;
  127. z-index: 3;
  128. }
  129.  
  130. #filler{position: absolute;
  131. z-index: -1;
  132. height: 100%;
  133. width: 100%;
  134. background: gray;
  135. opacity: .5;
  136. }
  137.  
  138. #titlediv{
  139. position: absolute;
  140. height: 130px;
  141. width: 150px;
  142. border: 0px solid red;
  143. left: 0px;
  144. top: 0px;
  145. background: #AA220F;
  146. }
  147.  
  148. #titledescrip{height: 100%;
  149. width: 100%;
  150. box-sizing: border-box;
  151. padding-top: 05px;
  152. font-size: 50pt;
  153. text-align: center;
  154. font-family:'4th';
  155. }
  156.  
  157. #descriptiondiv{
  158. position: absolute;
  159. height: 130px;
  160. width: 150px;
  161. right: 0px;
  162. border: 0px solid black;
  163. z-index: -1;
  164. overflow: hidden;
  165. }
  166.  
  167. #textbox{
  168. height: 100%;
  169. width: 100%;
  170. overflow: hidden;
  171. text-align: left;
  172. font-size: 10pt;
  173. box-sizing: border-box;
  174. padding-left: 10px;
  175. overflow: auto;
  176. }
  177.  
  178. .picstrip{
  179. float: left;
  180. margin-left: -10px;
  181. width: 120%;
  182. height: 20px;
  183. border: 1px solid black;
  184. background-image:url(http://i.imgur.com/eh0NvgO.png);
  185. background-position: top -40px right;
  186. background-repeat: no-repeat;
  187. background-size: auto 1000%;
  188. -webkit-transform: skew(20deg);
  189. tranform: skew(20deg);
  190. background-color: gray;
  191. -webkit-transition: all 1s;
  192. transition: all 1s;
  193. }
  194.  
  195. .picstrip:hover{
  196. background-color: #AA220F;
  197. font-weight: 500;
  198. }
  199.  
  200. #whole:hover #menu{
  201. opacity: 1;
  202. top: 50px;
  203. box-shadow: 1px 1px 5px black;
  204. }
  205.  
  206. .MaryPop{position:absolute;
  207. top: 40px;
  208. bottom: 0px;
  209. left: 100px;
  210. right: 0px;
  211. margin: auto;
  212. width: 300px;
  213. height: 130px;
  214. border: 1px solid black;
  215. -webkit-transform: skew(-20deg);
  216. transform: skew(-20deg);
  217. box-shadow: 2px 2px 5px black;
  218. opacity: 0;
  219. -webkit-transition: all 1s;
  220. transition: all 1s;
  221. z-index: 2;
  222. }
  223.  
  224. .MaryPop:target{
  225. left: 300px;
  226. opacity: 1;
  227. webkit-transition: all 1s;
  228. transition: all 1s;
  229. z-index: 3;
  230. }
  231.  
  232. #filler{position: absolute;
  233. z-index: -1;
  234. height: 100%;
  235. width: 100%;
  236. background: gray;
  237. opacity: .5;
  238. }
  239.  
  240. #titlediv{
  241. position: absolute;
  242. height: 130px;
  243. width: 150px;
  244. border: 0px solid red;
  245. left: 0px;
  246. top: 0px;
  247. background: #AA220F;
  248. }
  249.  
  250. #titledescrip{height: 100%;
  251. width: 100%;
  252. box-sizing: border-box;
  253. padding-top: 05px;
  254. font-size: 50pt;
  255. text-align: center;
  256. font-family:'4th';
  257. }
  258.  
  259. #descriptiondiv{
  260. position: absolute;
  261. height: 130px;
  262. width: 150px;
  263. right: 0px;
  264. border: 0px solid black;
  265. z-index: -1;
  266. overflow: hidden;
  267. }
  268.  
  269. #textbox{
  270. height: 100%;
  271. width: 100%;
  272. overflow: hidden;
  273. text-align: left;
  274. font-size: 10pt;
  275. box-sizing: border-box;
  276. padding-left: 10px;
  277. overflow: auto;
  278. }
  279.  
  280. .picstrip{
  281. float: left;
  282. margin-left: -10px;
  283. width: 120%;
  284. height: 20px;
  285. border: 1px solid black;
  286. background-image:url(http://i.imgur.com/eh0NvgO.png);
  287. background-position: top -40px right;
  288. background-repeat: no-repeat;
  289. background-size: auto 1000%;
  290. -webkit-transform: skew(20deg);
  291. tranform: skew(20deg);
  292. background-color: gray;
  293. -webkit-transition: all 1s;
  294. transition: all 1s;
  295. }
  296.  
  297. .picstrip:hover{
  298. background-color: #AA220F;
  299. }
  300.  
  301. #extrabox{position: absolute;
  302. right: 10px;
  303. bottom: 2px;
  304. height: 20px;
  305. width: 250px;
  306. border: 1px solid black;
  307. overflow: hidden;
  308. border-radius: 10px 10px 10px 10px;}
  309. #namebox{float: left;
  310. width: 50px;
  311. font-family: '4th';
  312. margin-top: -10px;
  313. font-size: 16pt;
  314. font-weight: 500;
  315. text-align: right;}
  316. #splitter{float: left;
  317. margin-left: 5px;
  318. height: 100%;
  319. width: 10px;
  320. background: black;}
  321.  
  322. #musicholder{float: left; width: 14px; overflow: hidden; zoom:160%; margin-top: -3px;}
  323.  
  324. #marqueeholder{float: left; width: 143px;
  325. margin-top: -3px;
  326. border-right: 0px solid black;
  327. text-align: left;
  328. font-family: '4th';
  329. font-size: 12pt;}
  330.  
  331. </style>
  332.  
  333. <div id="whole">
  334.  
  335. <div id="imageused">
  336. </div>
  337.  
  338. <div id="menu">
  339. <div id="filler">
  340. </div>
  341. <a href=#1st class="gah">1ST</a>
  342. <a href=#2nd class="gah">2ND</a>
  343. <a href=#3rd class="gah">3RD</a>
  344. </div>
  345.  
  346. <div class="MaryPop" id="1st">
  347. <div id="titlediv">
  348. <div id="titledescrip">
  349. STAT
  350. </div>
  351. </div>
  352. <div id="descriptiondiv">
  353. <div id="textbox">
  354. <font class="textstat"> Stat</font>
  355. <font class="textans">Answer</font><br>
  356. <font class="textstat">Stat</font>
  357. <font class="textans">Answer</font><br>
  358. <font class="textstat">Stat</font>
  359. <font class="textans">Answer</font><br>
  360. <font class="textstat">Stat</font>
  361. <font class="textans">Answer</font><br>
  362. <font class="textstat">Stat</font>
  363. <font class="textans">Answer</font><br>
  364. <font class="textstat">Stat</font>
  365. <font class="textans">Answer</font><br>
  366. <font class="textstat">Stat</font>
  367. <font class="textans">Answer</font><br>
  368. <font class="textstat">Stat</font>
  369. <font class="textans">Answer</font><br>
  370. </div>
  371. </div>
  372. </div>
  373.  
  374.  
  375. <div class="MaryPop" id="2nd">
  376. <div id="titlediv">
  377. <div id="titledescrip">
  378. PICS
  379. </div>
  380. </div>
  381. <div id="descriptiondiv">
  382. <div id="textbox" style="padding-left: 0px; overflow: hidden;">
  383. <a class="picstrip" href="http://i.imgur.com/BqmbJVf.png" target="_blank" style="background-image:url(http://i.imgur.com/BqmbJVf.png); background-position: top -30px right; background-size: auto 250px;">
  384. </a>
  385. <a class="picstrip" href="http://i.imgur.com/jtiL1WW.png" target="_blank" style="background-image:url(http://i.imgur.com/jtiL1WW.png);">
  386. </a>
  387. <a class="picstrip" href="http://i.imgur.com/HTE7dQ8.png" target="_blank" style="background-image:url(http://i.imgur.com/HTE7dQ8.png); background-position: top -20px right;">
  388. </a>
  389. <a href="http://i.imgur.com/OV3HOMd.png" target="_blank" class="picstrip" style="background-image:url(http://i.imgur.com/OV3HOMd.png); background-size: auto 150px; background-position: top -15px right;">
  390. </a>
  391. <a class="picstrip" href="">
  392. </a>
  393. <a class="picstrip" href="">
  394. </a>
  395.  
  396. </div>
  397. </div>
  398. </div>
  399.  
  400.  
  401. <div class="MaryPop" id="3rd">
  402. <div id="titlediv">
  403. <div id="titledescrip">
  404. OOC
  405. </div>
  406. </div>
  407. <div id="descriptiondiv">
  408. <div id="textbox">
  409. What goes here? Who knows!? I don't!
  410. </div>
  411. </div>
  412. </div>
  413.  
  414. <div id="extrabox">
  415. <div id="namebox">
  416. NERU
  417. </div>
  418. <div id="splitter">
  419. </div>
  420. <div id="musicholder">
  421. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
  422. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  423. <param name="wmode" value="transparent" />
  424. <param name="FlashVars" value="mp3=ENTERSONGURLHERE&autoplay=1&loop=1&volume=10&bgcolor1=808080&bgcolor2=808080&slidercolor1=000000&slidercolor2=000000&buttoncolor=000000&buttonovercolor=AA220F" />
  425. </object>
  426.  
  427. </div>
  428.  
  429.  
  430. <div id="splitter">
  431. </div>
  432. <div id="marqueeholder">
  433. <marquee direction="left" scrollamount="3">
  434. ARTIST / ALBUM / SONG TITLE
  435. </marquee>
  436. </div>
  437. </div>
  438. </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!