<?php
/*
	comment styles..
	For pages that have comments at the foot.

	This MUST be included, usually via @@module@@ statements. It is /not/ called directly.
*/
echo <<<CSS

.comments {
	position: relative;
	margin: 3rem auto 0 17%;
	overflow: visible;
	max-width: 800px;
	z-index: 10;

	width: 67%;
}

/*.comment {}*/

.comment-text {
	font-family: %%font_family%%;
	padding: 0;
}


.comment-text ul {
	list-style: square outside url("%%uli_img%%");
}

.comment-text ul li {
	padding-top: .4rem;
	padding-bottom: .4rem;
}

.comment-text ol li {
	width: 80%;
	font-size: 95%;
	text-align: justify;
}


.hr-regular {
	height: 1px;
	width: 100%;
	margin-left: 0;
	text-align: left;
}

.warning {
	color: %%warning_color%%;
	font-weight: bold;
}

.comment-warning, .ct-refresh, .ct-refresh a, .comment-notice {
	font-weight: bold;
	text-decoration: none;
}
.ct-refresh, .ct-refresh a {
	font-size: 150%;
	color: %%h2_color%%;
}
.comment-warning {
	font-size: 5rem;
	color: red;
}
.comment-notice {
	font-size: 2.4rem;
	color: red;
}
.sub-warning {
	font-size: 3rem;
	color: %%warning_color%%;
}


/* gd-verify..	*/

.text-verify {}

.verify-title {
	font-weight: bold;
}
.verify-text {
	margin: 0.83rem 0;
	color: %%pre_color%%;
	font-family: %%code_fonts%%;
	font-size: small;
}
.ortext {
	font-size: 90%;
}

.corz-reply {
	color: %%corz_reply_color%%;
}


/* comment controls..	*/

textarea {
	width: 100%;
}
.email-address:focus:invalid {
	color: red;
}
.cb-buttons {
	float: right;
	margin: 0 0 5px;
}
#comment-cancel {
	float: right;
}
.admin-buttons {
	margin-top: 8px;
}
.comment-delete, .comment-edit {
	margin: 0;
}
.comment-edit {
	position: relative;
	left: 264px; /* space to prevent OOPS! type errors. */
}
.edit-button {
	height: 16px;
	width: 40px;
}
.delete-button {
	height: 16px;
	width: 16px;
}
.edit-button, .delete-button {
@@semi-opaque(o=75)@@
}
.edit-button:hover, .delete-button:hover {
@@opaque@@
}
.edit-button:active, .delete-button:active {
@@semi-opaque(o=25)@@
}


/*
so we can be CERTAIN which comment we are about to delete! */
.admin-buttons:hover + .comment {
	background-color: %%ccc_bg%%;
	color: %%warning_color%%;
}

#cancel {
	margin-top: -1rem;
	float: left;
}


/*
	For smaller screens..
									*/
@media screen and (max-width: 920px) {
	.comments {
		width: 90%;
		margin: 3rem auto 0;
		overflow: visible;
	}
	.comment {
		margin-right: auto;
	}
	#commentform {
		margin-right: auto;
	}
	#cancel {
		position: relative;
		left: auto;
		margin-left: auto;
		margin-top: auto;
		float: none;
	}
}


@media screen and (max-width: 640px) {

	.comment-text {
		text-align: justify;
	}


}

@@bbcode@@

CSS;
?>