MyBB Community Forums

MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.4 > MyBB 1.4 General Support > Change font / color.
Full Version: Change font / color.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

Clone

2010-05-16, 11:36 AM
Hey, I was wondering where I could change the font and the color of my text which is seen in forum posts?
I guess it's in global.css

Here's the file

body {
	background: #252525;
	color: #A9A9A9;
	text-align: left;
	line-height: 1.4;
	margin: auto;
	padding-bottom: 20px;
	
	font-family: Verdana;
	font-size: 16px;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.fixed_wb {
	background: url(images/darkfusion/wb_bg.png) top left repeat-x;
	width: 100%;
	color: #FFF;
	padding: 8px 0px 8px 0px;
	position: fixed;
	z-index: 9999;
	border-bottom: 1px solid #909090;
	
	font-family: tahoma;
	font-size: 11px;
}

.header_main {
	background: #101010;
	text-align: center;
	height: 120px;
	border-bottom: 4px solid #000000;
        padding: 20px;
}

.header_menu {
	background: #101010;
	width: 500px;
	height: 30px;
	margin-right: 150px;
	margin-top: 50px;
	padding: 10px;
	float: right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#container {
	background: #101010;
	color: #808080;
	margin: auto auto;
	width: 80%;
	text-align: left;
	padding: 0px 20px 20px 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;
}

.logo {
	padding-left: 150px;
	padding-top: 45px;
	float: left;
}

.menu {
	padding: 5px;
	text-align: right;
	whitespace: nowrap;
	word-spacing: 2.5em;
}

.menu ul {
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.menu ul a:link {
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.menu ul a:visited {
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.menu ul a:hover, .menu ul a:active {
	color: #fff;
	padding-bottom: 5px;
	border-bottom: 2px solid #000000;
	
	text-decoration: none;
}

table {
	
	color: #808080;
	font-family: Tahoma;
	font-size: 11px;
}

.tborder {
	background: #111111;
	width: 100%;
	margin: auto auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.thead {
	background: #0256d8 url(images/darkfusion/thead.gif) top left repeat-x;
	color: #ffffff;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	background: #1a1a1a;
	color: #808080;
	font-size: 10px;
}

.tcat a:link {
	color: #808080;
}

.tcat a:visited {
	color: #808080;
}

.tcat a:hover, .tcat a:active {
	color: #808080;
        text-decoration: underline;
}

.trow1 {
	background: #1D1D1D;
	border-top: 1px solid #292929;
	border-left: 1px solid #292929;
}

.trow2 {
	background: #212121;
	border-top: 1px solid #292929;
	border-left: 1px solid #292929;
}

.trow3 {
	background: #1d1d1d url(images/darkfusion/trow3.png) top left repeat-x;
	border-top: 1px solid #292929;
	border-left: 1px solid #292929;
}

.trow4 {
	background: #1d1d1d url(images/darkfusion/trow3.png) top left repeat-x;
	border-top: 1px solid #292929;
	border-left: 1px solid #292929;
}

.trow4:hover {
	background: #242424 url(images/darkfusion/trow3_hover.png) top left repeat-x;
	border-top: 1px solid #292929;
	border-left: 1px solid #292929;
}

.trow_shaded {
	background: #000000;
}

.trow_selected td {
	background: #000000;
}

.trow_sep {
	background: #292929;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
}

.sticky_sep {
	background: #0255d8 url(images/darkfusion/thead.gif) top left repeat-x;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
}

.tfoot {
	background: #1a1a1a;
	color: #fff;
	line-height: 1.4;
	margin: auto;
	padding: 5px;
	
	font-family: arial;
	font-size: 12px;
}

.tfoot a:link {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:visited {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #ffffff;
	text-decoration: underline;
}

.bottommenu {
	background: #202020;
	color: #808080;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.navigation {
	color: #808080;
	padding: 5px;
	
	font-size: 11px;
	font-weight: bold;
}

.navigation a:link {
	color: #026CB1;
	bottom: 5px;
	text-decoration: none;
}

.navigation a:visited {
	bottom: 5px;
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	color: #026CB1;
	bottom: 5px;
	text-decoration: underline;
}

.navigation .active {
	color: #A9A9A9;
	bottom: 5px;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 11px;
}

.largetext {
	font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

input.textbox {
        background: #404040;
	color: #fff;
        border: 1px solid #404040;
	padding: 1px;
	-moz-border-radius: 6px;
}

input.button {
        background: #404040;
	color: #fff;
	-moz-border-radius: 4px;
        border: 1px solid #404040;
        font-family: tahoma;
	font-weight: bold;
}

textarea {
	background: #404040;
	color: #fff;
	border: 1px solid #404040;
	padding: 5px;
	line-height: 1.4;
	-moz-border-radius: 10px;
	
	font-family: Verdana;
	font-size: 12px;
}

select {
	background: #fff;
	border: 1px solid #404040;
}

.editor {
	background: #404040;
	border: 1px solid #404040;
}

.editor_control_bar {
	background: #404040;
	border: 1px solid #404040;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.popup_menu {
	background: #ccc;
	border: 1px solid #000;
}

.popup_menu .popup_item {
	background: #fff;
	color: #000;
}

.popup_menu .popup_item:hover {
	background: #C7DBEE;
	color: #000;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.invalid_field {
	border: 1px solid #f30;
	color: #f30;
}

.valid_field {
	border: 1px solid #0c0;
}

.validation_error {
	background: url(images/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-left: 22px;
}

.validation_success {
	background: url(images/darkfusion/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-left: 22px;
}

.validation_loading {
	background: url(images/darkfusion/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

#panel .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #ffffff;
	height: 1px;
	border: 0px;
}

#copyright {
        color: #fff;
	font: 11px Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 10px 0 0 0;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
	background: #2a2a2a;
	margin: 0;
	padding: 5px;
	border: 1px solid #101010;
}

blockquote cite {
	border-bottom: 1px solid #101010;
	display: block;
	margin: 4px 0;
	
	font-style: normal;
	font-weight: bold;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #808080;
	color: #000;
	border: 1px solid #000;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #000;
	margin: 4px 0;
	
	font-weight: bold;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
	padding-bottom: 0px;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	color: #A5161A;
	border: 1px solid #A5161A;
	text-align: center;
	padding: 5px 20px;
	
	font-size: 11px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(images/darkfusion/error.gif) no-repeat 0;
}

div.error.ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.pagination {
	padding-top: 10px;
	margin-bottom: 5px;
	
	font-size: 10px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 6px;
	margin-bottom: 3px;
}

.pagination a {
	border: 1px solid #292929;
}

.pagination .pagination_current {
	background: #F5F5F5;
	border: 1px solid #81A2C4;
	
	font-weight: bold;
}

.pagination a:hover {
	background: #F5F5F5;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(images/darkfusion/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

Tim B.

2010-05-17, 09:42 AM
No need to post your whole global.css

The CSS property for text color is just color so if you change this value under body it should change it across most of the site (but there will be other places where another color has been declared and you will have to change this as well).
MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.4 > MyBB 1.4 General Support > Change font / color.