From Blahdocs Wiki

Contents 1 template.css change log 1.1 ADDED IN 10.0 1.2 CHANGED IN 10.0 1.3 DELETED IN 10.0 1.4 ADDED IN 10.1 1.5 ADDED IN 10.1.5 1.6 CHANGED IN 10.1.5 1.7 DELETED IN 10.1.5 1.8 ADDED IN 10.2 1.9 CHANGED IN 10.2 1.10 ADDED IN 10.2.5 1.11 CHANGED IN 10.2.5

template.css change log

Below is a list off all of the changes to the .css code for the E-Blah template.css file. If you are upgrading your forum, check this list and add any changes to your template.css file for your forum. If you are using themes on your forum, you will need to add this code to every theme's template.css file.

ADDED IN 10.0

body {
	background-color: #F1F1F1;
	position        : absolute;
	margin          : 5px;
	text-align      : center;
}

table {
	margin-left : auto;
	margin-right: auto;
}

/*
   Centering help:
   http://www.maxdesign.com.au/presentation/center/
*/

td {
	text-align: left;
}

.loading {
	background-image : url(/blahdocs/images/loading.gif);
	background-repeat: no-repeat;
	width            : 222px;
	height           : 19px;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.justify {
	text-align: justify !important;
}

.vtop {
	vertical-align: top !important;
}

.innertable {
	margin: 0px !important;
}

.leftimg {
	float        : left;
	padding-right: 5px;
}

.rightimg {
	float       : right;
	padding-left: 5px;
}

.centerimg {
	vertical-align: middle;
}

.boardsearch {
	background    : url(/blahdocs/images/search.png) 3px 4px no-repeat;
	padding-left  : 19px;
	padding-top   : 5px;
	padding-bottom: 5px;
	width         : 90%;
}

/* If user has a color, specify the options for that user name to appear here */
.usercolors {
	font-weight: bold;
}

.titlebg, .catbg {
	font-family: Verdana, Helvetica, Arial;
	font-size  : 12px;
	color      : #000;
	font-weight: bold;
}

/* Table alignment */
div.centered {
	text-align: center;
}

div.centered table {
	margin-left : auto;
	margin-right: auto; /* long form to make IE5/Mac happy */
}

/* Portal Styles */
.dbx-clone {
	position  :absolute;
	visibility:hidden;
}

.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor: move !important;
}

.dbx-dummy {
	display : block;
	width   : 0;
	height  : 0;
	overflow: hidden;
}

.dbx-group, .dbx-box, .dbx-handle {
	position: relative;
	display : block;
}

#dbx-box {
	margin : 0px;
	padding: 0px;
	border : none;
}

/* Calendar */
.calendarevent { /* Title on the Day view */
	font-size  : 18px;
	font-weight: bold;
}

.currentday { /* These will make the entire day/week kind of faded */
	opacity: .85;
	filter : alpha(opacity=85);
}

CHANGED IN 10.0

.titlebg {
	background-color: #E1E5EB;
	font-family     : Verdana, Helvetica;
	font-size       : 12px;
	color           : #000000;
	font-weight     : bold;
}

• TO THIS:

.titlebg {
	background-color: #E1E5EB;
}

---

.catbg {
	background-color: #E1E1E1;
	font-family     : Verdana, Helvetica;
	font-size       : 12px;
	color           : #000000;
	font-weight     : bold;
}

• TO THIS:

.catbg {
	background-color: #E1E1E1;
}

---

.border, .hr    { background-color: #B8B8B8; }

• TO THIS:

.border, HR, hr, .hr {
	background-color: #B8B8B8;
}

---

.redrep   { /* Reputation (less than -1) */
	color: red;
	font-weight: bold;
}
.grayrep  { /* Reputation (-1 thru 10)   */
	color: gray;
	font-weight: bold;
}
.greenrep { /* Reputation (10 or greater)*/
	color: green;
	font-weight: bold;
}

• TO THIS:

/* Reputation */
.redrep { /* Bad */
	color: #FF0033;
}

.grayrep  { /* Neutral */
	color: #CCC;
}

.greenrep { /* Good */
	color: #00AF33;
}

.greenrep, .grayrep, .redrep {
	font-weight: bold;
}

---

.onlinebots { color: gray; } /* IE: "Googlebot"; this is shown in the "Online" places */

• TO THIS:

/* Bots: this is shown in the "Online" places */
.onlinebots {
	color      : gray;
	font-style : italic;
	font-weight: normal;
}

---

/* Poll Colors */
.pollcolor { background-color: #AAADB4; padding-left: 5px; }
.pollpercents { background-color: #D2D5DA; color: #000000; padding-right: 10px; padding-left: 10px; }
.pollborder { background-color: #8A8D96; }

• TO THIS:

/* Poll Colors */
.pollcolor {
	background-color: #AAADB4;
	padding-left    : 5px;
	border-right: 5px solid #000;
}

.pollpercents {
	background-color: #D2D5DA;
	color           : #000;
	padding-right   : 10px;
	padding-left    : 10px;
}

.pollborder {
	background-color: #000;
}

---

/* Links */
a, a:link, a:active, a:visited {
	text-decoration: none;
	color          : #36383B;
	font-family    : Verdana, Helvetica;
	font-weight    : bold;
}

a:hover {
	text-decoration: none;
	color          : #1A1016;
	font-family    : Verdana, Helvetica;
	font-weight    : bold;
}

• TO THIS:

/* Links */
a, a:link, a:active, a:visited {
	text-decoration: none;
	color          : #36383B;
	font-weight    : bold;
}

a:hover {
	text-decoration: none;
	color          : #1A1016;
	font-weight    : bold;
}

---

/* Forms */
.upload, .textinput,.button, textarea, select { /* .checkboxinput also allowed */
	color           : #000000;
	background-color: #EEEEEE;
	font-family     : Verdana, Helvetica, Times;
	font-size       : 10px;
	border          : 1px #8A8D96 solid;

	border-top-width   : 1px;
	border-right-width : 1px;
	border-bottom-width: 1px;
	border-left-width  : 1px;
}

.textinput {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	height: 19px;
	vertical-align: middle;
}

textarea {
	padding: 3px;
	line-height: 130%;
}

input { text-indent : 2px; }

input.button {
	border : 1px solid #000000;
	padding: 1px;
}

• TO THIS:

/* Forms */
.upload, input, textarea, select { /* .checkboxinput also allowed */
	color           : #000;
	background-color: #EEE;
	font-family     : Verdana, Helvetica, Times;
	font-size       : 10px;
	border          : 1px #8A8D96 solid;

	border-top-width   : 1px;
	border-right-width : 1px;
	border-bottom-width: 1px;
	border-left-width  : 1px;
}

input {
	padding: 3px;
}

textarea {
	padding    : 3px;
	line-height: 130%;
}

input { text-indent : 2px; margin: 0px; }

input.button {
	border : 1px solid #000;
	padding: 1px;
}

form, input {
	margin-top: 0px;
}

form {
	margin-bottom: 0px;
}

DELETED IN 10.0

/* The forum background color */
.mainbg { background-color: #F1F1F1; }

.titlebgtext { /* This is for nested tables, so that text formatting is still used */
	color: #000000;
	font-weight: bold;
}

.catbgtext { /* This is for nested tables, so that text formatting is still used */
	color: #000000;
	font-weight: bold;
}

ADDED IN 10.1

/* Board Index Description */
.bidesc {
	font-weight: normal;
	font-size  : 10px;
	line-height: 1.5;
	color      : #444 !important;
}

ADDED IN 10.1.5

img {
	border: 0px;
}

.catdesc {
	padding    : 4px;
	line-height: 130%;
}

#membercenter a, #membercenter a:link, #membercenter a:active, #membercenter a:visited {
	line-height : 2;
	padding-left: 5px;
	width       : 100%;
}

#membercenter a:hover {
	padding-left: 2px;
	border-left : 3px solid #000000;
	text-decoration: none;
}

#postbar img {
	margin: 1px;
}

#postbar a:hover img {
	margin: 0px;
	border: 1px solid #000;
	background: #90A9C5;
}

/* Mini-profile:
	Fancy --> title and value
	Plain --> On one line
	Avatar --> Just the avatar and stats (stars)
*/
.fancyprofilet, .fancyprofilev, .plainprofile {
	padding: 5px;
}

.avatarprofile {
	margin: 10px;
	line-height: 2.3;
}

.milastaction {
	margin-bottom: 3px;
}

.bilastaction {
	line-height: 1.8;
}

/* Date Color */
.bidate, .midate {
	color: #727272;
}

hr {
	height: 1px;
	border: 0;
}

CHANGED IN 10.1.5

.titlebg {
	background-color: #E1E5EB;
}

• TO THIS:

.titlebg {
	background: url(images/titlebg.gif);
	background-color: #E1E5EB;
	border: 1px solid #FFF;
}

---

.catbg {
	background-color: #E1E1E1;
}

• TO THIS:

.catbg {
	background: url(images/catbg.gif);
	background-color: #E1E1E1;
	border: 1px solid #FFF;
}

---

.border, HR, hr, .hr {
	background-color: #B8B8B8;
}

• TO THIS:

.border, hr {
	background-color: #969696;
}

---

/* Links */
a, a:link, a:active, a:visited {
	text-decoration: none;
	color          : #36383B;
	font-weight    : bold;
}

• TO THIS:

/* Links */
a, a:link, a:active, a:visited {
	text-decoration: none;
	color          : #36383B;
}

---

a:hover {
	text-decoration: none;
	color          : #1A1016;
	font-weight    : bold;
}

• TO THIS:

a:hover {
	text-decoration: underline;
	color          : #1A1016;
}

---

input { text-indent : 2px; margin: 0px; }

• TO THIS:

input { text-indent : 2px; margin: 0px; padding: 5px; }

---

input.button {
	border : 1px solid #000;
	padding: 1px;
}

• TO THIS:

input.button {
	border : 1px solid #000;
	padding: 5px;
}

DELETED IN 10.1.5

input {
	padding: 3px;
}

ADDED IN 10.2

.normaltext {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

.indextitle {
	font-size  : 20px;
	font-weight: bold;
	white-space: nowrap;
}

.pages {
	font-weight   : normal !important;
	font-size     : 9px;
	line-height   : 1.5;
	white-space   : nowrap;
	padding-top   : 4px;
	padding-bottom: 4px;
}

.pages a, .pages a:link, .pages a:active, .pages a:visited {
	padding: 4px;
	border: 1px solid #969696;
	background-color: #F2F2F2;
	text-decoration: none !important;
}

.pages a:hover {
	padding: 4px;
	border: 1px solid #969696;
	background-color: #E5E5E5;
}

.pages strong {
	padding: 4px;
	border: 1px solid #969696;
	background-color: #EDEDED;
}

.postmenu {
	font-weight: normal !important;
}

.indexmenu {
	font-weight: bold !important;
	white-space: nowrap;
}

.menubar a, .menubar a:link, .menubar a:active, .menubar a:visited {
	text-decoration: none;
	padding: 6px;
	white-space: nowrap;
	line-height: 2.5;
}

.menubar a:hover {
	padding: 5px;
	border: 1px solid #000;
	background-color: #C0C0C0;
}

.win4 {
	background-color: #D1D1D1;
}

.win5 {
	background-color: #DBDBDB;
}

CHANGED IN 10.2

/* Date Color */
.bidate, .midate {
	color: #727272;
}

• TO THIS:

/* Date Color */
.bidate, .midate, .didate {
	color: #727272;
}

ADDED IN 10.2.5

/* Default Theme Layout */
#container {
	width        : 95%;
	margin       : auto;
	padding      : 0;
	border       : 3px solid #FFBF00;
	margin-top   : 0;
	border-top   : 0;
	margin-bottom: 10px;
	background   : #FFF;
}

#copyright {
	width : 95%;
	margin: auto;
}

#title {
	background      : url('images/top_grad.gif');
	background-color: #FFF;
	font-size       : 30px;
	font-weight     : bold;
	text-align      : left;
	padding         : 25px;
}

#menu-container {
	border-top       : 1px solid #FFBF00;
	border-bottom    : 1px solid #FFBF00;
	background       : url('images/menu.gif');
	background-color: #FFFBF7;
}

#content {
	clear: both;
	padding: 10px;
}

#user-info {
	float       : right;
	text-align  : left;
	font-size   : 11px;
	font-weight : normal;
	background  : #FFFBF7;
	padding     : 12px;
	border      : 1px dotted #FFBF00;
	border-top  : 0;
	border-right: 0;
}

blockquote {
	border     : 1px #4385DB solid;
	border-left: 5px #4385DB solid;
}

blockquote .quoteby {
	padding      : 10px;
	border-bottom: 1px #4385DB dotted;
}

blockquote .quotebody {
	padding: 10px;
}

.menubar {
	height     : 30px;
	border-left: 1px solid #FFBF00;
}

CHANGED IN 10.2.5

body {
	background-color: #F1F1F1;
	position        : absolute;
	margin          : 5px;
	text-align      : center;
}

• TO THIS:

body {
	background-color: #F1F1F1;
	margin          : 0;
	text-align      : center;
}

---

.menubar a, .menubar a:link, .menubar a:active, .menubar a:visited {
	text-decoration: none;
	padding: 6px;
	white-space: nowrap;
	line-height: 2.5;
}

• TO THIS:

.menubar a, .menubar a:link, .menubar a:active, .menubar a:visited {
	background      : url('images/menu.gif');
	background-color: #FFFBF7;
	height          : 30px;
	text-decoration : none;
	padding         : 0;
	white-space     : nowrap;
	line-height     : 2.5;
	float           : left;
	border          : 0;
	border-right    : 1px solid #FFBF00;
	padding-left    : 15px;
	padding-right   : 15px;
}

---

.titlebg {
	background: url(images/titlebg.gif);
	background-color: #E1E5EB;
	border: 1px solid #FFF;
}

• TO THIS:

.titlebg {
	background: #C6E0FF;
	border    : 1px solid #FFF;
}

---

.catbg {
	background: url(images/catbg.gif);
	background-color: #E1E1E1;
	border: 1px solid #FFF;
}

• TO THIS:

.catbg {
	background: #E0EDFF;
	border    : 1px solid #FFF;
}

---

.border, hr {
	background-color: #969696;
}

• TO THIS:

.border, hr {
	background-color: #4385DB;
	color           : #4385DB;
}

---

.pollborder {
	background-color: #000;
}

• TO THIS:

.pollborder {
	background-color: #4385DB;
	padding         : 1px;
}

---

.upload, input, textarea, select { /* .checkboxinput also allowed */
	color           : #000;
	background-color: #EEE;
	font-family     : Verdana, Helvetica, Times;
	font-size       : 10px;
	border          : 1px #8A8D96 solid;

	border-top-width   : 1px;
	border-right-width : 1px;
	border-bottom-width: 1px;
	border-left-width  : 1px;
}

• TO THIS:

.upload, input, textarea, select { /* .checkboxinput also allowed */
	color           : #000;
	background-color: #F2F6FF;
	font-family     : Verdana, Helvetica, Times;
	font-size       : 10px;
	border          : 1px #4385DB solid;
	border-width    : 1px;
}