Advertisement
Guest User

Planet Casio shoutbox style

a guest
Jul 13th, 2016
453
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.86 KB | None | 0 0
  1. @-moz-document regexp("https?.+?planet-casio\\.com.+?") {
  2. /*change to "https?.+?planet-casio\\.com.+?shoutbox.+?" if you only want the style to be on the main shoutbox page*/
  3.  
  4. /*set a background for the shoutbox here*/
  5. #shoutbox {
  6. /*background-image: url("http://www.pixelstalk.net/wp-content/uploads/2016/03/Backgorund-wallpaper-dark.png");*/
  7. background-image: url("http://www.pixelstalk.net/wp-content/uploads/2016/03/Dark-othic-lion-wallpaper-background.jpg");
  8. /*background-image: url("http://www.pixelstalk.net/wp-content/uploads/2016/03/Dark-background-Lord-in-Forrest.jpg");*/
  9. background-size: cover;
  10. border-top-left-radius: 0px;
  11. border-top-right-radius: 0px;
  12. border-width: 0px;
  13. border-left-width: 0px;
  14. border-left-color: transparent;
  15. }
  16.  
  17. /*normal messages*/
  18. #shoutbox .msg {
  19. background: transparent;
  20. border-bottom-color: transparent;
  21. color: #D4D4D4;
  22. border-left-style: solid;
  23. border-left-width: 3px;
  24. border-left-color: transparent;
  25. }
  26. #shoutbox .msg:hover {
  27. background-color: rgba(200,200,200,0.2);
  28. }
  29.  
  30. /*messages with your username mentioned*/
  31. #shoutbox .msg.ref {
  32. background: transparent;
  33. border-bottom-color: transparent;
  34. color: #D4D4D4;
  35. }
  36. #shoutbox .msg.ref:hover {
  37. background-color: rgba(200,200,200,0.2);
  38. }
  39.  
  40. /*input box*/
  41. #shoutbox input.form-control {
  42. background-color: rgba(200,200,200,0.4);
  43. border-right-width: 2px;
  44. border-color: #00AAFF;
  45. color: #D4D4D4;
  46. }
  47.  
  48. /*links*/
  49. #shoutbox a[target="_blank"] {
  50. color: #0598E4;
  51. }
  52.  
  53. /*group colors; make sure to put !important if not member*/
  54. #shoutbox a.author[title="Membre de CreativeCalc"] {
  55. color: #2672ed !important;
  56. }
  57. #shoutbox a.author[title="Robot"] {
  58. color: #FF00EE !important;
  59. }
  60. #shoutbox a.author[title="Partenaire"] {
  61. color: #2672ed !important;
  62. }
  63. #shoutbox a.author[title="Administrateur"] {
  64. color: #f53d3d !important;
  65. }
  66. #shoutbox a.author[title="Modérateur"] {
  67. color: #00e808 !important;
  68. }
  69. #shoutbox a.author[title="Membre"] {
  70. color: #2672ed;
  71. }
  72.  
  73. /*set style for a specific username*/
  74. #shoutbox a.author[title="Membre"][href="/Fr/compte/voir_profil.php?membre=Zezombye"] {
  75. color: #00ABAB;
  76. font-style: italic;
  77. }
  78.  
  79. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement