@import "compass";
@import "mixins";

.bbs_2-portlet {
	.bbs-display-type {
		text-align: right;
	}
	
	/*.bbs-write .control-group,
	.bbs-comment-new-body .control-group {
		margin-bottom: 10px;
	}*/

	.bbs-search-category {
		padding-top: 3px;
		
		.btn {
			margin: 0;
			padding: 0;
			height: 30px;
			width: 100%;
		}
		
		.dropdown-menu {
			padding: 5px 10px 5px 10px;
			width: 90%;
			
			li:hover {
				background-color: #eee;
			}
			
			li input {
				margin: 0px;
			}
		}
	}

	.bbs-search-keyword {
		padding-top: 3px;
		
		input {
			display: inline-block;
			float: left;
			margin:0;
			padding: 0;
			padding-left: 3px;
			height: 28px;
			width: 87%;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-border-top-right-radius: 0;
			-moz-border-top-right-radius: 0;
			border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-moz-border-bottom-right-radius: 0;
			border-bottom-right-radius: 0;
		}
		
		.btn {
			display: inline-block;
			margin: 0;
			margin-left: -1px;
			padding: 0;
			width: 11%;
			height: 30px;
		}
	}
	
	.bbs-summary {
		border-bottom: 1px solid #eee;
	}
	
	.bbs-summary-category {
		text-align: right;
	}
	
	.bbs-item {
		padding-top: 10px;
		
		h4, 
		p {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		p {
			color:#999;
		}
	}
	
	.bbs-item-pt {
		padding-top: 10px;
		
		h5 {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		.messageBox {
			min-height: 170px;
			padding-top: 5px;
		}
		
		.imgBox {
			overflow: hidden;
		}
		
		.txtBox {
			border-top: 1px solid #eee;
			margin-top: 5px;
		}
	}
	
	.bbs-item-wz {
		padding-top: 10px;
		
		h4 {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		p {
			color:#999;
			display: -webkit-box;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 20px;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			height: 20px;
		}
		
		img {
			margin-top: 5px;
		}
	}
	
	.break-text {
		word-wrap:break-word;
	}
	
	.pagination {
		height: 36px;
		margin: 18px 0;
		text-align: center;
		
		ul {
			padding: 0;
			display: inline-block;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		}
		
		li {
			display: inline;
		}
		
		a {
			float: left;
			padding: 0 14px;
			line-height: 34px;
			border: 1px solid #ddd;
			border-left-width: 0;
			color: #555;
		}
		
		.active a {
			cursor: default;
			font-weight: bold;
		} 

		li:first-child a {
			border-left-width: 1px;
			-webkit-border-radius: 3px 0 0 3px;
			-moz-border-radius: 3px 0 0 3px;
			border-radius: 3px 0 0 3px;
		}
		
		li:last-child a {
			-webkit-border-radius: 0 3px 3px 0;
			-moz-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
		}
	}
	
	.bbs-item-message pre,
	.bbs-comment-item pre,
	.bbs-reply-item pre {
		margin: 0;
		border: none;
	}
	
	.bbs-reply-items {
		padding-left:20px;
		
		.bbs-reply-item {
			border-left: 5px solid #eee; 
			margin: 0 0 15px 0; 
			padding: 0 0 0 15px;
		}
	}
	
	.bbs-comment-new-body,
	.bbs-write {
		textarea {
			width:90%;
			min-height: 100px;
		}
		
		.oldFile {
			a {text-decoration: none;} 
			.delFileAnchor-hide {text-decoration: line-through;}
		}
		
		.bbs-tags {
			a {text-decoration: none;}
		}
	}
	
	.color-scheme-gray {
		hr.seperator {
			border-top: 2px solid #eee; 
			clear: both;
		}
		
		.bbs-item a {
			color: #555;
		}
		
		.bbs-item-message h4 {
			color: #555;
		}
		
		.pagination .active a {
			color: #555;
		} 
	}
	
	.color-scheme-blue {
		hr.seperator {
			border-top: 2px solid #056cad; 
		}
		
		.bbs-item a {
			color: #0468a4;
		}
		
		.bbs-item-message h4 {
			color: #0468a4;
		}
		
		.pagination .active a {
			color: #0468a4;
		} 
	}
	
	.color-scheme-red {
		hr.seperator {
			border-top: 2px solid #b22021; 
		}
		
		.bbs-item a {
			color: #ab1f1f;
		}
		
		.bbs-item-message h4 {
			color: #ab1f1f;
		}
		
		.pagination .active a {
			color: #ab1f1f;
		} 
	}
}