针对OSP社区的新需求的界面展示:

1.开源项目社区(OSP)index界面增加[软件安全漏洞]展示
2.osp项目主页增加[项目安全态势]、[技术创新趋势] 展示

ps.此次为不负责任的提交~
This commit is contained in:
ganyiang 2014-05-14 09:45:11 +08:00
parent 297835e25b
commit 27ade53af3
7 changed files with 1427 additions and 14 deletions

View File

@ -1,7 +1,358 @@
<!-- added by fq -->
<!--modified by yiang -->
<!--display the board-->
<div class="borad-topic-count">
共有 <%= link_to memos.count %> 个贴子
</style>
<%= javascript_include_tag "ichart.1.2.min" %>
<%= stylesheet_link_tag "sec-analysis.css" %>
<%= stylesheet_link_tag "buglist-ichart.css" %>
<%= stylesheet_link_tag "buglist.css" %>
<div class="mask">
<div class="header2"></div>
<div class="colleft">
<div class="col1" style="margin-right:0px">
<h1></h1>
<div id='canvasDiv' style="margin-left:35px"></div>
</div>
<div class="col2" style="margin-left:0px">
<div style="margin-left:0px" > <span> <h1 style="fontsize:19px;color:orange;font-weight:900">项目安全态势 </h1></span><span style="margin-top: -30px; margin-right:70px;float: right; display: block;"><a href="#" hover="text-decoration: underline;" >More >></span></a></div>
<div class="fixed"></div>
<div class="li_list" style="margin-top:10px;margin-left:10px">
<ul style="list-style-type: square;">
<!-- <li><span class="li_time">>[DDoS漏洞]</span><a href="/vuldb/ssvid-62261" title="Cobbler 2.4.x - 2.6.x 本地文件包含">Cobbler 2.4.x - 2.6.x 本地文件包含</a></li> -->
<li><span class="li_time">>[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62260" title="Ruby OpenSSL CA私钥伪造漏洞">Ruby OpenSSL CA私钥伪造漏洞</a></li>
<li><span class="li_time">>[远程溢出漏洞]</span><a href="/vuldb/ssvid-62259" title="Adobe Flash Player 整数堆栈下溢远程命令执行">Adobe Flash Player 远程命令执行</a></li>
<!-- <li><span class="li_time">14-05-07</span><a href="/vuldb/ssvid-62258" title="PHPDISK phpdisk_del_process.php SQL注入漏洞">PHPDISK phpdisk_del_process.php SQL注入漏洞</a></li> -->
<!-- <li><span class="li_time">[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62257" title="BEESCMS 3.4 order_save.php SQL注入漏洞">BEESCMS 3.4 order_save.php SQL注入漏洞</a></li> -->
<!-- <li ><span class="li_time">>[SQL注入漏洞]</span><a href="/vuldb/ssvid-62256" title="Apache/NGINX 下 PHP-FPM 或者 PHP-CGI 拒绝服务漏洞">Apache/NGINX 下 PHP-FPM </a></li> -->
<li><span class="li_time">>[SQL注入漏洞]</span><a href="/vuldb/ssvid-62250" title="AlienVault OSSIM SQL注入以及远程代码执行">AlienVault OSSIM SQL注入</a></li>
<li><span class="li_time">>[DDoS漏洞]</span><a href="/vuldb/ssvid-62248" title="Eucalyptus Web Services拒绝服务漏洞">Eucalyptus Web Services</a></li>
<li ><span class="li_time">>[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62245" title="Watchguard Fireware XTM OpenSSL TLS心跳信息泄漏漏洞"> Fireware XTM OpenSSL TLS</a></li>
<li ><span class="li_time">>[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62244" title="SAP Sybase SQL Anywhere OpenSSL TLS泄漏漏洞">Sybase SQL Anywhere OpenSSL TLS</a></li>
</ul>
</div>
</div>
</div>
</div>
<div style="clear:both; margin:0 0 10 0"></div>
<script type="text/javascript">
$(function(){
var flow=[];
for(var i=0;i<35;i++){
flow.push(Math.floor(Math.random()*(30+((i%12)*5)))+10);
// t.push(Math.floor(Math.random()*(30+((i%12)*5)))+10);
}
var data = [
{
name : 'commit',
value:flow,
color:'#0d8ecf',
line_width:2
}
];
var labels = ["","2010","2011","2012","2013","2014"];
var line = new iChart.LineBasic2D({
render : 'canvasDiv',
data: data,
align:'center',
// title : '安全态势分析 ',
title : {
text:'安全态势分析',
color:'#698389',
fontsize : 14,
textAlign:'left',
padding:'0 40',
font:'微软雅黑',
border:{
enable:true,
width:[0,0,2,0],
color:'#698389'
},
height:30
},
subtitle : '',
footnote : '',
width : 300, // 面板大小
height : 200,
shadow:true,
//shadow_color : '#20262f',
shadow_blur : 1,
shadow_offsetx : 0,
shadow_offsety : 2,
//background_color:null //'#383e46'设置透明背景
tip:{
enable:true,
shadow:true,
move_duration:400,
border:{
enable:true,
radius : 5,
width:2,
color:'#3f8695'
},
},
// legend : {
// enable : true,
// row:1,//设置在一行上显示与column配合使用
// column : 'max',
// valign:'top',
// sign:'bar',
// background_color:null,//设置透明背景
// offsetx:-80,//设置x轴偏移满足位置需要
// border : true
// },
crosshair:{
enable:true, //十字交叉线
line_color:'#62bce9'
},
sub_option : {
label:false, //是否显示数值
// hollow_inside:false,
smooth : true,//平滑曲线
point_size:2, // 焦点大小
// point_hollow : true,
border : {
width : 2,
radius : '5 5 0 0',//上圆角设置
color : '#ffffff'
}
},
coordinate:{
width:225, // 图表大小
//valid_width:330,
height:55,
axis:{
// color:'#9f9f9f',
color:'#dcdcdc',
width:[0,0,2,2]
},
grids:{
vertical:{
way:'share_alike',
value:1
// 改垂直线
}
},
scale:[{
position:'left',
start_scale:0,
scale_space:50,
end_scale:70,
scale_color:'#9f9f9f',
// label : {color:'#ffffff',fontsize:11},
},{
position:'bottom',
labels:labels
}]
}
});
//开始画图
/**
*自定义组件,画平均线。
*/
// line.plugin(new iChart.Custom({
// drawFn:function(){
// /**
// *计算平均值的高度(坐标Y值)
// *计算高度还不会! 会划线了!
// */
// // var avg = line.total/5,
// // coo = line.getCoordinate(),
// // x = coo.get('originx'),
// // W = coo.width,
// // S = coo.getScale('left'),
// // H = coo.height,
// // h = (avg - S.start) * H / S.distance,
// // y = line.y + H - h;
// line.target.line(28,97,400,97,2,'#b32c0d')
// .textAlign('start')
// .textBaseline('middle')
// .textFont('600 12px Verdana');
// }
// }));
line.draw();
});
//]]>
</script>
<!--我是分割线1===================================================================================================-->
<div class="mask" style="margin-top:30px">
<div class="header2"></div>
<div class="colleft">
<div class="col1" style="margin-right:0px">
<h1></h1>
<div id='canvasDiv2' style="margin-left:35px"></div>
</div>
<div class="col2" style="margin-left:0px">
<div style="margin-left:0px" > <span> <h1 style="fontsize:19px;color:green;font-weight:900">技术创新趋势 </h1></span><span style="margin-top: -30px; margin-right:70px;float: right; display: block;"><a href="#" hover="text-decoration: underline;" >More >></span></a></div>
<div class="fixed"></div>
<div class="li_list" style="margin-top:10px;margin-left:10px">
<ul style="list-style-type: square;">
<!-- <li><span class="li_time">>[DDoS漏洞]</span><a href="/vuldb/ssvid-62261" title="Cobbler 2.4.x - 2.6.x 本地文件包含">Cobbler 2.4.x - 2.6.x 本地文件包含</a></li> -->
<li><span class="li_time">>[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62260" title="Ruby OpenSSL CA私钥伪造漏洞">Ruby OpenSSL CA私钥伪造漏洞</a></li>
<li><span class="li_time">>[远程溢出漏洞]</span><a href="/vuldb/ssvid-62259" title="Adobe Flash Player 整数堆栈下溢远程命令执行">Adobe Flash Player 远程命令执行</a></li>
<!-- <li><span class="li_time">14-05-07</span><a href="/vuldb/ssvid-62258" title="PHPDISK phpdisk_del_process.php SQL注入漏洞">PHPDISK phpdisk_del_process.php SQL注入漏洞</a></li> -->
<!-- <li><span class="li_time">[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62257" title="BEESCMS 3.4 order_save.php SQL注入漏洞">BEESCMS 3.4 order_save.php SQL注入漏洞</a></li> -->
<!-- <li ><span class="li_time">>[SQL注入漏洞]</span><a href="/vuldb/ssvid-62256" title="Apache/NGINX 下 PHP-FPM 或者 PHP-CGI 拒绝服务漏洞">Apache/NGINX 下 PHP-FPM </a></li> -->
<li><span class="li_time">>[SQL注入漏洞]</span><a href="/vuldb/ssvid-62250" title="AlienVault OSSIM SQL注入以及远程代码执行">AlienVault OSSIM SQL注入</a></li>
<li><span class="li_time">>[DDoS漏洞]</span><a href="/vuldb/ssvid-62248" title="Eucalyptus Web Services拒绝服务漏洞">Eucalyptus Web Services</a></li>
<li ><span class="li_time">>[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62245" title="Watchguard Fireware XTM OpenSSL TLS心跳信息泄漏漏洞"> Fireware XTM OpenSSL TLS</a></li>
<li ><span class="li_time">>[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62244" title="SAP Sybase SQL Anywhere OpenSSL TLS泄漏漏洞">Sybase SQL Anywhere OpenSSL TLS</a></li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
var flow=[];
for(var i=0;i<35;i++){
flow.push(Math.floor(Math.random()*(30+((i%12)*5)))+10);
// t.push(Math.floor(Math.random()*(30+((i%12)*5)))+10);
}
var data = [
{
name : 'commit',
value:flow,
color:'#0d8ecf',
line_width:2
}
];
var labels = ["","2010","2011","2012","2013","2014"];
var line = new iChart.LineBasic2D({
render : 'canvasDiv2',
data: data,
align:'center',
// title : ' ',
title : {
text:'技术主题演化',
color:'#698389',
fontsize : 14,
textAlign:'left',
padding:'0 40',
font:'微软雅黑',
border:{
enable:true,
width:[0,0,2,0],
color:'#698389'
},
height:30
},
subtitle : '',
footnote : '',
width : 300, // 面板大小
height : 200,
shadow:true,
//shadow_color : '#20262f',
shadow_blur : 1,
shadow_offsetx : 0,
shadow_offsety : 2,
//background_color:null //'#383e46'设置透明背景
tip:{
enable:true,
shadow:true,
move_duration:400,
border:{
enable:true,
radius : 5,
width:2,
color:'#3f8695'
},
},
crosshair:{
enable:true, //十字交叉线
line_color:'#62bce9'
},
sub_option : {
label:false, //是否显示数值
// hollow_inside:false,
smooth : true,//平滑曲线
point_size:2, // 焦点大小
// point_hollow : true,
},
coordinate:{
width:225, // 图表大小
//valid_width:330,
height:55,
axis:{
// color:'#9f9f9f',
color:'#dcdcdc',
width:[0,0,2,2]
},
grids:{
vertical:{
way:'share_alike',
value:1
// 改垂直线
}
},
scale:[{
position:'left',
start_scale:0,
scale_space:50,
end_scale:70,
scale_color:'#9f9f9f',
// label : {color:'#ffffff',fontsize:11},
},{
position:'bottom',
labels:labels
}]
}
});
//开始画图
line.draw();
});
//]]>
</script>
<!--我是分割线2===================================================================================================-->
<div class="borad-topic-count" style="margin-top:10px">
<!-- 共有 <%= link_to memos.count %> 个贴子 -->
<span><h1 style="color:blue;font-weight:900">全球热帖</h1></span><span style="margin-top: -30px; margin-right:70px;float: right; display: block;"><a href="#" hover="text-decoration: underline;" >更多>></span></a>
</div>
<div style="padding-top: 10px">
<% if memos.any? %>
@ -20,9 +371,20 @@
<td align="center" class="borad-count-digit"><%= link_to (topic.replies_count), open_source_project_relative_memo_path(topic.open_source_project, topic) %></td>
</tr>
<tr>
<td align="center">回</td>
<td align="center">回</td>
</tr>
</table></td>
<td align="right" rowspan="3">
<table class="borad-count">
<tr>
<td align="center" class="borad-count-digit"><%= link_to (topic.viewed_count_crawl+topic.viewed_count_local), open_source_project_relative_memo_path(topic.open_source_project, topic) %></td>
</tr>
<tr>
<td align="center">关注</td>
</tr>
</table></td>
<td align="right" rowspan="3">
<table class="borad-count">
<tr>
@ -36,19 +398,17 @@
<tr>
<td colspan="2" ><span class="font_description"> </span></td>
</tr>
<tr>
<!-- <tr>
<td align="left" colspan="2" ><span class="font_lighter"><%#= authoring topic.created_at, topic.author %>
<br />
</span></td>
</tr>
</tr> -->
<tr>
<td align="left" colspan="2" ><span class="font_lighter">帖子来源:<%= link_to topic.url, topic.url%> </span></td>
<td align="left" colspan="2" >帖子来源:<span class="font_lighter" style="color: #068d9c"><%=link_to 'OSChina', topic.url %>
</span></td>
<td align="left"><%= no_use_link(topic, User.current) %> </td>
</tr>
<tr>
<td align="left" colspan="2"> <%= image_tag( "/images/sidebar/tags.png") %>
<%= render :partial => 'tags/tag_name', :locals => {:obj => topic,:object_flag => "9",:non_list_all => true }%> </td>
</tr>
</table></td>
</tr>

View File

@ -1,4 +1,4 @@
<div class="top-content">
<div class="top-content" >
<%= form_tag(:controller => 'open_source_projects', :action => "search", :method => :get) do %>
<table width="940px">
<tr>
@ -18,15 +18,16 @@
</table>
<% end %>
</div>
<style type="text/css">
.tb-navigation {
position: relative;
z-index: 400;
}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
/*blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
margin: 0;
padding: 0;
}
}*/
.navigation {
color: #666;
@ -128,9 +129,190 @@ li {
.nav-search-con{
padding-top: 7px;
}
</style>
<%= javascript_include_tag "ichart.1.2.min" %>
<%= stylesheet_link_tag "buglist-div-use.css" %>
<%= stylesheet_link_tag "buglist-ichart.css" %>
<%= stylesheet_link_tag "buglist.css" %>
<div class="mask">
<div class="header2"></div>
<div class="colleft">
<div class="col1" >
<h1>安全态势分析 </h1>
<div id='canvasDiv' style="border-style:none"></div>
</div>
<div class="col2">
<div> <span> <h1 style="fontsize:19px">软件安全漏洞 </h1></span><span style="margin-top: -30px; margin-right:70px;float: right; display: block;"><a href="#" hover="text-decoration: underline;" >More >></span></a></div>
<div class="fixed"></div>
<div class="li_list" style="margin-top:10px;margin-left:10px">
<ul style="list-style-type: square;">
<li><span class="li_time">[DDoS漏洞]</span><a href="/vuldb/ssvid-62261" title="Cobbler 2.4.x - 2.6.x 本地文件包含">Cobbler 2.4.x - 2.6.x 本地文件包含</a></li>
<li><span class="li_time">[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62260" title="Ruby OpenSSL CA私钥伪造漏洞">Ruby OpenSSL CA私钥伪造漏洞</a></li>
<li style="color: red"><span class="li_time">[远程溢出漏洞]</span><a href="/vuldb/ssvid-62259" title="Adobe Flash Player 整数堆栈下溢远程命令执行">Adobe Flash Player 整数堆栈下溢远程命令执行</a></li>
<!-- <li><span class="li_time">14-05-07</span><a href="/vuldb/ssvid-62258" title="PHPDISK phpdisk_del_process.php SQL注入漏洞">PHPDISK phpdisk_del_process.php SQL注入漏洞</a></li> -->
<!-- <li><span class="li_time">[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62257" title="BEESCMS 3.4 order_save.php SQL注入漏洞">BEESCMS 3.4 order_save.php SQL注入漏洞</a></li> -->
<li ><span class="li_time">[SQL注入漏洞]</span><a href="/vuldb/ssvid-62256" title="Apache/NGINX 下 PHP-FPM 或者 PHP-CGI 拒绝服务漏洞">Apache/NGINX 下 PHP-FPM 拒绝服务漏洞</a></li>
<li><span class="li_time">[SQL注入漏洞]</span><a href="/vuldb/ssvid-62250" title="AlienVault OSSIM SQL注入以及远程代码执行">AlienVault OSSIM SQL注入以及远程代码执行</a></li>
<li><span class="li_time">[DDoS漏洞]</span><a href="/vuldb/ssvid-62248" title="Eucalyptus Web Services拒绝服务漏洞">Eucalyptus Web Services拒绝服务漏洞</a></li>
<li ><span class="li_time">[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62245" title="Watchguard Fireware XTM OpenSSL TLS心跳信息泄漏漏洞">Watchguard Fireware XTM OpenSSL TLS心跳...</a></li>
<li style="color: red"><span class="li_time">[OpenSSL漏洞]</span><a href="/vuldb/ssvid-62244" title="SAP Sybase SQL Anywhere OpenSSL TLS泄漏漏洞">SAP Sybase SQL Anywhere OpenSSL TLS</a></li>
</ul>
</div>
</div>
</div>
</div>
<div style="clear:both; margin:0 0 10 0"></div>
<script type="text/javascript">
$(function(){
var flow=[];
for(var i=0;i<35;i++){
flow.push(Math.floor(Math.random()*(30+((i%12)*5)))+10);
// t.push(Math.floor(Math.random()*(30+((i%12)*5)))+10);
}
var data = [
{
name : 'commit',
value:flow,
color:'#0d8ecf',
line_width:2
}
];
var labels = ["","2010","2011","2012","2013","2014"];
var line = new iChart.LineBasic2D({
render : 'canvasDiv',
data: data,
align:'center',
title : '',
subtitle : '',
footnote : '',
width : 430, // 面板大小
height : 210,
shadow:true,
//shadow_color : '#20262f',
shadow_blur : 1,
shadow_offsetx : 0,
shadow_offsety : 2,
//background_color:null //'#383e46'设置透明背景
tip:{
enable:true,
shadow:true,
move_duration:400,
border:{
enable:true,
radius : 5,
width:2,
color:'#3f8695'
},
},
legend : {
enable : true,
row:1,//设置在一行上显示与column配合使用
column : 'max',
valign:'top',
sign:'bar',
background_color:null,//设置透明背景
offsetx:-80,//设置x轴偏移满足位置需要
border : true
},
crosshair:{
enable:true, //十字交叉线
line_color:'#62bce9'
},
sub_option : {
label:false, //是否显示数值
// hollow_inside:false,
smooth : true,//平滑曲线
point_size:2, // 焦点大小
// point_hollow : true,
},
coordinate:{
width:370, // 图表大小
//valid_width:330,
height:150,
axis:{
// color:'#9f9f9f',
color:'#dcdcdc',
width:[0,0,2,2]
},
grids:{
vertical:{
way:'share_alike',
value:1
// 改垂直线
}
},
scale:[{
position:'left',
start_scale:0,
scale_space:50,
end_scale:70,
scale_color:'#9f9f9f',
// label : {color:'#ffffff',fontsize:11},
},{
position:'bottom',
labels:labels
}]
}
});
//开始画图
/**
*自定义组件,画平均线。
*/
line.plugin(new iChart.Custom({
drawFn:function(){
/**
*计算平均值的高度(坐标Y值)
*计算高度还不会! 会划线了!
*/
// var avg = line.total/5,
// coo = line.getCoordinate(),
// x = coo.get('originx'),
// W = coo.width,
// S = coo.getScale('left'),
// H = coo.height,
// h = (avg - S.start) * H / S.distance,
// y = line.y + H - h;
line.target.line(28,97,400,97,2,'#b32c0d')
.textAlign('start')
.textBaseline('middle')
.textFont('600 12px Verdana');
}
}));
line.draw();
});
//]]>
</script>
<%#======================================================================box before%>
<div class="tb-navigation" data-spm="a230r.1.3">
<div class="tb-navigation" data-spm="a230r.1.3" style="margin-top:20px">
<div class="navigation">
<div class="nav-switch">
<a href="javascript:(function (){$('.nav-content').toggle();})();">

9
public/javascripts/ichart.1.2.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,41 @@
.mask{
position: relative;
overflow: hidden;
margin: 0px 0 0 0;
width: 970px;
}
.header2{
float: left;
width: 100%;
background-color: #f4f4f4
}
.colleft{
position: relative;
width: 100%;
right: 50%;
background-color: #000000
}
.col1{
position: relative;
overflow: hidden;
float: left;
width: 470px;
left: 100%;
}
.col2{
position: relative;
overflow: hidden;
float: left;
width: 470px;
left: 3%;
}
a:hover, a:active {
color: #c61a1a;
text-decoration: underline;
}

View File

@ -0,0 +1,74 @@
@CHARSET "utf-8";
/*body {
padding:0px;
margin:0px;
margin-top:10px;
text-align: left;
font-family:'微软雅黑',Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
}*/
.ichartjs_btn{
padding:2px 5px;
line-height:25px;
color:#0b2946;
cursor: pointer;
text-align:center;
font-size:12px;
/*border:1px solid #98adc1;*/
-webkit-box-shadow:0px 0px 2px #375073;
-moz-box-shadow:0px 0px 2px #375073;
box-shadow:0px 0px 2px #375073;
/*-moz-border-radius:5px;*/
/*-webkit-border-radius:5px;*/
/*-khtml-border-radius:5px;*/
/*border-radius:0px*/
}
.ichartjs_author{
position: absolute;
font-size:12px;
right: 20px;
top: 0px;
}
.ichartjs_author a{
color:#113659;
}
.ichartjs_info{
position:relative;
margin:10px;
padding:5px;
color:#1b4267;
}
.ichartjs_sm{
margin:10px 0px;
font-size: 13px;
font-weight: 60;
}
.ichartjs_details{
padding:0px;
text-indent:2em;
font-size: 12px;
line-height:20px;
}
#ichartjs_code{
display:none;
}
#ichartjs_result{
position: absolute;
left: 20px;
bottom: 20px;
padding:8px;
color:#fefefe;
font-size:20px;
font-weight:600;
background-color:#6d869f;
cursor: pointer;
text-align:center;
/*border:1px solid #6a869d;*/
-webkit-box-shadow:0px 0px 2px #375073;
-moz-box-shadow:0px 0px 2px #375073;
box-shadow:0px 0px 2px #375073;
/*-moz-border-radius:10px;*/
/*-webkit-border-radius:10px;*/
/*-khtml-border-radius:0px;*/
/*border-radius:10px*/
}

View File

@ -0,0 +1,706 @@
@charset utf-8;
a {
cursor:pointer;
}
a:link {
color:#105DB5;
text-decoration:none;
}
h3 {
font-size:16px;
}
button {
border:1px solid #ccc;
border-radius:4px;
font-size:14px;
font-weight:700;
margin:5px 0;
padding:5px 18px 6px;
}
pre {
white-space:0;
word-wrap:break-word;
}
/*#main {
text-align:left;
width:870px;
background:#FFF;
margin:auto;
}
#content {
background:#FFF;
width:94%;
float:left;
padding-top:45px;
margin:5px 25px;
}*/
.li_list {
clear:both;
padding:0 0 0 0px;
}
.li_more {
text-align:right;
clear:both;
margin:5px 0;
padding:0 0 1px;
}
.li_time {
padding:0 7px 0 0;
}
div.pages {
color:#AAA;
font-size:13px;
text-align:right;
margin:10px 0;
}
div.pages a,.thispage,.break {
margin:2px;
padding:0 4px;
}
div.pages .prev {
margin-right:5px;
}
div.pages .next {
margin-left:5px;
}
div.pages .thispage {
background:none repeat scroll 0 0 #4D5256;
color:#FFF;
}
.clearfix:after {
clear:both;
content:" ";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.searchform .searchinput {
background:none repeat scroll 0 0 #FFF;
border:medium none;
float:left;
font-family:Arial,sans-serif;
font-size:13px;
width:72px;
margin:0;
padding:0;
}
.searchform .searchinput:focus {
width:196px;
}
.article_title {
font-weight:700;
border-bottom:1px solid #CCC;
margin-bottom:5px;
padding:5px 0 10px;
}
.vuln {
font-weight:700;
border-bottom:medium none!important;
padding:3px 0;
}
.article {
padding:5px 0 5px 12px;
}
.at_hr {
font-weight:700;
border-left:7px solid #778087;
border-bottom:medium none!important;
margin:9px 0;
padding:5px;
}
.article_exp {
padding:0 0 0 20px;
}
.sh_reference {
padding:0 0 0 15px;
}
.sh_reference blockquote {
padding:5px 18px;
}
.Statement {
color:red;
}
.cell {
border-bottom:1px dashed #E0E0E0;
line-height:18px;
list-style:none;
padding:9px 0 9px 15px;
}
.fade {
color:#999;
font-size:14px;
font-weight:700;
vertical-align:middle;
}
.created {
color:#999;
display:block;
font-size:11px;
}
.ntitle {
font-size:22px;
font-weight:700;
border-bottom:1px dashed #ECECEC;
padding:5px 15px;
}
.nutime {
color:#999;
font-size:12px;
padding:5px 15px;
}
.notags {
font-size:11px;
text-align:right;
margin-top:-24px;
padding:5px 15px;
}
.notags a {
background:none repeat scroll 0 0 #778087;
border-radius:10px;
color:#FFF;
margin-bottom:5px;
padding:2px 10px;
}
.notags a:hover {
background:none repeat scroll 0 0 #4D5256;
color:white;
text-decoration:none;
}
.node_dir_list {
width:570px;
float:left;
overflow:hidden;
border-right:1px dashed #E2E2E2;
}
.node_dir_side {
float:right;
width:220px;
overflow:hidden;
margin:0;
padding:0 15px 0 10px;
}
.node_list ul {
clear:both;
padding:0 30px;
}
.node_list li {
clear:both;
height:38px;
list-style-type:square;
font-size:15px;
padding:3px;
}
.return_te {
text-align:right;
font-size:12px;
vertical-align:bottom;
margin-bottom:-15px;
padding-right:15px;
}
.editor {
width:600px;
overflow:hidden;
font-size:12px;
}
.editor .tools {
height:20px;
line-height:20px;
padding:0;
}
.editor .tools a {
margin-right:15px;
text-decoration:none;
overflow:hidden;
}
.editor .Container {
display:none;
position:absolute;
float:left;
z-index:1000;
width:330px;
height:95px;
border:1px solid #BBB;
background:#FFF;
overflow:hidden;
cursor:default;
padding:5px 0 10px 10px;
}
.editor .imgIframe {
border:0;
width:100%;
height:22px;
margin:0;
padding:0;
}
.editor .Button {
text-align:center;
margin:0;
padding:5px 0;
}
.editor #attinfoDiv {
padding-top:5px;
color:#000;
}
.Button input {
margin-right:5px;
font-size:12px;
}
.editor input {
margin-right:5px;
font-size:11px;
}
.na_list {
clear:both;
padding:15px 0 0 62px;
}
.return_Nadir {
font-weight:700;
font-size:20px;
padding:0 0 15px;
}
.return_Nav {
padding-left:10px;
align:left;
font-weight:700;
font-size:15px;
}
.return_Nav a {
padding:0 .5px;
}
.applists {
width:100%;
list-style-type:none;
float:left;
border-top:1px dashed #E0E0E0;
padding:40px 0 10px;
}
.applists ul {
list-style-type:none;
width:98%;
list-style-position:outside;
float:left;
margin:5px 5px 10px 25px;
padding:0;
}
.applists ul li {
width:25%;
display:inline;
float:left;
line-height:24px;
margin:0;
}
.return_top {
text-align:right;
font-size:10px;
vertical-align:bottom;
margin-top:-15px;
padding-right:30px;
}
.return_top a {
color:#999;
text-decoration:none;
}
.return_en {
vertical-align:top;
align:left;
font-weight:900;
font-size:22px;
color:#666;
}
.maintinfo {
width:820px;
background-color:#E9EEF2;
border-radius:5px;
float:left;
font-size:14px;
height:90px;
line-height:1.6;
position:relative;
color:#666;
border-style:none none inset;
margin:10px 0 15px;
}
.maintinfo strong {
float:left;
font-size:20px;
height:64px;
padding-top:28px;
text-align:center;
width:230px;
}
.maintinfo div {
padding:22px 0 18px;
}
.maintinfo b {
font-size:13px;
font-weight:400;
margin-right:15px;
}
.maintinfo em {
font-size:12px;
margin-right:15px;
}
.maintinfo span {
float:right;
margin-top:-15px;
font-size:10px;
padding-right:9px;
}
.maintinfo .blogo {
background:url(http://mit00.02753.com/sebug_flat_0da.png) no-repeat scroll 0 0 transparent;
display:block;
height:19px;
text-indent:-5000px;
width:52px;
float:right;
margin:-35px -58px 0 0;
}
.aside {
float:right;
font-size:11px;
width:280px;
}
.aside .group {
border-bottom:1px dashed #ECECEC;
clear:both;
margin-bottom:10px;
padding-bottom:10px;
}
.aside .group li {
float:left;
height:22px;
margin-right:1%;
overflow:hidden;
white-space:nowrap;
width:32.299999%;
}
.indexarticle {
float:left;
padding-right:5px;
width:530px;
}
.bug_index_list ul {
list-style:none;
margin-bottom:20px;
}
.bug_index_list li {
padding-left:10px;
position:relative;
line-height:26px;
}
.indexarticle .topitems {
clear:both;
margin-bottom:20px;
font-size:11px;
padding:10px 0 0 10px;
}
.indexarticle .topitems li {
float:left;
height:22px;
margin-right:1%;
overflow:hidden;
white-space:nowrap;
width:23%;
}
.indexseach {
text-align:center;
margin:auto;
padding:110px 0;
}
.lsbb {
background:#eee;
border:1px solid #999;
border-top-color:#ccc;
border-left-color:#ccc;
height:30px;
width:120px;
}
.lsb {
font:14px arial;
background-position:bottom;
border:none;
color:#000;
cursor:pointer;
height:30px;
vertical-align:top;
background:#f1f1f1;
margin:0;
}
.lsb:active {
background:#ccc;
}
.tsf-p {
width:480px;
margin:0 auto;
}
.lst-td {
border-bottom:1px solid #999;
padding-right:16px;
}
.lst {
-moz-box-sizing:content-box;
background:#fff;
border:1px solid #ccc;
border-bottom:none;
color:#4D5256;
font:20px arial;
float:left;
height:26px;
vertical-align:middle;
width:100%;
padding:2px 10px 2px 6px;
}
.com {
color:#800;
}
.lit {
color:#066;
}
.pun,.opn,.clo {
color:#440;
}
.fun {
color:#red;
}
.str,.atv {
color:#080;
}
.kwd,.tag {
color:#008;
}
.pln {
color:#000;
}
.prettyprint {
padding:10px 0 10px 20px;
}
ol.linenums {
margin:0 0 0 20px;
}
ol.linenums li {
color:#959595;
line-height:15px;
padding:0 5px;
}
.prettyprint-dark {
background-color:#1d1f21;
border:0;
padding:10px;
}
.prettyprint-dark.linenums li {
color:#444;
}
.prettyprint-dark.linenums li:hover {
background-color:#282a2e;
}
.prettyprint-dark.kwd,.prettyprint-dark.tag {
color:#006;
font-weight:700;
}
.prettyprint-dark.str,.prettyprint-dark.atv {
color:#060;
}
#slider1 {
width:805px;
height:285px;
position:relative;
overflow:hidden;
}
#slider1Content {
width:805px;
position:absolute;
top:0;
margin-left:0;
}
.slider1Image {
float:center;
position:relative;
display:none;
}
.slider1Image span {
position:absolute;
font:10px/15px Arial,sans-serif;
width:805px;
background-color:#E9EEF2;
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
opacity:.7;
color:#000;
display:none;
padding:10px 13px;
}
.top {
top:0;
left:0;
}
.slider1Image span strong {
font-size:14px;
}
.chart_p {
font-size:11px;
line-height:18px;
}
#isad {
float:right;
background:url(http://mit00.02753.com/www/img/icon_ad.png) no-repeat scroll 0 0 transparent;
font-size:11px;
padding-left:20px;
line-height:11px;
}
*,div.pages .next a,div.pages .prev a {
margin:0;
padding:0;
}
a:hover,.created a:hover {
background-color:#105DB5;
color:#FFF;
text-decoration:none;
}
h1,h2 {
font-size:18px;
}
.fixed,.clear {
clear:both;
}
.li_list li,.na_list li {
clear:both;
height:18px;
list-style-type:square;
padding:2px;
}
div.pages .break,.created a {
color:#999;
}
.tomore,.at_sebug {
padding:5px 0;
}
.typ,.atn,.dec,.var,.prettyprint-dark.typ,.prettyprint-dark .atn,.prettyprint-dark .dec,.prettyprint-dark.var {
color:#606;
}

View File

@ -0,0 +1,41 @@
.mask{
position: relative;
overflow: hidden;
margin: 0px 0 0 0;
width: 690px;
}
.header2{
float: left;
width: 100%;
background-color: #f4f4f4
}
.colleft{
position: relative;
width: 100%;
right: 50%;
background-color: #000000
}
.col1{
position: relative;
overflow: hidden;
float: left;
width: 50%;
left: 100%;
}
.col2{
position: relative;
overflow: hidden;
float: left;
width: 50%;
left: 1%;
}
a:hover, a:active {
color: #c61a1a;
text-decoration: underline;
}