add baidu style

This commit is contained in:
kekee000
2014-12-07 18:28:26 +08:00
parent a06a8cc97f
commit 05d4b4c1dd
8 changed files with 158 additions and 46 deletions

View File

@@ -10,32 +10,47 @@
<section class="navbar" role="navigation">
<div class="logo"></div>
<div class="action-groups">
<div class="btn-group">
<button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown">
插入
<span class="caret"></span>
</button>
<div class="action-groups btn-groups">
<button data-action="add-new" type="button" class="btn btn-flat btn-new btn-sm"><i class="ico ico-left i-add"></i>新字形</button>
<i class="split"></i>
<button data-action="undo" type="button" class="btn btn-flat btn-ico"><i class="ico i-undo"></i></button>
<button data-action="redo" type="button" class="btn btn-flat btn-ico"><i class="ico i-redo"></i></button>
<i class="split"></i>
<div class="btn-group">
<button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
导入
<span class="ico i-down"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-action="add-new"><a>新字形</a></li>
<li data-action="import" title="导入ttf,woff,svg,eot格式字体文件"><a>从文件中导入</a></li>
<li data-action="add-online"><a>在线字体</a></li>
<li data-action="add-url"><a>字体URL</a></li>
</ul>
</div>
<a id="export-btn" href="#" data-action="export" data-type="ttf" class="btn btn-success btn-sm">导出ttf</a>
<a id="export-btn-woff" href="#" data-action="export" data-type="woff" class="btn btn-success btn-sm">导出woff</a>
<a id="export-btn-zip" href="#" data-action="export" data-type="zip" class="btn btn-success btn-sm" title="包含ttf,woff,eot,svg等格式">导出zip</a>
<i class="split"></i>
<button data-action="save" type="button" class="btn btn-warning btn-sm">保存项目</button>
<a id="export-btn" href="#" data-action="export" data-type="ttf" class="btn btn-flat btn-ico" title="导出ttf"><i class="ico i-ttf"></i></a>
<a id="export-btn-woff" href="#" data-action="export" data-type="woff" class="btn btn-flat btn-ico" title="导出woff"><i class="ico i-woff"></i></a>
<a id="export-btn-zip" href="#" data-action="export" data-type="zip" class="btn btn-flat btn-ico" title="导出zip,包含ttf,woff,eot,svg等格式"><i class="ico i-zip"></i></a>
<i class="split"></i>
<button data-action="save" type="button" class="btn btn-flat btn-sm"><i class="ico ico-left i-save"></i>保存项目</button>
<i class="split"></i>
<div class="btn-group">
<button type="button" class="btn btn-info btn-sm dropdown-toggle" data-toggle="dropdown">
<button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
调整字形
<span class="caret"></span>
<span class="drop ico i-down"></span>
</button>
<ul class="dropdown-menu" role="menu">
@@ -47,9 +62,9 @@
<div class="btn-group">
<button type="button" class="btn btn-info btn-sm dropdown-toggle" data-toggle="dropdown">
<button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
设置
<span class="caret"></span>
<span class="drop ico i-down"></span>
</button>
<ul class="dropdown-menu" role="menu">
@@ -60,11 +75,13 @@
</ul>
</div>
<i class="split"></i>
<div class="btn-group">
<button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown">
<button type="button" class="btn btn-flat btn-preview btn-sm dropdown-toggle" data-toggle="dropdown">
预览
<span class="caret"></span>
<span class="drop ico i-down"></span>
</button>
<ul class="dropdown-menu" role="menu">
@@ -80,7 +97,7 @@
<section class="sidebar">
<div class="project-btns action-groups">
<button data-action="new" type="button" class="btn btn-flat btn-sm" title="新建ttf字体文件"><i class="ico i-new"></i>新建</button><button data-action="open" type="button" class="btn btn-flat btn-sm" title="打开ttf,woff,eot格式字体文件"><i class="ico i-open"></i>打开</button>
<button data-action="new" type="button" class="btn btn-flat btn-sm" title="新建ttf字体文件"><i class="ico ico-left i-new"></i>新建</button><button data-action="open" type="button" class="btn btn-flat btn-sm" title="打开ttf,woff,eot格式字体文件"><i class="ico ico-left i-open"></i>打开</button>
</div>
<div class="project">
<div class="project-title">项目列表</div>