MyBB Community Forums

That looks great.

Looks good apart from the alignment between the title input and message input on the right is off big time.

Having trouble with MyBB's injection of values for the message editor.

I got round that somehow. Here's the full css for my editor/title input at MyBBStuff.

.poshbox {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 1px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	color: #8e8d8d;
	cursor: pointer;
	display: block;
	font-size: 1.5em;
	padding: 6px 8px;
	   -moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		 -o-transition: all .25s linear;
	-webkit-transition: all .25s linear;
			transition: all .25s linear;
	width: 100%;
}
	.poshbox:focus {
		border-color: rgba(0, 0, 0, 0.5);
		color: #6a6a6a;
		cursor: auto;
		outline: 0;
	}
	.poshbox--withprefix {
		float: left;
		width: 75%;
	}

.thread-prefix-cont {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	float: left;
	padding-right: 10px;
	white-space: nowrap;
	width: 25%;
}
	.thread-prefix-cont select {
		background: #fff;
		border: 1px solid rgba(0, 0, 0, 0.01);
		border-radius: 1px;
		color: #8e8d8d;
		cursor: pointer;
		display: block;
		font-size: 1.5em;
		margin: 2px 0 -1em;
		padding: 5px 8px;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
		-webkit-transition: all .25s linear;
				transition: all .25s linear;
	}
		.thread-prefix-cont select:focus {
			border-color: rgba(0, 0, 0, 0.5);
			color: #6a6a6a;
			cursor: auto;
			outline: 0;
		}

.editor_container {
	margin-top: 10px;
}
	.editor_container #message, .editor_container #message_new {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		cursor: pointer;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
		-webkit-transition: all .25s linear;
				transition: all .25s linear;
		width: 100%;
	}
	.editor_container #message:focus, .editor_container #message_new:focus {
		border-color: rgba(0, 0, 0, 0.5);
		cursor: auto;
		outline: 0;
	}
	.editor_container .messageEditor {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

Big difference because yours has a visible border – mine doesn't, so the textarea itself needs to align.

Ah. That is an issue. Might need to edit the editor's source.

"good enough for a v1" is where i'm at right now haha

Been working on something new, just this preview for now though.

(yay 1500)

Refining a bit ... using the navigation style menu as submit buttons was a bit confusing, in the end.

Currently i'm working on responsive layout as part of my theme update (max 480px in width atm).



Note: SS taken from FF responsive view tool.