test/free-technological-management/WebRoot/css/forum.css

/*包含forum.html information_list.html information_detail.html页面的css*/
@charset 'utf-8'
body
{
	font-family: "Microsoft YaHei",SimSun,arial,"\5b8b\4f53";
	/*color: #eee;*/
	color: #666;
	/*line-height: 1.8;*/
}
header
{
	background: url(../img/forum/2.png) no-repeat center;
	height: 400px;
}
.fo-navbar
{
	background-color: rgba(0,0,0,0.1);
}
.fo-navbar .fo-navbar-logo
{
	float: left;
	margin: 15px 0 5px 0;
}
.fo-navbar .fo-navbar-info
{
	float: right;
	margin-top: 22px;
}
.fo-navbar-info li
{
	list-style: none;
	display: inline-block;
	padding-left: 15px;
}
.fo-navbar-info span
{
	margin-left: 8px;
}
.fo-navbar-info a
{
	color: #3FC4F1;
}
.fo-navbar-info  a:hover
{
	text-decoration: none;
	color: #1199E7;
}
.fo-info
{
	padding-top: 30px;
}
.fo-info img
{
	float: left;
	border-radius: 4px;
	border: 1px solid #666;
}
.fo-info .fo-info-jianli
{
	margin-left: 40px;
	padding: 20px;
	float: left;
	color: #fff;
}
.fo-content
{
	border: 1px solid #ddd;
	margin: 20px 0;
	background-color: #fff;
}
.fo-content ul#fo-tabout
{
	background-color: #fff;
}
.fo-content ul#fo-tabout.nav-tabs li.active a , .fo-content ul#fo-tabout.nav-tabs li.active a:focus , .fo-content ul#fo-tabout.nav-tabs li.active a:hover
{
	border-top-color: transparent;
	background-color: #39B45D;
	color: #666;
	font-weight: 700;
	margin-left: -1px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.fo-content ul#fo-tabout.nav li a 
{
    padding: 15px 50px;
    color: #666;
    font-size: 18px;
    margin: 0;
    border-radius: 0;
}
.fo-content .tab-content
{
	/*position: relative;*/
	padding:  0;
	overflow: hidden;
	min-height: 300px;
}
.fo-content .tab-content .btn-a
{
	border: 2px solid #A0C2F9;
}
.fo-content .tab-content span
{
	margin-right: 5px;
}
.fo-content ul#fo-tabin.nav-tabs li.active a , .fo-content ul#fo-tabin.nav-tabs li.active a:focus , .fo-content ul#fo-tabin.nav-tabs li.active a:hover
{
	border-color: transparent;
	border-bottom: 2px solid #81D197;
	color: #81D197;
	font-weight: 700;
	/*margin-left: -1px;*/
}
.fo-content ul#fo-tabin.nav li a 
{
    padding: 15px 20px;
    color: #666;
    font-size: 18px;
    margin: 0;
    border-radius: 0;
}
.fo-content #fo-tabout-content #askme
{
	
}
.fo-content #fo-tabout-content  ul#content
{
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	background-color: #F5F5F5;
}
.fo-content #fo-tabout-content  ul#content .flag-btn
{
	overflow: hidden;
	width: 70%;
	margin-top: 5px;
}
.fo-content #fo-tabout-content  ul#content .flag-btn a
{
	margin: 0;
	padding: 0;
	border-radius: 4px;
	border: 1px solid #4ACA6D;
	padding: 2px 4px;
	display: inline-block;
	margin: 0 5px;
	text-decoration: none;
	color: #666;
}
.fo-content #fo-tabout-content  ul#content li
{
	list-style: none;
	display: inline-block;
}
.fo-content #fo-tabout-content  ul#content li label
{
	margin-left: 25px;
	margin-bottom: 0;
	font-weight: normal;
}
.fo-content #fo-tabout-content  ul#content li label input
{
	margin:4px 8px 0;
}
.fo-content #fo-tabout-content  ul#content .modal-body .plus-tag
{
	overflow: auto;
	height: 150px;
	border-bottom: 1px dotted yellow;
	margin: 15px 0;
}
.fo-content #fo-tabout-content  ul#content .modal-body .del-tag
{
	overflow: auto;
	height: 150px;
}
.fo-content #fo-tabout-content  ul#content .modal-body a
{
	/*border: 1px solid #000;*/
	border-radius: 4px;
	padding: 5px 10px;
	display: inline-block;
	margin: 5px 10px;
	text-decoration: none;
	background-color: #4ACA6D;
	color: #fff;
	font-size: 12px;
}
.fo-content #fo-tabout-content  ul#content .modal-body a:focus ,.fo-content #fo-tabout-content  ul#content .modal-body a:hover
{
	background-color: #39B45D;
}
.fo-content #fo-tabout-content  ul#content .modal-body a span
{
	margin: 0;
}
.fo-content #fo-tabout-content  ul#content .modal-body a em
{
	display:block;
	float:right;
	margin:5px 0 0 8px;
	overflow:hidden;
	/*background-position:-165px -100px;*/
	cursor:pointer;
}
/*.fo-content #fo-tabout-content  ul#content .modal-body a.selected{opacity:0.6;filter:alpha(opacity=60);}
.fo-content #fo-tabout-content  ul#content .modal-body a.selected:hover{background-position:100% 0;cursor:default;}
.fo-content #fo-tabout-content  ul#content .modal-body a.selected:hover span{background-position:0 -60px;}*/
.fo-content #fo-tabout-content ul#list1 ,.fo-content #fo-tabout-content ul#list2
{
	margin: 0;
	padding: 0;
}
.fo-content #fo-tabout-content ul#list1 li ,.fo-content #fo-tabout-content ul#list2 li
{
	list-style: none;
	padding: 15px 5px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.fo-tabin-content-list ul#list1 li a ,.fo-tabin-content-list ul#list2 li a
{
	color: #666666;
	font-size: 14px;
	text-decoration: none;
}
.fo-tabin-content-list ul#list1 li .bottom ,.fo-tabin-content-list ul#list2 li .bottom
{
	padding-top: 12px;
}
.fo-tabin-content-list ul#list2 li .middle
{
	background-color: #fafafa;
	padding: 16px;
	margin: 16px 0;
	width: 80%;
	border-radius:6px;
	border: 1px solid #eee;
}
.fo-tabin-content-list ul#list1 li span ,.fo-tabin-content-list ul#list2 li span
{
	color: #aaa;
	font-size: 12px;
	padding-right: 20px;
}
.fo-tabin-content-list ul#list1 li:hover ,.fo-tabin-content-list ul#list1 li:focus ,.fo-tabin-content-list ul#list2 li:hover ,.fo-tabin-content-list ul#list2 li:focus
{
	background-color: #f5f5f5;
}
.fo-tabin-content-list ul#list1 .fo-tabin-content-list-img
{
	float: left;
	margin-right: 16px;
}
.fo-tabin-content-list ul#list1 .fo-tabin-content-list-info ,.fo-tabin-content-list ul#list2 .fo-tabin-content-list-info
{
	padding: 12px 8px;
	/*float: left;*/
	overflow: hidden;
}
.fo-tabin-content-list ul#list1 .fo-tabin-content-list-info .fo-tabin-content-list-input textarea
{
	width: 100%;
	height: 100px;
	margin-top: 30px;
	resize: none;
	border: #ddd 1px solid;
	padding: 10px;
	font-size: 12px;
}




/*forum_answer.html*/
.fo-aw-title , .fo-aw-content
{
	padding: 30px 0;
	margin: 20px 0;
	padding-right: 40px;
	background-color: #fff;
	overflow: hidden;
}
.fo-aw-title .fo-aw-title-left i ,.fo-aw-content .fo-aw-title-left i
{
	float: right;
	margin-top: 5px;
	color: green;
}
.fo-aw-title .fo-aw-title-right 
{
	font-size: 18px;
	font-weight: 500;
}
.fo-aw-title .fo-aw-title-name
{
	padding-top: 16px;
	color: #aaa;
}
.fo-aw-title .fo-aw-title-name span
{
	font-size: 12px;
}
.fo-aw-title .fo-aw-title-name i
{
	margin-left: 8px;
	margin-right: 8px;
}
.fo-aw-title .fo-aw-title-name .fo-aw-title-time
{
	float: right;
}
.fo-aw-title .fo-aw-title-label
{
	padding-right: 40px;
}
.fo-aw-title .fo-aw-title-label span, .fo-aw-title .fo-aw-title-label a
{
	margin-right: 8px;
	text-decoration: none;
}
.fo-aw-title .fo-aw-title-content , .fo-aw-title .fo-aw-title-label, .fo-aw-title .fo-aw-title-myanswer ,.fo-aw-title .fo-aw-title-myanswer .input1 
{
	padding-top: 16px;
}
/*.fo-aw-title .fo-aw-title-btn a
{
	color: green;
	float: right;
	text-decoration:none;
}
.fo-aw-title .fo-aw-title-btn a span
{	
	margin-right: 6px;
	margin-left: 15px;
}*/
.fo-aw-title .fo-aw-title-myanswer a
{
 	margin: 0;
 	padding: 0;
}
.fo-aw-title .fo-aw-title-myanswer .input1 textarea
{
	padding: 10px;
	width: 100%;
	height: 150px;
	margin-bottom: 16px;
}
.fo-aw-title .fo-aw-title-myanswer .input1 label
{
	padding-top: 5px;
	padding-right: 10px;
}
.fo-aw-title .fo-aw-title-myanswer .input1 label ,.fo-aw-title .fo-aw-title-myanswer .input1 button
{
	float: right;
}
.fo-aw-content .fo-aw-content-paixu a
{
	float: right;
	text-decoration: none;
}
.fo-aw-content .fo-aw-content-paixu span
{
	float: right;
	margin-left: 8px ;
	margin-right: 8px;
	color: #aaa;
}
.fo-aw-content .fo-aw-content-list
{
	margin-top: 16px;
	position: relative;
}
.fo-aw-content .fo-aw-content-list ul
{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
.fo-aw-content .fo-aw-content-list .fo-aw-content-list-item
{
	padding: 15px 0 20px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.fo-aw-content-list-item .fo-aw-content-list-item-name
{
	color: #aaa;
}
.fo-aw-content-list-item .fo-aw-content-list-item-name span
{
	font-size: 12px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-name i
{
	margin-left: 8px;
	margin-right: 8px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-best
{
	position: absolute;
	top: 0px;
	/*right: 200px;*/
	left: -50px;
	-webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.fo-aw-content-list-item .fo-aw-content-list-item-time
{
	float: right;
}
.fo-aw-content-list-item .fo-aw-content-list-item-content ,.fo-aw-content-list-item .fo-aw-content-list-item-flag , .fo-aw-content-list-item .fo-aw-content-list-item-comment
{
	margin-top: 16px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-flag button
{
	border-radius: 18px;
	font-size: 12px;
	margin-right: 6px;
	padding: 0;
	padding: 4px 10px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-flag span
{
	color: #aaa;
}
.fo-aw-content-list-item .fo-aw-content-list-item-add ul li
{
	padding-top: 20px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-add .add-title
{
	text-align: right;
	font-weight: 700;
}
.fo-aw-content-list-item .fo-aw-content-list-item-add .addanswer
{
	padding-top: 5px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-comment button
{
	margin-left: 8px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-comment a
{
	margin-right: 18px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-input
{
	overflow: hidden;
	background-color: #f6fdff;
	border: 1px solid #eee;
	margin-top: 16px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-input textarea
{
	padding: 10px;
	width: 100%;
	height: 100px;
	border: none;
	background-color: #fff;
}
.fo-aw-content-list-item .fo-aw-content-list-item-input label
{
	padding-top: 5px;
	padding-right: 10px;
	margin-bottom: 12px;
}
.fo-aw-content-list-item .fo-aw-content-list-item-input label ,.fo-aw-content-list-item .fo-aw-content-list-item-input button
{
	float: right;
	margin-right: 5px;
}
/*forum_question.html*/
.fo-qt
{
	margin: 50px 80px;
	background-color: #fff;
	padding: 40px;
}
.fo-qt .col-xs-10
{
	padding: 0;
}
.fo-qt .fo-qt-left
{
	text-align: right;
}
.fo-qt .fo-qt-content
{
	border: 2px solid #5CB85C;
	position: relative;
	overflow: hidden;
}
.fo-qt .fo-qt-title textarea
{	
	overflow: hidden;
	width: 92%;
	height: 50px;
	resize: none;
	border: none;
	outline: none;
	border-bottom:  2px solid #ddd;
	margin: 10px 25px 0 25px;
}
.fo-qt .fo-qt-detail textarea
{	
	width: 92%;
	height: 150px;
	resize: none;
	border: none;
	outline: none;
	margin: 0 25px 10px 25px;
}
.fo-qt .fo-qt-info , .fo-qt .fo-qt-tag
{
	margin-top: 10px;
}
.fo-qt .fo-qt-tag
{
	background-color: #F6F6F6;
	padding: 16px 11px;
}
.fo-qt-tag ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.fo-qt-tag ul li
{
	display: inline-block;
}
.fo-qt-tag .modal-body a
{
	/*border: 1px solid #000;*/
	border-radius: 4px;
	padding: 5px 10px;
	display: inline-block;
	margin: 5px 10px;
	text-decoration: none;
	background-color: #4ACA6D;
	color: #fff;
	font-size: 12px;
}
.fo-qt-tag .fo-qt-addtag a
{
	border-radius: 4px;
	border: 1px solid #4ACA6D;
	padding: 4px 6px;
	display: inline-block;
	margin: 0 5px;
	text-decoration: none;
	font-size: 12px;
	color: #666;
}
.fo-qt-tag .fo-qt-addtag a em
{
	margin-left: 5px;
}
.fo-qt-tag .modal-body a:focus ,.fo-qt-tag .modal-body a:hover
{
	background-color: #39B45D;
}
.fo-qt-tag .modal-body a span
{
	margin: 0;
}
.fo-qt-tag .modal-body a em
{
	display:block;
	float:right;
	margin:5px 0 0 8px;
	overflow:hidden;
	/*background-position:-165px -100px;*/
	cursor:pointer;
}
.fo-qt .fo-qt-info a
{
	color: #666;
	font-size: 12px;
	text-decoration: none;
}
.fo-qt .fo-qt-info i
{
	margin-right: 3px;
	color: #5CB85C;
}
.fo-qt .fo-qt-btn ul
{
	list-style: none;
	padding: 0;
	color: #666;
}
.fo-qt .fo-qt-btn label
{	
	font-weight: normal;
}
.fo-qt .fo-qt-btn input
{
	margin-right: 5px;
}
.fo-footer
{
	text-align: center;
	font-size: 12px;
	background-color: #202020;
	color: #959595;
	padding: 35px 0;
}
.fo-page .pager ul 
{
	margin: 0;
}
.fo-page .pager li a
{
	border-radius: 2px;
	border: none;
	background-color: #81D197;
	color: #fff;
	padding: 5px 20px;
	margin: 0 8px;
}
.fo-page .pager li a:hover,.fo-page .pager li a:focus
{	
	background-color: #000;
	color: #959595;
}