MyBB Community Forums

Full Version: New CSS classes - what ones?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Is there a list anywhere that shows all the new .css classes that were added to the default theme for 1.6?

If so, can anyone link me to the page please? I haven't been able to find what I'm looking for.

Thanks.
body {
background:url("http://mybboard.net/assets/images/bg.gif") repeat scroll 0 0 #EFEFEF;
color:#000000;
font-family:Verdana,Arial,Sans-Serif;
font-size:13px;
line-height:1.6em;
margin:0;
text-align:center;
}
a:link {
color:#336699;
text-decoration:none;
}
a:visited {
color:#003366;
text-decoration:none;
}
a:hover, a:active {
color:#003366;
text-decoration:underline;
}
#container {
background:none repeat scroll 0 0 #FFFFFF;
border-color:-moz-use-text-color #878787;
border-left:1px solid #878787;
border-right:1px solid #878787;
border-style:none solid;
border-width:0 1px;
height:auto;
margin:auto;
width:940px;
}
#content {
line-height:1.5;
width:auto !important;
}
.menu ul {
color:#000000;
font-weight:bold;
padding:4px;
text-align:right;
}
.menu ul a:link {
color:#000000;
text-decoration:none;
}
.menu ul a:visited {
color:#000000;
text-decoration:none;
}
.menu ul a:hover, .menu ul a:active {
color:#4874A3;
text-decoration:none;
}
#panel {
background:none repeat scroll 0 0 #EFEFEF;
border:1px solid #D4D4D4;
color:#000000;
font-size:11px;
padding:8px;
}
table {
color:#000000;
font-family:Verdana,Arial,Sans-Serif;
font-size:13px;
}
.tborder {
background:none repeat scroll 0 0 #81A2C4;
border:1px solid #0F5C8E;
margin:auto;
width:100%;
}
.thead {
background:url("../../../images/thead_bg.gif") repeat-x scroll left top #026CB1;
color:#FFFFFF;
}
.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:none repeat scroll 0 0 #ADCBE7;
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:none repeat scroll 0 0 #F5F5F5;
}
.trow2 {
background:none repeat scroll 0 0 #EFEFEF;
}
.trow_shaded {
background:none repeat scroll 0 0 #EEA8A1;
}
.trow_sep {
background:none repeat scroll 0 0 #E5E5E5;
color:#000000;
font-size:12px;
font-weight:bold;
}
.tfoot {
background:url("../../../images/thead_bg.gif") repeat-x scroll left top #026CB1;
color:#FFFFFF;
}
.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:none repeat scroll 0 0 #EFEFEF;
border:1px solid #4874A3;
color:#000000;
padding:10px;
}
.navigation {
color:#000000;
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:#000000;
font-size:13px;
font-weight:bold;
}
.smalltext {
font-size:11px;
}
.largetext {
font-size:16px;
font-weight:bold;
}
input.textbox {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #0F5C8E;
color:#000000;
padding:1px;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #0F5C8E;
color:#000000;
font-family:Verdana,Arial,Sans-Serif;
font-size:13px;
line-height:1.4;
padding:2px;
}
select {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #0F5C8E;
}
.editor {
background:none repeat scroll 0 0 #F1F1F1;
border:1px solid #CCCCCC;
}
.editor_control_bar {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #0F5C8E;
}
.autocomplete {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #000000;
color:black;
}
.autocomplete_selected {
background:none repeat scroll 0 0 #ADCEE7;
color:#000000;
}
.popup_menu {
background:none repeat scroll 0 0 #CCCCCC;
border:1px solid #000000;
}
.popup_menu .popup_item {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
}
.popup_menu .popup_item:hover {
background:none repeat scroll 0 0 #C7DBEE;
color:#000000;
}
.trow_reputation_positive {
background:none repeat scroll 0 0 #CCFFCC;
}
.trow_reputation_negative {
background:none repeat scroll 0 0 #FFCCCC;
}
.reputation_positive {
color:green;
}
.reputation_neutral {
color:#444444;
}
.reputation_negative {
color:red;
}
img {
border:medium none;
}
.clear {
clear:both;
}
.hidden {
display:none;
float:none;
width:1%;
}
.float_left {
float:left;
}
.float_right {
float:right;
}
.menu ul {
list-style:none outside none;
margin:0;
}
.menu li {
display:inline;
padding-left:5px;
}
.menu img {
padding-right:5px;
vertical-align:top;
}
#panel .links {
float:right;
margin:0;
}
.expcolimage {
float:right;
margin-top:2px;
vertical-align:middle;
width:auto;
}
img.attachment {
border:1px solid #E9E5D7;
padding:2px;
}
hr {
background-color:#000000;
border:0 none;
color:#000000;
height:1px;
}
#copyright {
font:11px Verdana,Arial,Sans-Serif;
margin:0;
padding:10px 0 0;
}
#debug {
float:right;
margin-top:0;
text-align:right;
}
.subforumicon {
border:0 none;
vertical-align:middle;
}
.separator {
font-size:1px;
height:0;
list-style-type:none;
margin:5px;
padding:0;
}
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;
}
.thead a:hover, .thead a:active, .tcat a:hover, .tcat a:active {
border-bottom:0 none;
}
span.invisible {
display:none;
}
fieldset.noborder {
border:0 none;
}
h1 {
margin:0;
}
blockquote {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
margin:0;
padding:4px;
}
blockquote cite {
border-bottom:1px solid #CCCCCC;
display:block;
font-style:normal;
font-weight:bold;
margin:4px 0;
}
.codeblock {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
padding:4px;
}
.codeblock .title {
border-bottom:1px solid #CCCCCC;
font-weight:bold;
margin:4px 0;
}
.codeblock code {
display:block;
font-family:Monaco,Consolas,Courier,monospace;
font-size:13px;
height:auto;
max-height:200px;
overflow:auto;
}
div#shadow {
background:url("http://mybboard.net/assets/images/shadow.png") repeat-y scroll left top transparent;
height:auto;
margin:auto;
position:relative;
width:980px;
}
div#shadow_footer {
background:url("http://mybboard.net/assets/images/shadow_footer.png") no-repeat scroll left top transparent;
height:30px;
margin:auto;
width:980px;
}
#container #header {
background:url("http://mybboard.net/assets/images/header.jpg") no-repeat scroll left top #FFFFFF;
border-bottom:1px solid #024570;
height:125px;
position:relative;
}
#container #header a.link {
background:url("http://mybboard.net/assets/images/logo.png") no-repeat scroll left top transparent;
border-bottom:0 none;
display:block;
height:125px;
width:99.9%;
z-index:10;
}
#container #content {
padding:5px 12px 12px;
text-align:left;
}
div#search {
display:inline-table;
float:right;
height:26px;
position:absolute;
right:-5px;
top:55px;
}
span#search_left {
background:url("http://mybboard.net/assets/images/search_left.gif") no-repeat scroll 0 0 transparent;
cursor:text;
display:block;
float:left;
font-size:2px;
height:26px;
position:relative;
top:0;
width:3px;
}
input#search_box {
background:url("http://mybboard.net/assets/images/search.png") no-repeat scroll 5px 50% #FFFFFF;
border-color:#024570 #024570 #024570 -moz-use-text-color;
border-style:solid solid solid none;
border-width:1px 1px 1px 0;
float:left;
font-family:Tahoma,'Trebuchet MS',Arial,sans-serif;
height:14px;
padding:5px 5px 5px 25px;
top:0;
width:150px;
}
input#search_button {
background:url("http://mybboard.net/assets/images/search_button.gif") no-repeat scroll 100% 0 transparent;
border:0 none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:Tahoma,'Trebuchet MS',Arial,sans-serif;
height:26px;
padding:4px 6px;
top:0;
width:99px;
}
input#search_button:hover {
background-position:100% 100%;
}
#menu {
background:url("http://mybboard.net/assets/images/menu_bg_start.png") no-repeat scroll 0 0 transparent;
font-family:Tahoma,'Trebuchet MS',Arial,sans-serif;
padding-left:41px;
position:absolute;
right:0;
top:91px;
}
#menu ul {
background:url("http://mybboard.net/assets/images/menu_bg.png") repeat-x scroll 0 0 #016DB0;
height:34px;
list-style:none outside none;
margin:0;
padding:0;
}
#menu li {
float:left;
margin-right:10px;
margin-top:4px;
}
#menu li a {
border-bottom:0 none;
color:#FFFFFF;
display:block;
padding:4px 10px 3px;
text-decoration:none;
}
#menu li a:hover {
border-bottom:2px solid #FFFFFF;
color:#FFFFFF;
}
#menu li.active a, #menu li.active a:hover {
background:url("http://mybboard.net/assets/images/menu_bg_active.png") no-repeat scroll left top transparent;
border-bottom:2px solid #FFFFFF;
color:#000000;
padding:4px 10px 4px 13px;
}
#menu li.active {
background:url("http://mybboard.net/assets/images/menu_bg_active2.png") no-repeat scroll right top transparent;
bottom:-1px;
padding-right:4px;
position:relative;
}
div#footer {
clear:both;
font-size:11px;
line-height:1.4;
position:relative;
text-align:center;
top:10px;
}
div#footer p {
margin:0 0.5em;
}
.thead a:hover, .thead a:active, .tcat a:hover, .tcat a:active {
border-bottom:0 none;
}
span.invisible {
display:none;
}
fieldset.noborder {
border:0 none;
}
h1 {
margin:0;
}
.trow_selected td {
background:none repeat scroll 0 0 #FFFBD9;
}
.subject_new {
font-weight:bold;
}
.highlight {
background:none repeat scroll 0 0 #FFFFCC;
padding-bottom:3px;
padding-top:3px;
}
.pm_alert {
background:none repeat scroll 0 0 #FFF6BF;
border:1px solid #FFD324;
font-size:11px;
margin-bottom:15px;
padding:5px 20px;
text-align:center;
}
.red_alert {
background:none repeat scroll 0 0 #FBE3E4;
border:1px solid #A5161A;
color:#A5161A;
font-size:11px;
margin-bottom:15px;
padding:5px 20px;
text-align:center;
}
.high_warning {
color:#CC0000;
}
.moderate_warning {
color:#F3611B;
}
.low_warning {
color:#AE5700;
}
div.error {
background:none repeat scroll 0 0 #FFF6BF;
border-bottom:2px solid #FFD324;
border-top:2px solid #FFD324;
font-size:12px;
padding:5px 10px;
}
div.error p {
color:#000000;
font-weight:normal;
margin:0;
}
div.error p em {
background:url("/images/error.gif") no-repeat scroll 0 50% transparent;
color:#CC0000;
display:block;
font-style:normal;
font-weight:bold;
padding-left:24px;
}
div.error.ul {
margin-left:24px;
}
.online {
color:#15A018;
}
.offline {
color:#C7C7C7;
}
.pagination {
font-size:11px;
margin-bottom:5px;
padding-top:10px;
}
.tfoot .pagination, .tcat .pagination {
padding-top:0;
}
.pagination .pages {
font-weight:bold;
}
.pagination .pagination_current, .pagination a {
margin-bottom:3px;
padding:2px 6px;
}
.pagination a {
border:1px solid #81A2C4;
}
.pagination .pagination_current {
background:none repeat scroll 0 0 #F5F5F5;
border:1px solid #81A2C4;
color:#000000;
font-weight:bold;
}
.pagination a:hover {
background:none repeat scroll 0 0 #F5F5F5;
text-decoration:none;
}
.thread_legend, .thread_legend dd {
margin:0;
padding:0;
}
.thread_legend dd {
margin-right:15px;
padding-bottom:4px;
}
.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 {
float:left;
margin-right:10px;
}
.success_message {
color:#00B200;
font-size:10px;
font-weight:bold;
margin-bottom:10px;
}
.error_message {
color:#CC0000;
font-size:10px;
font-weight:bold;
margin-bottom:10px;
}
.post_body {
padding:5px;
}
.post_content {
padding:5px 10px;
}
blockquote cite span {
float:right;
font-weight:normal;
}
blockquote cite span.highlight {
float:none;
font-weight:bold;
padding-bottom:0;
}
.quick_jump {
background:url("../../../images/jump.gif") no-repeat scroll 0 50% transparent;
border:medium none;
height:13px;
padding-left:13px;
vertical-align:middle;
width:13px;
}
#panel .remember_me input {
vertical-align:middle;
}
.hiddenrow {
display:none;
}
.selectall {
background-color:#FFFBD9;
font-weight:bold;
text-align:center;
}
.repbox {
font-size:16px;
font-weight:bold;
padding:5px 7px;
}
._neutral {
background-color:#FAFAFA;
border:1px solid #CCCCCC;
color:#999999;
}
._minus {
background-color:#FDD2D1;
border:1px solid #980201;
color:#CB0200;
}
._plus {
background-color:#E8FCDC;
border:1px solid #008800;
color:#008800;
}
.pagination_breadcrumb {
background-color:#F5F5F5;
border:1px solid #FFFFFF;
font-weight:normal;
margin-top:5px;
outline:1px solid #CCCCCC;
padding:5px;
}
.pagination_breadcrumb_link {
cursor:pointer;
vertical-align:middle;
}
Are you sure that's not from a custom theme? I just compared it with the default theme off a new install and it's not the same css code.

I just want a list of what has been added to the css from 1.4.13 to 1.6.

I've compared stock 1.4.13 to 1.6.0, and these are the only added CSS classes:

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

.hiddenrow {
	display: none;
}

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

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

And some changes (update as opposed to added) from 1.4.13 to 1.6.0:

.navigation .active {
	color: #000000;
	font-size: 13px;
	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;
}

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

This makes things easier Smile