SHARE
TWEET

( 187. ) Songwitch

lunarcatte Mar 26th, 2019 62 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. @import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300i';
  8. @font-face { font-family: caviar dreams; src: url(https://dl.dropboxusercontent.com/s/q50589lvhm47jq8/CaviarDreams.ttf); }
  9. @font-face { font-family: Modern; src: url(https://dl.dropboxusercontent.com/s/jftbryy78f2fayi/ModernSans-Light.otf); }
  10. @font-face { font-family: Thunder Strike; src: url(https://dl.dropboxusercontent.com/s/vrsjyoo9kvtx2lb/Thunder%20Strike.ttf); }
  11. @font-face { font-family: Human; src: url(https://dl.dropboxusercontent.com/s/r1g2epiepqzip0z/Atelier%20du%20Machiniste.ttf); }
  12. @font-face { font-family: Arkadia; src: url(https://dl.dropboxusercontent.com/s/jken28xo4b4z73k/Arkadia.ttf); }
  13. @font-face { font-family: Better; src: url(https://dl.dropboxusercontent.com/s/odc3ozpvbtfygc7/better_phoenix_sample.ttf); }
  14.  
  15. body {
  16. font-family: verdana;
  17. font-size: 10px;
  18. background-color: #0A2E19;
  19. background-image: url('');
  20. background-attachment: fixed;
  21. background-position: bottom left;
  22. background-repeat: repeat;
  23. text-align: justify;
  24. color: #888888;
  25. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
  26. }
  27.  
  28. b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 10px; color: #363640; font-weight:normal; letter-spacing: -1px;}
  29. i {color: #4c3350; font-family: 'calibri'; font-variant: small-caps; font-size:9pt; letter-spacing:0px}
  30. 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;}
  31. 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;}
  32. big {color #7EBE86; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #491F1D 0px 0px 1px;}
  33. small {color: #3B2F7F; font-size: 18px; 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;}
  34.  
  35. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  36. -moz-border-radius: 0px 0px 0px 0px;
  37. border-radius:0px 0px 0px 0px;}
  38. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
  39. -moz-border-radius: 0px 0px 0px 0px;
  40. border-radius:0px 0px 0px 0px;}
  41. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
  42. -moz-border-radius: 0px 0px 0px 0px;
  43. border-radius:0px 0px 0px 0px;}
  44. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  45.  
  46. #name {
  47.  position: fixed;
  48.  left: 460px;
  49.  top: 20px;
  50.  background: transparent;
  51.  font-family: Better;
  52.  width: 1000px;
  53.  font-size: 80px;
  54.  background: url('http://i.picpar.com/ZEmd.png');
  55.  background-position: 1165;
  56.  background-size: auto;
  57.  background-repeat: repeat;
  58.  -webkit-text-fill-color: transparent;
  59.  -webkit-background-clip: text;
  60.  display: block;
  61.  text-align: center center
  62.  text-transform: uppercase;
  63.  letter-spacing: 2px;
  64.  opacity: 0.9;
  65.  z-index: 1000;
  66. }
  67.  
  68. h1 {
  69. font-family: caviar dreams;
  70. color: #7EBE86;
  71. font-size: 20px;
  72. line-height: 5px;
  73. text-transform: uppercase;
  74. text-align: left;
  75. letter-spacing: 1px; }
  76.  
  77. h2 {
  78. color: #7EBE86;
  79. font-size: 7px;
  80. font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  81. text-transform: uppercase;
  82. line-height: 15px;
  83. text-align: right;
  84. border-top: 1px dashed #7EBE86;
  85. font-weight: 100;
  86. letter-spacing: 3px; }
  87.  
  88. #songwitch {
  89. position: fixed;
  90. left: 0px;
  91. top: 70px;
  92. z-index: 1;
  93. }
  94.  
  95. #image {
  96.   position: fixed;
  97.   top: 50px;
  98.   left: 420px;
  99.   width: 360px;
  100.   height: 150px;
  101.   overflow: auto;
  102.   text-align: justify;
  103.   line-height: 15px;
  104.   font-size: 10px;
  105.   background: url('https://66.media.tumblr.com/0c83ee9cddccec7ef50696ab9f309a26/tumblr_pdo10xzUIU1xubkzjo1_500.gif');
  106.   background-position: -20;
  107.   background-size: 400px 685px;
  108.   background-repeat: no-repeat;
  109.   border-top: 30px Solid #598e64;
  110.   border-left: 20px Solid #070707;
  111.   border-right: 20px Solid #070707;
  112.   background-color: #8d8383;
  113.   z-index: 8;
  114. }
  115.  
  116. #container {
  117.   position: fixed;
  118.   top: 50px;
  119.   left: 420px;
  120.   width: 350px;
  121.   height: 600px;
  122.   overflow: auto;
  123.   text-align: justify;
  124.   line-height: 15px;
  125.   font-size: 10px;
  126.   padding: 5px;
  127.   border: 20px Solid #070707;
  128.   border-bottom: 30px Solid #598e64;
  129.   color: #666666;
  130.   font-variant: small-caps;
  131.   background-color: #212121;
  132.   z-index: 2;
  133. }
  134.  
  135. #ooc {
  136.   position: fixed;
  137.   top: 235px;
  138.   left: 440px;
  139.   width: 350px;
  140.   height: 435px;
  141.   overflow: auto;
  142.   text-align: justify;
  143.   line-height: 15px;
  144.   font-size: 10px;
  145.   padding: 5px;
  146.   color: #666666;
  147.   font-variant: small-caps;
  148.   background-color: #212121;
  149.   z-index: 1400;
  150. }
  151.  
  152. #navi {
  153.  position: fixed;
  154.  top: 685px;
  155.  left: 420px;
  156.  width: 1000px;
  157.  height: 145px;
  158.  background-color: transparent;
  159.  z-index: 316000;
  160. }
  161.  
  162. .box {
  163. position: fixed;
  164. left: 850px;
  165. top: -649px;  
  166. width: 350px;
  167. height: 592px;
  168. color: #666;
  169. font-family: verdana;
  170. font-variant: small-caps;
  171. text-align: justify;  
  172. font-size: 10px;
  173. line-height: 13px;
  174. padding: 5px;
  175. overflow: auto;
  176. border: 20px Solid #070707;
  177. border-top: 30px Solid #598e64;
  178. border-bottom: 30px Solid #598e64;
  179. background-color: #212121;
  180. opacity: 0;
  181. z-index: 1300;
  182. }
  183.  
  184. .box:target {
  185. top: 49px;
  186. left: 850px;
  187. opacity: 2600;
  188. }
  189.  
  190. a.nav:link, a.nav:active, a.nav:visited{
  191. letter-spacing: 1px;
  192. text-transform: lowercase;
  193. display: inline-block;
  194. width: 65px;
  195. height: 85px;
  196. color: #212121;
  197. margin: 5px;
  198. background-color: transparent;
  199. text-align: center;
  200. line-height: 10px;    
  201. font-variant: small-caps;
  202. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  203. -webkit-transition: all 0.4s ease-out;
  204. -moz-transition: all 0.4s ease-out;
  205. -moz-border-radius-topright: 5px;
  206. -moz-border-radius-bottomright: 5px;}
  207.  
  208. a.nav:hover{
  209. background-color: transparent;
  210. color: transparent;
  211. text-decoration: none;
  212. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  213. }
  214.  
  215. p {
  216. margin-left: 25px;
  217. font-family: verdana;
  218. font-variant: small-caps;
  219. text-align: justify;
  220. font-size: 10px;
  221. color: #888888;
  222. background-color: transparent;
  223. }
  224.  
  225. a {
  226. color: #b7c0c4;
  227. text-decoration: none;
  228. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  229. }
  230.  
  231. a:hover {
  232. color: #97586C;
  233. text-decoration: none;
  234. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  235. }
  236.  
  237. </style>
  238.  
  239. <div id="name">songwitch</div>
  240. <div id="image"></div>
  241.  
  242. <div id="songwitch"><img src="http://i.picpar.com/ZEmd.png" height="700"></div>
  243.  
  244. <div id="container"></div>
  245.  
  246. <div id="ooc">
  247. <h1>This is a Header</h1>
  248.   <h2>This is a subheader</h2>
  249.  
  250. <big>♕;</big> Code was made for Songwitch only. Contact <a href="https://roleplay.chat/profile.php?user=lunarcatte">Bee</a> through discord / pms for inquiries.
  251. <br><big>O1</big>.
  252. <br><big>O2</big>.
  253. <br><big>O3</big>.
  254. <br><big>O4</big>.
  255. <br><big>O5</big>.
  256.  
  257. </div>
  258.  
  259. <div id="navi">
  260. <a class="nav" href="#one">i</a>
  261. <a class="nav" href="#two">ii</a>
  262. <a class="nav" href="#three">iii</a>
  263. <a class="nav" href="#four">iv</a>
  264. <a class="nav" href="#reset">v</a>
  265. </div>
  266.  
  267. <div id="one" class="box">
  268. <h1>Main header</h1>
  269.   <h2>This is a subheader</h2>
  270.  
  271. <big>Stat:</big> <font style=float:right>---</font>
  272. <br><big>Stat:</big> <font style=float:right>---</font>
  273. <br><big>Stat:</big> <font style=float:right>---</font>
  274. <br><big>Stat:</big> <font style=float:right>---</font>
  275. <br><big>Stat:</big> <font style=float:right>---</font>
  276. <br><big>Stat:</big> <font style=float:right><a href="" target="_blank" href="">Link</a></font>
  277. </div>
  278.  
  279. <div id="two" class="box">
  280. <a href="" target="_blank" href="">Link</a></font>
  281. </div>
RAW Paste Data
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
 
Top