Tweak: Decouples OOC and LOOC/RLOOC

For whatever reason, that I could not figure out, span class looc was defined instead as span class ooc looc.

In the style sheet it looks like ooc created the bolding, looc created the colour.

I modified the style sheet for both normal and vchat to make looc and the new rlooc have their own unique, independent class definitions.

code/modules/client/verbs/ooc.dm

@@ -177,12 +177,12 @@
 		if(target in GLOB.admins)
 			admin_stuff += "/([key])"
 
-		to_chat(target, "<span class='ooc looc'>" + create_text_tag("looc", "LOOC:", target) + " <EM>[display_name][admin_stuff]:</EM> <span class='message'>[msg]</span></span>")
+		to_chat(target, "<span class='looc'>" + create_text_tag("looc", "LOOC:", target) + " <EM>[display_name][admin_stuff]:</EM> <span class='message'>[msg]</span></span>")
 
 	for(var/client/target in r_receivers)
 		var/admin_stuff = "/([key])([admin_jump_link(mob, target.holder)])"
 
-		to_chat(target, "<span class='ooc rlooc'>" + create_text_tag("looc", "LOOC:", target) + " <span class='prefix'>(R)</span><EM>[display_name][admin_stuff]:</EM> <span class='message'>[msg]</span></span>") //CHOMPEdit
+		to_chat(target, "<span class='rlooc'>" + create_text_tag("looc", "LOOC:", target) + " <span class='prefix'>(R)</span><EM>[display_name][admin_stuff]:</EM> <span class='message'>[msg]</span></span>") //CHOMPEdit
 
 /mob/proc/get_looc_source()
 	return src

code/modules/vchat/css/css-testing.html

@@ -15,7 +15,7 @@
 			OOC
 			<div class="ui top right attached red label">15</div>
 		</div>
-		
+
 		<div class="right menu">
 			<div class="item" style="cursor: pointer;" title="New Tab"><i class="icon-folder-add"></i></div>
 			<div class="item" style="cursor: pointer;" title="Pause Autoscroll">
@@ -26,7 +26,7 @@
 			</div>
 			<div class="item" style="padding-left: 0px !important;"><span class="ui circular label" title="VChat Latency (Not exactly network latency)" :class="ping_classes">{{latency}}ms</span></div>
 		</div>
-		
+
 	</div>
 
 	<div id="contentbox">
@@ -36,35 +36,40 @@
 			<span class='danger'>Testing danger message.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message."</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message.</span></span><br>
+			<span class='looc'>Testing LOOC message.</span><br>
+			<span class='rlooc'>Testing RLOOC message.</span><br>
 			<span class='admin_channel'>Testing asay message.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 2."</span><br>
 			<span class='notice'>Testing notice message 2.</span><br>
 			<span class='danger'>Testing danger message 2.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 2".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 2.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 2.</span></span><br>
+			<span class='looc'>Testing LOOC message 2.</span><br>
+			<span class='rlooc'>Testing RLOOC message 2.</span><br>
 			<span class='admin_channel'>Testing asay message 2.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 3."</span><br>
 			<span class='notice'>Testing notice message 3.</span><br>
 			<span class='danger'>Testing danger message 3.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 3".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 3.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 3.</span></span><br>
+			<span class='looc'>Testing LOOC message 3.</span><br>
+			<span class='rlooc'>Testing RLOOC message 3.</span><br>
 			<span class='admin_channel'>Testing asay message 3.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 4."</span><br>
 			<span class='notice'>Testing notice message 4.</span><br>
 			<span class='danger'>Testing danger message 4.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 4".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 4.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 4.</span></span><br>
+			<span class='looc'>Testing LOOC message 4.</span><br>
+			<span class='rlooc'>Testing RLOOC message 4.</span><br>
 			<span class='admin_channel'>Testing asay message 4.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 5."</span><br>
 			<span class='notice'>Testing notice message 5.</span><br>
 			<span class='danger'>Testing danger message 5.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 5".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 5.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 5.</span></span><br>
+			<span class='looc'>Testing LOOC message 5.</span><br>
+			<span class='rlooc'>Testing RLOOC message 5.</span><br>
 			<span class='admin_channel'>Testing asay message 5.</span><br>
 		</div>
 		<div class="ui segment inverted">
@@ -73,38 +78,43 @@
 			<span class='danger'>Testing danger message.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message."</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message.</span></span><br>
+			<span class='looc'>Testing LOOC message.</span><br>
+			<span class='rlooc'>Testing RLOOC message.</span><br>
 			<span class='admin_channel'>Testing asay message.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 2."</span><br>
 			<span class='notice'>Testing notice message 2.</span><br>
 			<span class='danger'>Testing danger message 2.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 2".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 2.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 2.</span></span><br>
+			<span class='looc'>Testing LOOC message 2.</span><br>
+			<span class='rlooc'>Testing RLOOC message 2.</span><br>
 			<span class='admin_channel'>Testing asay message 2.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 3."</span><br>
 			<span class='notice'>Testing notice message 3.</span><br>
 			<span class='danger'>Testing danger message 3.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 3".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 3.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 3.</span></span><br>
+			<span class='looc'>Testing LOOC message 3.</span><br>
+			<span class='rlooc'>Testing RLOOC message 3.</span><br>
 			<span class='admin_channel'>Testing asay message 3.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 4."</span><br>
 			<span class='notice'>Testing notice message 4.</span><br>
 			<span class='danger'>Testing danger message 4.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 4".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 4.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 4.</span></span><br>
+			<span class='looc'>Testing LOOC message 4.</span><br>
+			<span class='rlooc'>Testing RLOOC message 4.</span><br>
 			<span class='admin_channel'>Testing asay message 4.</span><br>
 			<span class='game say'><b>Test Person</b> says, "Testing say message 5."</span><br>
 			<span class='notice'>Testing notice message 5.</span><br>
 			<span class='danger'>Testing danger message 5.</span><br>
 			<span class='secradio'>[Security] <b>Secu Person</b> says, "Testing radio message 5".</span><br>
 			<span class='ooc'><span class='everyone'>Testing OOC message 5.</span></span><br>
-			<span class='ooc'><span class='looc'>Testing LOOC message 5.</span></span><br>
+			<span class='looc'>Testing LOOC message 5.</span><br>
+			<span class='rlooc'>Testing RLOOC message 5.</span><br>
 			<span class='admin_channel'>Testing asay message 5.</span><br>
 		</div>
 	</div>
 </body>
 
-</html>
+</html>

code/modules/vchat/css/ss13styles.css

@@ -75,8 +75,8 @@ body.inverted {
 
 .ooc .everyone			{color: #002eb8;}
 .inverted .ooc .everyone {color: #004ed8;} /* Dark mode */
-.looc				    {color: #3A9696;}
-.rlooc					{color: #3ABB96;} /* CHOMPEdit */
+.looc				    {color: #3A9696; font-weight: bold}
+.rlooc					{color: #3ABB96; font-weight: bold} /* CHOMPEdit */
 .ooc .elevated			{color: #2e78d9;}
 .ooc .moderator			{color: #184880;}
 .ooc .developer			{color: #1b521f;}

code/stylesheet.dm

@@ -16,8 +16,8 @@ em						{font-style: normal;font-weight: bold;}
 
 /* OOC */
 .ooc					{font-weight: bold;}
-.looc					{color: #3A9696;}
-.rlooc					{color: #3ABB96;} //CHOMPEdit
+.looc					{color: #3A9696; font-weight: bold}
+.rlooc					{color: #3ABB96; font-weight: bold}} //CHOMPEdit
 .ooc img.text_tag		{width: 32px; height: 10px;}
 
 .ooc .everyone			{color: #002eb8;}