BB Code Enhancements - change CODE and PHP tags design

Hello,

New Simple design for CODE and PHP tags

I posted a similar thread for vBulletin 3 before shortly

https://vborg.vbsupport.ru/showthread.php?t=293957

*Take a backup before editing any template.

Open css_global.css template

find:

.bbcode_container .bbcode_code {
	font-family:Courier,'Courier New',Monaco,Monospace;
	font-size: {vb:stylevar bbcode_code_fontsize};
	background: {vb:stylevar autosuggest_background};
	border: 1px solid {vb:stylevar form_dropdown_border_color};
	overflow: auto;
	padding: 6px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

replace it with:

.bbcode_container .bbcode_code {
font-family: Courier,'Courier New',Monaco,Monospace;
overflow: auto;
padding: 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #8CC8FF;
width: 700px;
max-height: 400px;
font-size: 13px;
background-color: #CDE7FF;
}

then in the same template, find:

.bbcode_container .bbcode_description {
	margin-top:10px;
}

and replace it with:

.bbcode_container .bbcode_description {
margin-top: 10px;
color: #8CC8FF;
padding: 6px;
display: block;
border: 1px solid;
background-color: #CDE7FF;
width: 686px;
font-size: 14px;
font-weight: bold;
}

Done

[abdobasha2004]

very nice look for webmaster forums
if more screen shots available that would be great !