11 Star 14 Fork 8

cnphpbb/gebo-admin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
typography.html 50.77 KB
一键复制 编辑 原始数据 按行查看 历史
cnphpbb 提交于 2017-05-28 15:59 . 更新字体链接为google
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gebo Admin Panel</title>
<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<!-- jQuery UI theme -->
<link rel="stylesheet" href="lib/jquery-ui/css/Aristo/Aristo.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- sticky notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- aditional icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- flags -->
<link rel="stylesheet" href="img/flags/flags.css" />
<!-- datatables -->
<link rel="stylesheet" href="lib/datatables/extras/TableTools/media/css/TableTools.css">
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- theme color-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<!-- favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/ie.css" />
<![endif]-->
<!--[if lt IE 9]>
<script src="js/ie/html5.js"></script>
<script src="js/ie/respond.min.js"></script>
<script src="lib/flot/excanvas.min.js"></script>
<![endif]-->
</head>
<body class="full_width">
<div class="style_switcher">
<div class="sepH_c">
<p>Colors:</p>
<div class="clearfix">
<a href="javascript:void(0)" class="style_item jQclr blue_theme style_active" title="blue">blue</a>
<a href="javascript:void(0)" class="style_item jQclr dark_theme" title="dark">dark</a>
<a href="javascript:void(0)" class="style_item jQclr green_theme" title="green">green</a>
<a href="javascript:void(0)" class="style_item jQclr brown_theme" title="brown">brown</a>
<a href="javascript:void(0)" class="style_item jQclr eastern_blue_theme" title="eastern_blue">eastern blue</a>
<a href="javascript:void(0)" class="style_item jQclr tamarillo_theme" title="tamarillo">tamarillo</a>
</div>
</div>
<div class="sepH_c">
<p>Backgrounds:</p>
<div class="clearfix">
<span class="style_item jQptrn style_active ptrn_def" title=""></span>
<span class="ssw_ptrn_a style_item jQptrn" title="ptrn_a"></span>
<span class="ssw_ptrn_b style_item jQptrn" title="ptrn_b"></span>
<span class="ssw_ptrn_c style_item jQptrn" title="ptrn_c"></span>
<span class="ssw_ptrn_d style_item jQptrn" title="ptrn_d"></span>
<span class="ssw_ptrn_e style_item jQptrn" title="ptrn_e"></span>
</div>
</div>
<div class="sepH_c">
<p>Layout:</p>
<div class="clearfix">
<label class="radio-inline"><input name="ssw_layout" id="ssw_layout_fluid" value="" checked="" type="radio"> Fluid</label>
<label class="radio-inline"><input name="ssw_layout" id="ssw_layout_fixed" value="gebo-fixed" type="radio"> Fixed</label>
</div>
</div>
<div class="sepH_c">
<p>Sidebar position:</p>
<div class="clearfix">
<label class="radio-inline"><input name="ssw_sidebar" id="ssw_sidebar_left" value="" checked="" type="radio"> Left</label>
<label class="radio-inline"><input name="ssw_sidebar" id="ssw_sidebar_right" value="sidebar_right" type="radio"> Right</label>
</div>
</div>
<div class="sepH_c">
<p>Show top menu on:</p>
<div class="clearfix">
<label class="radio-inline"><input name="ssw_menu" id="ssw_menu_click" value="" checked="" type="radio"> Click</label>
<label class="radio-inline"><input name="ssw_menu" id="ssw_menu_hover" value="menu_hover" type="radio"> Hover</label>
</div>
</div>
<div class="gh_button-group">
<a href="#" id="showCss" class="btn btn-primary btn-sm">Show CSS</a>
<a href="#" id="resetDefault" class="btn btn-default btn-sm">Reset</a>
</div>
<div class="hide">
<ul id="ssw_styles">
<li class="small ssw_mbColor sepH_a" style="display:none">body {<span class="ssw_mColor sepH_a" style="display:none"> color: #<span></span>;</span> <span class="ssw_bColor" style="display:none">background-color: #<span></span> </span>}</li>
<li class="small ssw_lColor sepH_a" style="display:none">a { color: #<span></span> }</li>
</ul>
</div>
</div>
<div id="maincontainer" class="clearfix">
<header>
<nav class="navbar navbar-default navbar-fixed-top navbar-inner" role="navigation">
<div class="container">
<a class="brand pull-left" href="dashboard.html">Gebo Admin <span class="sml_t">3</span></a>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav" id="mobile-nav">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="glyphicon glyphicon-list-alt"></span> Forms <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="form_elements.html">Form elements</a></li>
<li><a href="form_extended.html">Extended form elements</a></li>
<li><a href="form_validation.html">Form Validation</a></li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="glyphicon glyphicon-th"></span> Components <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="alerts_btns.html">Alerts &amp; Buttons</a></li>
<li><a href="icons.html">Icons</a></li>
<li><a href="notifications.html">Notifications</a></li>
<li><a href="tables.html">Tables</a></li>
<li><a href="tables_more.html">Tables (more examples)</a></li>
<li><a href="tabs_accordion.html">Tabs &amp; Accordion</a></li>
<li><a href="tooltips.html">Tooltips, Popovers</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="widgets.html">Widget boxes</a></li>
<li class="dropdown">
<a href="#">Sub menu <b class="caret-right"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Sub menu 1.1</a></li>
<li><a href="#">Sub menu 1.2</a></li>
<li><a href="#">Sub menu 1.3</a></li>
<li>
<a href="#">Sub menu 1.4 <b class="caret-right"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Sub menu 1.4.1</a></li>
<li><a href="#">Sub menu 1.4.2</a></li>
<li><a href="#">Sub menu 1.4.3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="glyphicon glyphicon-wrench"></span> Plugins <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="charts.html">Charts</a></li>
<li><a href="calendar.html">Calendar</a></li>
<li><a href="datatable.html">Datatable</a></li>
<li><a href="dynamic_tree.html">Dynamic tree</a></li>
<li><a href="editable_elements.html">Editable elements</a></li>
<li><a href="file_manager.html">File Manager</a></li>
<li><a href="floating_header.html">Floating List Header</a></li>
<li><a href="google_maps.html">Google Maps</a></li>
<li><a href="gallery.html">Gallery Grid</a></li>
<li><a href="wizard.html">Wizard</a></li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="glyphicon glyphicon-file"></span> Pages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="blog_page.html"> Blog Page</a></li>
<li><a href="chat.html"> Chat</a></li>
<li><a href="error_404.html"> Error 404</a></li>
<li><a href="invoice.html"> Invoice</a></li>
<li><a href="mailbox.html">Mailbox</a></li>
<li><a href="search_page.html">Search page</a></li>
<li><a href="user_profile.html">User profile</a></li>
<li><a href="user_static.html">User profile (static)</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav user_menu navbar-right">
<li class="hidden-phone hidden-tablet">
<div class="nb_boxes clearfix">
<a data-toggle="modal" data-backdrop="static" href="#myMail" class="label ttip_b" title="New messages">25 <i class="splashy-mail_light"></i></a>
<a data-toggle="modal" data-backdrop="static" href="#myTasks" class="label ttip_b" title="New tasks">10 <i class="splashy-calendar_week"></i></a>
</div>
</li>
<li class="divider-vertical hidden-sm hidden-xs"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle nav_condensed" data-toggle="dropdown"><i class="flag-gb"></i> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0)"><i class="flag-de"></i> Deutsch</a></li>
<li><a href="javascript:void(0)"><i class="flag-fr"></i> Français</a></li>
<li><a href="javascript:void(0)"><i class="flag-es"></i> Español</a></li>
<li><a href="javascript:void(0)"><i class="flag-ru"></i> Pусский</a></li>
</ul>
</li>
<li class="divider-vertical hidden-sm hidden-xs"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="img/user_avatar.png" alt="" class="user_avatar"> kevin Gunn <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="user_profile.html">My Profile</a></li>
<li><a href="javascrip:void(0)">Another action</a></li>
<li class="divider"></li>
<li><a href="index.html">Log Out</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="modal fade" id="myMail">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3 class="modal-title">New Messages</h3>
</div>
<div class="modal-body">
<div class="alert alert-info">In this table jquery plugin turns a table row into a clickable link.</div>
<table class="table table-condensed table-striped" data-provides="rowlink">
<thead>
<tr>
<th>Sender</th>
<th>Subject</th>
<th>Date</th>
<th>Size</th>
</tr>
</thead>
<tbody>
<tr>
<td>Declan Pamphlett</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>23/05/2012</td>
<td>25KB</td>
</tr>
<tr>
<td>Erin Church</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>24/05/2012</td>
<td>15KB</td>
</tr>
<tr>
<td>Koby Auld</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>25/05/2012</td>
<td>28KB</td>
</tr>
<tr>
<td>Anthony Pound</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>25/05/2012</td>
<td>33KB</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default">Go to mailbox</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myTasks">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3 class="modal-title">New Tasks</h3>
</div>
<div class="modal-body">
<div class="alert alert-info">In this table jquery plugin turns a table row into a clickable link.</div>
<table class="table table-condensed table-striped" data-provides="rowlink">
<thead>
<tr>
<th>id</th>
<th>Summary</th>
<th>Updated</th>
<th>Priority</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>P-23</td>
<td><a href="javascript:void(0)">Admin should not break if URL…</a></td>
<td>23/05/2012</td>
<td><span class="label label-danger">High</span></td>
<td>Open</td>
</tr>
<tr>
<td>P-18</td>
<td><a href="javascript:void(0)">Displaying submenus in custom…</a></td>
<td>22/05/2012</td>
<td><span class="label label-warning">Medium</span></td>
<td>Reopen</td>
</tr>
<tr>
<td>P-25</td>
<td><a href="javascript:void(0)">Featured image on post types…</a></td>
<td>22/05/2012</td>
<td><span class="label label-success">Low</span></td>
<td>Updated</td>
</tr>
<tr>
<td>P-10</td>
<td><a href="javascript:void(0)">Multiple feed fixes and…</a></td>
<td>17/05/2012</td>
<td><span class="label label-warning">Medium</span></td>
<td>Open</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default">Go to task manager</button>
</div>
</div>
</div>
</div>
</header>
<div id="contentwrapper">
<div class="main_content">
<div id="jCrumbs" class="breadCrumb module">
<ul>
<li>
<a href="#"><i class="glyphicon glyphicon-home"></i></a>
</li>
<li>
<a href="#">Sports & Toys</a>
</li>
<li>
<a href="#">Toys & Hobbies</a>
</li>
<li>
<a href="#">Learning & Educational</a>
</li>
<li>
<a href="#">Astronomy & Telescopes</a>
</li>
<li>
Telescope 3735SX
</li>
</ul>
</div> <div class="row">
<div class="col-sm-6 col-md-6">
<h3 class="heading">Headings</h3>
<h1>H1 Lorem ipsum</h1>
<h2>H2 Lorem ipsum</h2>
<h3>H3 Lorem ipsum</h3>
<h4>H4 Lorem ipsum</h4>
<h5>H5 Lorem ipsum</h5>
<h6>H6 Lorem ipsum</h6>
</div>
<div class="col-sm-6 col-md-6">
<h3 class="heading">Blockquotes</h3>
<div class="clearfix">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing…</p>
<small>Someone famous</small>
</blockquote>
<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing…</p>
<small>Someone famous</small>
</blockquote>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12">
<h3 class="heading">Lists</h3>
<div class="row">
<div class="col-sm-3 col-md-3">
<p><code class="sepH_b">&lt;ul&gt;</code></p>
<ul>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<p><code>&lt;ul class="unstyled"&gt;</code></p>
<ul class="list-unstyled">
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<p><code>&lt;ol&gt;</code></p>
<ol>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ol>
</div>
<div class="col-sm-3 col-md-3">
<p><code>combined</code></p>
<ol>
<li>Lorem ipsum, dolor sit</li>
<li>
<ul>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ul>
</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ol>
</div>
</div>
<div class="row">
<div class="col-sm-3 col-md-3">
<p><code>&lt;ul class="list_a"&gt;</code></p>
<ul class="list_a">
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<p><code>&lt;ul class="list_b"&gt;</code></p>
<ul class="list_b">
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<p><code>&lt;ul class="list_c"&gt;</code></p>
<ul class="list_c">
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<p><code>&lt;ul class="list_d"&gt;</code></p>
<ul class="list_d">
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
<li>Lorem ipsum, dolor sit</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="row">
<div class="col-sm-6 col-md-6">
<h3 class="heading">Description</h3>
<p><code>&lt;dl&gt;</code></p>
<dl>
<dt>Lorem ipsum</dt>
<dd>A description list is perfect for defining terms.</dd>
<dt>dolor sit amet</dt>
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
<dt>Malesuada porta</dt>
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
</div>
<div class="col-sm-6 col-md-6">
<h3 class="heading">Horizontal Description</h3>
<p><code>&lt;dl class="dl-horizontal"&gt;</code></p>
<dl class="dl-horizontal">
<dt>Lorem ipsum</dt>
<dd>A description list is perfect for defining terms.</dd>
<dt>dolor sit amet</dt>
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
<dt>Malesuada porta</dt>
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="row">
<div class="col-sm-6 col-md-6">
<h3 class="heading">Pre</h3>
<p><code>&lt;pre&gt;</code></p>
<pre class="sepH_c">if ( typeof target === "boolean" ) {
deep = target;
target = arguments[1] || {};
// skip the boolean and the target
i = 2;
}
</pre>
<p><code>&lt;pre class="prettyprint linenums"&gt;</code></p>
<pre class="prettyprint linenums">if ( typeof target === "boolean" ) {
deep = target;
target = arguments[1] || {};
// skip the boolean and the target
i = 2;
}
</pre>
</div>
<div class="col-sm-6 col-md-6">
<h3 class="heading">Code</h3>
<p class="sepH_c"><code>&lt;body class="main_class"&gt;</code></p>
<p class="sepH_c"><code>if ( typeof target === "boolean" )</code></p>
<p class="sepH_c">Lorem ipsum <code>deep = target</code> dolor sit amet, porta felis euismod semper eget lacinia odio sem nec…</p>
</div>
</div>
</div>
</div> </div>
</div>
<a href="javascript:void(0)" class="sidebar_switch on_switch ttip_r" title="Hide Sidebar">Sidebar switch</a>
<div class="sidebar">
<div class="sidebar_inner_scroll">
<div class="sidebar_inner">
<form action="search_page" class="input-group input-group-sm" method="post">
<input autocomplete="off" name="query" class=" form-control input-sm" size="16" placeholder="Search..." type="text">
<span class="input-group-btn"><button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button></span>
</form>
<div id="side_accordion" class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<a href="#collapseOne" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="glyphicon glyphicon-folder-close"></i> Content
</a>
</div>
<div class="accordion-body collapse" id="collapseOne">
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li><a href="javascript:void(0)">Articles</a></li>
<li><a href="javascript:void(0)">News</a></li>
<li><a href="javascript:void(0)">Newsletters</a></li>
<li><a href="javascript:void(0)">Comments</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a href="#collapseTwo" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="glyphicon glyphicon-th"></i> Modules
</a>
</div>
<div class="accordion-body collapse" id="collapseTwo">
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li><a href="javascript:void(0)">Content blocks</a></li>
<li><a href="javascript:void(0)">Tags</a></li>
<li><a href="javascript:void(0)">Blog</a></li>
<li><a href="javascript:void(0)">FAQ</a></li>
<li><a href="javascript:void(0)">Formbuilder</a></li>
<li><a href="javascript:void(0)">Location</a></li>
<li><a href="javascript:void(0)">Profiles</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a href="#collapseThree" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="glyphicon glyphicon-user"></i> Account manager
</a>
</div>
<div class="accordion-body collapse" id="collapseThree">
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li><a href="javascript:void(0)">Members</a></li>
<li><a href="javascript:void(0)">Members groups</a></li>
<li><a href="javascript:void(0)">Users</a></li>
<li><a href="javascript:void(0)">Users groups</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a href="#collapseFour" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="glyphicon glyphicon-cog"></i> Configuration
</a>
</div>
<div class="accordion-body collapse in" id="collapseFour">
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">People</li>
<li class="active"><a href="javascript:void(0)">Account Settings</a></li>
<li><a href="javascript:void(0)">IP Adress Blocking</a></li>
<li class="nav-header">System</li>
<li><a href="javascript:void(0)">Site information</a></li>
<li><a href="javascript:void(0)">Actions</a></li>
<li><a href="javascript:void(0)">Cron</a></li>
<li class="divider"></li>
<li><a href="javascript:void(0)">Help</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a href="#collapseLong" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="glyphicon glyphicon-leaf"></i> Long content (scrollbar)
</a>
</div>
<div class="accordion-body collapse" id="collapseLong">
<div class="panel-body">
Some text to show sidebar scroll bar<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rhoncus, orci ac fermentum imperdiet, purus sapien pharetra diam, at varius nibh tellus tristique sem. Nulla congue odio ut augue volutpat congue. Nullam id nisl ut augue posuere ullamcorper vitae eget nunc. Quisque justo turpis, tristique non fermentum ac, feugiat quis lorem. Ut pellentesque, turpis quis auctor laoreet, nibh erat volutpat est, id mattis mi elit non massa. Suspendisse diam dui, fringilla id pretium non, dapibus eget enim. Duis fermentum quam a leo luctus tincidunt euismod sit amet arcu. Duis bibendum ultricies libero sed feugiat. Duis ut sapien risus. Morbi non nulla sit amet eros fringilla blandit id vel augue. Nam placerat ligula lacinia tellus molestie molestie vestibulum leo tincidunt.
Duis auctor varius risus vitae commodo. Fusce nec odio massa, ut dapibus justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dapibus, mauris sit amet feugiat tempor, nulla diam gravida magna, in facilisis sapien tellus non ligula. Mauris sapien turpis, sodales ac lacinia sit amet, porttitor in lacus. Pellentesque tincidunt malesuada magna, in egestas augue sodales vel. Praesent iaculis sapien at ante sodales facilisis.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a href="#collapse7" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="glyphicon glyphicon-th"></i> Calculator
</a>
</div>
<div class="accordion-body collapse" id="collapse7">
<div class="panel-body">
<form name="Calc" id="calc">
<div class="formSep input-group input-group-sm">
<input class="form-control" name="Input" type="text"/>
<span class="input-group-btn">
<button type="button" class="btn btn-default" name="clear" value="c" onclick="Calc.Input.value = ''">
<i class="glyphicon glyphicon-remove"></i>
</button>
</span>
</div>
<div class="form-group">
<input class="btn form-control btn-default input-sm" name="seven" value="7" onclick="Calc.Input.value += '7'" type="button">
<input class="btn form-control btn-default input-sm" name="eight" value="8" onclick="Calc.Input.value += '8'" type="button">
<input class="btn form-control btn-default input-sm" name="nine" value="9" onclick="Calc.Input.value += '9'" type="button">
<input class="btn form-control btn-default input-sm" name="div" value="/" onclick="Calc.Input.value += ' / '" type="button">
</div>
<div class="form-group">
<input class="btn form-control btn-default input-sm" name="four" value="4" onclick="Calc.Input.value += '4'" type="button">
<input class="btn form-control btn-default input-sm" name="five" value="5" onclick="Calc.Input.value += '5'" type="button">
<input class="btn form-control btn-default input-sm" name="six" value="6" onclick="Calc.Input.value += '6'" type="button">
<input class="btn form-control btn-default input-sm" name="times" value="x" onclick="Calc.Input.value += ' * '" type="button">
</div>
<div class="form-group">
<input class="btn form-control btn-default input-sm" name="one" value="1" onclick="Calc.Input.value += '1'" type="button">
<input class="btn form-control btn-default input-sm" name="two" value="2" onclick="Calc.Input.value += '2'" type="button">
<input class="btn form-control btn-default input-sm" name="three" value="3" onclick="Calc.Input.value += '3'" type="button">
<input class="btn form-control btn-default input-sm" name="minus" value="-" onclick="Calc.Input.value += ' - '" type="button">
</div>
<div class="formSep form-group">
<input class="btn form-control btn-default input-sm" name="dot" value="." onclick="Calc.Input.value += '.'" type="button">
<input class="btn form-control btn-default input-sm" name="zero" value="0" onclick="Calc.Input.value += '0'" type="button">
<input class="btn form-control btn-default input-sm" name="DoIt" value="=" onclick="Calc.Input.value = Math.round(eval(Calc.Input.value) * 1000) / 1000" type="button">
<input class="btn form-control btn-default input-sm" name="plus" value="+" onclick="Calc.Input.value += ' + '" type="button">
</div>
Contributed by <a href="http://themeforest.net/user/maumao">maumao</a>
</form>
</div>
</div>
</div>
</div>
<div class="push"></div>
</div>
<div class="sidebar_info">
<ul class="list-unstyled">
<li>
<span class="act act-warning">65</span>
<strong>New comments</strong>
</li>
<li>
<span class="act act-success">10</span>
<strong>New articles</strong>
</li>
<li>
<span class="act act-danger">85</span>
<strong>New registrations</strong>
</li>
</ul>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate.min.js"></script>
<script src="lib/jquery-ui/jquery-ui-1.10.0.custom.min.js"></script>
<!-- touch events for jquery ui-->
<script src="js/forms/jquery.ui.touch-punch.min.js"></script>
<!-- easing plugin -->
<script src="js/jquery.easing.1.3.min.js"></script>
<!-- smart resize event -->
<script src="js/jquery.debouncedresize.min.js"></script>
<!-- js cookie plugin -->
<script src="js/jquery_cookie_min.js"></script>
<!-- main bootstrap js -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- bootstrap plugins -->
<script src="js/bootstrap.plugins.min.js"></script>
<!-- typeahead -->
<script src="lib/typeahead/typeahead.min.js"></script>
<!-- code prettifier -->
<script src="lib/google-code-prettify/prettify.min.js"></script>
<!-- sticky messages -->
<script src="lib/sticky/sticky.min.js"></script>
<!-- tooltips -->
<script src="lib/qtip2/jquery.qtip.min.js"></script>
<!-- lightbox -->
<script src="lib/colorbox/jquery.colorbox.min.js"></script>
<!-- jBreadcrumbs -->
<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
<!-- hidden elements width/height -->
<script src="js/jquery.actual.min.js"></script>
<!-- custom scrollbar -->
<script src="lib/slimScroll/jquery.slimscroll.js"></script>
<!-- fix for ios orientation change -->
<script src="js/ios-orientationchange-fix.js"></script>
<!-- to top -->
<script src="lib/UItoTop/jquery.ui.totop.min.js"></script>
<!-- mobile nav -->
<script src="js/selectNav.js"></script>
<!-- common functions -->
<script src="js/gebo_common.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//* jQuery.browser.mobile (http://detectmobilebrowser.com/)
//* jQuery.browser.mobile will be true if the browser is a mobile device
(function(a) {
jQuery.browser.mobile = /android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))
})(navigator.userAgent || navigator.vendor || window.opera);
//replace themeforest iframe
if (jQuery.browser.mobile) {
if (top !== self)
top.location.href = self.location.href;
}
});
</script>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/kevinGunn/gebo-admin.git
git@gitee.com:kevinGunn/gebo-admin.git
kevinGunn
gebo-admin
gebo-admin
master

搜索帮助