MyBB Community Forums

MyBB Community Forums > Extensions > Themes > Theme Support > Theme Colors Off
Full Version: Theme Colors Off
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

MasterZuFu

2014-06-05, 02:10 PM
I'm having some issues with my website www.slaveryreport.com. The issue is that I can't seem to get the text colors right. First of all, I'm not sure I even want to have link history colors enabled (if someone clicks a link it turns blue for them from then on). Second, the text has to be dark so that you can see it in light places, but I can't figure out how to change the color for the text in the dark places. So the problem is that some text is visible while others are not.

I'm using the them: QWS-Tech

Any assistance would be very helpful. Thank you.


-MasterZuFu

VoIP

2014-06-05, 02:16 PM
You can add this to your global.css

a:link {
color:#FFFFFF;
}
a:visit {
color: #FFFFF;
}

This should do what you want. Smile

MasterZuFu

2014-06-05, 02:18 PM
I think it has to be more specific than that. This is what I have in my global.css at the moment:

/* ADMIN / MOD NOTICE */
.mod_bb {
        background:#F5C7CD;
        color:#8a1f11;
        padding:.8em;
        margin-bottom:1.6em;
        border:2px solid #DC364E;
}

.mod_bb img {
        position:relative;
        top:2px;
}

body {
	color: #fff;
	background: url(http://slaveryreport.com/images/qws-tech/logo.png) top center no-repeat, url(/images/qws-tech/bgd.gif) top left repeat;
	line-height: 1.4;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

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

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

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

#container {
	background: #f0f0f0;
	width: 80%;
	color: #000000;
	border: 0px solid #e4e4e4;
	margin: auto auto;
	padding-bottom: 10px;
	text-align: left;
}

#content {
	width: 80%;
	margin: auto;
}

.menu {
	margin: auto auto;
	padding-top: 19px;
	padding-bottom: 20px;
	font-color: 000;
}

.menu ul {
	color: #fff;
	text-align: center;
	padding: 3px;
	font-weight: bold;
        font-color: #fff;
}

.menu ul a, .menu ul a:link {
	color: #fff;
	text-decoration: none;
        padding: 5px 15px;
        font-color: #fff;
}

.menu ul a:visited {
	color: #000000;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	
	color: #FFFFFF;
	padding: 5px 15px;
	text-shadow: 0 0 10px #FFFFFF;
	text-decoration: none;
}

#panel {
	background: #efefef;
	color: #000000;
	font-size: 11px;
	border: 1px solid #D4D4D4;
	padding: 8px;
}

#panel .remember_me input {
	vertical-align: middle;
	margin-top: -1px;
}

table {
	color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.tborder {
	background: #d3d1c7;
	width: 100%;
	margin: auto auto;
	border: 1px solid #d3d1c7;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.thead {
	background: #252120 url(images/qws-tech/thead_bg.gif) top left repeat-x;
	color: #ffffff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.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: #585a59;
	color: #000000;
	font-size: 12px;
}

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

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

.tcat a:hover, .tcat a:active {
	color: #000000;
}

.trow1 {
	background: #ddddcc;
	margin: 0px auto;
}

.trow2 {
	background: #f0f0f0;
}

.trow_shaded {
	background: #ffdde0;
}

.trow_selected td {
	background: #FFFBD9;
}

.trow_sep {
	background: #e5e5e5;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: #c8c8c8 url(images/qws-tech/thead_foot.jpg) top left repeat-x;
	color: #5c5452;
	width: 80%;
}

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

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

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

.bottommenu {
	background: #efefef;
	color: #000000;
	border: 1px groove #d3d1c7;
	padding: 10px;
}

.navigation {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.navigation a:link {
	text-decoration: none;
}

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

.navigation a:hover, .navigation a:active {
	text-decoration: none;
}

.navigation .active {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

input.textbox {
	background: #ffffff;
	color: #000000;
	border: 1px solid #0f5c8e;
	padding: 1px;
}

textarea {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0f5c8e;
	padding: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	font-size: 13px;
}

select {
	background: #ffffff;
	border: 1px solid #0f5c8e;
}

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

.editor_control_bar {
	background: #fff;
	border: 1px solid #0f5c8e;
}

.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/qws-tech/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

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

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

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

.clear {
	clear: both;
}

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

.hiddenrow {
	display: none;
}

.selectall {
	background-color: #FFFBD9;
	font-weight: bold;
	text-align: center;
}

.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: #000000;
	height: 1px;
	border: 0px;
}

#copyright {
	width: 80%;
	font: 11px Verdana, Arial, Sans-Serif;
	margin: auto;
	padding: 10px 0 0 0;
}

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

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 4px;
}

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

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

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

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

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

.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;
}

.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-top: 3px;
	padding-bottom: 3px;
}

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

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	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/qws-tech/error.gif) no-repeat 0;
}

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

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

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

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

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

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

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

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

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

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.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/qws-tech/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;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

.pagination_breadcrumb {
	background-color: #f5f5f5;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.banner {
	float: right;
	padding-right: 10px;
	padding-top: 15px;
}

/index.php"><img src="{
$theme['logo']
}

" alt="{
$mybb->settings['bbname']
}

" title="{
$mybb->settings['bbname']
}

" /></a></div>
	float: right;
	padding-right: 10px;
	padding-top: 350px;
}

/index.php"><img src="{
$theme['logo']
}

" alt="{
$mybb->settings['bbname']
}

" title="{
$mybb->settings['bbname']
}

" /></a></div>
	float: right;
	padding-right: 10px;
	padding-top: 15px;
}

.center {
	width: 100%;
	text-align: center;
}

.logo {
	width: width="auto";
	height: height="auto";
	padding-top: 155px;
}
/* Selects the bottom lefthand corner of your tables. */
tr:last-child > .trow1:first-child, tr:last-child > .trow2:first-child,  tbody:last-child tr:last-child > .tcat:first-child {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

/* Selects the bottom righthand corner of your tables. */
tr:last-child > .trow1:last-child, tr:last-child > .trow2:last-child{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

/* Selects any table with the ID containing 'post' and gets rid of the rounding - this is for the showthread template. */
table[id*="post_"], td.post_buttons, tborder.posthead, tbody[id*="usercpp"] > tr:last-child > td, tbody[id*="modcpforums"] > tr:last-child > td{
    -webkit-border-radius: !important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

/* The custom template ID we added in to get rid of the ugly rounding on the showthread .thead */
table[id="notop"]{
    -webkit-border-bottom-right-radius: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

/* The custom template ID we added in to get rid of the ugly rounding on the showthread .tfoot */
table[id="nobottom"]{
    -webkit-border-top-left-radius: 0!important;
    -webkit-border-top-right-radius: 0!important;
    -moz-border-radius-topleft: 0!important;
    -moz-border-radius-topright: 0!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

VoIP

2014-06-05, 02:28 PM
a:link {
    color: #FFF;
    text-decoration: none;
}

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

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

Like I said before the css I provided will do the same, but I see you decorations so I added it. Overwrite the a* css you have now. If your on firefox make sure too:

http://prntscr.com/3pwbdr

hold Shift and click to refresh css.

MasterZuFu

2014-06-05, 02:37 PM
Ok, that works wonderfully. Now here's the biggest problem I've got.

This also affects all the links on the page. The breadcrumbs are all black, they should be white, but if I change them white, then all the other links in the forum turn white and aren't readable in the body of the board. So I need to find a way to separate these two so that they aren't pulling on the same color code.

mmadhankumar

2014-06-05, 03:08 PM
(2014-06-05, 02:37 PM)MasterZuFu Wrote: [ -> ]So I need to find a way to separate these two so that they aren't pulling on the same color code.

use a different css selector for breadcrumbs... ex. "div id=breadcrumb" and then #breadcrumb li a:link {css codes} and so on...

MasterZuFu

2014-06-05, 05:08 PM
Ok, I've figured that out, as well as the pagination issues I had earlier. Now there are only two more problems I'm dealing with and I can't seem to figure these out like I did the others.

In member profiles, where members are able to add or remove other members from their buddy lists, the links to do that are both black, they need to be white without causing all other links also to be white (as the function that controls that should be black). However, when I check the template to see if I can hard code it, it simply shows {$buddy_options}. I don't know where to edit that to change the color for these specific links.

Next. The Member list. The "Show Forum Team" link is also black and needs to be white. Other than this, I think that's all I need.
MyBB Community Forums > Extensions > Themes > Theme Support > Theme Colors Off