daily pastebin goal
0%
SHARE
TWEET

Planet Casio shoutbox style

a guest Jul 13th, 2016 175 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. }
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