TPM实训index页面
This commit is contained in:
parent
38ff90a8bf
commit
0b82b3e994
|
|
@ -2,42 +2,134 @@
|
||||||
<%= import_ke(enable_at: true,init_activity: true) %>
|
<%= import_ke(enable_at: true,init_activity: true) %>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<!--实训任务列表开始-->
|
<div class="task-pm-content">
|
||||||
<div class="myissues_con mb10">
|
<div class="task-pm-box mt20">
|
||||||
<% if @shixun.parent_id.nil? || User.current.admin? %>
|
<div class="panel-header ">
|
||||||
<a href="<%= new_shixun_challenge_path(@shixun) %>" class="btn btn-green fr mb10">新建</a>
|
<h3>简介</h3>
|
||||||
<div class="cl"></div>
|
</div>
|
||||||
<% else %>
|
<div class="task-paner-con break_full_word">
|
||||||
<div class="pro_new_prompt mb10">
|
<p>
|
||||||
<p>完成任务后，请点击“提交评测”按钮，若通过系统测试，将为你发送下一个任务，祝你早日通关，加油！</p>
|
<%= h @shixun.description.html_safe %>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="task-pm-box mt20">
|
||||||
|
<div class="panel-header clearfix">
|
||||||
|
<h3 class="fl mt5">全部任务</h3><span class="btn-cir btn-cir-grey ml5 mt8 fl"><%= @challenges.count %></span>
|
||||||
|
<a href="#" class=" task-btn task-btn-green fr">新建阶段</a>
|
||||||
|
</div>
|
||||||
|
<div class="panel-list">
|
||||||
|
<div class=" clearfix panel-inner">
|
||||||
|
<h4 class="fl panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第1关</span> Python基础入门</h4>
|
||||||
|
<p class="fr ">
|
||||||
|
<a href="#" title="上移" ><i class="fa fa-long-arrow-up color-grey font-16 mr5 " ></i></a>
|
||||||
|
<a href="#" title="下移" ><i class="fa fa-long-arrow-down color-grey font-16 mr5 " ></i></a>
|
||||||
|
<a href="#" title="编辑" ><i class="fa fa-pencil-square-o color-grey font-16 mr5 " ></i></a>
|
||||||
|
<a href="#" title="删除" ><i class="fa fa-trash-o color-grey font-16 mr5 " ></i></a>
|
||||||
|
<a href="#" title="排名" ><i class="fa fa-signal color-grey font-16 mr5 " ></i></a>
|
||||||
|
</p>
|
||||||
|
<div class="cl"></div>
|
||||||
|
<p class="ml15 mt15 color-grey">
|
||||||
|
<span class=" mr10">正在挑战：129</span>
|
||||||
|
<span class=" mr10">完成挑战：1.6万</span>
|
||||||
|
<span class=" mr10">最佳表现：98分</span>
|
||||||
|
<span class=" mr10">测评次数：3次</span>
|
||||||
|
<span class=" mr10">平均表现：80分 </span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
</div>
|
||||||
<% if @challenges.empty? %>
|
<div class="panel-list">
|
||||||
<%= render :partial => "projects/no_data" %>
|
<div class=" clearfix panel-inner">
|
||||||
<% else %>
|
<div class="fl">
|
||||||
<div class="issues_con_list" >
|
<h4 class=" panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第2关</span> 用Python语言写程序</h4>
|
||||||
<div >
|
<p class="ml15 mt15 color-grey">
|
||||||
<table class="issues-table" cellpadding="0" cellspacing="0">
|
<span class=" mr10">正在挑战：129</span>
|
||||||
<thead>
|
<span class=" mr10">完成挑战：1.6万</span>
|
||||||
<tr>
|
<span class=" mr10">最佳表现：98分</span>
|
||||||
<th><p class="text-left">所有<span class="issues_nav_tag ml5" style=" font-weight: normal;"><%= @chanlleges_count %></span></p></th>
|
<span class=" mr10">测评次数：3次</span>
|
||||||
<th class="w50"> </th>
|
<span class=" mr10">平均表现：80分 </span>
|
||||||
</tr>
|
</p>
|
||||||
</thead>
|
|
||||||
<tbody id="issue_list">
|
|
||||||
<%= render :partial => 'content_list', :locals => {:challenges => @challenges} %>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<div style="text-align:left;">
|
|
||||||
<div style="width:auto; display:inline-block;">
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="cl"></div>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
</div>
|
||||||
|
<div class="panel-list">
|
||||||
|
<div class=" clearfix panel-inner">
|
||||||
|
<div class="fl">
|
||||||
|
<h4 class=" panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第3关</span> Python的字符串使用</h4>
|
||||||
|
<p class="ml15 mt15 color-grey">
|
||||||
|
<span class=" mr10">正在挑战：129</span>
|
||||||
|
<span class=" mr10">完成挑战：1.6万</span>
|
||||||
|
<span class=" mr10">最佳表现：98分</span>
|
||||||
|
<span class=" mr10">测评次数：3次</span>
|
||||||
|
<span class=" mr10">平均表现：80分 </span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="cl"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-list">
|
||||||
|
<div class=" clearfix panel-inner">
|
||||||
|
<div class="fl">
|
||||||
|
<h4 class=" panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第4关</span>关 Python的简单结构</h4>
|
||||||
|
<p class="ml15 mt15 color-grey">
|
||||||
|
<span class=" mr10">正在挑战：129</span>
|
||||||
|
<span class=" mr10">完成挑战：1.6万</span>
|
||||||
|
<span class=" mr10">最佳表现：98分</span>
|
||||||
|
<span class=" mr10">测评次数：3次</span>
|
||||||
|
<span class=" mr10">平均表现：80分 </span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="cl"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--实训任务结束-->
|
|
||||||
|
<% if false %>
|
||||||
|
<%= content_for(:header_tags) do %>
|
||||||
|
<%= import_ke(enable_at: true,init_activity: true) %>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<!--实训任务列表开始-->
|
||||||
|
<div class="myissues_con mb10">
|
||||||
|
<% if @shixun.parent_id.nil? || User.current.admin? %>
|
||||||
|
<a href="<%= new_shixun_challenge_path(@shixun) %>" class="btn btn-green fr mb10">新建</a>
|
||||||
|
<div class="cl"></div>
|
||||||
|
<% else %>
|
||||||
|
<div class="pro_new_prompt mb10">
|
||||||
|
<p>完成任务后，请点击“提交评测”按钮，若通过系统测试，将为你发送下一个任务，祝你早日通关，加油！</p>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
<% if @challenges.empty? %>
|
||||||
|
<%= render :partial => "projects/no_data" %>
|
||||||
|
<% else %>
|
||||||
|
<div class="issues_con_list" >
|
||||||
|
<div >
|
||||||
|
<table class="issues-table" cellpadding="0" cellspacing="0">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th><p class="text-left">所有<span class="issues_nav_tag ml5" style=" font-weight: normal;"><%= @chanlleges_count %></span></p></th>
|
||||||
|
<th class="w50"> </th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="issue_list">
|
||||||
|
<%= render :partial => 'content_list', :locals => {:challenges => @challenges} %>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div style="text-align:left;">
|
||||||
|
<div style="width:auto; display:inline-block;">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
<!--实训任务结束-->
|
||||||
|
<% end %>
|
||||||
|
|
@ -9,21 +9,16 @@
|
||||||
<%= favicon %>
|
<%= favicon %>
|
||||||
<%= javascript_heads %>
|
<%= javascript_heads %>
|
||||||
<%= heads_for_theme %>
|
<%= heads_for_theme %>
|
||||||
<%= stylesheet_link_tag 'jquery/jquery-ui-1.9.2','css/common','css/structure','scm','css/public', 'css/project','css/popup','repository','css/gantt', 'css/calendar', 'css/moduel', 'css/font-awesome' %>
|
<%= stylesheet_link_tag 'jquery/jquery-ui-1.9.2','css/common', 'css/taskstyle', 'css/structure','scm','css/public', 'css/project','css/popup','repository','css/gantt', 'css/calendar', 'css/moduel', 'css/font-awesome' %>
|
||||||
<%= call_hook :view_layouts_base_html_head %>
|
<%= call_hook :view_layouts_base_html_head %>
|
||||||
<!-- page specific tags -->
|
<!-- page specific tags -->
|
||||||
<%= yield :header_tags -%>
|
<%= yield :header_tags -%>
|
||||||
</head>
|
</head>
|
||||||
<%= @shixun %>
|
|
||||||
<!--add by huang-->
|
<!--add by huang-->
|
||||||
<body onload="prettyPrint();">
|
<body onload="prettyPrint();">
|
||||||
<div class="navContainer mb10"> <%= render :partial => User.current.logged? ? 'layouts/logined_header' : 'layouts/unlogin_header' %></div>
|
<div class="navContainer"> <%= render :partial => User.current.logged? ? 'layouts/logined_header' : 'layouts/unlogin_header' %></div>
|
||||||
<div class="cl"></div>
|
|
||||||
|
|
||||||
<div id="Container">
|
<%= render :partial => 'shixuns/shixun_top' %>
|
||||||
<div id="content" class="sy_contanier" style=" width:1000px; margin:0 auto;">
|
|
||||||
<%= render :partial => 'shixuns/shixun_top' %>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<%= render_flash_messages %>
|
<%= render_flash_messages %>
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
|
|
|
||||||
|
|
@ -1,63 +1,24 @@
|
||||||
<%# training_tasks_count = @shixun.training_tasks.count %>
|
<% update_visiti_count @shixun %>
|
||||||
<% project_acts = 99999 %>
|
|
||||||
|
|
||||||
<%# 更新访问数,刷新的时候更新访问次数 %>
|
<div class="task-header">
|
||||||
<% update_visiti_count @shixun %>
|
<div class="task-header-info">
|
||||||
|
<h2>
|
||||||
<div class="pro_new_top clear mb10">
|
<a href="<%= user_path(@shixun.owner) %>"><%= @shixun.owner.try(:show_name) %>导师</a>
|
||||||
<div class="fl pro_new_name ml15 clear">
|
<span class="ml5 mr5">/ </span><a href="<%= shixun_path(@shixun.parent) %>"><%= @shixun.name %></a>
|
||||||
<% unless @shixun.is_public? %><span class="icons_newpro_lock fl "></span><% end %>
|
</h2>
|
||||||
<%=link_to "#{@shixun.owner.try(:show_name)+ (@shixun.parent_id.nil? ? "导师" : "")}<span class='ml5 mr5'>/</span>".html_safe, user_path(@shixun.owner), :class => "pro_new_username" %>
|
|
||||||
<%=link_to @shixun.name, shixun_path(@shixun), :class => "pro_new_username break_word" %>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<% if allow_shixun_exec(@shixun) %>
|
<div class="task-header-nav">
|
||||||
<div class="fr clear mr15">
|
<ul class="task-header-navs clearfix">
|
||||||
<ul>
|
<li><a href="<%= shixun_challenges_url(@shixun) %>" class="active">实训</a></li>
|
||||||
<span id="join_in_project_applied">
|
<li>
|
||||||
<li class="mr5 fl">
|
<%= link_to l(:project_module_repository),
|
||||||
<%= link_to "开始实训", shixun_monitor_shixun_path(@shixun), :class => "sy_btn_green fr", :remote => true %>
|
({:controller => 'repositories',
|
||||||
</li>
|
:action => 'shixun_show',
|
||||||
</span>
|
:id => @shixun,
|
||||||
</ul>
|
:repository_id => shixun_repository(@shixun).try(:identifier)})
|
||||||
</div>
|
%>
|
||||||
<% end %>
|
</li>
|
||||||
|
<li><a href="<%= settings_shixun_path(@shixun) %>">配置</a></li>
|
||||||
<div class="cl"></div>
|
</ul>
|
||||||
<% unless @shixun.parent_id %>
|
</div>
|
||||||
<div class="fl pro_new_name ml15 clear mt5">
|
|
||||||
<span class="vl_fork fl mr5 mt2">forked from</span> <%=link_to "#{@shixun.parent.try(:owner).try(:show_name)}<span class='ml5 mr5'>/</span>".html_safe, user_path(@shixun.parent.try(:owner)), :class => "pro_new_username_fork fl", :target => "_blank" %>
|
|
||||||
<%=link_to @shixun.parent.try(:name), shixun_path(@shixun.parent), :class => "pro_new_username_fork fl", :target => "_blank" %>
|
|
||||||
</div>
|
|
||||||
<div class="cl"></div>
|
|
||||||
<% end %>
|
|
||||||
|
|
||||||
<div class="pro_new_topnav mt8">
|
|
||||||
<ul>
|
|
||||||
<!--实训任务-->
|
|
||||||
<li id="project_menu_011">
|
|
||||||
<%= link_to 1 > 0 ? "#{l(:project_module_training_tasks)}<span class='issues_nav_tag ml5'>#{switch_integer_into_k 99999}</span>".html_safe : "#{l(:project_module_training_tasks)}", shixun_challenges_url(@shixun), :class => "pro_new_proname", :title => "#{99999}" %>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<!--版本库-->
|
|
||||||
<% unless @shixun.repository.nil? %>
|
|
||||||
<li id="project_menu_05">
|
|
||||||
<%= link_to (1 > 0 ? "#{l(:project_module_repository)}<span class='issues_nav_tag ml5'>#{switch_integer_into_k 99999}</span>".html_safe : "#{l(:project_module_repository)}"),
|
|
||||||
({:controller => 'repositories', :action => 'shixun_show', :id => @shixun, :repository_id => shixun_repository(@shixun).try(:identifier)}),
|
|
||||||
:class => "pro_new_proname", :title => "#{99999}" %></li>
|
|
||||||
<% end %>
|
|
||||||
<li id="project_menu_010">
|
|
||||||
<%= link_to "#{l(:button_configure)}", settings_shixun_path(@shixun), :class => "pro_new_proname" %>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!--新版项目头部结束-->
|
|
||||||
<script>
|
|
||||||
$(function(){
|
|
||||||
|
|
||||||
$("#project_menu_0<%= @shixun_menu_type %>").addClass('pro_new_topnav_active');
|
|
||||||
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
|
|
@ -1,151 +1,152 @@
|
||||||
/************新版公共****************/
|
/************新版公共****************/
|
||||||
a:link,a:visited{text-decoration:none;color:#898989;}
|
a:link,a:visited{text-decoration:none;color:#898989;}
|
||||||
a:hover {color:#29bd8b;}
|
a:hover {color:#29bd8b;}
|
||||||
/*万能清除浮动*/
|
body{ font-size:14px; line-height:2.0;}
|
||||||
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
|
/*万能清除浮动*/
|
||||||
.clearfix{clear:both;zoom:1}
|
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
|
||||||
.cl{ clear: both; overflow: hidden;}
|
.clearfix{clear:both;zoom:1}
|
||||||
/*通用浮动*/
|
.cl{ clear: both; overflow: hidden;}
|
||||||
.fl{ float: left;}
|
/*通用浮动*/
|
||||||
.fr{ float: right;}
|
.fl{ float: left;}
|
||||||
/*通用文字功能样式*/
|
.fr{ float: right;}
|
||||||
.color-red{ color:#d2322d;}
|
/*通用文字功能样式*/
|
||||||
.color-green{color:#51a74f;}
|
.color-red{ color:#d2322d;}
|
||||||
.color-light-green{color:#29bd8b;}
|
.color-green{color:#51a74f;}
|
||||||
.color-blue{color:#2788d0;}
|
.color-light-green{color:#29bd8b;}
|
||||||
.color-orenge{color:#ee4a1f;}
|
.color-blue{color:#2788d0;}
|
||||||
.color-yellow{color:#f0ad4e;}
|
.color-orenge{color:#ee4a1f;}
|
||||||
.color-grey{color:#888;}
|
.color-yellow{color:#f0ad4e;}
|
||||||
a.link-color-grey{color:#888;}
|
.color-grey{color:#888;}
|
||||||
a:hover.link-color-grey{color:#29bd8b;}
|
a.link-color-grey{color:#888;}
|
||||||
a.link-color-green{color:#29bd8b;}
|
a:hover.link-color-grey{color:#29bd8b;}
|
||||||
/*通用文字大小样式*/
|
a.link-color-green{color:#29bd8b;}
|
||||||
.font-14{ font-size: 14px;}
|
/*通用文字大小样式*/
|
||||||
.font-16{ font-size: 16px;}
|
.font-14{ font-size: 14px;}
|
||||||
.font-18{ font-size: 18px;}
|
.font-16{ font-size: 16px;}
|
||||||
.font-20{ font-size: 20px;}
|
.font-18{ font-size: 18px;}
|
||||||
.font-24{ font-size: 24px;}
|
.font-20{ font-size: 20px;}
|
||||||
.font-28{ font-size: 28px;}
|
.font-24{ font-size: 24px;}
|
||||||
.font-30{ font-size: 30px;}
|
.font-28{ font-size: 28px;}
|
||||||
/*通用内外边距*/
|
.font-30{ font-size: 30px;}
|
||||||
.mt3{ margin-top:3px;}.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}.mt30{ margin-top:30px;}
|
/*通用内外边距*/
|
||||||
.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}
|
.mt3{ margin-top:3px;}.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}.mt30{ margin-top:30px;}
|
||||||
.ml5{ margin-left: 5px;}.ml10{ margin-left: 10px;}.ml15{ margin-left: 15px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}.ml230{ margin-left: 230px;}
|
.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}
|
||||||
.mr5{ margin-right: 5px;}.mr10{ margin-right: 10px;}.mr15{ margin-right: 15px;}.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right:30px;}
|
.ml5{ margin-left: 5px;}.ml10{ margin-left: 10px;}.ml15{ margin-left: 15px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}.ml230{ margin-left: 230px;}
|
||||||
.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}
|
.mr5{ margin-right: 5px;}.mr10{ margin-right: 10px;}.mr15{ margin-right: 15px;}.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right:30px;}
|
||||||
.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}
|
.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}
|
||||||
.pl5{ padding-left:5px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}
|
.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}
|
||||||
.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px;}
|
.pl5{ padding-left:5px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}
|
||||||
/*块*/
|
.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px;}
|
||||||
.col-width-10{ max-width: 100%; background: #fff; border:1px solid #e8e8e8;}
|
/*块*/
|
||||||
.col-width-9{ max-width: 90%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-10{ max-width: 100%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-8{ max-width: 80%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-9{ max-width: 90%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-7{ max-width: 70%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-8{ max-width: 80%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-6{ max-width: 60%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-7{ max-width: 70%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-5{ max-width: 50%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-6{ max-width: 60%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-4{ max-width: 40%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-5{ max-width: 50%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-3{ max-width: 30%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-4{ max-width: 40%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-3{ max-width: 30%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
|
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
/*按钮*/
|
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
|
||||||
a.task-btn{display: inline-block;border:none; padding:0 35px;color: #666;background: #e1e1e1; text-align:center;font-size: 12px; height: 35px;line-height: 35px; border-radius:3px;}
|
/*按钮*/
|
||||||
a:hover.task-btn {background: #c3c3c3; }
|
a.task-btn{display: inline-block;border:none; padding:0 35px;color: #666;background: #e1e1e1; text-align:center;font-size: 12px; height: 35px;line-height: 35px; border-radius:3px;}
|
||||||
a.task-btn-green{background: #29bd8b; color: #fff;}
|
a:hover.task-btn {background: #c3c3c3; }
|
||||||
a:hover.task-btn-green{background: #19b17e;}
|
a.task-btn-green{background: #29bd8b; color: #fff;}
|
||||||
/*提示条*/
|
a:hover.task-btn-green{background: #19b17e;}
|
||||||
.alert{ padding:10px;border: 1px solid transparent; text-align: center;}
|
/*提示条*/
|
||||||
.alert-blue{ background-color: #d9edf7;border-color: #bce8f1; color: #3a87ad;}
|
.alert{ padding:10px;border: 1px solid transparent; text-align: center;}
|
||||||
.alert-orange{ background-color: #fff9e9;border-color: #f6d0b1; color:#ee4a20;}
|
.alert-blue{ background-color: #d9edf7;border-color: #bce8f1; color: #3a87ad;}
|
||||||
.alert-green{ background-color: #dff0d8;border-color: #d6e9c6; color:#3c763d;}
|
.alert-orange{ background-color: #fff9e9;border-color: #f6d0b1; color:#ee4a20;}
|
||||||
.close{padding: 0;cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 21px; font-weight: bold;line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.3;}
|
.alert-green{ background-color: #dff0d8;border-color: #d6e9c6; color:#3c763d;}
|
||||||
.close:hover{opacity: 0.5;}
|
.close{padding: 0;cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 21px; font-weight: bold;line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.3;}
|
||||||
/*tag*/
|
.close:hover{opacity: 0.5;}
|
||||||
.task-tag{ padding:0 10px; text-align: center; display:inline-block; height:30px; line-height: 30px;}
|
/*tag*/
|
||||||
.tag-blue{ background-color: #d9edf7; color: #3a87ad;}
|
.task-tag{ padding:0 10px; text-align: center; display:inline-block; height:30px; line-height: 30px;}
|
||||||
.tag-grey{ background-color: #f3f5f7; color: #4d555d;}
|
.tag-blue{ background-color: #d9edf7; color: #3a87ad;}
|
||||||
.tag-border-grey{ background-color: #fff;border-color: #e2e2e2; color: #888;}
|
.tag-grey{ background-color: #f3f5f7; color: #4d555d;}
|
||||||
/****************************/
|
.tag-border-grey{ background-color: #fff;border-color: #e2e2e2; color: #888;}
|
||||||
.task-container{ min-width:1300px; margin:0 auto; background: #f5f9fc; position: relative;}
|
/****************************/
|
||||||
/*左侧导航*/
|
.task-container{ min-width:1300px; margin:0 auto; background: #f5f9fc; position: relative;}
|
||||||
.leftbar{ position: fixed; height: 100%;overflow-y: auto; z-index: 100; background: #1f212d; width: 210px;}
|
/*左侧导航*/
|
||||||
.user-info{ width: 210px; height:180px; background:#29bd8b; padding-top:30px;}
|
.leftbar{ position: fixed; height: 100%;overflow-y: auto; z-index: 100; background: #1f212d; width: 210px;}
|
||||||
a.user-info-img{ display: block; width: 100px; height: 100px; margin:0 auto; }
|
.user-info{ width: 210px; height:180px; background:#29bd8b; padding-top:30px;}
|
||||||
a.user-info-img img{border-radius:100px;border:5px solid #3fcf9e;}
|
a.user-info-img{ display: block; width: 100px; height: 100px; margin:0 auto; }
|
||||||
a.user-info-img img:hover{border:5px solid #4cdeac;}
|
a.user-info-img img{border-radius:100px;border:5px solid #3fcf9e;}
|
||||||
a.user-info-name{ display: block; font-size: 16px; color: #fff; max-width:100px; margin: 20px auto; text-align: center;}
|
a.user-info-img img:hover{border:5px solid #4cdeac;}
|
||||||
.leftnav-box{ width: 210px; height: 100px; background:#292b3a; padding:10px 0; margin-bottom:2px;}
|
a.user-info-name{ display: block; font-size: 16px; color: #fff; max-width:100px; margin: 20px auto; text-align: center;}
|
||||||
a.leftnav-box-inner{ display: block; width: 207px; height:80px; border-left:3px solid #292b3a; background:#292b3a; text-align: center; padding-top:20px; color:#575f6c;}
|
.leftnav-box{ width: 210px; height: 100px; background:#292b3a; padding:10px 0; margin-bottom:2px;}
|
||||||
a:hover.leftnav-box-inner,a.leftnav-active{border-left:3px solid #29bd8b;color: #fff; }
|
a.leftnav-box-inner{ display: block; width: 207px; height:80px; border-left:3px solid #292b3a; background:#292b3a; text-align: center; padding-top:20px; color:#575f6c;}
|
||||||
.btn-cir{ background:#575f6c; color:#292b3a;display: inline-block; padding:0px 5px; border-radius:15px;}
|
a:hover.leftnav-box-inner,a.leftnav-active{border-left:3px solid #29bd8b;color: #fff; }
|
||||||
.btn-cir:hover{background:#fff;}
|
.btn-cir{ background:#575f6c; color:#292b3a;display: inline-block; padding:0px 5px; border-radius:15px;}
|
||||||
.btn-cir-grey{background: #e1e1e1;color: #333;}
|
.btn-cir:hover{background:#fff;}
|
||||||
.btn-cir-grey:hover{background: #c3c3c3;}
|
.btn-cir-grey{background: #e1e1e1;color: #333;}
|
||||||
/*右侧头部*/
|
.btn-cir-grey:hover{background: #c3c3c3;}
|
||||||
.rightbar-header{position: fixed; top: 0; left:210px; width: 100%; z-index:100; background:#282c37; height:60px; min-width: 1300px;}
|
/*右侧头部*/
|
||||||
.rightbar-score{ margin-top: 17px; font-size: 14px; margin-right:20px;}
|
.rightbar-header{position: fixed; top: 0; left:210px; width: 100%; z-index:100; background:#282c37; height:60px; min-width: 1300px;}
|
||||||
.rightbar-score li{ float: left; color:#fff; margin-right: 20px;}
|
.rightbar-score{ margin-top: 17px; font-size: 14px; margin-right:20px;}
|
||||||
.rightbar-score li a{ color:#fff;}
|
.rightbar-score li{ float: left; color:#fff; margin-right: 20px;}
|
||||||
a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top: 12px;}
|
.rightbar-score li a{ color:#fff;}
|
||||||
.rightbar-h2{ color:#fff; margin:12px 0 0 20px; font-weight: normal;}
|
a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top: 12px;}
|
||||||
.rightbar{padding-top: 60px;margin-left: 210px;min-height: 1000px;background:#f5f9fc; color:#333;}
|
.rightbar-h2{ color:#fff; margin:12px 0 0 20px; font-weight: normal;}
|
||||||
/*右侧内容*/
|
.rightbar{padding-top: 60px;margin-left: 210px;min-height: 1000px;background:#f5f9fc; color:#333;}
|
||||||
.content{ width:100%; min-width:1000px; padding:15px;}
|
/*右侧内容*/
|
||||||
.content-row{ }
|
.content{ width:100%; min-width:1000px; padding:15px;}
|
||||||
.content-info{ width:49%; min-width:450px; position: relative; }
|
.content-row{ }
|
||||||
.content-editor{ width:49%; min-width:450px;position: relative; margin-left:15px; }
|
.content-info{ width:49%; min-width:450px; position: relative; }
|
||||||
.panel-header{ border-bottom:1px solid #eee; padding:10px 15px;}
|
.content-editor{ width:49%; min-width:450px;position: relative; margin-left:15px; }
|
||||||
/* tab */
|
.panel-header{ border-bottom:1px solid #eee; padding:10px 15px;}
|
||||||
.tab_content{ width: 100%; margin: 0 auto; background:#fff; }
|
/* tab */
|
||||||
#tab_nav {height:40px;background: #eff0f4; }
|
.tab_content{ width: 100%; margin: 0 auto; background:#fff; }
|
||||||
#tab_nav li {float:left; padding:0px 50px;text-align:center;height: 40px;line-height: 40px; }
|
#tab_nav {height:40px;background: #eff0f4; }
|
||||||
#tab_nav li a{font-size:14px; }
|
#tab_nav li {float:left; padding:0px 50px;text-align:center;height: 40px;line-height: 40px; }
|
||||||
.tab_hover {border-bottom:1px solid #fff; background: #fff;}
|
#tab_nav li a{font-size:14px; }
|
||||||
.tab_hover a{ color:#29bd8b; font-weight:bold;}
|
.tab_hover {border-bottom:1px solid #fff; background: #fff;}
|
||||||
.undis {display:none;}
|
.tab_hover a{ color:#29bd8b; font-weight:bold;}
|
||||||
.dis {display:block;}
|
.undis {display:none;}
|
||||||
.tab-info{ }
|
.dis {display:block;}
|
||||||
.content-editor-inner{height:655px; overflow:auto;}
|
.tab-info{ }
|
||||||
.tab-info-inner{ height:600px;overflow:auto; margin:15px 0 0px 15px; }
|
.content-editor-inner{height:655px; overflow:auto;}
|
||||||
.content-history-inner{height:135px; overflow:auto; padding:15px;}
|
.tab-info-inner{ height:600px;overflow:auto; margin:15px 0 0px 15px; }
|
||||||
.content-history{width:49%; min-width:150px; }
|
.content-history-inner{height:135px; overflow:auto; padding:15px;}
|
||||||
.history-success{ width: 100%; height:40px; line-height: 40px; background:#eef1f2; color:#666; }
|
.content-history{width:49%; min-width:150px; }
|
||||||
.history-fail{ width: 100%; height:40px; line-height: 40px; background:#fdebeb; color:#e53238; }
|
.history-success{ width: 100%; height:40px; line-height: 40px; background:#eef1f2; color:#666; }
|
||||||
.icon-fail{ display:inline-block; padding:0 8px; background:#e53238; color:#fff;}
|
.history-fail{ width: 100%; height:40px; line-height: 40px; background:#fdebeb; color:#e53238; }
|
||||||
.icon-success{ display:inline-block; padding:0 8px; background:#252e38; color:#fff;}
|
.icon-fail{ display:inline-block; padding:0 8px; background:#e53238; color:#fff;}
|
||||||
.content-output{width:38%; min-width:250px;}
|
.icon-success{ display:inline-block; padding:0 8px; background:#252e38; color:#fff;}
|
||||||
.content-submit{width:10%; min-width:135px;}
|
.content-output{width:38%; min-width:250px;}
|
||||||
.content-submitbox{ width:120px; margin: 15px auto; height:135px;}
|
.content-submit{width:10%; min-width:135px;}
|
||||||
.panel-inner{ background:#EFF2F7; margin:15px; padding:15px;}
|
.content-submitbox{ width:120px; margin: 15px auto; height:135px;}
|
||||||
.panel-inner-title{ font-size: 14px; color: #666;}
|
.panel-inner{ background:#EFF2F7; margin:15px; padding:15px;}
|
||||||
/* 弹框 */
|
.panel-inner-title{ font-size: 14px; color: #666;}
|
||||||
.task-popup{ width: 30%;background: #fff; border:1px solid #e8e8e8; border-radius:3px; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; margin: 50px auto;}
|
/* 弹框 */
|
||||||
.task-popup-text-center{ text-align: center; color: #666;}
|
.task-popup{ width: 30%;background: #fff; border:1px solid #e8e8e8; border-radius:3px; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; margin: 50px auto;}
|
||||||
.task-popup-title{ border-bottom: 1px solid #eee; padding:10px 15px; }
|
.task-popup-text-center{ text-align: center; color: #666;}
|
||||||
.task-popup-content{ padding:15px;}
|
.task-popup-title{ border-bottom: 1px solid #eee; padding:10px 15px; }
|
||||||
.task-popup-submit{ margin:15px auto; width: 200px;}
|
.task-popup-content{ padding:15px;}
|
||||||
/* TPM */
|
.task-popup-submit{ margin:15px auto; width: 200px;}
|
||||||
.task-header{ width: 100%; background:url("../images/task/task-bg-header.png") 0 0 repeat-x; height: 100px;}
|
/* TPM */
|
||||||
.task-header-info{ width: 1000px; margin: 0 auto; color:#fff; padding:30px 0;}
|
.task-header{ width: 100%; background:url("/images/task/task-bg-header.png") 0 0 repeat-x; height: 100px;}
|
||||||
.task-header-info h2 a,.task-header-info h2{ font-weight: normal;color:#fff;}
|
.task-header-info{ width: 1000px; margin: 0 auto; color:#fff; padding:30px 0;}
|
||||||
.task-header-nav{ width: 100%; height:50px; background:#282c37;}
|
.task-header-info h2 a,.task-header-info h2{ font-weight: normal;color:#fff;}
|
||||||
.task-header-navs{ width: 1000px; margin: 0 auto;}
|
.task-header-nav{ width: 100%; height:50px; background:#282c37;}
|
||||||
.task-header-navs li{ float: left;}
|
.task-header-navs{ width: 1000px; margin: 0 auto;}
|
||||||
.task-header-navs li a{ display: block; height: 50px; padding:0 50px; color:#fff; text-align: center; font-size: 16px; line-height: 50px;}
|
.task-header-navs li{ float: left;}
|
||||||
.task-header-navs li a:hover,.task-header-navs li a.active{ background:#29bd8b;}
|
.task-header-navs li a{ display: block; height: 50px; padding:0 50px; color:#fff; text-align: center; font-size: 16px; line-height: 50px;}
|
||||||
.task-pm-content{ width: 1000px; margin: 0 auto; }
|
.task-header-navs li a:hover,.task-header-navs li a.active{ background:#29bd8b;}
|
||||||
.task-pm-box{ width: 100%; background: #fff; border: 1px solid #e8e8e8;}
|
.task-pm-content{ width: 1000px; margin: 0 auto; }
|
||||||
.task-paner-con{ padding:15px; color:#666; line-height:2.0;}
|
.task-pm-box{ width: 100%; background: #fff; border: 1px solid #e8e8e8;}
|
||||||
.panel-form{ width:800px; margin:0 100px; padding:30px 0; line-height: 40px; }
|
.task-paner-con{ padding:15px; color:#666; line-height:2.0;}
|
||||||
.panel-form li{ margin-bottom:20px; font-size: 14px; color:#666;}
|
.panel-form{ width:800px; margin:0 100px; padding:30px 0; line-height: 40px; }
|
||||||
.panel-form-label{ display:inline-block; width:90px; text-align:right; }
|
.panel-form li{ margin-bottom:20px; font-size: 14px; color:#666;}
|
||||||
.panel-form input,.panel-form textarea{ border:1px solid #e2e2e2;color:#666;}
|
.panel-form-label{ display:inline-block; width:90px; text-align:right; }
|
||||||
.panel-form-width-690{ width: 690px; padding:5px;}
|
.panel-form input,.panel-form textarea{ border:1px solid #e2e2e2;color:#666;line-height: 40px;}
|
||||||
.panel-form-width-670{ width: 670px; padding:5px;}
|
.panel-form-width-690{ width: 690px; padding:5px;}
|
||||||
.panel-form-height-150{ height: 150px;}
|
.panel-form-width-670{ width: 670px; padding:5px;}
|
||||||
.panel-form-height-30{height: 30px;}
|
.panel-form-height-150{ height: 150px;}
|
||||||
.task-bg-grey{ background:#f3f3f3; width:680px; padding:0 10px; border:1px solid #f3f3f3;}
|
.panel-form-height-30{height: 30px;}
|
||||||
.task-bd-grey{width:680px; padding:10 0px;}
|
.task-bg-grey{ background:#f3f3f3; width:680px; padding:0 10px; border:1px solid #f3f3f3;}
|
||||||
input.task-tag-input{ border:none; background: none; height:30px; padding:0 5px; color:#888;}
|
.task-bd-grey{width:680px; padding:10 0px;}
|
||||||
|
input.task-tag-input{ border:none; background: none; height:30px; padding:0 5px; color:#888; line-height: 30px;}
|
||||||
.task-setting-tab{ height:600px;}
|
textarea.task-textarea-pd{ padding-bottom: 0px; padding-top:0px;}
|
||||||
|
.task-setting-tab{ height:600px;}
|
||||||
.task-pd15-box{ padding:15px;}
|
.task-pd15-box{ padding:15px;}
|
||||||
Loading…
Reference in New Issue