zdoom-styles/art_air_ribbon/theme/layout_topic.css

/*
    Layout for posts
*/

.post, .panel {
    margin-top: 4px;
    margin-bottom: 6px;
    padding: 2px;
}
#preview {
    margin-top: 4px;
}
.post > div.inner, .panel > div.inner, .old-ie .post div.inner, .old-ie .panel div.inner-panel {
    padding: 6px;
}

.online .inner { background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat; }


.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 76%;
	float: left;
	clear: both;
	word-wrap: break-word;
}

.postbody .ignore {
}

.postbody h3.first, .postbody h3.first a {
	/* The first post on the page uses this */
    color: #daa820 !important;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	padding: 2px 0 0 0;
	margin: 0 0 2px 0 !important;
	text-transform: none;
	border: none;
	line-height: 125%;
	font-weight: normal;
	font-size: 16px;
    font-family: Arial;
}
.postbody h3, .postbody h3 a, .postbody h3 a:visited { color: #1ec73f; }
.postbody h3 a:hover { color: #daa820; }

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .post-header {
	overflow: hidden;
}

.postbody .post-header h3 {
	float: left;
}

.postbody .content {
	font-size: 13px;
}

.search .postbody {
	width: 68%;
}

.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	padding-bottom: 1px;
}

.content h2, .panel h2, .panel > div > h3, .panel .content > h3 {
    font-family: Arial;
	font-weight: normal;
	margin: 4px 0;
	padding: 0;
	font-size: 16px;
	color: #1ec73f;
}

.postbody > .notice {
    clear: left;
    margin-top: 10px;
    font-size: 11px;
    font-style: italic;
}

/* Poster profile icons
----------------------------------------*/
.post ul.profile-icons li {
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.post:hover ul.profile-icons li {
    opacity: 1;
}

ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin: 0 2px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fd006a;
	background-position: 0 0;
	opacity: 1;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { 
    display: none; 
}
ul.profile-icons li a:hover { 
    opacity: 0;
}

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
	padding-bottom: 5px;
}

.postbody ul.profile-icons li {
	margin: 0 3px;
}


/* Profile & navigation icons */
.email-icon, .email-icon a		{ background: url("{IMG_ICON_CONTACT_EMAIL_SRC}") top left no-repeat; }
.aim-icon, .aim-icon a			{ background: url("{IMG_ICON_CONTACT_AIM_SRC}") top left no-repeat; }
.yahoo-icon, .yahoo-icon a		{ background: url("{IMG_ICON_CONTACT_YAHOO_SRC}") top left no-repeat; }
.web-icon, .web-icon a			{ background: url("{IMG_ICON_CONTACT_WWW_SRC}") top left no-repeat; }
.msnm-icon, .msnm-icon a			{ background: url("{IMG_ICON_CONTACT_MSNM_SRC}") top left no-repeat; }
.icq-icon, .icq-icon a			{ background: url("{IMG_ICON_CONTACT_ICQ_SRC}") top left no-repeat; }
.jabber-icon, .jabber-icon a		{ background: url("{IMG_ICON_CONTACT_JABBER_SRC}") top left no-repeat; }
.pm-icon, .pm-icon a				{ background: url("{IMG_ICON_CONTACT_PM_SRC}") top left no-repeat; }
.quote-icon, .quote-icon a		{ background: url("{IMG_ICON_POST_QUOTE_SRC}") top left no-repeat; }

/* Moderator icons */
.report-icon, .report-icon a		{ background: url("{IMG_ICON_POST_REPORT_SRC}") top left no-repeat; }
.warn-icon, .warn-icon a			{ background: url("{IMG_ICON_USER_WARN_SRC}") top left no-repeat; }
.edit-icon, .edit-icon a			{ background: url("{IMG_ICON_POST_EDIT_SRC}") top left no-repeat; }
.delete-icon, .delete-icon a		{ background: url("{IMG_ICON_POST_DELETE_SRC}") top left no-repeat; }
.info-icon, .info-icon a			{ background: url("{IMG_ICON_POST_INFO_SRC}") top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }

/* Fix profile icon default margins */
/* ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; } */

/* Post author */
p.author {
	margin: 0;
	padding: 0 0 5px;
	font-size: 11px;
	line-height: 1.2em;
	color: #444;
}
p.author img { margin-right: 4px; }
p.author strong { font-weight: normal; }

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 11px;
	color: #666;
	border-top: 1px solid #f8237c;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	margin: 2px 0 10px 0;
	min-height: 80px;
	color: #555;
	border-left: 1px solid #f8237c;
	width: 22%;
	float: right;
	word-wrap: break-word;
}
.pm .postprofile {
	border-left: 1px solid #f8237c;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
	font-size: 11px;
}
.postprofile dt {
    font-size: 14px;
    line-height: 1.4em;
    font-family: Arial;
}

.postprofile strong {
	font-weight: normal;
	color: #1ec73f;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #f8237c;
	padding: 5px 0 0 0;
	line-height: 120%;
}

fieldset.polls dl.voted {
	color: #daa820;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial;
	color: rgba(254, 112, 171,  0.9);
	font-weight: normal;
	padding: 2px 3px;
	overflow: visible;
	min-width: 12px;
	background: #1ec73f url({T_THEME_PATH}/images/poll.png) 0 0 repeat-x;
	border: solid 0px transparent;
	border-radius: 10px;
}
.old-ie fieldset.polls dd div {
    color: #fe70ab;
}

fieldset.polls dd div.pollbar2 { background-position: 0 -25px; }
fieldset.polls dd div.pollbar3 { background-position: 0 -50px; }
fieldset.polls dd div.pollbar4 { background-position: 0 -75px; }
fieldset.polls dd div.pollbar5 { background-position: 0 -100px; }
fieldset.polls dl.voted dd div { background-position: 0 -125px; }


/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: rgba(254, 112, 171,  0.3) url({T_THEME_PATH}/images/bb_quote.png) 5px 8px no-repeat;
	border: 1px solid #f8237c;
	border-radius: 8px;
	font-size: 13px;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #fd046c;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #fd006a;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	display: block;
	font-size: 12px;
	color: #444;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: rgba(254, 112, 171,  0.5);
	border: 1px solid #f8237c;
	border-radius: 8px;
	margin: 0.5em 1px 0 25px;
	font-size: 1em;
}

dl.codebox dt {
	margin-bottom: 3px;
	padding-left: 2px;
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #444;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #9dff00;
	margin: 2px 0;
}

.syntaxbg		{ color: #fd0f73; }
.syntaxcomment	{ color: #444; }
.syntaxdefault	{ color: #9dff00; }
.syntaxhtml		{ color: #9dff00; }
.syntaxkeyword	{ color: #daa820; }
.syntaxstring	{ color: #1ec73f; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: rgba(254, 112, 171,  0.5);
	border: 1px dashed #f8237c;
	border-radius: 8px;
	clear: left;
	max-width: 98%;
	max-width: -moz-calc(100% - 14px);
	max-width: calc(100% - 14px);
}

.attachbox dt {
	color: #444;
	font-size: 11px;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #f8237c;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

dl.file dd {
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #f8237c;
}

dl.thumbnail dd {
	font-style: italic;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
}

dl.thumbnail dt a:hover img {
	border: 1px solid #f8237c;
}

/*
    Reported / unapproved
*/
p.rules {
    background: #fd006a;
    border: solid 1px #c1d854;
    border-radius: 10px;
	padding: 8px;
	margin: 5px 10px;
	font-size: 12px;
	line-height: 1.4em;
}

p.rules img {
	vertical-align: middle;
	padding-top: 2px;
}
p.rules strong { font-weight: normal; }

p.rules a {
	vertical-align: middle;
	clear: both;
}

/*
    Lists bbcode
*/
.content ul, .content ol {
    margin-bottom: 1em;
    margin-left: 3em;
}
.content li {
    list-style-type: inherit;
}

/*
    Post highlight
*/
.posthilit { color: #daa820; }

/*
	Zoom in image
*/
span.zoom-container {
	position: relative;
	display: inline-block;
	min-height: 34px;
}
span.zoom-image { 
	display: none; 
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
	opacity: 0.7;
}
img.zoom + span.zoom-image {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 30px;
	height: 30px;
	background: url("{T_THEME_PATH}/images/zoom.png") 0 0 no-repeat;
	cursor: pointer;
}
.zoom-container:hover span.zoom-image { opacity: 1; }
img.zoom.zoomed-in + span.zoom-image { 
	background-position: 0 -30px;
	opacity: 0;
}
.zoom-container:hover img.zoom.zoomed-in + span.zoom-image { opacity: 0.7; }