Advertisement
mik98

coral - css

Sep 14th, 2019
196
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.57 KB | None | 0 0
  1. body {
  2. background-color: #000;
  3. background-image: url();
  4. background-size: cover;
  5. }
  6.  
  7. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  8.  
  9. body, html { width: 100%; height: 100%; outline: 25px solid rgba(255, 255, 255, 0.3);
  10. outline-offset: -5px; }
  11.  
  12. #xg_body {
  13. left: auto;
  14. position: fixed;
  15. margin-top: 0px;
  16. }
  17.  
  18. div#xg_ad_below_header, div#xg_ad_below_footer {
  19. display: none!important;
  20. }
  21.  
  22.  
  23. /*
  24. + PSEUDOS */
  25.  
  26. div#xg_layout_column_1 {
  27. visibility: hidden;
  28. position: relative;
  29. overflow: hidden;
  30. top: -20px;
  31. left: 50px;
  32. width: 500px;
  33. height: 770px;
  34. }
  35.  
  36. div#xg_layout_column_2 {
  37. position: absolute;
  38. width: 450px;
  39. height: auto;
  40. top: 20px;
  41. font-size: 11px;
  42. left: 200px;
  43. background-color: #trans;
  44. font-family:'Open Sans',Arial,Helvetica,sans-serif;
  45. color: #fff;
  46. }
  47.  
  48. /* POP UP + BUTTON COLOURS */
  49.  
  50. .xg_floating_container.xg_lightborder {
  51. background-color: rgb(132, 132, 132);
  52. }
  53.  
  54. input.button.action-primary {
  55. background-color: rgb(193, 193, 193);
  56. }
  57.  
  58. input.button.submit {
  59. background-color: rgb(193, 193, 193);
  60. }
  61.  
  62. a.cancellink.action-secondary {
  63. color: rgb (255, 255, 255);
  64. }
  65.  
  66. a.xj_cancel.action-secondary {
  67. color: rgb (255, 255, 255);
  68. }
  69.  
  70. /* REMOVED CODES */
  71.  
  72. #xg_masthead, #xg_navigation, #xn_bar { display: none; } .xg_module_body.profile.vcard, .online, .account-links { display: none;} #xg_profile_activity{ display: none;} .xg_sprite { background: transparent;} a.send-message-link, dd.profile-like-button, dd.profile-social-buttons, a.xj_block_messages {display: none; }
  73.  
  74. h1, h2, h3, #xj_approvalBox, .module_groups, .module_blog, .xg_sprite.xg_sprite-add, .xg_module_comment_wall, .xg_chatBar, .xg_span-5, .module_feed, .module_about_user, .module_members, #xj_module_gift { display: none; } #xg_foot, p.left, p.right.xg_lightfont, #xg_sitedesc, img.poweredbyLogo { display: none!important; }
  75.  
  76. div.module_user_summary, .dy-avatar.dy-avatar-full-width, img#xj_photo_img_tag { display: none;}
  77.  
  78. .xg_module_head { display: auto; border-bottom: 0px solid #fff!important; }
  79.  
  80. ul.nobullets.last-child { display: none;}
  81.  
  82. a.xj_appearance_editor_profile { display: none;}
  83.  
  84. /* TEXT + LINK CODES*/
  85.  
  86. a#add-as-friend-link {
  87. font-size: 15px;
  88. font-weight: 900;
  89. font-family: sans-serif;
  90. margin-top: 2px;
  91. letter-spacing: -1px;
  92. text-transform: uppercase;
  93. color: rgb(255, 255, 255)!important;
  94. -webkit-transition: 1s;
  95. text-shadow: 0px 2px 2px #111111;
  96. }
  97.  
  98. #xg_body a {
  99. color: auto;
  100. background-color: transparent;
  101. font-style: normal;
  102. -webkit-transition: 1s;
  103. }
  104.  
  105. p {
  106. color: auto!important;
  107. font-size: 11px;
  108. font-family: tahoma;
  109. }
  110.  
  111. a {
  112. color: #fff!important;
  113. }
  114.  
  115.  
  116. ::selection {
  117. background: #c6f3f5;
  118. color: #ffffff;
  119. }
  120.  
  121. b, strong {
  122. color: auto;
  123. font-family: auto;
  124. font-size: auto;
  125. font-weight: 900;
  126. }
  127.  
  128. i, em {
  129. color: ;
  130. font-family: auto;
  131. font-size: auto;
  132. font-style: normal;
  133. letter-spacing: 2px;
  134. font-style: italic;
  135. line-height: 0px;
  136. }
  137.  
  138. u {
  139. text-decoration: underline;
  140. }
  141.  
  142.  
  143. /* EXTRA CODES */
  144.  
  145. ::-webkit-scrollbar {
  146. width: 10px;
  147. height: 40px;
  148. background: transparent;
  149. }
  150.  
  151. ::-webkit-scrollbar-thumb {
  152. background-color: rgba(255, 255, 255, 0.5);
  153. border: 1px solid rgba(30, 30, 30, 0.5);
  154. }
  155.  
  156. ::-webkit-scrollbar-corner {
  157. background: transparent;
  158. }
  159.  
  160. #content {
  161. z-index: -100;
  162. position: fixed;
  163. width: 650px;
  164. height:400px;
  165. margin-left: -80px;
  166. margin-top: -60px;
  167. background-color: #trans;
  168. border: 0px solid #fff;
  169. padding: 0px;
  170. }
  171.  
  172. .back {
  173. z-index: -100!important;
  174. position: fixed;
  175. width: 500px;
  176. height: 385px;
  177. background: url(https://data.whicdn.com/images/128090830/original.jpg) 0px 0px no-repeat; /* CHANGE BACKGROUND IMAGE HERE */
  178. background-size: cover;
  179. filter: grayscale(0.4) brightness(60%);
  180. margin-top: 150px;
  181. margin-left: 20px;
  182. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  183. }
  184.  
  185.  
  186.  
  187.  
  188. .biography {
  189. z-index: 100!important;
  190. overflow: auto;
  191. position: fixed;
  192. width: 365px;
  193. height: 170px;
  194. margin-top: 107px;
  195. margin-left: 55px;
  196. border-radius:0%;
  197. background: rgba(0, 0, 0, 0.6);
  198. color: #fff;
  199. font-style: normal!important;
  200. font: 12px 'corals';
  201. letter-spacing: 1px;
  202. text-transform: uppercase;
  203. text-align: center;
  204. padding: 15px;
  205. box-sizing: border-box;
  206. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  207. }
  208. @font-face { font-family: "corals"; src: url('https://dl.dropboxusercontent.com/s/8ppkpi4qrpd0zfq/TT%20Corals%20Thin-DEMO.otf') ;}
  209.  
  210. @font-face {
  211. font-family: 'Montserrat';
  212. font-style: normal;
  213. font-weight: 100;
  214. src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  215. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  216. }
  217.  
  218. @font-face {
  219. font-family: 'Roboto';
  220. font-style: normal;
  221. font-weight: 100;
  222. src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  223. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  224. }
  225.  
  226. @font-face {
  227. font-family: 'Oswald';
  228. font-style: normal;
  229. font-weight: 100;
  230. src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  231. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  232. }
  233.  
  234. @font-face {
  235. font-family: 'Tahoma';
  236. font-style: normal;
  237. font-weight: 100;
  238. src: local('Tahoma'), url(https://fonts.gstatic.com/l/font?kit=uT4xUN-A31FyybSEXZkk1OvvDin1pK8aKteLpeZ5c0A&skey=9d22fae1754942f6&v=v8) format('woff2');
  239. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  240. }
  241.  
  242. #main {
  243. width: 176px;
  244. height: 115px;
  245. font-style: normal !important;
  246. font: 11px 'monthey';
  247. letter-spacing: 2px;
  248. text-transform: uppercase;
  249. text-align: center;
  250. color: rgba(224, 130, 131, 1);
  251. text-align: center;
  252. line-height: 14px;
  253. padding: 5px;
  254. background-color: rgba(120, 120, 120, 0.3);
  255. filter: grayscale(20%);
  256. overflow: auto;
  257. position: fixed;
  258. margin-left: 443px;
  259. margin-top: 344px;
  260. border: 3px solid rgba(0, 0, 0, 0.0);
  261. }
  262.  
  263. @font-face { font-family: monthey; src: url('https://dl.dropboxusercontent.com/s/ckzdmltc0ekra10/Monthey%20Brush%20Demo.ttf') ; }
  264.  
  265. #links {
  266. z-index: 1!important;
  267. position: fixed;
  268. overflow: hidden;
  269. font: 19px 'courier new';
  270. text-transform: lowercase;
  271. margin-top: 475px;
  272. margin-left: 430px;
  273. text-align: center;
  274. width: 220px;
  275. height: 30px!important;
  276. background: rgba(0,0,0,0);
  277. border-radius:0px 0px 0px 0px;
  278. line-height: 40px;
  279. text-shadow: 0px 2px 2px #111:
  280. }
  281.  
  282. #links a {
  283. color: rgba white!important;
  284. margin:7px;
  285. -webkit-transition: all 0.7s ease;
  286. }
  287.  
  288. #image2 {
  289. position: fixed;
  290. margin-top: 102px;
  291. margin-left: -50px;
  292. }
  293.  
  294. #image2 img {
  295. width: 70px;
  296. height: 70px;
  297. padding: 4px;
  298. background-color: rgba(224, 130, 131, 1);
  299. border-radius:0%;
  300. filter: grayscale(30%);
  301. border: 0px dashed trans; /*images' border color*/
  302. margin-bottom: -10.5px;
  303. }
  304.  
  305. ::-webkit-scrollbar {
  306. height: 10px;
  307. width: 5px;
  308. background: #c6f3f5; /*scrolling track color*/
  309. border: 2px solid #000000; /*background color*/
  310. }
  311.  
  312. ::-webkit-scrollbar-thumb:vertical {
  313. background: #fdd3d8; /*scrollbar color*/
  314. border-top: 2px solid #000000; /*background color*/
  315. border-bottom: 2px solid #000000; /*background color*/
  316. }
  317.  
  318. .biography2 {
  319. z-index: 100!important;
  320. overflow: auto;
  321. position: fixed;
  322. width: 190px;
  323. height: 166px;
  324. margin-top: 290px;
  325. margin-left: 55px;
  326. background: rgba(0, 0, 0, 0.6);
  327. color: white;
  328. font-weight: normal;
  329. font-style: normal!important;
  330. font: 10.9px 'daddysgirl';
  331. letter-spacing: 1px;
  332. text-transform: uppercase;
  333. text-align: center;
  334. padding: 15px;
  335. border-radius:0%;
  336. box-sizing: border-box;
  337. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37), 0 0 40px rgba(0, 0, 0, 0.06) iinset;
  338. }
  339.  
  340. @font-face{font-family:"daddysgirl";src:url('https://static.tumblr.com/zx3ibzm/n39orvnnv/daddysgirl.ttf');}
  341.  
  342.  
  343. @font-face { font-family: "corals"; src: url('https://dl.dropboxusercontent.com/s/8ppkpi4qrpd0zfq/TT%20Corals%20Thin-DEMO.otf') ;}
  344.  
  345. #sideimage {
  346. position: fixed;
  347. margin-top: 285px;
  348. margin-left: 240px;
  349. }
  350.  
  351. #sideimage img {
  352. width: 160x;
  353. height: 146px;
  354. padding: 4px;
  355.  
  356. background-color: rgba(224, 130, 131, 1);
  357. border-radius:0%;
  358. filter: grayscale(30%);
  359. border: 2px dashed trans; /*images' border color*/
  360. margin-bottom: -10.5px;
  361. }
  362.  
  363. ::-webkit-scrollbar {
  364. height: 10px;
  365. width: 5px;
  366. background: #c6f3f5; /*scrolling track color*/
  367. border: 2px solid #000000; /*background color*/
  368. }
  369.  
  370. ::-webkit-scrollbar-thumb:vertical {
  371. background: #fdd3d8; /*scrollbar color*/
  372. border-top: 2px solid #000000; /*background color*/
  373. border-bottom: 2px solid #000000; /*background color*/
  374.  
  375. }
  376.  
  377. #sideimage2 {
  378. position: fixed;
  379. margin-top: 86px;
  380. margin-left: 435px;
  381. }
  382.  
  383. #sideimage2 img {
  384. width: 180x;
  385. height: 130px;
  386. padding: 4px;
  387.  
  388. background-color: rgba(125, 125, 125, 0.7);
  389. border-radius:0%;
  390. filter: grayscale(30%);
  391. border: 2px dashed trans; /*images' border color*/
  392. margin-bottom: -10.5px;
  393. }
  394.  
  395. ::-webkit-scrollbar {
  396. height: 10px;
  397. width: 5px;
  398. background: #c6f3f5; /*scrolling track color*/
  399. border: 2px solid #000000; /*background color*/
  400. }
  401.  
  402. ::-webkit-scrollbar-thumb:vertical {
  403. background: #fdd3d8; /*scrollbar color*/
  404. border-top: 2px solid #000000; /*background color*/
  405. border-bottom: 2px solid #000000; /*background color*/
  406.  
  407. }
  408.  
  409.  
  410.  
  411. #subtitle {
  412. z-index: -1!important;
  413. color: rgba(224, 130, 131, 1);
  414. font-family: 'blackjack';
  415. font-size: 25px;
  416. font-weight: bold;
  417. letter-spacing: 9.5px;
  418. margin-top: 100px;
  419. margin-left: 35px;
  420. width: 668px;
  421. padding: 5px;
  422. box-sizing: border-box;
  423. text-align: center;
  424. text-transform: normal;
  425. z-index: 1;
  426. position: absolute;
  427.  
  428. inset;
  429. }
  430. @font-face { font-family: "blackjack"; src: url('https://static.tumblr.com/pwgdr2n/4yZlvpybp/black_jack_1_.ttf'); format("truetype");}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement