3.1.x Snippets ⇒ Change the links colour in mchat

[martin]

Change the colour of internal links in mchat the links colours are pulled from the themes files but dont look right so lets change

Using prosilver the internal links are red and external blue.

2.png

Open mchats.css

Find This may be a partial find and not the whole line (spaces may differ)

Code: Select all

div.mChatMessage {
	padding: 3px;
	font-size: 1.1em;
	width: 98%;
}

Add after Add these lines on a new blank line after the preceding line(s) to find

Code: Select all

div.mChatMessage  .postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
div.mChatMessage .postlink-local:hover  {       
   border-bottom: 1px solid #75D975; 
   background-color:#D0E4F6;
}

[LEOPARD]

How to change the color of links to RC-5?

[clight77]

Try this.Use your own color selections tho......
ext/dmzx/mchat/styles/prosilver/theme/mchat.css

Find:

Code: Select all

.mchat-message {
	padding: 5px !important;
	overflow: hidden;
}

Below add:

Code: Select all

.mchat-message  .postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.mchat-message .postlink-local:hover  {       
   border-bottom: 1px solid #75D975; 
   background-color:#D0E4F6;
}

[martin]

Yes mchat classes have changed since i posted this.

[clight77]

I used this as I did not like thye BG hover, my board is dark theme tho.

Code: Select all

.mchat-message  .postlink-local  {    
   color: #7CFC00;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.mchat-message .postlink-local:hover  {
	color: #FFFF00;
	text-decoration: none;
   border-bottom: 1px solid #F9F1F1; 
   
}

[martin]

I'm now using this so its board wide not just mchat.

Code: Select all

.postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.postlink-local:hover  {       
    border-bottom: 1px solid #5D8FBD; 
   background-color:#D0E4F6;
}

[clight77]

I'm now using this so its board wide not just mchat.

Code: Select all

.postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.postlink-local:hover  {       
    border-bottom: 1px solid #5D8FBD; 
   background-color:#D0E4F6;
}

I might too, but my magic.css i faulty... lol