☰

kogama

Discord-like appearance.

  1. // ==UserScript==
  2. // @name          kogama
  3. // @namespace     https://www.youtube.com/channel/UCG7KVL-2EUV4SL0m7jObKng
  4. // @description	  Discord-like appearance.
  5. // @author        For my life
  6. // @homepage      https://www.youtube.com/channel/UCG7KVL-2EUV4SL0m7jObKng
  7. // @include       https://www.kogama.com/*
  8. // @include       https://friends.kogama.com/*
  9. // @include       https://kogama.com.br/*
  10. // @run-at        document-start
  11. // @version       0.2
  12. // ==/UserScript==
  13. (function() {var css = [
  14. 	".kb-status-menu {",
  15. 	"    left: 100%;",
  16. 	"}",
  17. 	"",
  18. 	"/* ##### GENERAL STYLES ##### */",
  19. 	"/* Page Body */",
  20. 	"body {",
  21. 	"  background-color: #36393F !important;",
  22. 	"  background-image: none !important;",
  23. 	"  padding-top: 0px !important;",
  24. 	"}",
  25. 	"",
  26. 	"/* Page Header */",
  27. 	"header#pageheader {",
  28. 	"  background-color: #202225 !important;",
  29. 	"  height: 100% !important;",
  30. 	"  width: 72px !important;",
  31. 	"}",
  32. 	"",
  33. 	"/* Page Content, Footer */",
  34. 	"div#content, footer {",
  35. 	"  margin-left: 72px;",
  36. 	"  width: unset !important;",
  37. 	"}",
  38. 	"",
  39. 	"/* ##### NAVIGATION MENU ##### */",
  40. 	"",
  41. 	"/* Navigation Menu Text */",
  42. 	"nav.menu li span {",
  43. 	"  display: none !important;",
  44. 	"  position: relative;",
  45. 	"  right: -48px;",
  46. 	"  top: -30px;",
  47. 	"  padding-left: 10px !important;",
  48. 	"  padding-right: 10px !important;",
  49. 	"  background-color: #000;",
  50. 	"  border-radius: 5px;",
  51. 	"  text-transform: none !important;",
  52. 	"  font-weight: normal !important;",
  53. 	"  font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;",
  54. 	"  width: max-content;",
  55. 	"}",
  56. 	"nav.menu li:hover span {",
  57. 	"  display: block !important;",
  58. 	"}",
  59. 	"nav.menu li:hover span::after {",
  60. 	"  content: \" \";",
  61. 	"  position: absolute;",
  62. 	"  top: 50%;",
  63. 	"  right: 100%;",
  64. 	"  margin-top: -5px;",
  65. 	"  border-width: 5px;",
  66. 	"  border-style: solid;",
  67. 	"  border-color: transparent black transparent transparent;",
  68. 	"}",
  69. 	"",
  70. 	"/* Navigation Menu Items */",
  71. 	"nav.menu ol {",
  72. 	"  margin-left: 4px;",
  73. 	"}",
  74. 	"nav.menu li {",
  75. 	"  border-radius: 50%;",
  76. 	"  background-color: #2F3136;",
  77. 	"  width: 48px;",
  78. 	"  height: 48px;",
  79. 	"  text-align: center;",
  80. 	"  margin-top: 10px;",
  81. 	"  transition: 200ms;",
  82. 	"}",
  83. 	"nav.menu li:hover {",
  84. 	"  background-color: #7289DA;",
  85. 	"  border-radius: 25%;",
  86. 	"  transition: 200ms;",
  87. 	"}",
  88. 	"nav.menu li:hover a {",
  89. 	"  border-bottom: none !important;",
  90. 	"}",
  91. 	"nav.menu li.active a {",
  92. 	"  background-color: unset !important;",
  93. 	"  border-bottom: none !important;",
  94. 	"}",
  95. 	"",
  96. 	"/* Main Logo */",
  97. 	"a.logo {",
  98. 	"  float: unset !important;",
  99. 	"}",
  100. 	".logo-image {",
  101. 	"  display: block !important;",
  102. 	"  border-radius: 50%;",
  103. 	"  width: 48px !important;",
  104. 	"  height: 48px !important;",
  105. 	"  margin: unset !important;",
  106. 	"  margin-top: 20px !important;",
  107. 	"  margin-left: 4px !important;",
  108. 	"  transition: 200ms;",
  109. 	"}",
  110. 	".logo-image:hover {",
  111. 	"  border-radius: 25% !important;",
  112. 	"  transition: 200ms;",
  113. 	"}",
  114. 	"",
  115. 	"/* Player Meta Bar (XP, Gold, Profile Picture)*/",
  116. 	"#meta-nav {",
  117. 	"  position: unset !important;",
  118. 	"  margin-left: 16px;",
  119. 	"}",
  120. 	"#meta-nav .gold span, #meta-nav .xp-bar {",
  121. 	"  display: none !important;",
  122. 	"}",
  123. 	"",
  124. 	"#header-icon {",
  125. 	"  padding-left: 0px !important;",
  126. 	"}",
  127. 	"",
  128. 	"/* Extended Profile Options Tab */",
  129. 	"#profile-extended {",
  130. 	"  top: 0px !important;",
  131. 	"  left: 72px !important;",
  132. 	"  width: calc(100% - 72px) !important;",
  133. 	"  max-width: unset !important;",
  134. 	"  box-shadow: none !important;",
  135. 	"  -webkit-box-shadow: none !important;",
  136. 	"  background-color: #36393F !important;",
  137. 	"}",
  138. 	"#profile-extended h4, #profile-extended section.user-credits {",
  139. 	"  box-shadow: none !important;",
  140. 	"  -webkit-box-shadow: none !important;",
  141. 	"  background-color: #2F3136 !important;",
  142. 	"}",
  143. 	"#profile-extended .arrow-top {",
  144. 	"  border-color: #2F3136 transparent transparent !important;",
  145. 	"}",
  146. 	"",
  147. 	"/* ##### NOTIFICATIONS PANEL ##### */",
  148. 	"#notify .container {",
  149. 	"  position: fixed !important;",
  150. 	"  top: 0px !important;",
  151. 	"  left: 72px !important;",
  152. 	"  width: calc(100% - 372px);",
  153. 	"  height: 100% !important;",
  154. 	"  max-width: none !important;",
  155. 	"  margin: 0px !important;",
  156. 	"}",
  157. 	"#notify .exit {",
  158. 	"  top: 0px !important;",
  159. 	"  right: 0px !important;",
  160. 	"}",
  161. 	"#notify .sections {",
  162. 	"  max-height: none !important;",
  163. 	"}",
  164. 	"#notify .container {",
  165. 	"  background-color: #36393F !important;",
  166. 	"}",
  167. 	"#notify header {",
  168. 	"  background-color: #2F3136 !important;",
  169. 	"  height: 48px !important;",
  170. 	"}",
  171. 	"#notify .sections-container {",
  172. 	"  padding-top: 48px !important;",
  173. 	"}",
  174. 	"#notify-counters {",
  175. 	"  flex: 1 1 auto !important;",
  176. 	"}",
  177. 	"#notify-messages {",
  178. 	"  flex: 3 3 auto !important;",
  179. 	"}",
  180. 	"#notify .text {",
  181. 	"  color: #C6C7C9 !important;",
  182. 	"}",
  183. 	"",
  184. 	"/* ##### FRIENDS LIST STYLES ##### */",
  185. 	"",
  186. 	"/* Friends List Username Header */",
  187. 	"._3TORb {",
  188. 	"  background-color: #23272A !important;",
  189. 	"}",
  190. 	"",
  191. 	"/* Friends List Section */",
  192. 	"#chat-extended-side {",
  193. 	"  height: 100% !important;",
  194. 	"}",
  195. 	"._1Yhgq {",
  196. 	"  font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;",
  197. 	"  background-color: #2F3136 !important;",
  198. 	"}",
  199. 	"",
  200. 	"/* Friends List Headers */",
  201. 	"._1Yhgq header {",
  202. 	"  color: hsla(0,0%,100%,.4) !important;",
  203. 	"      white-space: nowrap !important;",
  204. 	"      text-overflow: ellipsis !important;",
  205. 	"      overflow: hidden !important;",
  206. 	"      text-transform: uppercase !important;",
  207. 	"      font-size: 13px !important;",
  208. 	"      line-height: 20px !important;",
  209. 	"      font-weight: 600 !important;",
  210. 	"      padding-right: 8px !important;",
  211. 	"      padding-left: 16px !important;",
  212. 	"      padding-top: 20px !important;",
  213. 	"      height: 40px !important;",
  214. 	"      letter-spacing: .05em !important;",
  215. 	"}",
  216. 	"",
  217. 	"/* Friend List Card */",
  218. 	"._1lvYU {",
  219. 	"  padding: 0.6em !important;",
  220. 	"}",
  221. 	"._1lvYU:hover {",
  222. 	"  background-color: #36393F;",
  223. 	"}",
  224. 	"",
  225. 	"/* Friends List: Profile Picture */",
  226. 	".UA3TP ._3tYRU, .UA3TP rect {",
  227. 	"  clip-path: circle();",
  228. 	"}",
  229. 	"",
  230. 	"/* Friends List: Elite Frame */",
  231. 	".UA3TP img[src$=\"svg\"] {",
  232. 	"  transform: scale(1.1);",
  233. 	"  top: 2px;",
  234. 	"}",
  235. 	"",
  236. 	"/* Friends List: Status Indicator */",
  237. 	".UA3TP._1fWKe .Hkdag {",
  238. 	"  clip-path: circle(18%);",
  239. 	"  transform: none;",
  240. 	"  left: 12px;",
  241. 	"  top: 15px;",
  242. 	"}",
  243. 	"",
  244. 	"/* Friends List: Online Indicator (Polygon) */",
  245. 	"[fill=\"#e0ff13\"], [fill=\"#61bd07\"], [fill=\"#95db00\"] {",
  246. 	"  fill: #43B581;",
  247. 	"}",
  248. 	"",
  249. 	"/* Friends List: Offline Indicator (Polygon) */",
  250. 	"[fill=\"#d2d2d2\"], [fill=\"#aaaaaa\"], [fill=\"#bdbdbd\"] {",
  251. 	"  display: none;",
  252. 	"}",
  253. 	"",
  254. 	"/* Friends List: Offline grayscale */",
  255. 	"div._1Yhgq > header:nth-of-type(2) ~ div._1lvYU {",
  256. 	"  opacity: 0.6;",
  257. 	"  filter: grayscale(0.8);",
  258. 	"}",
  259. 	"div._1Yhgq > header:nth-of-type(2) ~ div._1lvYU:hover {",
  260. 	"  opacity: 1;",
  261. 	"  filter: none;",
  262. 	"}",
  263. 	"",
  264. 	"/* Friends List: Username */",
  265. 	"._1lvYU ._3zDi- {",
  266. 	"  color: #B9BBBE;",
  267. 	"}",
  268. 	"._1lvYU:hover ._3zDi- {",
  269. 	"  color: #FFF;",
  270. 	"}",
  271. 	"",
  272. 	"/* Friends List: Playing Message */",
  273. 	"._1lvYU .PTP5j {",
  274. 	"  color: #72767D !important;",
  275. 	"}",
  276. 	"._1lvYU:hover .PTP5j {",
  277. 	"  color: #FFF !important;",
  278. 	"}",
  279. 	"",
  280. 	"/* Friends List: Offline Message */",
  281. 	"._40qZj:not(.PTP5j) {",
  282. 	"  display: none;",
  283. 	"}",
  284. 	"",
  285. 	"/* Friends List: Join Button */",
  286. 	".WXeh0 {",
  287. 	"  background-color: #7289DA !important;",
  288. 	"}",
  289. 	"",
  290. 	"/* ##### PROFILE PAGE STYLES ##### */",
  291. 	"",
  292. 	"/* Profile Badges - Overflow Wrap */",
  293. 	"#profile-badges ul.badges {",
  294. 	"  flex-wrap: wrap !important;",
  295. 	"  position: unset !important;",
  296. 	"}",
  297. 	"#profile-badges {",
  298. 	"  width: auto !important;",
  299. 	"  height: auto !important;",
  300. 	"  margin-right: 32px;",
  301. 	"}",
  302. 	"",
  303. 	"/* Profile Background */",
  304. 	"#profile-page .background-avatar {",
  305. 	"  background-image: -o-linear-gradient(45deg,hsla(0,0%,5%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,5%,.1) 0,hsla(0,0%,5%,.1) 75%,transparent 0,transparent) !important;",
  306. 	"  background-image: -webkit-linear-gradient(45deg,hsla(0,0%,5%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,5%,.1) 0,hsla(0,0%,5%,.1) 75%,transparent 0,transparent) !important;",
  307. 	"  background-image: linear-gradient(45deg,hsla(0,0%,5%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,5%,.1) 0,hsla(0,0%,5%,.1) 75%,transparent 0,transparent) !important;",
  308. 	"  filter: none !important;",
  309. 	"}",
  310. 	"#profile-page .section-top-background {",
  311. 	"  background-image: none !important;",
  312. 	"  background-color: rgba(0,0,0,.1) !important;",
  313. 	"}",
  314. 	"",
  315. 	"/* Profile: Username / Progress - Desktop */",
  316. 	"@media only screen and (min-width: 1000px) and (orientation: landscape) {",
  317. 	"  .section-top > .progression {",
  318. 	"    display: flex;",
  319. 	"    justify-content: center;",
  320. 	"    transform: translateX(-8%);",
  321. 	"  }",
  322. 	"  .section-top > .progression > .level {",
  323. 	"    padding: 0 !important;",
  324. 	"  }",
  325. 	"  .section-top > .username > h2 {",
  326. 	"    text-align: center;",
  327. 	"    transform: translateX(-10%);",
  328. 	"  }",
  329. 	"  .section-top > .username a {",
  330. 	"    line-height: 4rem;",
  331. 	"    font-size: 3rem;",
  332. 	"  }",
  333. 	"}",
  334. 	"",
  335. 	"/* ##### CHAT STYLES ##### */",
  336. 	".zUJzi {",
  337. 	"  bottom: unset;",
  338. 	"  top: 0px;",
  339. 	"  left: 72px;",
  340. 	"  width: calc(100% - 372px);",
  341. 	"  height: 100%;",
  342. 	"  background-color: #2f3136",
  343. 	"}",
  344. 	"._375XK{",
  345. 	"  background-color: #36393f;",
  346. 	"}",
  347. 	"",
  348. 	"/* Friend List section */",
  349. 	".uwn5j{",
  350. 	"  background-color: #2f3136;",
  351. 	"  margin-top: 200px !important;",
  352. 	"}",
  353. 	"",
  354. 	"",
  355. 	"/* Friend List Headers */",
  356. 	"",
  357. 	"._3DYYr ._28mON header{",
  358. 	"  color: #72767d",
  359. 	"}",
  360. 	"",
  361. 	"._3DYYr._2dPu4 ._28mON header{",
  362. 	"  color: #fff;",
  363. 	"}",
  364. 	"",
  365. 	"._3DYYr",
  366. 	"._3DYYr._2dPu4{",
  367. 	"  box-sizing: border-box;",
  368. 	"  margin: 1px 0 1px 8px;",
  369. 	"  height: 24px !important;",
  370. 	"  width: auto !important;",
  371. 	"}",
  372. 	"",
  373. 	"._3DYYr._2dPu4{",
  374. 	"  background-color: rgba(79,84,92,.6);",
  375. 	"    text-decoration: none;",
  376. 	"    font-weight: 400;",
  377. 	"    height: 40px;",
  378. 	"    padding: 8px;",
  379. 	"    border-radius: 3px;",
  380. 	"}",
  381. 	"",
  382. 	"._3DYYr:hover{",
  383. 	"  background-color: #292b2f !important;",
  384. 	"    text-decoration: none;",
  385. 	"    font-weight: 400;",
  386. 	"    height: 40px;",
  387. 	"    padding: 8px;",
  388. 	"    border-radius: 3px;",
  389. 	"}",
  390. 	"",
  391. 	"",
  392. 	"",
  393. 	".zUJzi .o_DA6 .uwn5j ._3DYYr._2dPu4{",
  394. 	"  border-left-width: 0px;",
  395. 	"}",
  396. 	"/* No last message appearing at bottom of Chat header */",
  397. 	"._3DYYr ._1j2Cd,",
  398. 	"._3DYYr._2dPu4 ._1j2Cd{",
  399. 	"  display: none !important;",
  400. 	"}",
  401. 	"",
  402. 	"/* Size fix Chat tickets header */",
  403. 	"._28mON{",
  404. 	"font-size: 25px !important",
  405. 	"}",
  406. 	"",
  407. 	"/*Message Box*/",
  408. 	"",
  409. 	"._1j2Cd._1Xzzq{",
  410. 	"  text-align: left !important;",
  411. 	"  background-color: rgba(79,84,92,.6);",
  412. 	"  border-radius: 3px",
  413. 	"}",
  414. 	"",
  415. 	"  ._1j2Cd._1Xzzq,",
  416. 	"._1j2Cd.undefined",
  417. 	"  {",
  418. 	"    border-top-style: solid;",
  419. 	"    padding: 1;",
  420. 	"    border-top-width: 1px;",
  421. 	"    border-top-color: hsla(0,0%,100%,.04) !important;",
  422. 	"  }",
  423. 	"",
  424. 	" ._375XK ._2XaOw ._1j2Cd._1Xzzq p{",
  425. 	"    font-size: 15px;",
  426. 	"    color: #fffe !important;",
  427. 	"    background-color: rgba(0, 0, 0, 0);",
  428. 	"    box-shadow: none;",
  429. 	"    padding-right: 5px;",
  430. 	"    padding-top: 10px;",
  431. 	"    padding-bottom: 2px;",
  432. 	"  }",
  433. 	"",
  434. 	"._375XK ._2XaOw ._1j2Cd p{",
  435. 	"    font-size: 15px;",
  436. 	"    color: #fffe !important;",
  437. 	"    background-color: rgba(0, 0, 0, 0);",
  438. 	"    box-shadow: none;",
  439. 	"    padding-left: 5px;",
  440. 	"    padding-top: 10px;",
  441. 	"    padding-bottom: 2px;",
  442. 	"  }",
  443. 	"",
  444. 	"",
  445. 	"/*Text Box*/",
  446. 	"._375XK textarea{",
  447. 	"  background-color: rgba(114,118,125,.3) !important; /*AAAA dis hard*/",
  448. 	"  border-top: 1px solid hsla(0,0%,100%,.06) !important;",
  449. 	"  border-radius: 5px;",
  450. 	"  margin-top: 20px;",
  451. 	"  padding-top: 20px;",
  452. 	"  margin-left: 20px;",
  453. 	"  margin-right: 20px;",
  454. 	"  margin-bottom: 30px;",
  455. 	"",
  456. 	"  color: hsla(0,0%,100%,.7);",
  457. 	"    resize: none;",
  458. 	"    border: none;",
  459. 	"    appearance: none;",
  460. 	"    font-weight: 400;",
  461. 	"    font-size: 0.9375rem;",
  462. 	"    line-height: 1.25rem;",
  463. 	"    letter-spacing: -0.025rem;",
  464. 	"    max-height: 144px;",
  465. 	"    width: 100%;",
  466. 	"    min-height: 20px;",
  467. 	"    margin: 2px 2px 2px 0;",
  468. 	"    padding: 10px;",
  469. 	"}",
  470. 	"",
  471. 	"._375XK textarea.kb_ignore::placeholder{",
  472. 	"  color: hsla(0,0%,100%,.7)",
  473. 	"}",
  474. 	"",
  475. 	"._375XK textarea.kb_ignore{",
  476. 	"}",
  477. 	"",
  478. 	"/* ##### FEED STYLES ##### */",
  479. 	"#profile-news-feed ul.news-feed-thumbs > li.item {",
  480. 	"    background-color: #2F3136 !important;",
  481. 	"}",
  482. 	"",
  483. 	"/*Text*/",
  484. 	"#profile-news-feed ul.news-feed-thumbs > li.item {",
  485. 	"    color: #dcddde;",
  486. 	"    font-weight: inherit;",
  487. 	"    font-style: inherit;",
  488. 	"    font-family: inherit;",
  489. 	"    clear: inline-end;",
  490. 	"}",
  491. 	"",
  492. 	"/*Author*/",
  493. 	"#profile-news-feed ul.news-feed-thumbs > li.item .feed-header .feed-text .user {",
  494. 	"    color: #fff;",
  495. 	"    font: inherit;",
  496. 	"    font-size: 16px;",
  497. 	"    min-width: 0;",
  498. 	"    white-space: nowrap;",
  499. 	"    text-overflow: ellipsis;",
  500. 	"    overflow: hidden;",
  501. 	"}",
  502. 	"",
  503. 	"/*Author comment*/",
  504. 	"#root-page-mobile #profile-news-feed .feed-comments .comments ul.comment-list li .body .username a{",
  505. 	"color: #fff",
  506. 	"}",
  507. 	"#root-page-mobile #profile-news-feed .feed-comments .comments ul.comment-list li .body:hover .username a{",
  508. 	"color: hsla(0,0%,100%,.2)",
  509. 	"}",
  510. 	"",
  511. 	"/*Text comment*/",
  512. 	"#root-page-mobile #profile-news-feed .feed-comments .comments ul.comment-list li .body{",
  513. 	"color: #dcddde",
  514. 	"}",
  515. 	"",
  516. 	"/* Time comment*/",
  517. 	"#root-page-mobile #profile-news-feed .feed-comments .comments ul.comment-list li .header .time{",
  518. 	"color: hsla(0,0%,100%,.2)",
  519. 	"}",
  520. 	"",
  521. 	"/*Time*/",
  522. 	"#profile-news-feed ul.news-feed-thumbs > li.item .feed-header .feed-time {",
  523. 	"    font-weight: inherit;",
  524. 	"    font-style: inherit;",
  525. 	"    font-family: inherit;",
  526. 	"    font-size: 16px;",
  527. 	"    padding-right: 50%;",
  528. 	"    text-transform: none;",
  529. 	"    display: inline;",
  530. 	"}",
  531. 	"",
  532. 	"/*Reply box*/",
  533. 	"#root-page-mobile #profile-news-feed .feed-comments .comments form textarea {",
  534. 	"  background-color: rgba(114,118,125,.3) !important; /*AAAA dis hard*/",
  535. 	"  border-top: 1px solid hsla(0,0%,100%,.06) !important;",
  536. 	"  border-radius: 5px;",
  537. 	"  margin-top: 20px;",
  538. 	"  padding-top: 20px;",
  539. 	"  margin-left: 20px;",
  540. 	"  margin-right: 20px;",
  541. 	"  margin-bottom: 30px;",
  542. 	"",
  543. 	"  color: hsla(0,0%,100%,.7);",
  544. 	"    resize: none;",
  545. 	"    border: none;",
  546. 	"    appearance: none;",
  547. 	"    font-weight: 400;",
  548. 	"    font-size: 0.9375rem;",
  549. 	"    line-height: 1.25rem;",
  550. 	"    letter-spacing: -0.025rem;",
  551. 	"    max-height: 144px;",
  552. 	"    width: 100%;",
  553. 	"    min-height: 20px;",
  554. 	"    margin: 2px 2px 2px 0;",
  555. 	"    padding: 10px;",
  556. 	"}",
  557. 	"",
  558. 	"/*Page browser*/",
  559. 	"#profile-news-feed ul.news-feed-thumbs > li.item .feed-comments .comments .paging .paginator a{",
  560. 	"color: hsla(0,0%,100%,.83)",
  561. 	"}",
  562. 	"#profile-news-feed ul.news-feed-thumbs > li.item .feed-comments .comments .paging .paginator a:hover{",
  563. 	"color: hsla(0,0%,100%,.2)",
  564. 	"}",
  565. 	"",
  566. 	"/* #### GAME PAGE STYLES ####*/",
  567. 	".game-item{",
  568. 	"box-shadow: 0 6px 18px rgba(32,34,37,.6);",
  569. 	"}",
  570. 	"",
  571. 	"",
  572. 	".game-item:hover{",
  573. 	"-moz-transform: rotateX(0deg) rotateY(0deg) scale(1) translateZ(0px);",
  574. 	"    transform-style: preserve-3d;",
  575. 	"    backface-visibility: hidden;",
  576. 	"}"
  577. ].join("\n");
  578. if (typeof GM_addStyle != "undefined") {
  579. 	GM_addStyle(css);
  580. } else if (typeof PRO_addStyle != "undefined") {
  581. 	PRO_addStyle(css);
  582. } else if (typeof addStyle != "undefined") {
  583. 	addStyle(css);
  584. } else {
  585. 	var node = document.createElement("style");
  586. 	node.type = "text/css";
  587. 	node.appendChild(document.createTextNode(css));
  588. 	var heads = document.getElementsByTagName("head");
  589. 	if (heads.length > 0) {
  590. 		heads[0].appendChild(node);
  591. 	} else {
  592. 		// no head yet, stick it whereever
  593. 		document.documentElement.appendChild(node);
  594. 	}
  595. }
  596. })();