提交 70e90329 编写于 作者: A Abdullah Almsaeed

Dynamically build documentation using Grunt includes

上级 8015fa34
......@@ -4,6 +4,8 @@ module.exports = function (grunt) {
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-includes');
grunt.initConfig({
watch: {
// if any .less file changes in directory "build/less/" run the "less"-task.
......@@ -61,6 +63,20 @@ module.exports = function (grunt) {
'dist/js/app.min.js': ['dist/js/app.js']
}
}
},
//Build the documentaion files
includes: {
build: {
src: ['*.html'], // Source files
dest: 'documentation/', // Destination directory
flatten: true,
cwd: 'documentation/build',
options: {
silent: true,
includePath: 'documentation/build/include'
//banner: '<!-- I am a banner <% includes.files.dest %> -->'
}
}
}
});
// the default task (running "grunt" in console) is "watch"
......
<section id='advice'>
<h2 class='page-header'><span>A Word of Advice</span></h2>
<p class='lead'>
Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it:
</p>
<ul>
<li><b>AdminLTE is based on <a href="http://getbootstrap.com/" target="_blank">Bootstrap 3</a>.</b> If you are unfamiliar with Bootstrap, visit their website and read through the documentation. All of Bootstrap components have been modified to fit the style of AdminLTE and provide a consistent look throughout the template. This way, we guarantee you will get the best of AdminLTE.</li>
<li><b>Go through the pages that are bundled with the theme.</b> Most of the template example pages contain quick tips on how to create or use a component which can be really helpful when you need to create something on the fly.</li>
<li><b>Documentation.</b> We are trying our best to make your experience with AdminLTE be smooth. One way to achieve that is to provide documentation and support. If you think that something is missing from the documentation, please do not hesitate to create an issue to tell us about it. Also, if you would like to contribute, email the support team at <a href="mailto:support@almsaeedstudio.com">support@almsaeedstudio.com</a>.</li>
<li><b>Built with <a href="http://lesscss.org/" target="_blank">LESS</a>.</b> This theme uses the LESS compiler to make it easier to customize and use. LESS is easy to learn if you know CSS or SASS. It is not necessary to learn LESS but it will benefit you a lot in the future.</li>
<li><b>Hosted on <a href="https://github.com/almasaeed2010/AdminLTE/" target="_blank">GitHub</a>.</b> Visit our GitHub repository to view issues, make requests, or contribute to the project.</li>
</ul>
<p>
<b>Note:</b> LESS files are better commented than the compiled CSS file.
</p>
</section>
\ No newline at end of file
<section id='browsers'>
<h2 class='page-header'><span>Browser Support</span></h2>
<p class="lead">AdminLTE supports the following browsers:</p>
<ul>
<li>IE9+</li>
<li>FireFox (latest)</li>
<li>Safari (latest)</li>
<li>Chrome (latest)</li>
<li>Opera (latest)</li>
</ul>
<p><b>Note:</b> IE9 does not support transitions or animations. The template will function properly but it won't use animations/transitions on IE9.</p>
</section>
\ No newline at end of file
此差异已折叠。
<section id="dependencies">
<h2 class="page-header"><span>Dependencies</span></h2>
<p class="lead">AdminLTE depends on two main frameworks.
The downloadable package contains both of these libraries, so you don't have to manually download them.</p>
<ul>
<li><a href="http://getbootstrap.com" target="_blank">Bootstrap 3</a></li>
<li><a href="http://jquery.com/" target="_blank">jQuery 1.11+</a></li>
<li><a href="#plugins">All other plugins are listed below</a></li>
</ul>
</section>
\ No newline at end of file
<section id='download'>
<h2 class='page-header'><span>Download</span></h2>
<p class='lead'>
AdminLTE can be downloaded in two different versions, each appealing to different
skill levels and use case.
</p>
<div class='row'>
<div class='col-sm-6'>
<div class='box box-primary'>
<div class='box-header with-border'>
<h3 class='box-title'>Ready</h3>
<span class='label label-primary pull-right'><i class='fa fa-html5'></i></span>
</div><!-- /.box-header -->
<div class='box-body'>
<p>Compiled and ready to use in production. Download this version
if you don't want to customize AdminLTE's LESS files.</p>
<a href='http://almsaeedstudio.com/download/AdminLTE-dist' class='btn btn-primary'><i class='fa fa-download'></i> Download</a>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
<div class='col-sm-6'>
<div class='box box-danger'>
<div class='box-header with-border'>
<h3 class='box-title'>Source Code</h3>
<span class='label label-danger pull-right'><i class='fa fa-database'></i></span>
</div><!-- /.box-header -->
<div class='box-body'>
<p>All files including the compiled CSS. Download this version
if you plan on customizing the template. <b>Requires a LESS compiler.</b></p>
<a href='http://almsaeedstudio.com/download/AdminLTE' class='btn btn-danger'><i class='fa fa-download'></i> Download</a>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
<pre class='hierarchy'><code class="language-bash" data-lang="bash">File Hierarchy of the Source Code Package
AdminLTE/
├── dist/
│ ├── CSS/
│ ├── JS
│ ├── img
├── build/
│ ├── less/
│ │ ├── AdminLTE's Less files
│ └── Bootstrap-less/ (Only for reference. No modifications have been made)
│ ├── mixins/
│ ├── variables.less
│ ├── mixins.less
└── plugins/
├── All the customized plugins CSS and JS files</code></pre>
</section>
\ No newline at end of file
<section id='faq'>
<h2 class='page-header'><span>FAQ</span></h2>
<h3>Can AdminLTE be used with Wordpress?</h3>
<p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p>
<h3>Is there an integration guide for PHP frameworks such as Yii or Symphony?</h3>
<p class='lead'>Short answer, no. However, there are forks and tutorials around the web that
provide info on how to integrate with many different frameworks. There are even versions of
AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.
</p>
<h3>How do I get notified of new AdminLTE versions?</h3>
<p class='lead'>The best option is to subscribe to our mailing list using the
<a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>.
If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a>
or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p>
</section>
\ No newline at end of file
<section id='introduction'>
<h2 class='page-header'><span>Introduction</span></h2>
<p class='lead'>
<b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels.
It is a responsive HTML template that is based on the CSS framework Bootstrap 3.
It utilizes all of the Bootstrap components in its design and re-styles many
commonly used plugins to create a consistent design that can be used as a user
interface for backend applications. AdminLTE is based on a modular design, which
allows it to be easily customized and built upon. This documentation will guide you through
installing the template and exploring the various components that are bundled with the template.
</p>
</section><!-- /#introduction -->
\ No newline at end of file
此差异已折叠。
<section id="license">
<h1 class="page-header"><span>License</span></h1>
<h3>AdminLTE</h3>
<p class="lead">AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>.
This allows you to do pretty much anything you want as long as you include the copyright in "all copies or substantial portions of the Software."
Attribution is not required (though very much appreciated).</p>
<h3>AdminLTE Premium Collection (Coming Soon)</h3>
<p class="lead">AdminLTE's premium collection provides a set of non-open source components, plugins and widgets. To use
the premium collection, you must buy a license that fits your use case. The following is the set of available licenses:</p>
<p><b>Single Application License</b></p>
<ul>
<li>Your use of the item is restricted to a single installation.
<li>You may use the item in work which you are creating for your own purposes or for your client.
<li>You must not incorporate the item in a work which is created for redistribution or resale by you or your client.
<li>The item may not be redistributed or resold.
<li>If the item contains licensed components, those components must only be used within the item and you must not extract and use them on a stand-alone basis.
<li>If the item was created using materials which are the subject of a GNU General Public License (GPL), your use of the item is subject to the terms of the GPL in place of the foregoing conditions (to the extent the GPL applies).
</ul>
<p><b>Multiple Applications License</b></p>
<ul>
<li>Your use of the item may extend to multiple installations.
<li>You may use the item in work which you are creating for your own purposes or for your clients.
<li>You must not incorporate the item in a work which is created for redistribution or resale by you or your clients.
<li>The item may not be redistributed or resold.
<li>If the item contains licensed components, those components must only be used within the item and you must not extract and use them on a stand-alone basis.
<li>If the item was created using materials which are the subject of a GNU General Public License (GPL), your use of the item is subject to the terms of the GPL in place of the foregoing conditions (to the extent the GPL applies).
</ul>
<p><b>Extended License</b></p>
<p>This license must be purchased if you intend to license, sublicense, redistribute, or resell the final product.</p>
<ul>
<li>Your use of the item may extend to multiple installations.
<li>You may use the item in work which you are creating for your own purposes or for your clients.
<li>You may license, sublicense, redistribute, or resell the item in the following circumstances:
<ul>
<li>The item is incorporated into a larger work you have created; or
<li>If you modify the item and resell the end product.
<li>If the item contains licensed components, those components must only be used within the item and you must not extract and use them on a stand-alone basis.
<li>If the item was created using materials which are the subject of a GNU General Public License (GPL), your use of the item is subject to the terms of the GPL in place of the foregoing conditions (to the extent the GPL applies).
</ul>
</ul>
<p>For further question about which license you should get, please email us at <a href="mailto:support@almsaeedstudio.com">support@almsaeedstudio.com</a>.</p>
</section>
\ No newline at end of file
<section id='plugins'>
<h2 class='page-header'><span>Plugins</span></h2>
<p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
<div class='row'>
<div class='col-sm-3'>
<ul class="list-unstyled">
<li><h4>Charts</h4></li>
<li><a href='http://chartjs.org/' target="_blank">ChartJS</a></li>
<li><a href='http://www.flotcharts.org/' target="_blank">Flot</a></li>
<li><a href='http://morrisjs.github.io/morris.js/' target="_blank">Morris.js</a></li>
<li><a href='http://omnipotent.net/jquery.sparkline/' target="_blank">Sparkline</a></li>
</ul>
</div><!-- /.col -->
<div class='col-sm-3'>
<ul class="list-unstyled">
<li><h4>Form Elements</h4></li>
<li><a href='https://github.com/seiyria/bootstrap-slider'>Bootstrap Slider</a></li>
<li><a href='http://ionden.com/a/plugins/ion.rangeSlider/en.html' target="_blank">Ion Slider</a></li>
<li><a href='http://bootstrap-datepicker.readthedocs.org/' target="_blank">Date Picker</a></li>
<li><a href='http://www.improvely.com/' target="_blank">Date Range Picker</a></li>
<li><a href='http://mjolnic.github.io/bootstrap-colorpicker/' target="_blank">Color Picker</a></li>
<li><a href='https://github.com/jdewit/bootstrap-timepicker' target="_blank">Time Picker</a></li>
<li><a href='http://git.io/arlzeA' target="_blank">iCheck</a></li>
<li><a href='http://github.com/RobinHerbots/jquery.inputmask' target="_blank">Input Mask</a></li>
</ul>
</div><!-- /.col -->
<div class='col-sm-3'>
<ul class="list-unstyled">
<li><h4>Editors</h4></li>
<li><a href='https://github.com/Waxolunist/bootstrap3-wysihtml5-bower' target="_blank">Bootstrap WYSIHTML5</a></li>
<li><a href='http://ckeditor.com' target="_blank">CK Editor</a></li>
</ul>
</div><!-- /. col -->
<div class='col-sm-3'>
<ul class="list-unstyled">
<li><h4>Other</h4></li>
<li><a href='https://datatables.net/examples/styling/bootstrap.html' target="_blank">Data Tables</a></li>
<li><a href='http://arshaw.com/fullcalendar/' target="_blank">Full Calendar</a></li>
<li><a href='http://jqueryui.com' target="_blank">jQuery UI</a></li>
<li><a href='http://anthonyterrien.com/knob/' target="_blank">jQuery Knob</a></li>
<li><a href='http://jvectormap.com/' target="_blank">jVector Map</a></li>
<li><a href='http://rocha.la' target="_blank">Slim Scroll</a></li>
<li><a href='http://github.hubspot.com/pace/docs/welcome/' target="_blank">Pace</a></li>
</ul>
</div><!-- /.col -->
</div><!-- /.row -->
</section>
\ No newline at end of file
<section id='upgrade'>
<h2 class='page-header'><span>Upgrade Guide</span></h2>
<p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
<h3>New Files</h3>
<p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not
function properly. Most important files are AdminLTE.css, skins CSS files, and app.js.</p>
<h3>Layout Changes</h3>
<ol>
<li>The .wrapper div must be placed immediately after the body tag rather than after the header</li>
<li>Change the .header div to .main-header <code>&LT;div class="main-header"></code></li>
<li>Change the .right-side class to .content-wrapper <code>&LT;div class="content-wrapper"></code></li>
<li>Change the .left-side class to .main-sidebar <code>&LT;div class="main-sidebar"></code></li>
<li>In the navbar, change .navbar-right to .navbar-custom-menu <code>&LT;div class="navbar-custom-menu"></code></li>
</ol>
<h3>Navbar Custom Dropdown Menus</h3>
<ol>
<li>The icons in the notification menu do not need bg-* classes. They should be replaced with contextual text color class such as text-aqua or text-red.</li>
</ol>
<h3>Login, Registration and Lockscreen Pages</h3>
<p>There are major changes to the HTML markup and style to these pages. The best way is to copy the page's code and customize it.</p>
<p>And you should be set to go!</p>
<h3>Mailbox</h3>
<p>Mailbox got an upgrade to include three different views. The views are inbox, read mail, and compose new email. To use these views,
you should use the provided HTML files in the pages/mailbox folder.</p>
<p><b class="text-red">Note:</b> the old mailbox layout has been deprecated in favor of the new one and will be removed by the next release.</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Documentation</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<!-- Bootstrap 3.3.2 -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<link href="../dist/css/skins/skin-blue.min.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body class="skin-blue fixed" data-spy="scroll" data-target="#scrollspy">
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="../index2.html" class="logo"><b>Admin</b>LTE</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li><a href="http://almsaeedstudio.com">Almsaeed Studio</a></li>
<li><a href="http://almsaeedstudio.com/premium">Premium Templates</a></li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar" id="scrollspy">
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="nav sidebar-menu">
<li class="header">TABLE OF CONTENTS</li>
<li class='active'><a href="#introduction"><i class='fa fa-circle-o'></i> Introduction</a></li>
<li><a href="#download"><i class='fa fa-circle-o'></i> Download</a></li>
<li><a href="#dependencies"><i class='fa fa-circle-o'></i> Dependencies</a></li>
<li><a href="#advice"><i class='fa fa-circle-o'></i> Advice</a></li>
<li><a href="#layout"><i class='fa fa-circle-o'></i> Layout</a></li>
<li class='treeview' id='scrollspy-components'>
<a href="#components"><i class='fa fa-circle-o'></i> Components</a>
<ul class='nav treeview-menu'>
<li><a href='#component-main-header'>Main Header</a></li>
<li><a href='#component-sidebar'>Sidebar</a></li>
<li><a href='#component-info-box'>Info Box</a></li>
<li><a href='#component-box'>Boxes</a></li>
<li><a href='#component-direct-chat'>Direct Chat</a></li>
</ul>
</li>
<li><a href="#plugins"><i class='fa fa-circle-o'></i> Plugins</a></li>
<li><a href="#browsers"><i class='fa fa-circle-o'></i> Browser Support</a></li>
<li><a href="#upgrade"><i class='fa fa-circle-o'></i> Upgrade Guide</a></li>
<li><a href="#faq"><i class='fa fa-circle-o'></i> FAQ</a></li>
<li><a href="#license"><i class='fa fa-circle-o'></i> License</a></li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<h1>
AdminLTE Documentation
<small>Current version 2.0</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Documentation</li>
</ol>
</div>
<!-- Main content -->
<div class="content body">
<div class="callout callout-warning no-margin">
<h4>Warning!</h4>
This documentation is under development. Some information may change as the progress of creating the documentation continues.
</div>
include "introduction.html"
<!-- ============================================================= -->
include "download.html"
<!-- ============================================================= -->
include "dependencies.html"
<!-- ============================================================= -->
include "advice.html"
<!-- ============================================================= -->
include "layout.html"
<!-- ============================================================= -->
include "components.html"
<!-- ============================================================= -->
include "plugins.html"
<!-- ============================================================= -->
include "browsers.html"
<!-- ============================================================= -->
include "upgrade.html"
<!-- ============================================================= -->
include "faq.html"
<!-- ============================================================= -->
include "license.html"
</div><!-- /.content -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2.0
</div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer>
</div><!-- ./wrapper -->
<!-- jQuery 2.1.3 -->
<script src="../plugins/jQuery/jQuery-2.1.3.min.js"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../plugins/fastclick/fastclick.min.js'></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js" type="text/javascript"></script>
<!-- SlimScroll 1.3.0 -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="docs.js"></script>
</body>
</html>
/*
* Documentation specific JS script
*/
$(function () {
var slideToTop = $("<div />");
slideToTop.html('<i class="fa fa-chevron-up"></i>');
slideToTop.css({
position: 'fixed',
bottom: '20px',
right: '25px',
width: '40px',
height: '40px',
color: '#eee',
'font-size': '',
'line-height': '40px',
'text-align': 'center',
'background-color': '#222d32',
cursor: 'pointer',
'border-radius': '5px',
'z-index': '99999',
opacity: '.7',
'display': 'none'
});
slideToTop.on('mouseenter', function () {
$(this).css('opacity', '1');
});
slideToTop.on('mouseout', function () {
$(this).css('opacity', '.7');
});
$('.wrapper').append(slideToTop);
$(window).scroll(function () {
if ($(window).scrollTop() >= 150) {
if (!$(slideToTop).is(':visible')) {
$(slideToTop).fadeIn(500);
}
} else {
$(slideToTop).fadeOut(500);
}
});
$(slideToTop).click(function () {
$("body").animate({
scrollTop: 0
}, 500);
});
$(".sidebar-menu li a").click(function () {
var $this = $(this);
var target = $this.attr("href");
if (typeof target === 'string') {
$("body").animate({
scrollTop: ($(target).offset().top) + "px"
}, 500);
}
});
});
\ No newline at end of file
此差异已折叠。
/*
* Documentation specific stylesheet
*/
.content-wrapper p {
padding: 0 10px;
font-size: 16px;
}
#components > h3 {
font-size: 25px;
border-bottom: 1px solid #dedede;
color: #000;
}
#components > h4 {
font-size: 20px;
color: #000;
}
.page-header {
border-bottom: 1px solid #ddd;
margin: 20px 0 10px 0;
position: relative;
z-index: 1;
font-size: 30px;
}
.page-header span,
.page-header a {
z-index: 5;
display: block;
background-color: #ecf0f5;
}
.page-header span::before,
.page-header a::before {
content: '#';
font-size: 25px;
margin-right: 10px;
color: #3c8dbc;
}
.lead {
font-size: 18px;
font-weight: 400;
}
.eg{
position: absolute;
top: 0;
left: 0;
display: inline-block;
background: #d2d6de;
padding: 5px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom: 1px solid #d2d6dc;
border-right: 1px solid #d2d6dc;
}
.eg + * {
margin-top: 30px;
}
.content {
padding: 10px 25px;
}
.hierarchy {
background: #333;
color: #fff;
}
.plugins-list li {
width: 50%;
float: left;
}
pre {
border: none;
}
/* desert scheme ported from vim to google prettify */
pre.prettyprint {display: block; background-color: #333; max-height: 300px; border: none!important; margin-bottom: 20px;}
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0;} /* string - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff } /* punctuation */
pre .pln { color: #fff } /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal - lightgreen */
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }
@media print {
pre.prettyprint { background-color: none }
pre .str, code .str { color: #060 }
pre .kwd, code .kwd { color: #006; font-weight: bold }
pre .com, code .com { color: #600; font-style: italic }
pre .typ, code .typ { color: #404; font-weight: bold }
pre .lit, code .lit { color: #044 }
pre .pun, code .pun { color: #440 }
pre .pln, code .pln { color: #000 }
pre .tag, code .tag { color: #006; font-weight: bold }
pre .atn, code .atn { color: #404 }
pre .atv, code .atv { color: #060 }
}
.sidebar {
margin-top: 0;
padding-top: 0!important;
}
.box .main-header {
z-index: 1000;
position: relative;
}
.treeview .nav li a:hover,
.treeview .nav li a:active {
background: transparent;
}
p {
padding: 0!important;
}
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册