* change tutorial UI.
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
#pageContainer {position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;}
|
||||
#iframeWrapper {position: absolute; left: 0; top: 0; bottom: 0; right: 300px; display: block}
|
||||
#sidebar {position: absolute; right: 0; top: 0; bottom: 0; width: 300px; background: #f5f5f5; overflow-y: auto; padding-top: 66px; border-left: 1px solid #ddd}
|
||||
#sidebar > header {background: #EBF2F9; padding: 15px; position: fixed; top: 0; right: 0; z-index: 10; width: 300px; border-bottom: 1px solid #ddd}
|
||||
#sidebar > header > h2 {margin: 0 0 0 40px; font-size: 18px; padding: 0; line-height: 36px;}
|
||||
#sidebar > header {background: #3280FC; color: #fff; padding: 15px; position: fixed; top: 0; right: 0; z-index: 10; width: 300px; border-bottom: 1px solid #ddd}
|
||||
#sidebar > header > h2 {margin: 0 0 0 40px; font-size: 18px; padding: 0; line-height: 36px; color: #fff}
|
||||
#sidebar > header .start-icon {position: absolute; left: 12px; top: 15px; width: 36px; height: 36px; text-align: center; margin-right: 5px;}
|
||||
#sidebar > header .start-icon > .icon-front {color: #fff; position: absolute; width: 36px; height: 36px; line-height: 36px; top: 0; left: 0}
|
||||
#sidebar > header .start-icon > .icon-back {font-size: 35px; color: #114f8e; line-height: 36px;}
|
||||
#sidebar > header .start-icon > .icon-front {color: #3280FC; position: absolute; width: 36px; height: 36px; line-height: 36px; top: 0; left: 0; font-size: 12px}
|
||||
#sidebar > header .start-icon > .icon-back {font-size: 35px; color: #fff; line-height: 36px;}
|
||||
#sidebar > header > .actions {position: absolute; right: 15px; top: 15px}
|
||||
#sidebar > section {padding: 20px 10px; border-top: 1px solid #ddd}
|
||||
#sidebar > section > h4 {margin: 0 0 10px 0; font-size: 14px; color: #808080; font-weight: normal}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
#start {background: #EBF2F9; padding: 40px; text-align: center;}
|
||||
.start-icon {position: relative; width: 140px; height: 140px; margin: 0 auto; line-height: 140px;}
|
||||
.start-icon > .icon-back {font-size: 140px; color: #114f8e}
|
||||
.start-icon > .icon-back {font-size: 140px; color: #145CCD}
|
||||
.start-icon > .icon-front {font-size: 56px; position: absolute; top: 35px; left: 35px; color: #EBF2F9; z-index: 10; width: 70px; height: 70px; text-align: center; line-height: 70px;}
|
||||
.start-icon > .icon-spin {-moz-animation: spin 15s infinite linear;-o-animation: spin 15s infinite linear;-webkit-animation: spin 15s infinite linear;animation: spin 15s infinite linear;}
|
||||
#start > h1 {color: #145CCD}
|
||||
#start > h1, #start > p {margin-bottom: 20px}
|
||||
|
||||
@@ -14,7 +14,7 @@ $lang->tutorial = new stdclass();
|
||||
$lang->tutorial->common = '新手教程';
|
||||
$lang->tutorial->desc = '通过完成一系列任务,快速了解禅道的基本使用方法。这可能会花费您10分钟,你可以随时退出任务。';
|
||||
$lang->tutorial->start = '立即开始';
|
||||
$lang->tutorial->exit = '退出任务';
|
||||
$lang->tutorial->exit = '退出教程';
|
||||
$lang->tutorial->congratulation = '恭喜,你已完成了所有任务!';
|
||||
$lang->tutorial->restart = '重新开始';
|
||||
$lang->tutorial->currentTask = '当前任务';
|
||||
|
||||
@@ -206,9 +206,9 @@ $(function()
|
||||
{
|
||||
trigger: 'manual',
|
||||
title: text,
|
||||
placement: 'top',
|
||||
placement: $e.offset().left > ($(window).width()*2/3) ? 'left' : 'top',
|
||||
container: 'body',
|
||||
tipClass: 'tooltip-warning'
|
||||
tipClass: 'tooltip-warning tooltip-max'
|
||||
}, options);
|
||||
$e = $e.first();
|
||||
if($lastTooltip) $lastTooltip.tooltip('hide');
|
||||
|
||||
Reference in New Issue
Block a user