Change CODE and PHP tags design

[Admin]

Hello,


New Simple design for CODE and PHP tags


I posted a similar thread for vBulletin 3 before shortly


http://www.vbulletin.org/forum/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